.cl-shell{max-width:1100px;padding:clamp(var(--space-6,24px), 4vw, var(--space-10,56px)) var(--space-4,16px) var(--space-12,80px);z-index:1;margin:0 auto;position:relative}#cl-field{pointer-events:none;z-index:0;opacity:.5;width:100%;height:100%;position:fixed;inset:0}.cl-aurora{z-index:0;pointer-events:none;background:radial-gradient(60% 80% at 20% 0%, color-mix(in srgb, var(--danger) 18%, transparent), transparent 70%), radial-gradient(60% 80% at 80% 10%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 70%);filter:blur(40px);opacity:.6;height:60vh;position:fixed;inset:-20% -10% auto}@media (prefers-reduced-motion:reduce){#cl-field{display:none}}.cl-hero{text-align:center;margin-bottom:var(--space-8,32px)}.cl-kicker{align-items:center;gap:var(--space-2,8px);font:600 var(--text-2xs,11px) / 1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);margin:0 0 var(--space-4,16px);display:inline-flex}.cl-live-dot{border-radius:var(--radius-pill);background:var(--danger);width:7px;height:7px;box-shadow:0 0 0 0 color-mix(in srgb, var(--danger) 60%, transparent);animation:1.8s ease-out infinite cl-pulse}@keyframes cl-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--danger) 55%, transparent)}70%{box-shadow:0 0 0 9px #0000}to{box-shadow:0 0 #0000}}.cl-title{font-family:var(--font-display);letter-spacing:-.02em;flex-direction:column;margin:0;font-size:clamp(2.6rem,9vw,5.2rem);font-weight:800;line-height:.92;display:flex}.cl-title-em{color:#0000;background:linear-gradient(100deg, var(--ink-bright), color-mix(in srgb, var(--danger) 70%, var(--ink-bright)));-webkit-background-clip:text;background-clip:text}.cl-sub{max-width:52ch;margin:var(--space-4,16px) auto 0;color:var(--ink-dim);font-size:var(--text-base,1rem);line-height:1.55}.cl-demo-badge{margin-left:var(--space-2,8px);border-radius:var(--radius-pill);border:1px solid color-mix(in srgb, rgb(var(--gold-rgb)) 40%, var(--line,#ffffff1a));background:color-mix(in srgb, rgb(var(--gold-rgb)) 12%, transparent);font:700 var(--text-3xs,9.5px) / 1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:rgb(var(--gold-rgb));vertical-align:middle;align-items:center;gap:5px;padding:3px 9px;display:inline-flex}.cl-demo-badge:before{content:"";background:rgb(var(--gold-rgb));width:5px;height:5px;box-shadow:0 0 6px rgb(var(--gold-rgb));border-radius:50%}.cl-demo-note{max-width:52ch;margin:var(--space-3,12px) auto 0;color:var(--ink-faint,var(--ink-dim));font-size:var(--text-sm,.875rem);line-height:1.5}.cl-demo-note a{color:var(--accent);white-space:nowrap;border-bottom:1px solid color-mix(in srgb, var(--accent) 45%, transparent);transition:color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);font-weight:600}.cl-demo-note a:hover{color:var(--ink-bright);border-color:var(--ink-bright)}.cl-demo-note a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}.cl-round{justify-content:center;gap:clamp(var(--space-5,20px), 6vw, var(--space-9,48px));margin:var(--space-6,24px) 0 var(--space-5,20px);display:flex}.cl-round-stat{text-align:center}.cl-round-stat dt{font:600 var(--text-2xs,11px) / 1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:6px}.cl-round-stat dd{font:700 var(--text-xl,1.6rem) / 1 var(--font-display);color:var(--ink-bright);font-variant-numeric:tabular-nums;margin:0}.cl-round-stat-timer dd{color:var(--warn)}.cl-tabs{border:1px solid var(--stroke);border-radius:var(--radius-lg);background:var(--surface-1);flex-wrap:wrap;justify-content:center;gap:4px;max-width:100%;padding:4px;display:inline-flex}@media (width>=480px){.cl-tabs{border-radius:var(--radius-pill);flex-wrap:nowrap}}.cl-tab{appearance:none;color:var(--ink-dim);font:600 var(--text-ui,14px) / 1 var(--font-body);border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;transition:color var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard);background:0 0;border:0;padding:9px 16px;text-decoration:none}@media (width<=479px){.cl-tab{padding:9px 12px}}.cl-tab:hover{color:var(--ink-bright)}.cl-tab.active{background:var(--surface-3);color:var(--ink-bright)}.cl-tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cl-tab-link{color:var(--ink-faint)}.cl-arena{gap:var(--space-4,16px);display:grid}.cl-battle{border:1px solid var(--stroke);border-radius:var(--radius-lg);background:var(--surface-1);padding:var(--space-4,16px) clamp(var(--space-4,16px), 3vw, var(--space-6,24px));align-items:center;gap:var(--space-3,12px);box-shadow:var(--shadow-1);transition:border-color var(--duration-base) var(--ease-standard), transform var(--duration-base) var(--ease-standard);animation:cl-rise var(--duration-slow) var(--ease-out) both;grid-template-columns:1fr minmax(120px,1.2fr) 1fr;display:grid}.cl-battle:hover{border-color:var(--stroke-strong)}@keyframes cl-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.cl-side{align-items:center;gap:var(--space-2,8px);text-align:center;flex-direction:column;display:flex}.cl-side-b{order:3}.cl-avatar{border-radius:var(--radius-md);object-fit:cover;background:var(--surface-2);border:1px solid var(--stroke);width:56px;height:56px}.cl-avatar.cl-avatar-ph{font:800 var(--text-lg) var(--font-display);color:var(--ink-dim);place-items:center;display:grid}.cl-sym{font:700 var(--text-lg,1.2rem) / 1 var(--font-display);color:var(--ink-bright)}.cl-meta{font:500 var(--text-2xs,11px) / 1.3 var(--font-mono);color:var(--ink-faint)}.cl-rec{font:600 var(--text-2xs,11px) / 1 var(--font-mono);color:var(--ink-dim);letter-spacing:.04em}.cl-rec b{color:var(--success)}.cl-rec i{color:var(--danger);font-style:normal}.cl-fight{appearance:none;border:1px solid var(--stroke-strong);background:var(--surface-2);color:var(--ink-bright);font:700 var(--text-sm,12px) / 1 var(--font-body);border-radius:var(--radius-pill);cursor:pointer;transition:background var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);padding:8px 14px}.cl-fight:hover{background:var(--surface-3);border-color:var(--accent);transform:translateY(-1px)}.cl-fight:active{transform:translateY(0)}.cl-fight:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cl-fight.is-mine{background:color-mix(in srgb, var(--success) 22%, transparent);border-color:var(--success);color:var(--ink-bright)}.cl-vs{align-items:center;gap:var(--space-2,8px);flex-direction:column;order:2;display:flex}.cl-tug{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--accent) 16%, transparent);border:1px solid var(--stroke);width:100%;height:14px;position:relative;overflow:hidden}.cl-tug-fill{background:linear-gradient(90deg, color-mix(in srgb, var(--danger) 75%, transparent), var(--danger));width:50%;transition:width var(--duration-base) var(--ease-standard);position:absolute;inset:0 auto 0 0}.cl-tug-mid{background:var(--ink-faint);width:2px;position:absolute;top:-3px;bottom:-3px;left:50%;transform:translate(-50%)}.cl-powers{width:100%;font:700 var(--text-md,13px) / 1 var(--font-mono);justify-content:space-between;display:flex}.cl-powers .cl-pa{color:var(--danger)}.cl-powers .cl-pb{color:var(--accent)}.cl-vs-label{font:800 var(--text-2xs,11px) / 1 var(--font-display);letter-spacing:.16em;color:var(--ink-faint)}.cl-mom{font:500 var(--text-2xs,11px) / 1 var(--font-mono);color:var(--ink-faint)}.cl-mom b{color:var(--warn)}.cl-side-b .cl-fight.is-mine{background:color-mix(in srgb, var(--accent) 22%, transparent);border-color:var(--accent)}.cl-bye{text-align:center;color:var(--ink-faint);font:500 var(--text-sm,12px) / 1.4 var(--font-mono);padding:var(--space-3,12px);border:1px dashed var(--stroke);border-radius:var(--radius-lg)}.cl-state{text-align:center;padding:var(--space-9,48px) var(--space-4,16px);color:var(--ink-dim);border:1px dashed var(--stroke);border-radius:var(--radius-lg);background:var(--surface-1)}.cl-state h2{margin:0 0 var(--space-2,8px);font:700 var(--text-lg) var(--font-display);color:var(--ink-bright)}.cl-state p{max-width:44ch;margin:0 auto;line-height:1.5}.cl-state .cl-fight{margin-top:var(--space-4,16px);display:inline-block}.cl-state-links{justify-content:center;align-items:center;gap:var(--space-3,12px);flex-wrap:wrap;display:flex}.cl-state-links .cl-fight{text-decoration:none}.cl-skel{border-radius:var(--radius-lg);background:linear-gradient(100deg, var(--surface-1) 30%, var(--surface-2) 50%, var(--surface-1) 70%);background-size:200% 100%;height:110px;animation:1.4s linear infinite cl-shimmer}@keyframes cl-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.cl-standings{gap:var(--space-2,8px);display:grid}.cl-row{align-items:center;gap:var(--space-3,12px);padding:var(--space-3,12px) var(--space-4,16px);border:1px solid var(--stroke);border-radius:var(--radius-md);background:var(--surface-1);transition:border-color var(--duration-fast) var(--ease-standard);grid-template-columns:32px 1fr auto auto;display:grid}.cl-row:hover{border-color:var(--stroke-strong)}.cl-rank{font:800 var(--text-lg) var(--font-display);color:var(--ink-faint);text-align:center}.cl-row:first-child .cl-rank{color:var(--warn)}.cl-row-id{align-items:center;gap:var(--space-3,12px);min-width:0;display:flex}.cl-row-id .cl-avatar{width:38px;height:38px}.cl-row-id .cl-sym{font-size:var(--text-md)}.cl-row-id small{color:var(--ink-faint);font:500 var(--text-2xs) var(--font-mono);display:block}.cl-wl{font:700 var(--text-md,13px) / 1 var(--font-mono);text-align:right}.cl-wl b{color:var(--success)}.cl-wl i{color:var(--danger);font-style:normal}.cl-wr{font:600 var(--text-sm) var(--font-mono);color:var(--ink-dim);text-align:right;min-width:56px}.cl-wr .juice-ring{margin-left:auto}.cl-rally{z-index:60;width:min(440px,100vw - 24px);animation:cl-dock var(--duration-base) var(--ease-emphasized) both;position:fixed;bottom:clamp(12px,3vh,28px);left:50%;transform:translate(-50%)}@keyframes cl-dock{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}.cl-rally-inner{border:1px solid var(--stroke-strong);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--bg-1) 88%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-3);padding:var(--space-4,16px);text-align:center;position:relative}.cl-rally-close{appearance:none;color:var(--ink-faint);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:0;width:28px;height:28px;font-size:16px;position:absolute;top:8px;right:8px}.cl-rally-close:hover{color:var(--ink-bright);background:var(--surface-2)}.cl-rally-id{align-items:center;gap:var(--space-3,12px);text-align:left;margin-bottom:var(--space-3,12px);display:flex}.cl-rally-img{border-radius:var(--radius-md);object-fit:cover;background:var(--surface-2);border:1px solid var(--stroke);width:42px;height:42px}.cl-rally-id-text{flex-direction:column;min-width:0;line-height:1.25;display:flex}.cl-rally-for{font:500 var(--text-2xs) var(--font-mono);color:var(--ink-faint);text-transform:uppercase;letter-spacing:.08em}.cl-rally-id-text strong{font:800 var(--text-lg) var(--font-display);color:var(--ink-bright)}.cl-rally-hold{font:500 var(--text-2xs) var(--font-mono);color:var(--success)}.cl-tap{appearance:none;width:150px;height:150px;margin:0 auto var(--space-3,12px);border-radius:var(--radius-pill);border:2px solid var(--danger);background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--danger) 32%, transparent), color-mix(in srgb, var(--danger) 8%, transparent));color:var(--ink-bright);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;transition:transform var(--duration-instant) var(--ease-standard), box-shadow var(--duration-instant) var(--ease-standard);box-shadow:0 0 0 0 color-mix(in srgb, var(--danger) 40%, transparent);place-items:center;display:grid;position:relative}.cl-tap:active,.cl-tap.is-hit{box-shadow:0 0 36px 2px color-mix(in srgb, var(--danger) 45%, transparent);transform:scale(.94)}.cl-tap:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.cl-tap-label{font:800 var(--text-xl) var(--font-display);letter-spacing:.08em}.cl-tap-ring{border-radius:var(--radius-pill);border:2px solid #0000;position:absolute;inset:-2px}.cl-tap.is-hit .cl-tap-ring{animation:cl-ring .36s var(--ease-out)}@keyframes cl-ring{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--danger) 50%, transparent)}to{box-shadow:0 0 0 20px #0000}}.cl-tap-combo{font:800 var(--text-sm) var(--font-mono);color:var(--warn);opacity:0;transition:opacity var(--duration-fast);position:absolute;top:12px;right:14px}.cl-tap-combo.show{opacity:1}.cl-pop{font:800 var(--text-md) var(--font-mono);color:var(--warn);pointer-events:none;animation:cl-float .7s var(--ease-out) forwards;position:absolute;top:30%;left:50%;transform:translate(-50%)}@keyframes cl-float{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-42px)}}.cl-rally-stats{gap:var(--space-3,12px);margin-bottom:var(--space-2,8px);grid-template-columns:1fr 1fr;display:grid}.cl-rs{text-align:left}.cl-rs-k{font:500 var(--text-2xs) var(--font-mono);color:var(--ink-faint);text-transform:uppercase;letter-spacing:.08em}.cl-rs-v{font:700 var(--text-lg) var(--font-display);color:var(--ink-bright);font-variant-numeric:tabular-nums;display:block}.cl-rs-v i{color:var(--ink-faint);font-style:normal;font-size:var(--text-sm);font-weight:500}.cl-cap{border-radius:var(--radius-pill);background:var(--surface-3);height:5px;margin-top:5px;overflow:hidden}.cl-cap-fill{background:var(--success);width:0;height:100%;transition:width var(--duration-base) var(--ease-standard);display:block}.cl-cap-fill.is-full{background:var(--warn)}.cl-rally-hint{margin:var(--space-2,8px) 0 0;font:500 var(--text-2xs) var(--font-mono);color:var(--ink-faint)}.cl-rally-hint kbd{font-family:var(--font-mono);background:var(--surface-3);border:1px solid var(--stroke);border-radius:var(--radius-sm);padding:1px 5px}.cl-rally-hint.is-error{color:var(--danger)}.cl-rally-hint.is-ok{color:var(--success)}@media (width<=640px){.cl-battle{grid-template-columns:1fr}.cl-side-b{order:0}.cl-vs{order:1;width:100%}.cl-round{gap:var(--space-5,20px)}.cl-row{grid-template-columns:28px 1fr auto}.cl-wr{display:none}}.cl-tap{transition:transform var(--duration-fast) var(--ease-standard)}.cl-tap:hover{transform:scale(1.03)}.cl-tap:active{transform:scale(.97)}