:root{--ink:#f0e8d8;--muted:#a89f92;--red:#9a3328;--line:rgba(240,232,216,.35);font-family:"Doto",monospace;color:var(--ink);background:#0b0908}*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%;overflow:hidden;background:#090706}button,a{color:inherit;font:inherit}button{cursor:pointer}#game-shell{position:relative;width:100vw;height:100dvh;overflow:hidden;background:radial-gradient(circle at 50% 38%,#3d1a17 0,#120c0a 52%,#070605 100%)}.game-header{position:fixed;z-index:20;top:0;left:0;right:0;display:flex;justify-content:space-between;padding:1.2rem 1.6rem;font:1rem "Micro 5",monospace;letter-spacing:.12em;color:rgba(240,232,216,.68);mix-blend-mode:screen}.game-header a{text-decoration:none}.screen{position:absolute;inset:0;display:none}.screen.active{display:grid}#title-screen{place-content:center;justify-items:center;text-align:center;padding:5rem 1.25rem 3rem;overflow:auto}.kicker{margin:0 0 1rem;font:1rem "Micro 5",monospace;letter-spacing:.28em;color:#c77b6c}h1,h2{font:400 clamp(5rem,14vw,11rem)/.64 "Micro 5",monospace;letter-spacing:-.025em;margin:0;text-transform:uppercase}h2{font-size:clamp(3.2rem,8vw,6rem);line-height:.78}.title-copy{font-size:clamp(.8rem,1.4vw,1.05rem);line-height:1.8;color:var(--muted);margin:2rem 0}.title-actions{display:grid;gap:.7rem;min-width:min(24rem,86vw)}.title-actions button,.pause-panel button{border:1px solid var(--line);background:rgba(4,3,3,.48);padding:1rem 1.5rem;letter-spacing:.08em}.title-actions button:hover,.pause-panel button:hover{border-color:var(--ink);background:rgba(154,51,40,.16)}.title-actions small{display:block;margin-top:.25rem;color:var(--muted);font-size:.58rem}.control-hint{margin-top:2rem;color:#756e65;font:.72rem "Micro 5";letter-spacing:.14em}.title-mark{display:flex;gap:.6rem;margin-bottom:2.4rem}.title-mark i{display:block;width:1.15rem;aspect-ratio:1;border:1px solid #ab6358;transform:rotate(30deg) skew(-8deg);box-shadow:0 0 2rem rgba(154,51,40,.35)}#play-screen{background:#130e0c}#game{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;outline:none}.hud{pointer-events:none;position:absolute;top:3.6rem;left:1.5rem;right:1.5rem;display:flex;align-items:start;gap:.75rem;z-index:8}.hud>div{margin-right:auto}.hud span{display:block;color:#9a8d81;font:.72rem "Micro 5";letter-spacing:.16em}.hud strong{font-size:.78rem;letter-spacing:.08em}.hud button{pointer-events:auto;border:1px solid rgba(240,232,216,.25);background:rgba(9,7,6,.6);padding:.55rem .7rem;font:.8rem "Micro 5"}.hud b{color:#c77b6c;margin-left:.35rem}.prompt{position:absolute;left:50%;bottom:13rem;transform:translateX(-50%);z-index:8;border:1px solid var(--line);background:rgba(8,6,5,.88);padding:.5rem .8rem;font:.85rem "Micro 5";letter-spacing:.09em}.dialogue{position:absolute;z-index:12;left:50%;bottom:2rem;transform:translateX(-50%);width:min(48rem,calc(100% - 2rem));min-height:9rem;display:grid;grid-template-columns:9rem 1fr;grid-template-rows:1fr auto;gap:.4rem 1.2rem;border:1px solid var(--line);background:rgba(9,7,6,.94);padding:1.2rem;box-shadow:0 1rem 4rem #000}.dialogue[hidden]{display:none}.speaker{border-right:1px solid var(--line);padding-right:1rem}.speaker span{display:block;color:#8b8176;font:.65rem "Micro 5"}.speaker strong{color:#d36c59;font:2rem "Micro 5"}.dialogue p{margin:0;line-height:1.55}.dialogue button{grid-column:2;justify-self:end;border:0;background:transparent;font-size:.7rem}kbd{font:inherit;border:1px solid var(--line);padding:.1rem .3rem}.panel-screen{position:absolute;z-index:30;inset:0;overflow:auto;background:rgba(8,6,5,.97);padding:clamp(4rem,10vw,8rem) max(1.5rem,calc((100vw - 64rem)/2))}.panel-close{position:fixed;right:2rem;top:2rem;border:0;background:transparent;font:2rem "Micro 5"}.archive-list{margin-top:3rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.archive-entry{min-height:12rem;padding:1.2rem;background:#0d0a09}.archive-entry.locked{color:#5a544e}.archive-entry span{font:.7rem "Micro 5";color:#a94d3e}.archive-entry h3{font:1.6rem "Micro 5";margin:.6rem 0 1rem}.archive-entry p{color:#aaa096;line-height:1.55;font-size:.8rem}.pause-panel{display:grid;place-content:center;gap:.8rem;text-align:center}.pause-panel h2{margin-bottom:1.5rem}.touch-controls{display:none;position:absolute;z-index:10;left:max(.8rem,env(safe-area-inset-left));right:max(.8rem,env(safe-area-inset-right));bottom:max(.8rem,env(safe-area-inset-bottom));justify-content:space-between;pointer-events:none}.touch-controls>div{display:flex;gap:.55rem;align-items:end}.touch-controls button{pointer-events:auto;width:3.2rem;height:3.2rem;border-radius:50%;border:1px solid rgba(240,232,216,.4);background:rgba(8,6,5,.62)}.touch-controls>div:last-child button:last-child{width:4rem;height:4rem}#rotate-screen{display:none;position:fixed;z-index:100;inset:0;background:#0b0908;place-content:center;justify-items:center;text-align:center;padding:2rem}#rotate-screen span{color:var(--muted);font-size:.7rem;max-width:16rem;margin-top:.8rem}.rotate-cube{width:3rem;height:3rem;border:1px solid #b25c4c;transform:rotate(30deg) skew(-8deg);margin-bottom:2rem}@media(pointer:coarse),(max-width:820px){.touch-controls{display:flex}.control-hint{display:none}.prompt{bottom:6rem}.dialogue{bottom:5.7rem}}@media(orientation:portrait) and (max-width:820px){#rotate-screen{display:grid}}@media(max-height:520px){.game-header{padding:.7rem 1rem}.hud{top:2.4rem}.dialogue{min-height:6rem;bottom:.7rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}