:root{--accent: #4de3ff;--kit-bg: #0b0d18;--kit-panel: rgba(17, 20, 36, .94);--kit-line: rgba(255, 255, 255, .1);--kit-text: #eef1fa;--kit-muted: #8f97b2;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--kit-text);background:var(--kit-bg)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--kit-bg);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.kit-stage{position:fixed;inset:0;width:100%;height:100%;display:block}.hidden{display:none!important}.kit-overlay{position:fixed;inset:0;display:flex;padding:16px;overflow-y:auto;background:radial-gradient(ellipse at center,#0b0d1880,#0b0d18db);z-index:10}.kit-panel{margin:auto;width:min(400px,100%);display:flex;flex-direction:column;gap:12px;padding:26px 22px;border-radius:20px;background:var(--kit-panel);border:1px solid var(--kit-line);box-shadow:0 24px 60px #00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.kit-title{margin:0;text-align:center;font-size:clamp(34px,10vw,48px);font-weight:900;letter-spacing:.04em;line-height:1.05;color:var(--accent);text-shadow:0 0 24px color-mix(in srgb,var(--accent) 45%,transparent);text-wrap:balance}.kit-tagline{margin:-4px 0 6px;text-align:center;color:var(--kit-muted);font-size:14px;line-height:1.4}.kit-stack{display:flex;flex-direction:column;gap:12px}.kit-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;color:var(--kit-muted);font-size:14px}.kit-input{width:100%;font:inherit;font-size:16px;color:var(--kit-text);background:#ffffff0f;border:1px solid var(--kit-line);border-radius:12px;padding:11px 14px;outline:none;-webkit-user-select:text;user-select:text}.kit-input:focus{border-color:var(--accent)}.kit-seg{display:flex;border:1px solid var(--kit-line);border-radius:12px;overflow:hidden}.kit-modes{width:100%}.kit-modes button{flex:1}.kit-seg button{font:inherit;font-size:14px;color:var(--kit-muted);background:transparent;border:0;padding:9px 14px;cursor:pointer}.kit-seg button.on{background:var(--accent);color:#0b0d18;font-weight:700}.kit-btn{font:inherit;font-size:17px;font-weight:800;color:var(--kit-text);background:#ffffff14;border:1px solid var(--kit-line);border-radius:14px;padding:14px 16px;cursor:pointer;transition:transform .08s,filter .15s}.kit-btn:active{transform:scale(.97)}.kit-btn:disabled{opacity:.5}.kit-primary{background:var(--accent);color:#0b0d18;border-color:transparent}.kit-primary:hover{filter:brightness(1.1)}.kit-ghost{background:transparent;color:var(--kit-muted)}button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.kit-how{color:var(--kit-muted);font-size:14px}.kit-how summary{cursor:pointer;text-align:center}.kit-how ul{padding-left:18px;line-height:1.5;margin-bottom:0}.kit-result-title{margin:0 0 4px;text-align:center;font-size:28px;text-wrap:balance}.kit-ranking{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.kit-ranking li{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#ffffff0d}.kit-ranking li.first{background:#ffd23f24;border:1px solid rgba(255,210,63,.45)}.kit-ranking li.you{outline:2px solid var(--accent)}.kit-dot{width:12px;height:12px;border-radius:50%;flex:none}.kit-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kit-detail{margin-left:auto;color:var(--kit-muted);font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}.kit-ingame{position:fixed;top:calc(10px + env(safe-area-inset-top));right:calc(10px + env(safe-area-inset-right));display:flex;gap:8px;z-index:5}.kit-icon{width:40px;height:40px;border-radius:50%;border:1px solid var(--kit-line);background:#111424bf;color:var(--kit-text);font-size:16px;cursor:pointer}.kit-action{position:fixed;right:calc(22px + env(safe-area-inset-right));bottom:calc(26px + env(safe-area-inset-bottom));width:92px;height:92px;border-radius:50%;border:3px solid color-mix(in srgb,var(--accent) 80%,transparent);background:color-mix(in srgb,var(--accent) 22%,transparent);color:#fff;font:800 15px system-ui,sans-serif;touch-action:none;z-index:5}.kit-action.active{background:color-mix(in srgb,var(--accent) 55%,transparent);transform:scale(.94)}.kit-notice{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;background:#0b0d18d1;z-index:9}.kit-notice .kit-panel{text-align:center}.kit-notice h2{margin:0;font-size:26px}@media(prefers-reduced-motion:reduce){.kit-btn,.kit-action{transition:none}}.kit-back{text-align:center;color:var(--kit-muted);font-size:14px;text-decoration:none}.kit-back:hover{color:var(--kit-text)}.kit-action.duo-bottom-left{right:auto;left:calc(22px + env(safe-area-inset-left))}.kit-action.duo-top-left{right:auto;bottom:auto;left:calc(22px + env(safe-area-inset-left));top:calc(26px + env(safe-area-inset-top));transform:rotate(180deg)}.kit-action.duo-top-left.active{transform:rotate(180deg) scale(.94)}
