:root{--ink: #F7F4EC;--dusk: #2E3160;--glow: #FFC857;--panel: rgba(46, 49, 96, .72);box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme: dark){:root{--panel: rgba(20, 21, 44, .8)}}html,body{height:100%;margin:0;overflow:hidden;background:var(--dusk);color:var(--ink);font-family:Gowun Dodum,system-ui,-apple-system,Apple SD Gothic Neo,Malgun Gothic,sans-serif;touch-action:none;user-select:none;-webkit-user-select:none}canvas{display:block;position:fixed;top:0;right:0;bottom:0;left:0}#hud{position:fixed;top:calc(16px + env(safe-area-inset-top,0px));left:20px;right:20px;display:flex;justify-content:space-between;font-size:1.25rem;pointer-events:none;text-shadow:0 1px 6px rgba(0,0,0,.45)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:24px}.card{background:var(--panel);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:28px 32px;border-radius:20px;text-align:center;max-width:320px}h1{font-size:2.8rem;font-weight:400;margin:0 0 6px}h2{font-size:1.6rem;font-weight:400;margin:0 0 10px}p{margin:0 0 20px;line-height:1.65;opacity:.92}button{font:inherit;font-size:1.1rem;background:var(--glow);color:var(--dusk);border:0;border-radius:999px;padding:12px 30px;cursor:pointer}button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.hidden{display:none!important}