.phaser-root{--bg:#0b1220;--ink:#ffffff;--ink-dim:#cbd5e1;--btn-bg:#1f2937;--btn-bg-hover:#273043;--accent:#ffffff;position:relative;height:100%}.phaser-root #phaser-parent canvas{filter:blur(6px);transition:filter .2s ease}.phaser-root #phaser-parent.canvas-clear canvas{filter:none}.phaser-root #ui{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;z-index:10}.phaser-root .ui-inner{pointer-events:auto;text-align:center;padding:clamp(16px,2vw,32px);animation:float-in .38s ease-out both}.phaser-root .title{font-size:clamp(32px,6vw,64px);line-height:1.05;margin:0 0 .25em;text-shadow:0 4px 16px rgba(0,0,0,.4)}.phaser-root button{font:inherit;border:2px solid var(--accent);border-radius:10px;padding:14px 26px;cursor:pointer;transition:transform .06s ease,background .15s ease,opacity .2s ease;-webkit-user-select:none;user-select:none;touch-action:manipulation}.phaser-root .primary{background:var(--btn-bg);color:var(--ink)}.phaser-root .primary:hover{background:var(--btn-bg-hover)}.phaser-root .ghost{background:transparent;color:var(--ink-dim);border-color:#ffffff80}.phaser-root #ui.menu-bg{background-image:linear-gradient(180deg,#0c1220d9,#0c12208c 40%,#000000bf),url(/assets/bg.png);background-position:center;background-repeat:no-repeat;background-size:contain;background-color:#0b1220;transition:background .3s ease}:root{--bg: #0b1220;--ink: #ffffff;--ink-dim: #cbd5e1;--btn-bg: #1f2937;--btn-bg-hover: #273043;--accent: #ffffff}*{box-sizing:border-box}#game-container{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}#phaser-parent{position:absolute;top:0;right:0;bottom:0;left:0}#phaser-parent canvas{filter:blur(6px);transition:filter .2s ease}#ui{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}.ui-inner{pointer-events:auto;text-align:center;padding:clamp(16px,2vw,32px);animation:float-in .38s ease-out both}.title{font-size:clamp(32px,6vw,64px);line-height:1.05;margin:0 0 .25em;text-shadow:0 4px 16px rgba(0,0,0,.4)}.subtitle{position:relative;padding:4px 10px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#ffffff12;border-radius:6px}button{font:inherit;border:2px solid var(--accent);border-radius:10px;padding:14px 26px;cursor:pointer;transition:transform .06s ease,background .15s ease,opacity .2s ease;-webkit-user-select:none;user-select:none;touch-action:manipulation}button:focus-visible{outline:2px solid #93c5fd;outline-offset:2px}.primary{background:var(--btn-bg);color:var(--ink);min-width:220px}.primary:hover{background:var(--btn-bg-hover)}.primary:active{transform:scale(.98)}.helpers{margin-top:14px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.ghost{background:transparent;color:var(--ink-dim);border-color:#ffffff80}.ghost:hover{color:var(--ink);border-color:var(--accent)}.hidden{display:none!important}#phaser-parent.canvas-clear canvas{filter:none}@keyframes float-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:480px){.helpers{gap:8px}button{padding:12px 20px}}.penalty-wrapper{--bg: #0b1220;--ink: #ffffff;--ink-dim: #cbd5e1;--btn-bg: #1f2937;--btn-bg-hover: #273043;--accent: #ffffff}.penalty-wrapper *{box-sizing:border-box}.penalty-wrapper #game-container{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.penalty-wrapper #phaser-parent{position:absolute;top:0;right:0;bottom:0;left:0}.penalty-wrapper #phaser-parent canvas{filter:blur(6px);transition:filter .2s ease}.penalty-wrapper #ui{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}.penalty-wrapper .ui-inner{pointer-events:auto;text-align:center;padding:clamp(16px,2vw,32px);animation:float-in .38s ease-out both}.penalty-wrapper .title{font-size:clamp(32px,6vw,64px);line-height:1.05;margin:0 0 .25em;text-shadow:0 4px 16px rgba(0,0,0,.4)}.penalty-wrapper button{font:inherit;border:2px solid var(--accent);border-radius:10px;padding:14px 26px;cursor:pointer}