:root{color:#e9ebe5;font-synthesis:none;text-rendering:optimizelegibility;--gold:#c79b5c;--muted:#778286;--line:#b2bebc2b;background:#080b0f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#game-container{margin:0}html,body{width:100%;min-width:320px;height:100%;overflow:hidden}body{background:radial-gradient(circle at 50% 32%,#49595b29,#0000 46%),radial-gradient(circle at 8% 92%,#73482717,#0000 32%),linear-gradient(145deg,#0b1014,#06080b 70%)}body:before{pointer-events:none;content:"";opacity:.22;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:44px 44px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 82%);mask-image:radial-gradient(circle,#000,#0000 82%)}.app-shell{grid-template-rows:auto minmax(0,1fr) auto;place-items:center;width:min(100%,1140px);height:100dvh;margin:0 auto;padding:clamp(16px,3vh,30px) clamp(14px,3vw,34px) clamp(12px,2vh,22px);display:grid}.site-header{grid-template-columns:auto 1fr auto;align-items:center;gap:16px;width:min(100%,1000px);padding-bottom:clamp(12px,2vh,22px);display:grid}.brand-mark{color:#ddbf8d;border:1px solid #c79b5c85;place-items:center;width:42px;height:42px;font-family:Georgia,Times New Roman,serif;font-size:.8rem;font-weight:700;display:grid;transform:rotate(45deg)}.brand-mark:first-line{transform:rotate(-45deg)}.site-header h1,.site-header p,.control-strip p{margin:0}.site-header h1{color:#e8eae5;letter-spacing:.035em;text-transform:uppercase;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.35rem,2.8vw,2rem);line-height:1}.eyebrow{color:var(--gold);letter-spacing:.23em;text-transform:uppercase;font-size:.58rem;font-weight:700;margin-bottom:5px!important}.phase-badge{color:#69767a;letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:8px;font-size:.61rem;font-weight:700;display:flex}.phase-badge span{background:#c99a56;border-radius:50%;width:6px;height:6px;box-shadow:0 0 12px #e8ab54b8}.game-frame{aspect-ratio:16/9;background:linear-gradient(145deg,#283132d6,#0d1113f5);border:1px solid #a8b5b333;place-items:stretch stretch;width:min(100%,960px,177.778dvh - 273.778px);min-width:0;padding:9px;display:grid;position:relative;box-shadow:0 30px 80px #0000007a,inset 0 0 0 1px #000000b8}#game-container{background:#080b0d;border:1px solid #080a0bf0;width:100%;height:100%;position:relative;overflow:hidden}#game-container canvas{max-width:100%;max-height:100%;display:block}.frame-corner{z-index:2;pointer-events:none;border-color:#c79b5c94;width:18px;height:18px;position:absolute}.frame-corner--top-left{border-top:1px solid;border-left:1px solid;top:4px;left:4px}.frame-corner--top-right{border-top:1px solid;border-right:1px solid;top:4px;right:4px}.frame-corner--bottom-left{border-bottom:1px solid;border-left:1px solid;bottom:4px;left:4px}.frame-corner--bottom-right{border-bottom:1px solid;border-right:1px solid;bottom:4px;right:4px}.control-strip{width:min(100%,960px);min-height:48px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;justify-content:center;align-items:center;gap:12px;padding-top:clamp(10px,1.8vh,19px);font-size:.59rem;display:flex;position:relative}.control-strip kbd{color:#c2c9c7;font-family:inherit;font-weight:700}.control-strip p span{color:#525d61;text-transform:lowercase;padding:0 3px}.divider{background:var(--line);width:1px;height:14px}.scene-status{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:620px){.app-shell{padding-inline:10px}.site-header{grid-template-columns:auto 1fr}.phase-badge{display:none}.brand-mark{width:34px;height:34px}.game-frame{width:min(100%,177.778dvh - 240px);padding:5px}.control-strip{gap:7px;font-size:.5rem}.divider{display:none}}@media (max-height:520px){.app-shell{padding-block:7px}.site-header{padding-bottom:6px}.eyebrow,.brand-mark,.phase-badge{display:none}.game-frame{width:min(100%,177.778dvh - 128px)}.control-strip{min-height:28px;padding-top:5px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}