:root{--bg: #14002a;--purple: #2b0a4e;--magenta: #ff2d95;--cyan: #00e5ff;--orange: #ff9a3d;--cream: #fff6e8;--font-display: "Avenir Next", "Trebuchet MS", "Segoe UI", sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box}html,body{height:100%;margin:0;background:var(--bg);color:var(--cream);font-family:var(--font-display);overscroll-behavior:none}body{display:flex;flex-direction:column}#shell-top,#shell-bottom,#shell-side{flex:none}#shell-main{flex:1;display:flex;min-height:0}#play-area{flex:1;position:relative;overflow:hidden;min-width:0;touch-action:manipulation}#play-area canvas{display:block}#screen-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center;z-index:2;padding:1rem}#screen-overlay.hidden{display:none}#screen-overlay h1{margin:0;font-size:clamp(2.5rem,9vw,6rem);font-style:italic;letter-spacing:.12em;color:var(--magenta);text-shadow:0 0 18px rgba(255,45,149,.6),3px 3px 0 var(--cyan)}#screen-overlay p{margin:0;font-size:clamp(1rem,2.5vw,1.3rem)}#screen-overlay button,#screen-overlay input{font-family:var(--font-display);font-size:1.1rem;padding:.6em 1.6em;background:transparent;color:var(--cyan);border:2px solid var(--cyan);border-radius:4px}#screen-overlay button{cursor:pointer;letter-spacing:.15em}#screen-overlay button:hover{background:var(--cyan);color:var(--bg)}#screen-overlay input{color:var(--cream);border-color:var(--magenta);text-align:center}.board{font-family:var(--font-mono);font-size:.95rem;line-height:1.7;white-space:pre}.board .you{color:var(--orange)}#start-board{margin-top:1.5rem}#mute-button{position:absolute;bottom:.6rem;right:.6rem;z-index:3;width:2.4rem;height:2.4rem;background:#14002a99;color:var(--cyan);border:1px solid var(--cyan);border-radius:4px;font-size:1.1rem;cursor:pointer}#mute-button.muted{color:var(--magenta);border-color:var(--magenta);text-decoration:line-through}.hud-btn{position:absolute;z-index:3;min-width:2.4rem;height:2.4rem;padding:0 .6rem;background:#14002a99;color:var(--cyan);border:1px solid var(--cyan);border-radius:4px;font-family:var(--font-display);font-size:1.1rem;cursor:pointer}.hud-btn[hidden]{display:none}#pause-button{bottom:.6rem;left:.6rem}#exit-button{top:.6rem;left:.6rem}#howto-button{top:.6rem;right:.6rem}