*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--gold: #d9b26a;--gold-dim: rgba(217, 178, 106, .35);--bone: #efe4cf;--ink: #0d0b0c;--blood: #c8263a;--blood-dark: #5a0d18;--stamina: #d7b347;--xp: #7fb6ff;--panel: rgba(14, 11, 12, .82);--panel-edge: rgba(217, 178, 106, .3);--display: "Cinzel", serif;--deco: "Cinzel Decorative", "Cinzel", serif;--ui: "Inter", system-ui, sans-serif}html,body{width:100%;height:100%;overflow:hidden;background:#000;color:var(--bone);font-family:var(--ui);user-select:none;-webkit-user-select:none}#game-container{position:relative;width:100vw;height:100vh;height:100dvh;overflow:hidden}html,body{overscroll-behavior:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}#game-canvas{touch-action:none}#game-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.hidden{display:none!important}kbd{display:inline-block;min-width:1.6em;padding:.1em .45em;margin:0 .15em;border:1px solid var(--gold-dim);border-bottom-width:2px;border-radius:4px;background:#ffffff0f;font-family:var(--ui);font-size:max(.78em,.7rem);color:var(--gold);text-align:center}.screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:900;display:flex;flex-direction:column;align-items:center;justify-content:center}.screen.overlay{background:radial-gradient(ellipse at center,#0a0608b8,#000000eb);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:950}.screen h2{font-family:var(--display);font-weight:700;font-size:2.4rem;letter-spacing:.2em;text-transform:uppercase;color:var(--bone);margin-bottom:1.8rem;text-shadow:0 0 30px rgba(200,38,58,.35)}#loading-screen{background:radial-gradient(ellipse at 50% 40%,#2a0f16,#0b0608 60%,#000);z-index:1000;transition:opacity 1s ease}#loading-screen.fade-out{opacity:0;pointer-events:none}.title-block{text-align:center;margin-bottom:3rem}.title-kicker{font-family:var(--display);letter-spacing:.9em;font-size:1rem;color:var(--gold);opacity:.85;text-transform:uppercase;margin-left:.9em}.title-main{font-family:var(--deco);font-size:clamp(3.5rem,9vw,7.5rem);line-height:1;color:#f3e6d0;letter-spacing:.06em;text-shadow:0 0 40px rgba(200,38,58,.55),0 4px 0 #3a0a12,0 8px 30px #000}.title-sub{font-family:var(--display);font-size:1.1rem;letter-spacing:.55em;color:#c9a37a;text-transform:uppercase;margin-top:.6rem;margin-left:.55em}.title-block.small .title-main{font-size:clamp(3rem,6vw,5.5rem)}.loading-bar-container{width:min(420px,70vw);height:4px;background:#ffffff14;border-radius:2px;overflow:hidden}.loading-bar{width:0%;height:100%;background:linear-gradient(90deg,var(--blood),var(--gold));box-shadow:0 0 12px #c8263ab3;transition:width .25s ease}.loading-status{margin-top:1rem;font-size:.82rem;letter-spacing:.08em;color:#efe4cfb8}.loading-tip{position:absolute;bottom:2.4rem;max-width:640px;text-align:center;font-size:.85rem;color:#d9b26ab3;font-style:italic;padding:0 16px}#main-menu{align-items:flex-start;justify-content:center;z-index:800}.menu-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#050304eb,#0503048c 38%,#0000 70%),radial-gradient(ellipse at 70% 50%,transparent 40%,rgba(0,0,0,.6));pointer-events:none}.menu-left{position:relative;padding-left:clamp(24px,8vw,140px)}.menu-left .title-block{text-align:left;margin-bottom:2.6rem}.menu-left .title-kicker,.menu-left .title-sub{margin-left:0}.menu-buttons{display:flex;flex-direction:column;gap:.55rem;align-items:stretch;min-width:260px}.menu-left .menu-buttons{align-items:flex-start}.menu-buttons button{font-family:var(--display);font-size:1.15rem;letter-spacing:.18em;text-transform:uppercase;color:var(--bone);background:transparent;border:none;padding:.55rem 1.2rem .55rem .2rem;cursor:pointer;text-align:left;position:relative;transition:color .2s,transform .2s,letter-spacing .2s}.screen.overlay .menu-buttons button{text-align:center;padding:.6rem 1.2rem;border:1px solid var(--panel-edge);background:#140e0fb3}.menu-buttons button:before{content:"";position:absolute;left:-18px;top:50%;width:8px;height:8px;transform:translateY(-50%) rotate(45deg) scale(0);background:var(--blood);transition:transform .2s}.menu-buttons button:hover{color:var(--gold);transform:translate(6px);letter-spacing:.22em}.screen.overlay .menu-buttons button:hover{transform:none;border-color:var(--gold);box-shadow:0 0 20px #d9b26a26}.menu-buttons button:hover:before{transform:translateY(-50%) rotate(45deg) scale(1)}.menu-buttons button:disabled{opacity:.3;pointer-events:none}.menu-foot{margin-top:3rem;font-size:.75rem;color:#efe4cf9e;letter-spacing:.05em}.device-note{margin-top:1rem;max-width:30rem;font-size:.8rem;line-height:1.5;color:var(--gold);opacity:.85}.fatal-note{margin-top:1rem;max-width:34rem;padding:0 16px;text-align:center;font-size:.9rem;line-height:1.6;color:var(--bone)}.fatal-note a{color:var(--gold)}#hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:none}#ui-world-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:90;pointer-events:none;overflow:hidden}#player-frame{position:absolute;top:22px;left:24px;display:flex;align-items:center;gap:12px}.level-badge{width:46px;height:46px;transform:rotate(45deg);border:2px solid var(--gold);background:radial-gradient(circle,#3a1117,#140608);display:grid;place-items:center;box-shadow:0 0 16px #000000b3,inset 0 0 10px #d9b26a40}.level-badge span{transform:rotate(-45deg);font-family:var(--display);font-weight:700;font-size:1.1rem;color:var(--gold)}.bars{display:flex;flex-direction:column;gap:5px}.bar{position:relative;height:12px;background:#0009;border:1px solid rgba(217,178,106,.35);overflow:hidden;clip-path:polygon(0 0,100% 0,calc(100% - 6px) 100%,0 100%)}.bar.hp{width:280px;height:18px}.bar.st{width:230px}.bar.xp{width:200px;height:5px;border-color:#7fb6ff4d}.bar-fill{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left;transition:transform .12s linear}.bar-lag{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left;background:#f3d9a8;transition:transform .6s ease .25s}.hp .bar-fill{background:linear-gradient(180deg,#ff5c6a,var(--blood) 55%,#7d1020)}.st .bar-fill{background:linear-gradient(180deg,#f5dc7a,var(--stamina) 60%,#8b6b1a)}.xp .bar-fill{background:linear-gradient(90deg,#4a86d6,var(--xp))}.bar span{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:.72rem;font-weight:600;color:#ffffffe6;text-shadow:0 1px 2px #000}#compass{position:absolute;top:18px;left:50%;transform:translate(-50%);width:min(520px,50vw);height:30px;overflow:hidden;background:linear-gradient(90deg,transparent,rgba(0,0,0,.55) 15%,rgba(0,0,0,.55) 85%,transparent);border-top:1px solid rgba(217,178,106,.25);border-bottom:1px solid rgba(217,178,106,.25);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}#compass-strip{position:absolute;top:0;right:0;bottom:0;left:0}.compass-mark{position:absolute;top:50%;transform:translate(-50%,-50%);font-family:var(--display);font-weight:700;font-size:.8rem;color:var(--bone);white-space:nowrap}.compass-mark.minor{font-size:.7rem;color:#efe4cfc7}.compass-mark.quest{color:var(--gold);font-size:1rem;text-shadow:0 0 8px rgba(217,178,106,.8)}.compass-mark.quest.side{color:#9fd0ff}.compass-mark.shrine{color:#7fd8ff;font-size:.7rem}.compass-mark.waypoint{color:#fff;font-size:.9rem;text-shadow:0 0 6px rgba(0,0,0,.9)}.compass-mark .dist{display:block;font-size:.7rem;font-family:var(--ui);text-align:center;color:#efe4cfe0;margin-top:-2px}.compass-needle{position:absolute;left:50%;bottom:0;width:2px;height:7px;background:var(--gold);transform:translate(-50%)}#minimap-wrap{position:absolute;top:18px;right:22px;width:200px;text-align:center}#minimap{width:200px;height:200px;border-radius:50%;display:block;background:#0b1520;box-shadow:0 6px 24px #0009}#minimap-ring{position:absolute;top:-4px;left:-4px;width:208px;height:208px;border-radius:50%;border:2px solid var(--gold-dim);box-shadow:inset 0 0 0 4px #00000080;pointer-events:none}#zone-label{margin-top:8px;font-family:var(--display);font-size:.82rem;letter-spacing:.12em;color:var(--bone);text-shadow:0 1px 4px #000}#clock{font-size:.75rem;color:#efe4cfd1;letter-spacing:.1em;margin-top:2px}#quest-tracker{position:absolute;top:290px;right:22px;width:260px;text-align:right}.qt-quest{margin-bottom:14px}.qt-title{font-family:var(--display);font-weight:700;font-size:.9rem;color:var(--gold);letter-spacing:.06em;text-shadow:0 1px 4px #000}.qt-quest.side .qt-title{color:#a9cfff}.qt-obj{font-size:.78rem;color:var(--bone);margin-top:4px;text-shadow:0 1px 3px #000;line-height:1.35}.qt-obj.done{color:#efe4cf94;text-decoration:line-through}.qt-obj:before{content:"◆ ";color:var(--gold-dim);font-size:.6rem;vertical-align:2px}.qt-flash{animation:qtFlash 1.4s ease}@keyframes qtFlash{0%{filter:brightness(2.5);transform:translate(-8px)}to{filter:none;transform:none}}#boss-bar{position:absolute;bottom:92px;left:50%;transform:translate(-50%);width:min(720px,70vw);text-align:center;animation:fadeUp .8s ease}.boss-name{font-family:var(--display);font-weight:700;font-size:1.2rem;letter-spacing:.14em;text-transform:uppercase;color:var(--bone);text-shadow:0 0 18px rgba(200,38,58,.6),0 2px 4px #000}.boss-title{font-size:.75rem;letter-spacing:.2em;color:var(--gold);opacity:.8;margin-bottom:6px;text-transform:uppercase}.boss-track{position:relative;height:12px;border:1px solid rgba(217,178,106,.5);background:#000000b3;overflow:hidden}.boss-fill,.boss-lag{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left}.boss-lag{background:#f0c890;transition:transform .8s ease .3s}.boss-fill{background:linear-gradient(180deg,#e0344a,#8a0d1f);transition:transform .1s linear}.boss-leave{margin-top:6px;font-size:.8rem;letter-spacing:.08em;color:#ffb0a0;text-shadow:0 1px 4px #000;animation:introPulse 1.2s ease-in-out infinite}@keyframes fadeUp{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}#hotbar{position:absolute;bottom:22px;left:24px;display:flex;gap:10px;align-items:flex-end}.slot{position:relative;width:58px;height:58px;background:#0c090ac7;border:1px solid var(--panel-edge);display:grid;place-items:center}.slot img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 2px 3px #000)}.slot img:not([src]),.slot img[src=""]{visibility:hidden}.slot .count{position:absolute;right:4px;bottom:2px;font-size:.8rem;font-weight:700;color:#fff;text-shadow:0 1px 2px #000}.slot .key{position:absolute;left:3px;top:2px;font-size:.7rem;font-weight:700;color:var(--gold);opacity:.8}.gold{display:flex;align-items:center;gap:4px;margin-left:8px;font-family:var(--display);font-weight:700;font-size:1.1rem;color:#f3d27a;text-shadow:0 1px 3px #000}.gold img{width:28px;height:28px}#interaction-prompt{position:absolute;bottom:26%;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:7px 22px 7px 7px;border-radius:999px;background:linear-gradient(100deg,#180f10f2,#0a0708e0);border:1px solid rgba(217,178,106,.4);box-shadow:0 10px 28px #0000008c,inset 0 1px #ffecc812;transition:border-color .2s,background .12s,scale .12s}#interaction-prompt.pop{animation:ipIn .24s cubic-bezier(.2,.9,.3,1.25)}@keyframes ipIn{0%{opacity:0;translate:0 10px;scale:.94}}.ip-badge{position:relative;flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--gold);background:radial-gradient(circle at 35% 30%,#d9b26a4d,#5a0d188c 72%);border:1.5px solid rgba(217,178,106,.8);box-shadow:0 0 16px #d9b26a33,inset 0 0 8px #00000080}.ip-icon svg{display:block;width:22px;height:22px;filter:drop-shadow(0 1px 1px #000)}#interaction-prompt .ip-key{position:absolute;right:-7px;bottom:-6px;min-width:19px;height:19px;margin:0;padding:0 4px;display:grid;place-items:center;border-radius:5px;border:1px solid rgba(217,178,106,.6);border-bottom-width:2px;background:#1c1213;font-size:.7rem;font-weight:800;line-height:1;color:var(--gold)}.ip-text{display:flex;flex-direction:column;gap:1px;line-height:1.15}.ip-verb{font-size:.7rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}.ip-verb:empty{display:none}.ip-subject{font-family:var(--display);font-weight:700;font-size:1.02rem;letter-spacing:.04em;color:var(--bone);white-space:nowrap;text-shadow:0 1px 3px #000}.ip-chip{margin-left:2px;padding:3px 10px;border-radius:999px;border:1px solid rgba(217,178,106,.4);background:#d9b26a1f;font-size:.75rem;font-weight:600;color:#f3d27a;white-space:nowrap}#interaction-prompt.warn{border-color:#ff6e6e80}#interaction-prompt.warn .ip-badge{color:#ff9a9a;border-color:#ff6e6ecc;background:radial-gradient(circle at 35% 30%,#ff6e6e40,#3c080ca6 72%);box-shadow:0 0 16px #ff505033}#interaction-prompt.warn .ip-verb{color:#ff9f9f}#interaction-prompt.locked .ip-badge{color:#efe4cfcc;border-color:#efe4cf73;background:radial-gradient(circle at 35% 30%,#efe4cf24,#141011cc 72%);box-shadow:none}#interaction-prompt.locked .ip-verb{color:#efe4cfb8}@keyframes pop{0%{transform:translate(-50%) scale(.9);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}#toasts{position:absolute;left:24px;bottom:100px;display:flex;flex-direction:column-reverse;gap:6px;align-items:flex-start}.toast{display:flex;align-items:center;gap:8px;padding:6px 14px 6px 8px;background:linear-gradient(90deg,#0c090ad9,#0c090a00);border-left:2px solid var(--gold);font-size:.85rem;animation:toastIn .3s ease,toastOut .5s ease 2.6s forwards}.toast img{width:26px;height:26px}.toast.gold{border-color:#f3d27a;color:#f7e3a8}.toast.danger{border-color:var(--blood);color:#ff9aa6}.toast.xp{border-color:var(--xp);color:#cfe2ff}@keyframes toastIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:none}}@keyframes toastOut{to{opacity:0;transform:translateY(6px)}}#banner{position:absolute;top:21%;left:50%;transform:translate(-50%);text-align:center;min-width:420px;padding:14px 40px;background:radial-gradient(ellipse at center,rgba(0,0,0,.65),transparent 70%);animation:bannerIn .7s ease}#banner.out{animation:bannerOut .8s ease forwards}.banner-title{font-family:var(--display);font-weight:700;font-size:2.2rem;letter-spacing:.14em;color:var(--bone);text-shadow:0 0 24px rgba(200,38,58,.45),0 3px 6px #000}.banner-title:after{content:"";display:block;width:60%;height:1px;margin:8px auto 6px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.banner-text{font-size:.9rem;letter-spacing:.16em;color:var(--gold);text-transform:uppercase}@keyframes bannerIn{0%{opacity:0;letter-spacing:.4em}to{opacity:1}}@keyframes bannerOut{to{opacity:0;transform:translate(-50%,-10px)}}#controls-hint{position:absolute;bottom:6px;left:50%;transform:translate(-50%);font-size:.72rem;color:#efe4cfa8;white-space:nowrap;text-shadow:0 1px 3px #000}#perf-monitor{position:absolute;bottom:8px;right:12px;display:flex;gap:10px;font:600 .62rem SF Mono,Menlo,monospace;color:#efe4cfa8}.dmg{position:absolute;font-family:var(--display);font-weight:900;font-size:1.15rem;color:#fff;text-shadow:0 2px 0 #000,0 0 6px rgba(0,0,0,.8);pointer-events:none;transform:translate(-50%,-50%);white-space:nowrap}.dmg.crit{color:#ffd65a;font-size:1.55rem}.dmg.heavy{color:#ffb070;font-size:1.4rem}.dmg.player{color:#ff5a5a}.dmg.drain{color:#ff2a4a;font-size:1rem}.dmg.miss{color:#bcd;font-size:.95rem;font-family:var(--ui);font-weight:700}.ehp{position:absolute;width:64px;height:6px;margin-left:-32px;background:#000000b3;border:1px solid rgba(0,0,0,.9)}.ehp>div{height:100%;background:linear-gradient(180deg,#ff5a5a,#a0141f);transform-origin:left}.ehp .lvl{position:absolute;left:-20px;top:-5px;font-size:.7rem;font-weight:700;color:#ffd0a0;text-shadow:0 1px 2px #000}.npc-tag{position:absolute;transform:translate(-50%,-100%);text-align:center;pointer-events:none}.npc-tag .mark{font-family:var(--display);font-weight:900;font-size:1.9rem;color:#ffd24a;text-shadow:0 0 10px rgba(255,200,60,.8),0 2px 2px #000;animation:bob 1.2s ease-in-out infinite}.npc-tag .mark.turnin{color:#7fe07f;text-shadow:0 0 10px rgba(120,255,120,.7),0 2px 2px #000}.npc-tag .nm{font-family:var(--display);font-size:.78rem;color:var(--bone);text-shadow:0 1px 3px #000}.npc-tag .tt{font-size:.72rem;color:var(--gold);letter-spacing:.1em;text-transform:uppercase}@keyframes bob{50%{transform:translateY(-5px)}}#dialogue{position:absolute;left:50%;bottom:8%;transform:translate(-50%);width:min(860px,88vw);padding:22px 30px 18px;z-index:300;background:linear-gradient(180deg,#0e0a0bed,#080607f5);border:1px solid var(--panel-edge);box-shadow:0 20px 60px #000000b3;animation:fadeUp .35s ease;cursor:pointer}.dlg-name{font-family:var(--display);font-weight:700;font-size:1.2rem;color:var(--gold);letter-spacing:.08em;margin-bottom:8px}.dlg-name #dlg-title{font-family:var(--ui);font-weight:500;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:#efe4cfad;margin-left:12px}.dlg-text{font-size:1.05rem;line-height:1.6;min-height:3.4em;color:var(--bone)}.dlg-choices{display:flex;flex-direction:column;gap:6px;margin-top:14px}.dlg-choices button{text-align:left;font-family:var(--ui);font-size:.95rem;color:var(--bone);background:#ffffff0a;border:1px solid rgba(217,178,106,.2);padding:9px 14px;cursor:pointer;transition:all .15s}.dlg-choices button:hover{border-color:var(--gold);color:var(--gold);background:#d9b26a14;padding-left:20px}.dlg-choices button span{color:var(--gold);margin-right:8px}.dlg-hint{position:absolute;right:16px;bottom:8px;font-size:.75rem;color:#efe4cf9e}body.touch #dialogue{padding-bottom:10px}body.touch .dlg-hint{position:static;text-align:right;margin-top:12px}#panel{position:absolute;top:5vh;right:6vw;bottom:5vh;left:6vw;z-index:400;background:linear-gradient(160deg,#140e0ff5,#080607f7);border:1px solid var(--panel-edge);box-shadow:0 30px 80px #000c;display:flex;flex-direction:column;animation:panelIn .25s ease}@keyframes panelIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}.panel-tabs{display:flex;gap:4px;padding:14px 20px 0;border-bottom:1px solid rgba(217,178,106,.2)}.panel-tabs button{font-family:var(--display);font-size:1rem;letter-spacing:.12em;text-transform:uppercase;color:#efe4cfad;background:transparent;border:none;border-bottom:2px solid transparent;padding:10px 18px;cursor:pointer}.panel-tabs button.active{color:var(--gold);border-bottom-color:var(--gold)}.panel-tabs kbd{font-size:.7rem}.panel-close{position:absolute;top:12px;right:16px;width:34px;height:34px;background:transparent;border:1px solid var(--panel-edge);color:var(--bone);cursor:pointer;font-size:1rem}.panel-body{flex:1;overflow:auto;padding:22px 26px}.inv-layout{display:grid;grid-template-columns:280px 1fr 300px;gap:26px;height:100%}.inv-col h2,.panel-body h2,.inv-col h3,.panel-body h3{font-family:var(--display);font-size:.95rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}.stat-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:.88rem}.stat-row b{color:var(--gold);font-weight:600}.equip-slot{display:flex;gap:12px;align-items:center;padding:10px;margin-bottom:10px;border:1px solid rgba(217,178,106,.2);background:#ffffff08}.equip-slot img{width:54px;height:54px;object-fit:contain}.equip-slot .lbl{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#efe4cfa6}.equip-slot .nm{font-family:var(--display);font-size:.95rem;color:var(--bone)}.inv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px;align-content:start}.inv-cell{position:relative;aspect-ratio:1;background:#ffffff08;border:1px solid rgba(217,178,106,.18);display:grid;place-items:center;cursor:pointer;transition:all .15s}.inv-cell:hover,.inv-cell.sel{border-color:var(--gold);background:#d9b26a14}.inv-cell.equipped:after{content:"E";position:absolute;top:3px;left:5px;font-size:.7rem;font-weight:800;color:#7fe07f}.inv-cell img{width:80%;height:80%;object-fit:contain;filter:drop-shadow(0 2px 3px #000)}.inv-cell .count{position:absolute;right:5px;bottom:3px;font-size:.75rem;font-weight:700;text-shadow:0 1px 2px #000}.item-detail .nm{font-family:var(--display);font-size:1.3rem;color:var(--bone)}.item-detail .type{font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin:4px 0 12px}.item-detail p{font-size:.88rem;line-height:1.55;color:#efe4cfbf;margin-bottom:14px}.item-detail img{width:120px;height:120px;object-fit:contain;display:block;margin:0 auto 12px}.btn{font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;font-size:.85rem;padding:9px 18px;color:var(--ink);background:linear-gradient(180deg,#ecc983,#b88c43);border:none;cursor:pointer}.btn:disabled{filter:grayscale(1);opacity:.4;cursor:default}.btn.ghost{background:transparent;border:1px solid var(--gold-dim);color:var(--bone)}.journal{display:grid;grid-template-columns:300px 1fr;gap:26px}.jq{padding:10px 12px;border-left:2px solid transparent;cursor:pointer;margin-bottom:4px}.jq:hover,.jq.sel{background:#d9b26a0f;border-left-color:var(--gold)}.jq .t{font-family:var(--display);font-size:.95rem}.jq .k{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}.jq.done .t{color:#efe4cf94}.jdetail p{line-height:1.6;color:#efe4cfcc;margin:8px 0 16px}.jdetail li{list-style:none;padding:5px 0;font-size:.9rem}.jdetail li.done{color:#efe4cf94;text-decoration:line-through}.map-layout{display:grid;grid-template-columns:1fr 270px;gap:18px;height:100%;min-height:0}.map-stage{touch-action:none;position:relative;min-height:0;overflow:hidden;border:1px solid var(--panel-edge);box-shadow:inset 0 0 60px #0000008c;cursor:grab}.map-stage:active{cursor:grabbing}#world-map{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.map-stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 80px #0806078c}.map-zoom{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;gap:4px;z-index:2}.map-zoom button{width:34px;height:34px;font-size:1.1rem;line-height:1;color:var(--bone);background:#0e0a0ac7;border:1px solid var(--panel-edge);cursor:pointer}.map-zoom button:hover{border-color:var(--gold);color:var(--gold)}.map-tip{position:absolute;z-index:3;transform:translate(-50%,-100%);pointer-events:none;padding:7px 11px;background:#0e0a0aeb;border:1px solid var(--gold-dim);white-space:nowrap;text-align:center}.map-tip b{display:block;font-family:var(--display);font-size:.85rem;color:var(--bone)}.map-tip span{display:block;font-size:.75rem;color:#efe4cfb3}.map-tip span.d{color:var(--gold)}.map-side{display:flex;flex-direction:column;gap:12px;min-height:0;overflow:auto}.map-card{padding:12px 14px;border:1px solid rgba(217,178,106,.18);background:#ffffff08}.map-card .k{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:6px}.map-card .v{font-family:var(--display);font-size:1.15rem;color:var(--bone)}.map-card .sub{font-size:.78rem;color:#efe4cf99;margin-top:3px}.map-card .obj{font-size:.86rem;line-height:1.4;color:var(--bone);display:flex;gap:8px;align-items:baseline}.map-card .obj.wp{margin-top:10px;font-family:var(--display)}.map-card .dia{flex:none;width:8px;height:8px;transform:rotate(45deg) translateY(-1px);background:#f3d27a}.map-card .dia.side{background:#9fd0ff}.map-legend{display:grid;gap:3px}.map-legend div{display:flex;align-items:center;gap:8px;font-size:.78rem;color:#efe4cfcc}.map-legend canvas{width:22px;height:22px;flex:none}.map-help{font-size:.78rem;line-height:1.7;color:#efe4cfad;padding:0 2px}.map-help kbd{font-size:.7rem;padding:0 4px;border:1px solid rgba(239,228,207,.3);margin-right:2px}@media(max-width:900px){.map-layout{grid-template-columns:1fr;grid-template-rows:1fr auto}.map-side{max-height:30vh}}.shop-row{display:flex;align-items:center;gap:14px;padding:10px 12px;border:1px solid rgba(217,178,106,.15);margin-bottom:8px}.shop-row.sel{border-color:var(--gold);background:#d9b26a14}.shop-row kbd{font-size:.7rem}.shop-row img{width:48px;height:48px}.shop-foot{margin-top:18px;display:flex;align-items:center;gap:18px}.shop-help{font-size:.78rem;color:#efe4cfa6}.shop-help kbd{font-size:.7rem}.shop-row .nm{flex:1}.shop-row .nm b{font-family:var(--display);display:block}.shop-row .nm small{color:#efe4cf99}.shop-row .price{font-family:var(--display);color:#f3d27a;width:80px;text-align:right}.settings-grid{display:grid;gap:14px;width:min(460px,86vw);margin-bottom:2rem}.settings-grid label{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:.92rem}.settings-grid select,.settings-grid input[type=range]{width:200px;accent-color:var(--gold)}.settings-grid select{background:#1a1213;color:var(--bone);border:1px solid var(--panel-edge);padding:6px;font-family:var(--ui)}.settings-grid .set-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;font-size:.92rem}.offline-row small{display:block;font-size:.75rem;opacity:.6}.offline-row button{width:200px;padding:6px;background:#1a1213;color:var(--bone);border:1px solid var(--panel-edge);font-family:var(--ui);font-size:.85rem;cursor:pointer}.offline-row button:hover:not(:disabled){border-color:var(--gold);color:var(--gold)}.offline-row button:disabled{opacity:.6;cursor:default}.offline-bar{flex-basis:100%;height:3px;background:#efe4cf1a}.offline-bar div{width:0;height:100%;background:var(--gold);transition:width .2s}.controls-table{border-collapse:collapse;margin-bottom:2rem;font-size:.92rem}.controls-table td{padding:7px 18px;border-bottom:1px solid rgba(217,178,106,.12)}.controls-table td:first-child{color:#efe4cfbf}#death-screen{background:radial-gradient(ellipse at center,#2800068c,#000000e6)}.death-text{font-family:var(--display);font-weight:900;font-size:clamp(3rem,9vw,6.5rem);letter-spacing:.12em;color:#b3121f;text-transform:uppercase;text-shadow:0 0 40px rgba(179,18,31,.6);animation:deathIn 2.4s ease}.death-tip{max-width:520px;margin:-1.4rem 16px 2.2rem;padding:10px 18px;text-align:center;color:#e8c98a;font-size:.95rem;line-height:1.5;border-top:1px solid rgba(232,201,138,.25);border-bottom:1px solid rgba(232,201,138,.25)}.death-sub,.victory-sub{max-width:560px;text-align:center;margin:12px 0 2.5rem;color:#efe4cfb3;line-height:1.6;padding:0 16px}@keyframes deathIn{0%{opacity:0;letter-spacing:.4em}to{opacity:1}}.victory-text{font-family:var(--deco);font-size:clamp(2.8rem,8vw,5.5rem);color:#ffe7b0;text-shadow:0 0 40px rgba(255,200,100,.6);animation:deathIn 3s ease}#victory-stats{font-size:.9rem;color:var(--gold);margin-bottom:2rem;text-align:center;line-height:1.8}#credits-screen{z-index:1500;background:#000;overflow:hidden}.credits-card{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 16px;opacity:0;transition:opacity 1.6s ease;pointer-events:none}.credits-card.on{opacity:1}.credits-presents{font-family:var(--display);font-size:clamp(.8rem,2vw,1rem);letter-spacing:.45em;text-transform:uppercase;color:#efe4cfa6;margin-bottom:2.2rem}.credits-presents b{display:block;margin-top:.6rem;font-weight:700;font-size:1.35em;letter-spacing:.3em;color:var(--gold)}.credits-viewport{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;-webkit-mask-image:linear-gradient(transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(transparent,#000 14%,#000 86%,transparent)}.credits-roll{position:absolute;left:0;right:0;top:0;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 16px;will-change:transform}.credits-roll .title-block{margin-bottom:1.2rem}.credits-studio{font-family:var(--display);letter-spacing:.35em;text-transform:uppercase;color:var(--gold);font-size:.85rem;margin-bottom:7rem}.credits-section{width:min(640px,100%);margin-bottom:5.5rem}.credits-section h2{font-family:var(--display);font-weight:700;font-size:1.05rem;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);margin-bottom:1.6rem;text-shadow:0 0 24px rgba(200,38,58,.35)}.credits-row{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem;padding:.42rem 0;font-size:.98rem;line-height:1.4}.credits-row span:first-child{text-align:right;color:#efe4cf99}.credits-row span:last-child{text-align:left;color:var(--bone);font-weight:500}.credits-item{padding:.5rem 0;line-height:1.45}.credits-item div:first-child{color:var(--bone);font-weight:500}.credits-item div:last-child{color:#efe4cfad;font-size:.85rem}.credits-text{color:#efe4cfbf;line-height:1.8;max-width:520px;margin:0 auto}.credits-end{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.credits-end .thanks{font-family:var(--deco);font-size:clamp(2rem,6vw,3.6rem);color:#ffe7b0;text-shadow:0 0 40px rgba(255,200,100,.5)}.credits-end .copy{margin-top:1.4rem;font-size:.8rem;letter-spacing:.2em;color:#efe4cfa6}.credits-skip{position:absolute;right:24px;bottom:20px;z-index:2;background:none;border:none;color:#efe4cfb8;font-family:var(--ui);font-size:.8rem;letter-spacing:.1em;cursor:pointer}.credits-skip:hover{color:var(--gold)}body.touch .credits-skip{padding:12px 16px;right:12px;bottom:10px;font-size:.95rem}@media(max-width:600px){.credits-row{grid-template-columns:1fr;gap:.1rem}.credits-row span:first-child,.credits-row span:last-child{text-align:center}}#intro-screen{z-index:1500;background:#000;cursor:none}#intro-screen.ended{cursor:pointer}#intro-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:#000}.intro-prompt{position:absolute;left:0;right:0;bottom:12%;text-align:center;font-family:var(--display);font-size:clamp(.8rem,2vw,1.05rem);letter-spacing:.35em;text-transform:uppercase;color:var(--bone);text-shadow:0 0 18px #000,0 1px 4px #000;opacity:0;transition:opacity 1.2s ease;pointer-events:none;padding:0 16px}#intro-screen.ended .intro-prompt{opacity:1;animation:introPulse 2.4s ease-in-out 1.2s infinite}#intro-screen.ended #intro-skip{display:none}@keyframes introPulse{50%{opacity:.45}}#fade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2000;background:#000;opacity:0;pointer-events:none;transition:opacity .6s ease}#fade.on{opacity:1}@media(max-width:900px){#quest-tracker{display:none}.inv-layout,.journal{grid-template-columns:1fr}#controls-hint{display:none}}.diff-note{margin:-1.2rem 0 1.4rem;font-size:.85rem;opacity:.6}.terms-age{display:flex;align-items:center;gap:14px;width:min(640px,calc(100vw - 32px));margin:-.8rem 0 1rem;font-size:.85rem;line-height:1.45;color:#efe4cfd9}.age-badge{flex:none;display:grid;place-items:center;width:52px;height:52px;border:2px solid var(--gold);border-radius:8px;font-family:var(--display);font-weight:700;font-size:1.2rem;color:var(--gold)}.terms-body{width:min(640px,calc(100vw - 32px));max-height:42vh;overflow-y:auto;padding:14px 20px;border:1px solid var(--panel-edge);background:#140e0fb3;font-size:.85rem;line-height:1.55;color:#efe4cfd1}.terms-body h3{font-family:var(--display);font-size:1rem;letter-spacing:.12em;color:var(--bone);margin-bottom:.6rem}.terms-body ol{padding-left:1.2rem}.terms-body li{margin-bottom:.6rem}.terms-body b{color:var(--bone)}.terms-copy{margin-top:.8rem;font-size:.75rem;opacity:.6}.terms-check{display:flex;gap:10px;align-items:flex-start;width:min(640px,calc(100vw - 32px));margin:1rem 0 1.2rem;font-size:.85rem;cursor:pointer}.terms-check input{margin-top:3px;accent-color:var(--gold)}.diff-cards{display:flex;gap:18px;margin-bottom:1.8rem;flex-wrap:wrap;justify-content:center;padding:0 16px}.diff-card{width:240px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;text-align:left;padding:20px 20px 16px;cursor:pointer;color:var(--bone);background:#140e0fc7;border:1px solid var(--panel-edge);transition:transform .15s,border-color .15s,box-shadow .15s;font-family:var(--ui)}.diff-card:hover{transform:translateY(-4px);border-color:var(--gold);box-shadow:0 10px 40px #00000080,0 0 24px #d9b26a26}.diff-card .dn{font-family:var(--display);font-weight:700;font-size:1.5rem;letter-spacing:.12em;text-transform:uppercase}.diff-card .dt{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin:2px 0 12px}.diff-card.easy .dn{color:#9fdca0}.diff-card.medium .dn{color:#f0d690}.diff-card.hard .dn{color:#ff8a8a}.diff-card ul{list-style:none;font-size:.84rem;line-height:1.45;opacity:.85}.diff-card li:before{content:"◆ ";color:var(--gold-dim);font-size:.6rem;vertical-align:2px}#rest-menu{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(440px,calc(100vw - 32px));padding:22px 24px 18px;z-index:960;background:linear-gradient(180deg,#0e0a0bf2,#080607f7);border:1px solid var(--panel-edge);box-shadow:0 20px 60px #000000b3;animation:restIn .32s cubic-bezier(.22,1,.36,1) both}#rest-menu.closing{animation:restOut .28s ease forwards;pointer-events:none}@keyframes restIn{0%{opacity:0;transform:translate(-50%,calc(-50% + 14px)) scale(.98)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes restOut{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,calc(-50% - 8px)) scale(.98)}}.rest-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}#rest-title{font-family:var(--display);font-weight:700;font-size:1.15rem;color:var(--gold);letter-spacing:.06em}#rest-clock{font-family:var(--display);font-size:1.3rem;color:var(--bone)}#rest-sub{font-size:.8rem;opacity:.65;margin:6px 0 16px;line-height:1.4}#rest-options{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}#rest-options button{display:flex;align-items:center;gap:12px;text-align:left;font-family:var(--ui);font-size:.95rem;color:var(--bone);background:#ffffff0a;border:1px solid rgba(217,178,106,.2);padding:9px 14px;cursor:pointer;transition:all .15s}#rest-options button:hover{border-color:var(--gold);color:var(--gold);background:#d9b26a14}#rest-options .k{color:var(--gold);width:1em}#rest-options .t{flex:1}#rest-options .s{font-family:var(--display);opacity:.6;font-size:.85rem}#sleep-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2100;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;opacity:0;transform:translateY(8px);transition:opacity .5s ease,transform .5s ease}#sleep-overlay.show{opacity:1;transform:none}#sleep-overlay .zz{font-family:var(--display);letter-spacing:.4em;text-transform:uppercase;color:var(--gold);opacity:.8;font-size:.9rem}#sleep-clock{font-variant-numeric:tabular-nums;font-family:var(--display);font-size:3.4rem;color:var(--bone);margin-top:10px;text-shadow:0 0 30px rgba(127,182,255,.25)}#buffs{position:absolute;top:92px;left:24px;display:flex;gap:8px}.buff{font-size:.75rem;letter-spacing:.08em;color:#cfe2ff;padding:3px 9px;background:#0c090ab3;border:1px solid rgba(127,182,255,.35)}.aware{position:absolute;transform:translate(-50%,-100%);font-family:var(--display);font-weight:900;font-size:1.6rem;pointer-events:none;text-shadow:0 2px 3px #000}.aware.sus{color:#ffd24a;text-shadow:0 0 10px rgba(255,200,60,.6),0 2px 3px #000}.aware.alert{color:#ff4a4a;text-shadow:0 0 12px rgba(255,60,60,.8),0 2px 3px #000;animation:bob .6s ease-in-out infinite}.npc-tag .say{max-width:220px;margin:0 auto 6px;padding:5px 10px;font-size:.78rem;line-height:1.3;color:#1a1412;background:#f3e6d0eb;border-radius:10px;box-shadow:0 2px 8px #00000080;white-space:normal}.qt-hint{font-size:.75rem;color:#a9c4ff;margin:2px 0 0 12px;text-shadow:0 1px 3px #000}body:not(.touch) .tch{display:none!important}body.touch .desk,body.no-fs .fs-only{display:none!important}body:not(.app) .app-only{display:none!important}body.touch{--s: 1;--sl: env(safe-area-inset-left, 0px);--sr: env(safe-area-inset-right, 0px);--st: env(safe-area-inset-top, 0px);--mini: calc(38px * var(--s))}@media(min-height:700px){body.touch{--s: 1.2}}#touch-ui{position:absolute;top:0;right:0;bottom:0;left:0;z-index:95;display:none;touch-action:none}#touch-ui.on{display:block}#touch-ui button{font:inherit;padding:0;cursor:pointer;touch-action:none}.tc-stick{position:absolute;left:calc(var(--sl) + 112px * var(--s));top:calc(100% - 108px * var(--s));width:calc(124px * var(--s));height:calc(124px * var(--s));transform:translate(-50%,-50%);pointer-events:none;opacity:.4;transition:opacity .25s}.tc-stick.held{opacity:1;transition:none}.tc-defs{position:absolute;width:0;height:0;overflow:hidden}.tc-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid rgba(217,178,106,.45);box-shadow:inset 0 0 0 3px #00000059,inset 0 0 0 4px #d9b26a26;background:radial-gradient(circle,#0000001f,#00000073)}.tc-knob{position:absolute;left:50%;top:50%;width:44%;height:44%;border-radius:50%;background:radial-gradient(circle at 50% 35%,#4a3234,#140c0d 75%);border:2px solid rgba(217,178,106,.85);box-shadow:inset 0 0 0 3px #00000080,0 2px 10px #00000080;transform:translate(-50%,-50%)}.tc-stick.sprint .tc-ring{border-color:var(--gold);box-shadow:0 0 18px #d9b26a59}.tc-stick.sprint .tc-knob{background:radial-gradient(circle at 50% 35%,#f7dc9a,#a87a34 75%);box-shadow:0 0 18px #d9b26acc}.tc-btn{position:absolute;border-radius:50%;display:grid;place-items:center;color:var(--bone);background:radial-gradient(circle at 50% 34%,#342224e6,#0c0809e0 72%);border:2px solid rgba(217,178,106,.6);box-shadow:inset 0 0 0 3px #0000008c,inset 0 0 0 4.5px #d9b26a38,0 4px 14px #00000073;transition:transform .08s,background .08s,box-shadow .08s}.tc-btn svg{width:64%;height:64%;filter:drop-shadow(0 2px 2px rgba(0,0,0,.6))}.tc-btn.down{background:radial-gradient(circle at 50% 34%,#6e1e28f2,#28080eeb 72%);border-color:#f0cf8a;box-shadow:inset 0 0 0 3px #00000080,inset 0 0 0 4.5px #f0cf8a66,0 0 18px #d9b26a73;transform:scale(.93)}.tc-attack{width:calc(86px * var(--s));height:calc(86px * var(--s));right:calc(var(--sr) + 26px * var(--s));bottom:calc(28px * var(--s));background:radial-gradient(circle at 50% 34%,#7a1626,#2a060b 74%);border-color:#e7c27ae6;box-shadow:inset 0 0 0 3px #00000080,inset 0 0 0 4.5px #e7c27a59,0 0 16px #c8263a4d,0 4px 14px #00000073}.tc-attack svg{width:66%;height:66%}.tc-block{width:calc(62px * var(--s));height:calc(62px * var(--s));right:calc(var(--sr) + 126px * var(--s));bottom:calc(18px * var(--s))}.tc-roll{width:calc(62px * var(--s));height:calc(62px * var(--s));right:calc(var(--sr) + 116px * var(--s));bottom:calc(98px * var(--s))}.tc-jump{width:calc(56px * var(--s));height:calc(56px * var(--s));right:calc(var(--sr) + 36px * var(--s));bottom:calc(126px * var(--s))}.tc-menu{position:absolute;top:calc(var(--st) + 12px);right:calc(var(--sr) + 146px);display:flex;flex-direction:column;gap:6px}.tc-items{display:flex;flex-direction:column;gap:6px}.tc-items .tc-mini{transition:opacity .16s ease,transform .16s ease}.tc-menu:not(.open) .tc-items .tc-mini{opacity:0;transform:translateY(-10px) scale(.85);pointer-events:none}.tc-menu.open .tc-items .tc-mini:nth-child(2){transition-delay:.03s}.tc-menu.open .tc-items .tc-mini:nth-child(3){transition-delay:.06s}.tc-menu.open .tc-items .tc-mini:nth-child(4){transition-delay:.09s}.tc-toggle svg:last-child,.tc-menu.open .tc-toggle svg:first-child{display:none}.tc-menu.open .tc-toggle svg:last-child{display:block}.tc-menu.open .tc-toggle{border-color:var(--gold);color:var(--gold)}.tc-info{position:absolute;top:calc(var(--st) + 12px);right:calc(var(--sr) + 152px + var(--mini))}.tc-info span{font-family:Georgia,Times New Roman,serif;font-weight:700;font-style:italic;font-size:1.3rem;line-height:1}.tc-info.open{border-color:var(--gold);box-shadow:0 0 14px #d9b26a59}.tc-info.new:after{content:"";position:absolute;top:-3px;right:-3px;width:10px;height:10px;border-radius:50%;background:#f3d27a;border:2px solid #1a0d0f;box-shadow:0 0 10px #f3d27ae6;animation:qNew 1.4s ease-in-out infinite}@keyframes qNew{50%{box-shadow:0 0 2px #f3d27a66}}.tc-quest{position:absolute;top:calc(var(--st) + 72px);right:calc(var(--sr) + 152px + var(--mini));width:min(320px,52vw);max-height:calc(100% - var(--st) - 140px);overflow-y:auto;padding:14px 16px 12px;text-align:left;background:linear-gradient(160deg,#180f10f5,#090607f2);border:1px solid rgba(217,178,106,.5);border-radius:10px;box-shadow:0 14px 40px #0009,inset 0 1px #ffecc80f;animation:panelIn .18s ease;touch-action:pan-y}.tc-quest .tcq-close{position:absolute;top:6px;right:6px;width:30px;height:30px;border:none;background:none;color:var(--gold);font-size:.95rem}.tcq-kind{font-size:.7rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}.tcq-title{margin:2px 26px 6px 0;font-family:var(--display);font-weight:700;font-size:1rem;letter-spacing:.04em;color:var(--bone)}.tcq-sum{font-size:.78rem;line-height:1.45;color:#efe4cfc7;margin-bottom:8px}.tcq-objs{list-style:none;display:flex;flex-direction:column;gap:5px}.tcq-objs li{font-size:.82rem;line-height:1.35;color:var(--bone);padding-left:14px;position:relative}.tcq-objs li:before{content:"◆";position:absolute;left:0;top:1px;font-size:.6rem;color:var(--gold)}.tcq-objs li.done{color:#efe4cf94;text-decoration:line-through}.tcq-objs li b{color:#f3d27a;font-weight:700}.tcq-objs li.tcq-hint{font-size:.75rem;color:#a9c4ff}.tcq-objs li.tcq-hint:before{content:none}.tcq-way{margin-top:9px;padding-top:8px;border-top:1px solid rgba(217,178,106,.2);font-size:.78rem;color:var(--gold)}.tcq-more{margin-top:6px;font-size:.72rem;color:#efe4cfa6}.tc-mini{width:var(--mini);height:var(--mini);border-radius:8px;display:grid;place-items:center;color:var(--gold);background:radial-gradient(circle at 50% 30%,#342224e6,#0c0809e0 80%);border:1px solid rgba(217,178,106,.55);box-shadow:inset 0 0 0 2px #00000073,0 3px 10px #0006}.tc-mini svg{width:52%;height:52%}.tc-mini:active{border-color:var(--gold);color:var(--gold)}body.touch #player-frame{top:calc(var(--st) + 14px);left:calc(var(--sl) + 18px);gap:12px}body.touch .level-badge{width:36px;height:36px}body.touch .level-badge span{font-size:.95rem}body.touch .bars{gap:4px}body.touch #buffs{top:calc(var(--st) + 68px);left:calc(var(--sl) + 14px)}body.touch #compass{top:calc(var(--st) + 10px);width:clamp(100px,calc(100vw - 2 * (var(--sl) + 282px)),180px);height:34px}body.touch #compass:after{content:"";position:absolute;left:0;right:0;top:18px;height:1px;background:#d9b26a38}body.touch .compass-mark{top:10px;font-size:.7rem;line-height:1}body.touch .compass-mark.quest,body.touch .compass-mark.waypoint,body.touch .compass-mark.shrine{top:26px;font-size:.75rem}body.touch .compass-mark.shrine{font-size:.65rem}body.touch .compass-mark .dist{display:inline;margin:0 0 0 2px;font-size:.55rem;font-weight:600;vertical-align:1px}body.touch .compass-needle{top:0;bottom:auto;width:0;height:0;background:none;border:4px solid transparent;border-top:4px solid var(--gold);border-bottom:0}body.touch .bar.hp{width:200px;height:16px}body.touch .bar.st{width:165px;height:10px}body.touch .bar.xp{width:140px}body.touch .bar span{font-size:.7rem}body.touch #minimap-wrap{top:calc(var(--st) + 10px);right:calc(var(--sr) + 14px);width:120px;pointer-events:auto;cursor:pointer}body.touch #minimap{width:120px;height:120px}body.touch #minimap-ring{width:128px;height:128px}body.touch #zone-label{margin-top:4px;font-size:.7rem}body.touch #quest-tracker{display:none}body.touch #hotbar{left:50%;bottom:8px;transform:translate(-50%);gap:8px}body.touch .slot{width:46px;height:46px}body.touch .slot img{width:36px;height:36px}body.touch .gold{font-size:.95rem}body.touch #slot-potion{pointer-events:auto}body.touch .slot .key{display:none}body.touch #toasts{left:calc(var(--sl) + 14px);bottom:auto;top:calc(var(--st) + 100px);flex-direction:column}body.touch #boss-bar{bottom:auto;top:calc(var(--st) + 50px);width:min(460px,48vw)}body.touch #interaction-prompt{left:auto;right:calc(var(--sr) + 190px * var(--s));bottom:calc(178px * var(--s));transform:none;min-width:0;padding:6px 18px 6px 6px;pointer-events:auto;cursor:pointer}body.touch #interaction-prompt .ip-key{display:none}body.touch .ip-badge{width:44px;height:44px}body.touch .ip-badge:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:2px solid rgba(217,178,106,.65);animation:ipPulse 1.7s ease-out infinite;pointer-events:none}body.touch #interaction-prompt.warn .ip-badge:after{border-color:#ff6e6e99}body.touch #interaction-prompt.locked .ip-badge:after{display:none}body.touch #interaction-prompt.down{scale:.96;background:linear-gradient(100deg,#5a0d18f2,#280a0ee6);border-color:var(--gold)}@keyframes ipPulse{0%{opacity:.85;scale:.92}to{opacity:0;scale:1.28}}body.touch #controls-hint,body.touch #perf-monitor,body.touch kbd,body.touch .shop-help{display:none}body.touch .controls-table.tch td:last-child{color:var(--gold)}#rotate-note{display:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:3000;background:radial-gradient(ellipse at 50% 40%,#2a0f16,#0b0608 70%);flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:24px;text-align:center;font-family:var(--display);font-size:1rem;letter-spacing:.18em;text-transform:uppercase;color:var(--bone)}.rotate-icon{width:44px;height:74px;border:3px solid var(--gold);border-radius:9px;animation:rotatePhone 2.4s ease-in-out infinite}@keyframes rotatePhone{0%,20%{transform:rotate(0)}50%,80%{transform:rotate(-90deg)}to{transform:rotate(0)}}@media(orientation:portrait){body.touch #rotate-note{display:flex}}@media(max-height:520px){.title-block{margin-bottom:1.2rem}.title-kicker{font-size:.72rem}.title-sub{font-size:.78rem;margin-top:.3rem}.menu-left .title-block{margin-bottom:.9rem}.menu-buttons{gap:.1rem}.menu-buttons button{font-size:.95rem;padding:.4rem 1rem .4rem .2rem}.screen.overlay .menu-buttons button{padding:.45rem 1rem}.menu-foot{margin-top:.9rem}.device-note{margin-top:.5rem}.screen.overlay{justify-content:flex-start;overflow-y:auto;padding:14px 0}.screen.overlay>:first-child{margin-top:auto}.screen.overlay>:last-child{margin-bottom:auto}.screen h2{margin-bottom:.8rem}.diff-note{margin:-.4rem 0 .7rem}.diff-cards{gap:10px;margin-bottom:.8rem}.diff-card{width:200px;padding:12px 14px 10px}.diff-card .dn{font-size:1.15rem}.diff-card .dt{margin-bottom:6px}.diff-card ul{font-size:.75rem}.settings-grid{gap:8px;margin-bottom:1rem}.controls-table{margin-bottom:1rem;font-size:.8rem}.controls-table td{padding:4px 10px}#dialogue{bottom:3%;padding:14px 20px 22px}.death-text,.victory-text{font-size:clamp(2rem,12vh,3rem)}.death-sub,.victory-sub,.death-tip,#victory-stats{font-size:.85rem}.title-main,.title-block.small .title-main{font-size:clamp(2rem,11vh,3.4rem)}.screen h2{font-size:1.3rem;letter-spacing:.16em}.loading-tip{font-size:.8rem;bottom:1.2rem}.settings-grid label,.settings-grid .set-row{font-size:.85rem}.npc-tag .mark{font-size:1.4rem}.aware{font-size:1.25rem}.dmg{font-size:.95rem}.dmg.crit{font-size:1.25rem}.dmg.heavy{font-size:1.12rem}.dmg.drain,.dmg.miss{font-size:.82rem}#boss-bar{width:min(320px,40vw)}body.touch #boss-bar{width:clamp(180px,38vw,320px)}.boss-name{font-size:.8rem;letter-spacing:.1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.boss-title{display:none}.boss-track{height:6px;margin-top:3px}.ehp{width:44px;height:5px;margin-left:-22px}.ehp .lvl{left:-17px;top:-6px}.toast{font-size:.8rem}.ip-subject{font-size:.92rem}.dlg-name{font-size:1rem}.dlg-text{font-size:.92rem;line-height:1.5;min-height:3em}.dlg-choices button,.panel-tabs button,.inv-col h2,.panel-body h2,.inv-col h3,.panel-body h3,.stat-row,.item-detail p,.jdetail li{font-size:.85rem}.equip-slot .nm,.jq .t{font-size:.88rem}.item-detail .nm{font-size:1.05rem}.map-card .v{font-size:.95rem}.map-card .obj{font-size:.82rem}.map-zoom button,#rest-title{font-size:1rem}#rest-clock{font-size:1.1rem}#rest-options button{font-size:.88rem}#sleep-clock{font-size:2.4rem}.credits-section h2{font-size:.9rem}.credits-row{font-size:.85rem}#panel{top:2vh;right:2vw;bottom:2vh;left:2vw}.panel-body{padding:12px 16px}.map-layout{grid-template-columns:1fr minmax(180px,30%);grid-template-rows:1fr;gap:10px}.map-side{max-height:none;overflow:auto}#banner{top:23%;min-width:0;padding:8px 28px}.banner-title{font-size:1.2rem;letter-spacing:.1em}.banner-text{font-size:.75rem;letter-spacing:.12em}}@media(max-height:400px){.tc-menu,.tc-items{gap:5px}body.touch{--mini: 34px}}@media(prefers-reduced-motion:reduce){#interaction-prompt.pop,body.touch .ip-badge:after{animation:none}}