:root{--bg:#0b0820;--panel:#120e2ce6;--text:#f5f3ff;--dim:#f5f3ff99;--right:#4fd1ff;--left:#ff6bd6;--gold:#ffd166;--line:#ffffff1f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;font-family:Pretendard,Apple SD Gothic Neo,system-ui,sans-serif;overflow:hidden}#camera{display:none}#stage{width:100vw;height:100vh;position:fixed;inset:0}.panel{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;width:min(520px,100vw - 32px);max-height:calc(100vh - 32px);padding:32px;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.hidden{display:none}h1,h2{letter-spacing:-.02em;margin:0;font-size:36px}.sub{color:var(--dim);margin:6px 0 24px}.field{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.field>span{color:var(--dim);font-size:14px}select,button{font:inherit;color:var(--text);border:1px solid var(--line);background:#ffffff0f;border-radius:10px;padding:8px 14px}select{min-width:220px}button{cursor:pointer}button:hover{background:#ffffff1f}.segmented{gap:6px;display:flex}.segmented button.active{border-color:var(--gold);color:var(--gold)}.howto{background:#ffffff0a;border-radius:12px;margin:20px 0;padding:16px 16px 16px 32px;font-size:14px;line-height:1.7}.howto em{color:var(--dim);font-size:12px;font-style:normal}.r{color:var(--right)}.l{color:var(--left)}.primary{background:linear-gradient(135deg,#7c5cff,#ff6bd6);border:none;width:100%;padding:14px;font-size:18px;font-weight:700}.primary:hover{filter:brightness(1.12);background:linear-gradient(135deg,#7c5cff,#ff6bd6)}.primary:disabled{opacity:.5;cursor:wait}.status{min-height:20px;color:var(--dim);text-align:center;margin:12px 0 0;font-size:14px}.status.error{color:#ff5c7a}.keys{color:var(--dim);text-align:center;margin:8px 0 0;font-size:12px}kbd{border:1px solid var(--line);border-radius:4px;padding:1px 6px;font-family:inherit}.rank{color:var(--gold);margin:12px 0 0;font-size:88px;font-weight:800;line-height:1}.score{color:var(--dim);margin:4px 0 20px;font-size:20px}table{border-collapse:collapse;width:100%;margin-bottom:24px;font-size:14px}th,td{border-bottom:1px solid var(--line);text-align:right;padding:6px 4px}th:first-child,td:first-child{text-align:left}.row{gap:10px;display:flex}.row button{flex:1;padding:14px;font-weight:700}
