:root{--bg:#12263d;--panel:#0d1c2edb;--ink:#f4f7fb;--muted:#a9bad0;--accent:#d9f35b;--accent-ink:#1b2a0a}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--ink);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;margin:0;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Pretendard,Noto Sans KR,sans-serif;overflow:hidden}#stage{touch-action:none;width:min(100vw,60dvh);height:100dvh;margin:0 auto;position:relative}canvas{touch-action:none;width:100%;height:100%;display:block}.panel{padding:24px 16px calc(24px + env(safe-area-inset-bottom));background:var(--panel);text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.hidden{display:none}.logo{font-size:56px;line-height:1}h1{letter-spacing:-.5px;margin:0;font-size:30px}.sub{color:var(--muted);margin:0 0 6px;font-size:15px;line-height:1.55}.group{width:100%;max-width:320px}.label{color:var(--muted);text-align:left;margin-bottom:6px;font-size:13px}.seg{background:#ffffff14;border-radius:14px;gap:4px;padding:4px;display:flex}.seg button{color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1;padding:11px 4px;font-size:15px}.seg button.on{background:var(--ink);color:#12263d;font-weight:700}.primary{background:var(--accent);width:100%;max-width:320px;color:var(--accent-ink);font:inherit;cursor:pointer;border:0;border-radius:16px;margin-top:8px;padding:16px;font-size:18px;font-weight:800}.ghost{width:100%;max-width:320px;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:16px;padding:13px;font-size:15px}.best{color:var(--muted);min-height:1em;margin:4px 0 0;font-size:13px}.stats{grid-template-columns:1fr 1fr;gap:8px;width:100%;max-width:320px;display:grid}.stats div{background:#ffffff12;border-radius:12px;padding:10px}.stats b{font-size:22px;display:block}.stats span{color:var(--muted);font-size:12px}.stats .wide{grid-column:span 2}.quit{top:calc(18px + env(safe-area-inset-top));z-index:2;color:#fff;font:inherit;background:#0a142299;border:0;border-radius:12px;padding:8px 12px;font-size:13px;position:absolute;right:12px}