:root{color:#f3e7dc;font-synthesis:none;text-rendering:geometricprecision;background:#050506;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html,body,#root{background:radial-gradient(circle at 18% 12%,#bd6b3f1f,#0000 30%),radial-gradient(circle at 83% 82%,#1331415c,#0000 42%),#050506;width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px}button,canvas{-webkit-tap-highlight-color:transparent}.app-shell{isolation:isolate;place-items:center;width:100%;height:100%;display:grid;position:relative}.app-shell:before{content:"";z-index:-1;background:linear-gradient(145deg,#c9784a12,#0000 28%,#0b1c2633);position:fixed;inset:0}.game-frame{width:100vw;height:100vh}.game-frame canvas{outline:none;display:block}.project-signature{z-index:10;color:#ebdfd4bd;pointer-events:none;mix-blend-mode:screen;align-items:baseline;gap:7px;display:flex;position:fixed;bottom:18px;left:20px}.project-signature span{letter-spacing:.22em;color:#c9784acc;font-size:8px}.project-signature strong{letter-spacing:.08em;font-family:Courier New,monospace;font-size:11px;font-weight:500}.control-legend{z-index:10;color:#ebe8dbe0;text-shadow:0 1px 3px #000;letter-spacing:.14em;pointer-events:none;align-items:center;gap:14px;font-size:8px;display:flex;position:fixed;bottom:16px;right:20px}.control-legend span{align-items:center;gap:5px;display:inline-flex}.control-legend kbd{color:#e49a6da8;font:inherit;letter-spacing:.08em;background:#0507088f;border:1px solid #c9784a47;border-radius:2px;padding:3px 5px}.control-legend .presenter{opacity:.48}@media (width<=760px){.control-legend span:nth-child(2),.control-legend .presenter,.project-signature span{display:none}.control-legend{gap:8px;bottom:10px;right:10px}.project-signature{bottom:11px;left:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}