/* Dark stone, hammered bronze and crimson: one frame language across the RPG. */
:root{--text:#e7dfcb;--muted:#aaa39a;--gold:#e6c67d;--rim:#a89366}
body{background:#17171b;color:var(--text)}
.player-data,.action-dock,dialog,nav button{background:linear-gradient(125deg,#38343a,#202027 55%,#29262c);border-color:#96825e;box-shadow:inset 0 1px #ded0a044,inset 0 -3px #08090a,0 0 0 1px #0d0c0e,0 4px 10px #0006}
.player-data{border-width:3px;border-style:ridge;padding-top:9px;padding-bottom:7px}
.player-hud{width:306px}.portrait{border-color:#ad9260;background:radial-gradient(#646269,#24262e);box-shadow:0 0 0 2px #191518,0 0 0 3px #c2aa6d55,inset 0 0 15px #151318}.portrait b{background:linear-gradient(#63352a,#361c19);color:#efcf87;border-color:#b6a06f}
.name-line{margin-bottom:6px}.name-line strong{color:#f1d896}.name-line span{color:#c6bdaa}.health-track{border:1px solid #aa9274;height:20px;background:#231418}.health-track>div{background:linear-gradient(#c15342,#8b2729 65%,#a13932);box-shadow:inset 0 1px #ec997277}.health-track span{font-size:13px;line-height:18px}
.buff-row{display:flex;gap:7px;height:17px;margin-top:4px;font:12px/17px Georgia;color:#b9b1a4}.buff-row>span:first-child{color:#a9d5ff}.buff-row>span:last-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.brand{font-variant:small-caps;letter-spacing:3px;color:#c7b487;bottom:26px;font-size:12px}
.area-label{top:25px}.area-label>span{font-size:22px;color:#f1ddb1;letter-spacing:2px}.area-label small{color:#ddd4c4}
.target-hud{top:92px;color:#f2dba4}.target-track{background:#281419;border-color:#958569}.target-track>div{background:linear-gradient(#a4493c,#712324)}
.minimap-shell canvas{border-color:#a7936c;box-shadow:0 0 0 2px #19171d,0 0 0 3px #bea67744}.minimap-shell .compass{background:#26232b;border-color:#ad9362}.minimap-shell>span:not(.compass){background:linear-gradient(#393038,#1c1a21);border-color:#897354;letter-spacing:1px}
.quest-hud{border:0;background:linear-gradient(90deg,#1c1b2000,#1c1b2080 25%);text-shadow:1px 2px 2px #172416}.panel-heading{border-color:#c6a35d77;color:#edd29a;font-variant:small-caps;letter-spacing:.8px;font-size:18px}.panel-heading button{background:#252229c9;border-color:#99845a}.quest-hud h2{font-size:17px;color:#f5d387}.quest-hud p{color:#f0ead9;font-size:14px}.quest-progress{font-size:14px;color:#dfdcd0}.quest-progress>span:first-child:before{content:'•';color:#e1c27e}
.action-dock{bottom:28px;border:4px ridge #9f8862;padding:8px 12px;gap:13px}.action-dock:before,.action-dock:after{width:7px;background:linear-gradient(#c2a774,#69523d,#b29a62);border:2px ridge #ba9d67;top:9px;bottom:9px}.action-dock:before{left:-11px}.action-dock:after{right:-11px}
.ability{width:60px;height:60px;border:3px ridge #af936b;background:#15141b;box-shadow:inset 0 0 8px #07060a,0 0 0 1px #0c0b0e}.ability:hover,.ability:focus-visible{border-color:#f0d58f;box-shadow:0 0 9px #e4bb5855,inset 0 0 5px #09060a}.ability kbd{font-size:10px;background:#13111dbb}.ability-icon{filter:saturate(1.15)}.ability.locked .ability-icon{filter:grayscale(1) brightness(.4)}.ability.locked{border-color:#5e5a56}.skill-lock{position:absolute;inset:0;display:grid;place-items:center;color:#a79679;text-shadow:0 1px 3px #000;font-size:21px;pointer-events:none}.cooldown{background:#100d19ca}.cooldown-text{font:bold 21px Georgia;color:#fff3d3}.ability-tooltip{bottom:82px;background:#101019f7;border-color:#a99161;font:14px/1.55 Georgia;box-shadow:0 0 0 1px #0a080b,0 4px 8px #0009}.ability-tooltip strong{color:#f2d399;font-size:17px}.ability-tooltip>span:last-child{color:#b8b4c5}.currency{font-size:15px;min-width:38px}.currency small{color:#b9ae91;font-size:12px}
.experience-bar{position:absolute;bottom:0;left:0;right:0;pointer-events:none;height:16px;background:#191421;border-top:2px ridge #9b8058;box-shadow:0 -1px #151117}.experience-bar .xp-track{margin:0;border:0;height:100%;background:#221b2a}.experience-bar .xp-track>div{background:linear-gradient(#a58dd2,#695092);box-shadow:inset 0 1px #e4c4ff77}.experience-bar>span{position:absolute;inset:0;text-align:center;font:11px/14px Georgia;color:#e7d4f3;text-shadow:1px 1px #000}
nav{bottom:31px}nav button{width:44px;height:43px;border:3px ridge #9f8862;padding:3px}.menu-badge{position:absolute;right:-4px;top:-6px;min-width:18px;height:19px;padding:0 4px;color:#ffe2a6;font:12px/15px Georgia;border:2px solid #a68b56;background:#702829;box-shadow:0 1px 3px #0008}
.message{bottom:124px;background:linear-gradient(90deg,#15141a00,#15141abd 15%,#15141abd 85%,#15141a00);font-size:15px;color:#f5dea3}.interaction{background:#211e26eb;border-color:#a89061;bottom:164px}.hint{bottom:126px;background:linear-gradient(90deg,#24212ad9,#24212a88);border-color:#baa172}.hint h1{color:#edcc89}.hint p{color:#e5ddd1}.hint-eyebrow{color:#c9b894}footer{bottom:20px;font-size:10px;color:#c6bda9}
dialog{width:min(720px,calc(100% - 28px));padding:0 22px 20px;border:5px ridge #a28e69;background:linear-gradient(120deg,#353139,#1f1e25 70%,#2b2630);color:#e3dcca;box-shadow:inset 0 0 0 1px #d1b78555,0 0 0 2px #0a090d,0 16px 65px #08090aaa}
dialog::backdrop{background:#0b0d14ab}.dialog-header{position:relative;padding:15px 0 13px;margin-bottom:20px;border-bottom:2px ridge #99825a;background:linear-gradient(90deg,#542d2d77,#211b2500 80%)}.dialog-header h2{font-size:26px;color:#efcf8f;margin-top:3px}.eyebrow{font-size:11px;color:#c9bdaa;letter-spacing:1px}.close-dialog{border:2px ridge #b49767;background:linear-gradient(#5c443b,#30252b);color:#efcf98;box-shadow:inset 0 1px #c7ad8666}.dialog-note{font-size:13px;color:#b6b0aa;line-height:1.6}.primary,.secondary,.danger{border:2px ridge #af9568;margin-top:0;padding:7px 18px;font-size:14px;box-shadow:inset 0 1px #cbb37c44,0 2px 3px #0005}.primary{background:linear-gradient(#713d32,#452125);color:#f3d99b}.secondary{background:linear-gradient(#45414b,#27242e);color:#d7cebd}.danger{background:linear-gradient(#7d3633,#4c1d23)}button:disabled{cursor:default;filter:saturate(.2);opacity:.45}button:disabled:hover{filter:saturate(.2)}
#inventoryDialog{width:min(810px,calc(100% - 28px))}.character-sheet{display:grid;grid-template-columns:minmax(270px,1fr) minmax(220px,1fr);gap:26px}.paper-area{display:grid;grid-template-columns:60px minmax(105px,1fr) 60px;gap:11px;align-items:start}.paper-doll{height:247px;border:0;background:radial-gradient(ellipse at 50% 48%,#54536566,transparent 70%);padding:25px 0 0;justify-content:start}.paper-doll canvas{width:128px;height:176px}.paper-doll strong{color:#f1d093;font-size:18px}.paper-doll span{font-size:12px;color:#b8afa7}.equipment-column{display:grid;gap:18px;padding-top:3px}.gear-slot{position:relative;width:60px;height:60px;padding:2px;border:3px ridge #887256;background:#17151d;box-shadow:inset 0 0 8px #08060c,0 1px 3px #0008}.gear-slot>span:last-child{position:absolute;bottom:-17px;left:50%;transform:translateX(-50%);color:#c1b5a0;font-size:11px;line-height:15px;white-space:nowrap}.equipment-icon{display:block;width:100%;height:100%;border:0;background-color:transparent;box-shadow:none}.empty-icon{opacity:.12;filter:grayscale(1)}.quality-common{border-color:#827c70}.quality-uncommon{border-color:#4c925b}.quality-rare{border-color:#557faf}.quality-epic{border-color:#9161b3}.selected{outline:2px solid #f0d694;outline-offset:2px}.rarity-common{color:#d9d4c6}.rarity-uncommon{color:#64d878}.rarity-rare{color:#6dacf8}.rarity-epic{color:#c18bf5}
.stats-row{grid-column:1/-1;margin-top:9px;padding:12px 13px;background:#13131acc;border:1px solid #74685577;font-size:14px;display:grid;gap:6px}.stats-row>div{display:flex;justify-content:space-between;gap:12px}.stats-row span{color:#bfb6a7}.stats-row b{font-weight:normal;color:#ede0c2}
.inventory-content h3{font-size:16px;font-weight:normal;color:#e3c68c;margin:0 0 10px;border-bottom:1px solid #7e705155;padding-bottom:8px}.inventory-content h3>span{float:right;color:#b6ac9b;font-size:12px;line-height:24px}.bag-grid{display:grid;grid-template-columns:repeat(5,46px);gap:8px;margin-bottom:15px}.bag-slot{position:relative;width:46px;height:46px;border-width:2px;border-style:solid;background:#12121b;padding:2px}.equipped-marker{position:absolute;bottom:0;right:2px;font-size:11px;color:#f4d38a;text-shadow:1px 1px #000}.level-lock{position:absolute;top:0;right:1px;color:#fff;font-size:11px;background:#7d292b;padding:0 3px}.item-details{padding:12px 13px;background:#111119e8;border:1px solid #7c6d55;min-height:196px;box-shadow:inset 0 0 10px #08070e}.item-details>strong{font-size:17px;font-weight:normal;display:block;margin-bottom:4px}.item-details small{display:block;font-size:12px;color:#b4b0a8}.item-details p{font-size:14px;line-height:1.7;color:#d9e0d3;margin:10px 0}.item-details small.red{color:#e69287}.item-comparison{border-top:1px solid #74665166;margin-top:10px;padding-top:8px;font-size:13px;line-height:1.8}.item-comparison>span{display:block}.positive{color:#83d992}.negative{color:#e99488}.item-actions{display:flex;gap:8px;margin-top:12px}.item-actions button{flex:1}.item-actions .primary{min-width:100px}
#talentDialog{width:min(800px,calc(100% - 28px))}.dialog-header h2>span{font-size:14px;color:#e5be7b;margin-left:12px;white-space:nowrap}.talent-tree{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:0 9px 15px}.talent-branch{border:1px solid #8b78524d;background:linear-gradient(#48282b44,#19171f55);padding:12px 8px}.branch-guard{background:linear-gradient(#2f385444,#19171f55)}.branch-rune{background:linear-gradient(#45365c44,#19171f55)}.talent-branch h3{font-size:20px;font-weight:normal;color:#e7ca8d;text-align:center;margin:0 0 5px}.talent-branch>p{font-size:12px;line-height:1.5;color:#afa69b;text-align:center;margin:0 0 15px;min-height:36px}.talent-nodes{display:flex;flex-direction:column;align-items:center;gap:23px}.talent-node{position:relative;background:transparent;border:0;box-shadow:none;width:100%;padding:0;color:#b8b1a5;text-align:center;min-height:96px}.talent-node:not(:last-child):after{content:'';position:absolute;top:91px;left:50%;height:28px;width:2px;background:#78634899;box-shadow:1px 0 #1b131e}.talent-node .equipment-icon{width:48px;height:48px;margin:auto;border:3px solid #696164;background-color:#16151f;filter:grayscale(.9) brightness(.65)}.talent-node.learned .equipment-icon{border-color:#d0a961;filter:none;box-shadow:0 0 7px #d5ae4155}.talent-node.available .equipment-icon{border-color:#9bbe8f;filter:none}.talent-node.selected{outline:0}.talent-node.selected .equipment-icon{outline:2px solid #f3d99c;outline-offset:3px}.talent-node>b{position:absolute;top:35px;left:50%;transform:translateX(8px);font:11px/15px Georgia;background:#10101acc;border:1px solid #8e7960;padding:0 3px;color:#f2dcae}.talent-node>span:last-of-type{display:block;font-size:14px;margin-top:7px;line-height:1.25}.talent-node>small{font-size:11px;line-height:1.2;color:#aaa297}.talent-details{display:flex;gap:14px;min-height:105px;padding:13px 14px;background:#12111c;border:1px solid #877457}.talent-details .equipment-icon{width:48px;height:48px;flex:none;border:2px solid #b09968}.talent-details strong{font-size:17px;color:#eacd8c;font-weight:normal}.talent-details p{font-size:14px;color:#dfd8cb;margin:5px 0;line-height:1.5}.talent-details small{font-size:12px;color:#b2b5a6}.talent-actions{display:flex;gap:12px;justify-content:space-between;margin-top:12px}
.npc-conversation canvas{background:radial-gradient(#69607777,#19152200);border-color:#9b8b6c44}.npc-conversation p{color:#e5d8bf}.dialog-header:before{content:'';position:absolute;bottom:-5px;left:-4px;width:7px;height:7px;transform:rotate(45deg);background:#b4a071;border:1px solid #382a20}.dialog-header:after{content:'';position:absolute;bottom:-5px;right:-4px;width:7px;height:7px;transform:rotate(45deg);background:#b4a071;border:1px solid #382a20}
@media(max-width:1100px){.player-hud{width:276px}.player-data{width:212px}.ability{width:54px;height:54px}.action-dock{gap:10px}.abilities{gap:5px}nav{right:22px;bottom:133px}.brand{bottom:26px}}
@media(max-width:760px){.player-hud{width:216px;height:65px}.player-data{width:169px;padding:6px 7px 5px 14px}.name-line{font-size:13px;margin-bottom:5px}.name-line span{font-size:10px}.health-track{height:16px}.health-track span{font-size:11px;line-height:14px}.buff-row{font-size:10px;line-height:14px;height:14px;margin-top:2px}.area-label{top:90px}.area-label>span{font-size:14px}.target-hud{top:120px}.quest-hud{top:150px;width:161px}.panel-heading{font-size:15px}.quest-hud h2{font-size:15px}.quest-hud p{font-size:12px}.quest-progress{font-size:12px}.minimap-shell>span:not(.compass){font-size:9px;letter-spacing:0}.action-dock{bottom:25px;border-width:3px;gap:9px;padding:7px 9px}.abilities{display:grid;grid-template-columns:repeat(3,43px);gap:5px}.ability{width:43px;height:43px;border-width:2px;padding:1px}.ability kbd{font-size:8px}.cooldown-text{font-size:17px}.skill-lock{font-size:16px}.currency{min-width:28px;font-size:13px}.currency small{font-size:10px}.interact-touch{height:43px;width:30px;background:linear-gradient(#5f4133,#2e2730);border:2px ridge #b09b70}.joystick{bottom:143px;background:#34313e66;border-color:#b8a17b77;box-shadow:inset 0 0 15px #11131f55}.joystick span{background:#887b69aa;border-color:#d3bd9c99}nav{bottom:147px;right:12px;flex-direction:row;gap:4px}nav button{width:32px;height:33px;border-width:2px}.menu-badge{font-size:10px;min-width:15px;height:16px;line-height:12px;right:-3px;top:-4px}.interaction{bottom:268px;font-size:13px}.message{bottom:193px;left:133px;right:12px;width:auto;transform:none;max-width:none;font-size:12px;padding:4px 8px;background:#1d1927d9}.hint{bottom:282px;width:156px}.hint h1{font-size:18px}.hint p{font-size:12px}.experience-bar{height:15px}.experience-bar>span{font-size:10px;line-height:12px}dialog{padding:0 13px 16px;border-width:4px}.dialog-header{padding-top:12px;margin-bottom:16px}.dialog-header h2{font-size:23px}.character-sheet{grid-template-columns:1fr;gap:21px}.paper-area{grid-template-columns:54px minmax(94px,1fr) 54px;gap:10px}.gear-slot{width:54px;height:54px}.equipment-column{gap:18px}.paper-doll{height:223px;padding-top:13px}.paper-doll canvas{width:115px;height:158px}.stats-row{margin-top:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;font-size:12px;padding:10px}.stats-row>div{gap:6px;flex-direction:column}.stats-row b{font-size:14px}.bag-grid{grid-template-columns:repeat(5,43px);gap:7px}.bag-slot{width:43px;height:43px}.inventory-content h3{font-size:16px}.item-details{min-height:155px}.item-details>strong{font-size:16px}.item-details p{font-size:14px}.item-actions button,.talent-actions button{font-size:13px;padding:7px 10px}.talent-tree{gap:8px;padding:0 0 12px}.talent-branch{padding:9px 2px}.talent-branch>p{display:none}.talent-branch h3{font-size:16px;margin-bottom:14px}.talent-nodes{gap:19px}.talent-node{min-height:97px}.talent-node:not(:last-child):after{height:25px}.talent-node>span:last-of-type{font-size:12px;margin-top:8px;min-height:30px}.talent-node>small{font-size:10px}.talent-node .equipment-icon{width:43px;height:43px}.talent-node>b{top:31px;font-size:10px}.talent-details{gap:10px;padding:10px}.talent-details .equipment-icon{width:38px;height:38px}.talent-details strong{font-size:16px}.talent-details p{font-size:14px}.talent-actions{gap:8px}.dialog-header h2>span{display:block;font-size:13px;margin:4px 0 0}.dialog-note{font-size:12px}#dialogueDialog{bottom:23px}}
@media(max-width:360px){.player-hud{width:190px}.player-data{width:143px}.name-line{font-size:12px}.name-line span{font-size:9px}.buff-row{font-size:9px}.bag-grid{gap:6px}}
@media(max-height:500px) and (max-width:760px){.quest-hud{top:112px;width:170px}.quest-hud p{display:none}.quest-hud h2{font-size:13px;margin:6px 0}.panel-heading{font-size:14px}.quest-progress{font-size:11px}.area-label{display:none}.hint{display:none}nav{bottom:32px;right:8px;flex-direction:column}nav button{width:28px;height:28px}nav .menu-icon{width:21px;height:21px}.joystick{bottom:139px;width:84px;height:84px}.joystick span{left:22px;top:22px}.message{bottom:179px;left:123px;right:44px}.interaction{bottom:242px;font-size:12px}}
@media(max-height:560px) and (min-width:761px){.action-dock{bottom:26px}.ability{width:48px;height:48px}.message{bottom:102px}.interaction{bottom:141px}nav{bottom:27px;right:15px}nav button{width:36px;height:36px}.hint{bottom:114px}dialog{max-height:calc(100dvh - 24px)}}