:root{--btn-radius:16px;--btn-min:44px;--btn-shadow-color:#28160a4d;--btn-focus-inner:#fff;--btn-focus-outer:#2b1a10;--btn-wood-top:#a9452f;--btn-wood-bottom:#85291c;--btn-wood-edge:#5c1a10;--btn-cream-top:#fff9ef;--btn-cream-bottom:#efdfc6;--btn-cream-edge:#c6aa84;--btn-clay-top:#5e4334;--btn-clay-bottom:#3b2920;--btn-clay-edge:#21140d;--btn-ember-top:#ffc980;--btn-ember-bottom:#f0a24e;--btn-ember-edge:#b06a1e}.btn-primary,.btn-secondary,.btn-icon{appearance:none;min-width:var(--btn-min);min-height:var(--btn-min);border-radius:var(--btn-radius);white-space:nowrap;color:var(--btn-fg);background:linear-gradient(180deg, var(--btn-top), var(--btn-bottom));box-shadow:inset 0 1px 0 #ffffff73, inset 0 -2px 4px #3c1e0a29, 0 3px 0 var(--btn-edge), 0 6px 12px var(--btn-shadow-color);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:0;justify-content:center;align-items:center;gap:6px;margin:0;padding:0 16px;font-family:inherit;font-size:15px;font-weight:600;line-height:1.2;transition:translate 80ms,box-shadow 80ms,filter .15s;display:inline-flex}.btn-primary[hidden],.btn-secondary[hidden],.btn-icon[hidden]{display:none}.btn-primary{--btn-fg:#fff;--btn-top:var(--btn-wood-top);--btn-bottom:var(--btn-wood-bottom);--btn-edge:var(--btn-wood-edge)}.btn-secondary{--btn-fg:#3b2a20;--btn-top:var(--btn-cream-top);--btn-bottom:var(--btn-cream-bottom);--btn-edge:var(--btn-cream-edge)}.btn-icon{--btn-fg:#ffe3bd;--btn-top:var(--btn-clay-top);--btn-bottom:var(--btn-clay-bottom);--btn-edge:var(--btn-clay-edge);border-radius:50%;padding:0}.btn-secondary[aria-pressed=true],.btn-secondary[aria-checked=true]{--btn-fg:#fff;--btn-top:var(--btn-wood-top);--btn-bottom:var(--btn-wood-bottom);--btn-edge:var(--btn-wood-edge)}.btn-icon[aria-pressed=true],.btn-icon[aria-checked=true]{--btn-fg:#2b1a10;--btn-top:var(--btn-ember-top);--btn-bottom:var(--btn-ember-bottom);--btn-edge:var(--btn-ember-edge)}.btn-primary:active,.btn-secondary:active,.btn-icon:active{box-shadow:inset 0 1px 0 #ffffff4d, inset 0 2px 4px #3c1e0a38, 0 1px 0 var(--btn-edge), 0 2px 4px var(--btn-shadow-color);translate:0 2px}@media (hover:hover){.btn-primary:hover,.btn-secondary:hover,.btn-icon:hover{filter:brightness(1.05)}}.btn-primary:focus-visible,.btn-secondary:focus-visible,.btn-icon:focus-visible{outline:3px solid var(--btn-focus-outer);outline-offset:2px;box-shadow:0 0 0 2px var(--btn-focus-inner), inset 0 1px 0 #ffffff73, 0 3px 0 var(--btn-edge)}.btn-primary:disabled,.btn-secondary:disabled,.btn-icon:disabled{opacity:.55;filter:saturate(.7);cursor:not-allowed;box-shadow:inset 0 1px 0 #ffffff40, 0 1px 0 var(--btn-edge);translate:none}@media (prefers-reduced-motion:reduce){.btn-primary,.btn-secondary,.btn-icon{transition:none}}:root{--cream:#f6f1e8;--ink:#2b2a33;--wood:#8a2a1e;--ember:#ff9a3c;--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);font-family:-apple-system,Pretendard,Apple SD Gothic Neo,Noto Sans KR,sans-serif}*{box-sizing:border-box}html,body{background:var(--cream);height:100%;color:var(--ink);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;margin:0;overflow:hidden}#stage{position:fixed;inset:0}#stage canvas{touch-action:none;width:100%;height:100%;display:block}#title{text-align:center;-webkit-overflow-scrolling:touch;padding:calc(12px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left));z-index:10;background:radial-gradient(at 50% 70%,#ffd2968c,#f6f1e8eb 60%);place-content:safe center center;gap:12px;transition:opacity .9s;display:grid;position:fixed;inset:0;overflow-y:auto}#title[hidden]{display:none}#title h1{letter-spacing:.08em;margin:0;font-size:clamp(40px,8vw,72px);font-weight:600}#title p{opacity:.7;margin:0}#title-start{min-height:52px;margin-top:20px;padding:0 28px;font-size:18px}#title-start:disabled{cursor:progress}@media (max-height:460px){#title{gap:6px}#title h1{font-size:30px}#title p{font-size:13px}#title button#title-start{min-height:44px;margin-top:8px;padding:0 28px;font-size:16px}}#hud{left:calc(12px + env(safe-area-inset-left));right:calc(12px + env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));z-index:5;pointer-events:none;align-items:flex-end;gap:12px;font-size:14px;display:flex;position:fixed}#hud-info{background:#fff8eac7;border-radius:12px;flex-wrap:wrap;gap:0 10px;min-width:0;padding:3px 10px;line-height:1.5;display:flex}#hud-info span{white-space:nowrap}#hud-info span:empty{display:none}#hud.seated #hud-info{max-width:calc(50% - 86px)}@media (max-width:560px){#hud{font-size:12px}#hud.seated #hud-info{max-width:none}}#hud[hidden]{display:none}#hud button{white-space:nowrap;pointer-events:auto;flex:none;min-height:44px;margin:0 0 0 auto;padding:0 18px;font-size:15px}#hud button[hidden]{display:none}