
html[data-theme="light"] body.arena-mode, html[data-theme="light"] body.arena-mode[data-sport] {
  --bg:#F3F0E8; --bg-2:#ECE7DC; --surface:rgba(255,255,255,.78); --surface-2:rgba(255,255,255,.92); --surface-solid:#FFFDF8; --glass:rgba(255,253,248,.82);
  --ink:#0B1220; --ink-2:#283247; --muted:#5A6478; --line:rgba(11,18,32,.10); --line-2:rgba(11,18,32,.18);
  --shadow:0 18px 40px -22px rgba(11,18,32,.35),0 0 0 1px rgba(11,18,32,.05); --shadow-lg:0 40px 90px -40px rgba(11,18,32,.45);
  --toast-bg:#0B1220; --toast-ink:#fff; color-scheme:light;
  --arena-a:#65A30D; --arena-b:#0D9488; --accent:#C6F432; --accent-ink:#0A1400; --accent-text:#3F6212; --accent-2:#0D9488; --accent-soft:rgba(101,163,13,.14);
  background:var(--q8-teal,#0b3537)!important; color:var(--ink);
}
html[data-theme="light"]:has(body.arena-mode){background:var(--q8-teal,#0b3537)}
html[data-theme="light"] body.arena-mode[data-sport="pickleball"]{--arena-a:#EA580C;--arena-b:#D97706;--accent:#FF7A45;--accent-ink:#fff;--accent-text:#C2410C;--accent-2:#D97706;--accent-soft:rgba(234,88,12,.12)}
html[data-theme="light"] body.arena-mode[data-arena="meet"]{--arena-a:#7C3AED;--arena-b:#2563EB;--accent:#A78BFA;--accent-ink:#0B0920;--accent-text:#6D28D9;--accent-2:#2563EB;--accent-soft:rgba(124,58,237,.12)}
body.q8.arena-mode .pn108{background:transparent!important}
body.q8.arena-mode:not([data-afx]) .pn108,body.q8.arena-mode[data-afx="off"] .pn108{background:var(--bg)!important}
html[data-theme="light"] body.q8.arena-mode[data-afx="off"] .pn108{background:#F4F1EA!important}
html[data-theme="light"] body.arena-mode .card{background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.78));border:1px solid var(--line);box-shadow:var(--shadow)}
html[data-theme="light"] body.arena-mode .t-hero{background:linear-gradient(120deg,color-mix(in srgb,var(--arena-a) 16%,transparent),transparent 50%),linear-gradient(300deg,color-mix(in srgb,var(--arena-b) 14%,transparent),transparent 50%),rgba(255,255,255,.86)!important;border:1px solid color-mix(in srgb,var(--arena-a) 30%,var(--line))}
html[data-theme="light"] body.arena-mode .t-hero::before{background:repeating-linear-gradient(90deg,transparent 0 59px,rgba(11,18,32,.04) 59px 60px),repeating-linear-gradient(0deg,transparent 0 59px,rgba(11,18,32,.04) 59px 60px)}
html[data-theme="light"] body.arena-mode .t-hero h1{color:var(--ink);text-shadow:none}
html[data-theme="light"] body.arena-mode .t-hero .muted,html[data-theme="light"] body.arena-mode .t-hero .eyebrow{color:var(--muted)}
html[data-theme="light"] body.arena-mode .arena-led span{background:rgba(255,255,255,.72);color:var(--muted)}
html[data-theme="light"] body.arena-mode .arena-led b{color:var(--ink)}
html[data-theme="light"] body.arena-mode .arena-led span.on b{color:var(--arena-a);text-shadow:none}
html[data-theme="light"] body.arena-mode .arena-progress{background:rgba(11,18,32,.07)}
html[data-theme="light"] body.arena-mode .arena-tabs{background:rgba(255,255,255,.75)}
html[data-theme="light"] body.arena-mode .arena-tabs button{color:var(--ink-2)}
html[data-theme="light"] body.arena-mode .arena-tabs button.on{color:#0A0F1C}
html[data-theme="light"] body.arena-mode .t-match{background:rgba(255,255,255,.7)}
html[data-theme="light"] body.arena-mode .qs-btn,html[data-theme="light"] body.arena-mode .input{background:#fff;color:var(--ink)}
html[data-theme="light"] body.arena-mode .kpi,html[data-theme="light"] body.arena-mode .kpi .k-lab{color:var(--ink-2)}
html[data-theme="light"] body.arena-mode .pulse-card{background:linear-gradient(120deg,color-mix(in srgb,var(--arena-a) 10%,#fff),rgba(255,255,255,.85) 50%)}
html[data-theme="light"] body.arena-mode .tbl th{color:var(--muted)}
html[data-theme="light"] body.arena-mode .b-match,html[data-theme="light"] body.arena-mode .b-team{background:rgba(255,255,255,.8);color:var(--ink)}
html[data-theme="light"] body.arena-mode .ambient{opacity:.12}
html[data-theme="light"] body.arena-mode .btn:not(.primary):not(.danger):not(.danger-soft){color:var(--ink)}
html[data-theme="light"] body.arena-mode .chip{color:var(--ink-2)}
#app{position:relative;z-index:1}
.afx116{position:fixed;left:var(--sb108-w,0px);right:var(--pn108-gap,0px);top:var(--pn108-gap,0px);bottom:0;z-index:0;pointer-events:none;overflow:hidden;contain:strict;color:var(--arena-a,#C6F432);border-radius:var(--q8-r-xl,28px) var(--q8-r-xl,28px) 0 0;
  background:radial-gradient(900px 520px at 12% -10%,color-mix(in srgb,var(--arena-b,#3BE3CB) 16%,transparent),transparent 60%),radial-gradient(800px 600px at 100% 0%,color-mix(in srgb,var(--arena-a,#C6F432) 12%,transparent),transparent 55%),linear-gradient(180deg,#0A1020,#060912 75%)}
html[data-theme="light"] .afx116{background:radial-gradient(900px 520px at 10% -10%,color-mix(in srgb,var(--arena-b) 14%,transparent),transparent 60%),radial-gradient(800px 600px at 100% 0%,color-mix(in srgb,var(--arena-a) 16%,transparent),transparent 55%),linear-gradient(180deg,#F7F4ED,#EEE9DE 75%)}
@media (max-width:900px){.afx116{border-radius:0}}
.afx116.stuck{top:0;border-radius:0;transition:top .2s var(--ease),border-radius .2s}
.afx116 > *{position:absolute;display:block;will-change:transform,opacity}
.afx-glow{width:62vmax;height:62vmax;border-radius:50%;filter:blur(60px);opacity:.22}
.afx-glow.g1{left:-18vmax;top:-26vmax;background:radial-gradient(circle,var(--arena-a,#C6F432),transparent 62%);animation:afxBreath 11s ease-in-out infinite}
.afx-glow.g2{right:-22vmax;bottom:-30vmax;background:radial-gradient(circle,var(--arena-b,#3BE3CB),transparent 62%);animation:afxBreath 14s ease-in-out -5s infinite}
.afx-court{left:50%;bottom:-6vh;width:120vw;height:62vh;margin-left:-60vw;opacity:.10;transform:perspective(900px) rotateX(62deg);transform-origin:50% 100%;animation:afxCourt 26s ease-in-out infinite alternate}
.afx-court svg{width:100%;height:100%}
.afx-beam{top:-20vh;width:22vw;height:140vh;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--arena-a,#C6F432) 22%,transparent),transparent);opacity:.0;filter:blur(8px);transform:rotate(18deg) translateX(-60vw)}
.afx-beam.b1{animation:afxBeam 13s cubic-bezier(.45,0,.2,1) 1.2s infinite}
.afx-beam.b2{animation:afxBeam 19s cubic-bezier(.45,0,.2,1) 7s infinite;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--arena-b,#3BE3CB) 20%,transparent),transparent)}
.afx-orb{width:34px;height:34px;opacity:.16;color:var(--arena-a)}
.afx-orb svg{width:100%;height:100%}
.afx-orb.o1{left:12vw;top:30vh;animation:afxFloat1 28s ease-in-out infinite}
.afx-orb.o2{left:68vw;top:18vh;width:26px;height:26px;opacity:.12;animation:afxFloat2 34s ease-in-out -9s infinite;color:var(--arena-b)}
.afx-orb.o3{left:44vw;top:70vh;width:42px;height:42px;opacity:.10;animation:afxFloat3 31s ease-in-out -4s infinite}
.afx-trail{height:2px;width:30vw;border-radius:2px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--arena-a) 55%,transparent));opacity:0}
.afx-trail.tr1{top:26vh;left:-30vw;animation:afxShot 9s cubic-bezier(.3,.05,.2,1) 2s infinite}
.afx-trail.tr2{top:62vh;left:-30vw;animation:afxShot 12s cubic-bezier(.3,.05,.2,1) 6.5s infinite;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--arena-b) 55%,transparent))}
.afx-grid{inset:0;background:radial-gradient(circle at 50% 120%,transparent 40%,rgba(0,0,0,.18));opacity:.6}
html[data-theme="light"] .afx-grid{background:radial-gradient(circle at 50% 120%,transparent 40%,rgba(255,255,255,.35))}
html[data-theme="light"] .afx-court{opacity:.13}
html[data-theme="light"] .afx-orb{opacity:.18}
.afx116[data-kind="meet"]{color:#A78BFA}
@keyframes afxBreath{0%,100%{transform:scale(1);opacity:.18}50%{transform:scale(1.12);opacity:.28}}
@keyframes afxCourt{0%{transform:perspective(900px) rotateX(62deg) translateY(0) scale(1)}100%{transform:perspective(900px) rotateX(60deg) translateY(-2.5vh) scale(1.04)}}
@keyframes afxBeam{0%{transform:rotate(18deg) translateX(-60vw);opacity:0}12%{opacity:.55}55%{opacity:.4}70%,100%{transform:rotate(18deg) translateX(130vw);opacity:0}}
@keyframes afxFloat1{0%,100%{transform:translate3d(0,0,0) rotate(-20deg)}33%{transform:translate3d(18vw,-10vh,0) rotate(40deg)}66%{transform:translate3d(8vw,12vh,0) rotate(-60deg)}}
@keyframes afxFloat2{0%,100%{transform:translate3d(0,0,0) rotate(10deg)}50%{transform:translate3d(-22vw,24vh,0) rotate(-120deg)}}
@keyframes afxFloat3{0%,100%{transform:translate3d(0,0,0) rotate(0)}40%{transform:translate3d(14vw,-18vh,0) rotate(90deg)}75%{transform:translate3d(-10vw,-6vh,0) rotate(200deg)}}
@keyframes afxShot{0%{transform:translateX(0) rotate(-6deg);opacity:0}8%{opacity:.7}40%{opacity:.35}55%,100%{transform:translateX(170vw) rotate(-6deg);opacity:0}}
body[data-afx="calm"] .afx116 *{animation:none!important}
body[data-afx="calm"] .afx-beam,body[data-afx="calm"] .afx-trail{display:none}
@media (prefers-reduced-motion:reduce){.afx116 *{animation:none!important}.afx-beam,.afx-trail{display:none}}
.t116-fxbar{position:absolute;top:12px;right:14px;z-index:3;display:flex;align-items:center;gap:8px}
.t116-fxl{display:inline-flex;align-items:center;gap:6px;font:700 11px var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.t116-fxl svg{width:14px;height:14px}
.t116-seg{display:inline-flex;padding:3px;border-radius:999px;background:color-mix(in srgb,var(--ink) 6%,transparent);border:1px solid var(--line)}
.t116-seg button{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;border:0;border-radius:999px;background:transparent;color:var(--ink-2);font:700 11.5px var(--font);cursor:pointer;transition:background .25s var(--ease),color .25s var(--ease),transform .15s}
.t116-seg button svg{width:13px;height:13px}
.t116-seg button.on{background:linear-gradient(135deg,var(--arena-a),var(--arena-b));color:#0A0F1C;box-shadow:0 4px 14px -6px var(--arena-a)}
.t116-seg button:active{transform:scale(.95)}
body.arena-mode .t-hero{position:relative}
body.arena-mode .t-hero > .row{padding-top:18px}
@media (max-width:700px){.t116-fxbar{position:static;margin:-4px 0 10px;justify-content:flex-end}.t116-seg button span{display:none}body.arena-mode .t-hero > .row{padding-top:0}}
body.arena-mode[data-afx="on"] .t-hero::after{content:'';position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,transparent 30%,color-mix(in srgb,var(--arena-a) 24%,transparent) 45%,transparent 60%);background-size:260% 100%;animation:heroSheen 7s ease-in-out infinite;mix-blend-mode:screen;opacity:.7}
html[data-theme="light"] body.arena-mode[data-afx="on"] .t-hero::after{mix-blend-mode:multiply;opacity:.35}
@keyframes heroSheen{0%{background-position:120% 0}55%,100%{background-position:-60% 0}}
.t116-ticker{position:relative;margin:0 -30px;overflow:hidden;border-top:1px solid var(--line);background:color-mix(in srgb,var(--arena-a) 7%,transparent);mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.tk-track{display:flex;width:max-content;animation:tkMove var(--tk-dur,18s) linear infinite}
.t116-ticker:hover .tk-track{animation-play-state:paused}
.tk-i{display:inline-flex;align-items:center;gap:8px;padding:9px 26px;white-space:nowrap;font:600 13px var(--font);color:var(--ink-2)}
.tk-i em{font-style:normal;color:var(--muted);font-weight:700}
.tk-vs{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.tk-live{display:inline-flex;align-items:center;gap:5px;font:800 10px var(--font);letter-spacing:.12em;color:#ef4444}
.tk-live i{width:7px;height:7px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 0 rgba(239,68,68,.6);animation:tkDot 1.6s ease-out infinite}
@keyframes tkMove{to{transform:translateX(-50%)}}
@keyframes tkDot{70%{box-shadow:0 0 0 7px rgba(239,68,68,0)}100%{box-shadow:0 0 0 0 rgba(239,68,68,0)}}
body[data-afx="calm"] .tk-track,body[data-afx="off"] .tk-track{animation:none;flex-wrap:wrap;width:auto}
@media (max-width:600px){.t116-ticker{margin:0 -16px}}
.t116-flash{animation:t116Flash 1.2s var(--ease)}
@keyframes t116Flash{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--arena-a) 70%,transparent);transform:scale(1)}20%{box-shadow:0 0 0 6px color-mix(in srgb,var(--arena-a) 35%,transparent);transform:scale(1.012)}100%{box-shadow:0 0 0 0 transparent;transform:scale(1)}}
body.t116-enter #tBody > *,body.t116-enter #tBody .grid > *,body.t116-enter #tBody .col > .t-match{animation:t116Up .6s cubic-bezier(.16,1,.3,1) both}
body.t116-enter #tBody > *:nth-child(2),body.t116-enter #tBody .grid > *:nth-child(2){animation-delay:.06s}
body.t116-enter #tBody > *:nth-child(3),body.t116-enter #tBody .grid > *:nth-child(3){animation-delay:.12s}
body.t116-enter #tBody > *:nth-child(4),body.t116-enter #tBody .grid > *:nth-child(4){animation-delay:.18s}
body.t116-enter #tBody .grid > *:nth-child(n+5){animation-delay:.24s}
body.t116-enter .t-hero{animation:t116Hero .8s cubic-bezier(.16,1,.3,1) both}
@keyframes t116Up{from{opacity:0;transform:translate3d(0,14px,0)}to{opacity:1;transform:none}}
@keyframes t116Hero{from{opacity:0;transform:translate3d(0,-10px,0) scale(.985);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
body.arena-mode .t-match{transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s}
body.arena-mode .t-match:hover{transform:translateY(-2px);box-shadow:0 14px 30px -18px color-mix(in srgb,var(--arena-a) 60%,transparent)}
body.arena-mode .t-match.live::before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px var(--arena-a);animation:liveRing 2.4s ease-in-out infinite}
body.arena-mode .t-match{position:relative}
@keyframes liveRing{0%,100%{opacity:.35}50%{opacity:1}}
body[data-afx="calm"] .t-match.live::before,body[data-afx="off"] .t-match.live::before{animation:none}
.cm116-banner{display:flex;align-items:center;gap:12px;padding:14px 16px;margin-bottom:14px;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface)}
.cm116-banner > svg{width:22px;height:22px;flex:none;color:var(--accent-text)}
.cm116-banner.need{border-color:color-mix(in srgb,var(--arena-a,var(--accent)) 55%,var(--line));background:linear-gradient(110deg,color-mix(in srgb,var(--arena-a,var(--accent)) 16%,transparent),var(--surface) 60%)}
.cm116-banner.need > svg{animation:cmWiggle 2.6s ease-in-out infinite}
.cm116-banner.ok > svg{color:#16a34a}
@keyframes cmWiggle{0%,80%,100%{transform:none}85%{transform:rotate(-12deg) scale(1.1)}92%{transform:rotate(10deg) scale(1.1)}}
.cm116-lead{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--r);background:var(--accent-soft);margin-bottom:14px}
.cm116-lead svg{flex:none;width:18px;height:18px;margin-top:2px;color:var(--accent-text)}
.cm116-lead p{margin:0;font-size:13.5px;line-height:1.5}
.cm116-list{display:flex;flex-direction:column;gap:12px}
.cm116-row{padding:14px;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface);animation:t116Up .45s cubic-bezier(.16,1,.3,1) both}
.cm116-row:nth-child(2){animation-delay:.05s}.cm116-row:nth-child(3){animation-delay:.1s}.cm116-row:nth-child(4){animation-delay:.15s}
.cm116-row header{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.cm116-row header div{display:flex;flex-direction:column;line-height:1.2}
.cm116-row header small{color:var(--muted);font-size:12px}
.cm116-tags,.pz116-tags{display:flex;flex-wrap:wrap;gap:8px}
.cm116-tag{position:relative;cursor:pointer}
.cm116-tag input{position:absolute;opacity:0;pointer-events:none}
.cm116-tag span{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 13px;border-radius:999px;border:1.5px solid var(--line-2);background:var(--surface-2);font:600 13px var(--font);color:var(--ink-2);transition:transform .14s cubic-bezier(.2,.8,.2,1),background .2s,border-color .2s,color .2s,box-shadow .2s;user-select:none}
.cm116-tag span svg{width:15px;height:15px}
.cm116-tag:hover span{border-color:color-mix(in srgb,var(--accent) 60%,var(--line-2))}
.cm116-tag input:checked + span{background:linear-gradient(135deg,var(--arena-a,var(--accent)),var(--arena-b,var(--accent-2,var(--accent))));border-color:transparent;color:#0A0F1C;box-shadow:0 8px 18px -10px var(--arena-a,var(--accent));transform:scale(1.04)}
.cm116-tag input:focus-visible + span{outline:2px solid var(--accent);outline-offset:2px}
.cm116-tag:active span{transform:scale(.95)}
.cm116-tag.none span{border-style:dashed}
.cm116-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.cm116-chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);font:600 12.5px var(--font)}
.cm116-chip svg{width:14px;height:14px;color:var(--accent-text)}
.cm116-btn svg{width:14px;height:14px}
.cc116-rows{display:flex;flex-direction:column;gap:8px}
.cc116-row{display:flex;align-items:center;gap:8px}
.cc116-row .input{flex:1}
.cc116-ic{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:12px;border:1px solid var(--line-2);background:var(--surface-2);color:var(--accent-text);cursor:pointer;transition:transform .14s cubic-bezier(.2,.8,.2,1)}
.cc116-ic:active{transform:rotate(-12deg) scale(.92)}
.cc116-ic svg{width:18px;height:18px}
.aw116-hero{position:relative;overflow:hidden;padding:22px 24px!important;background:linear-gradient(120deg,color-mix(in srgb,var(--arena-a,var(--accent)) 18%,transparent),transparent 55%),linear-gradient(300deg,color-mix(in srgb,var(--arena-b,var(--accent)) 14%,transparent),transparent 50%),var(--surface)!important}
.aw-hero-in{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.aw-trophy{display:grid;place-items:center;width:72px;height:72px;border-radius:22px;background:linear-gradient(135deg,#FDE68A,#F59E0B);color:#7C2D12;box-shadow:0 14px 34px -14px #F59E0B;animation:awFloat 4s ease-in-out infinite}
@keyframes awFloat{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-5px) rotate(3deg)}}
.aw116-hero h2{margin:4px 0 8px;font-size:clamp(22px,2.6vw,30px);letter-spacing:-.02em}
.aw-chips{gap:6px}
.aw-act{gap:8px;align-items:flex-end}
.aw-reveal{position:relative;overflow:hidden}
.aw-reveal::after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translateX(-120%);animation:btnShine 3.2s ease-in-out infinite}
@keyframes btnShine{0%,55%{transform:translateX(-120%)}85%,100%{transform:translateX(120%)}}
@media (prefers-reduced-motion:reduce){.aw-trophy,.aw-reveal::after,.cm116-banner.need > svg{animation:none}}
.aw116-strip{display:flex;align-items:center;gap:10px;width:100%;padding:14px 18px;margin-bottom:14px;border:0;border-radius:var(--r-lg);cursor:pointer;text-align:left;color:#0A0F1C;background:linear-gradient(110deg,#FDE68A,#FBBF24 40%,var(--arena-a,#C6F432));box-shadow:0 14px 30px -18px #F59E0B;font:inherit;transition:transform .2s var(--ease)}
.aw116-strip:hover{transform:translateY(-2px)}
.aw116-strip span{flex:1;font-size:13px;opacity:.8}
.aw116-strip svg{width:20px;height:20px}
.aw116-grid,.rv-all{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin:14px 0}
.aw116-card{position:relative;overflow:hidden;padding:18px;border-radius:var(--r-lg);border:1px solid color-mix(in srgb,#F59E0B 35%,var(--line));background:linear-gradient(160deg,color-mix(in srgb,#FDE68A 22%,var(--surface-solid)),var(--surface-solid) 55%);box-shadow:var(--shadow);animation:t116Up .55s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i,0) * 60ms)}
.aw116-card header{display:flex;gap:12px;align-items:center;margin-bottom:12px}
.aw116-card header small{color:var(--muted);font:700 10.5px var(--font);letter-spacing:.1em;text-transform:uppercase}
.aw116-card h3{margin:2px 0 0;font-size:18px;letter-spacing:-.01em}
.aw-ic{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:14px;background:linear-gradient(135deg,#FDE68A,#F59E0B);color:#7C2D12}
.aw-shine{position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.35) 50%,transparent 65%);background-size:250% 100%;animation:heroSheen 6s ease-in-out infinite}
.aw-g + .aw-g{margin-top:12px;padding-top:12px;border-top:1px dashed var(--line-2)}
.aw-gl{display:inline-block;margin-bottom:8px;font:700 11px var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-text)}
.aw-w{display:flex;flex-wrap:wrap;gap:12px}
.wn116{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:84px;text-align:center}
.wn116 b{font-size:14px;line-height:1.2}
.wn116 small{color:var(--muted);font-size:11.5px}
.wn-av .avatar{width:54px;height:54px;box-shadow:0 0 0 3px #FBBF24,0 10px 24px -12px #F59E0B}
.wn-av.stack{display:flex}.wn-av.stack .avatar{width:40px;height:40px;margin-left:-8px;box-shadow:0 0 0 2px var(--surface-solid)}
.wn-av.club-logo{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,var(--arena-a,var(--accent)),var(--arena-b,var(--accent)));color:#0A0F1C;font-weight:800}
.aw116-card footer{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.rw116{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);font:700 11.5px var(--font);color:var(--ink-2)}
.rw116 svg{width:13px;height:13px}
.rw-cash{background:#DCFCE7;color:#166534;border-color:#86EFAC}
.rw-medal,.rw-trophy{background:#FEF3C7;color:#92400E;border-color:#FCD34D}
.rw-certificate{background:#E0E7FF;color:#3730A3;border-color:#A5B4FC}
.rw-qwoins{background:#FEF9C3;color:#854D0E;border-color:#FDE047}
.aw116-cols{margin-top:14px}
.pz116-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.pz116-item{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:var(--r);border:1px solid var(--line);background:var(--surface-2);transition:transform .2s var(--ease)}
.pz116-item:hover{transform:translateX(2px)}
.pz116-item small{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.pz-ic{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:12px;background:var(--accent-soft);color:var(--accent-text)}
.pz-rw{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.pz116-empty{padding:26px 10px}
.pz116-tpl{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.pz116-tpl .chip{cursor:pointer}
.pz116-pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:6px;max-height:260px;overflow:auto}
.pz116-pl{display:block;cursor:pointer}.pz116-pl input{position:absolute;opacity:0}
.pz116-pl span{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:12px;border:1.5px solid var(--line);font-size:13px}
.pz116-pl input:checked + span{border-color:var(--accent);background:var(--accent-soft)}
.pz116-rewards{display:flex;flex-direction:column;gap:8px}
.pz116-rw{display:grid;grid-template-columns:150px 1fr 120px auto;gap:8px;align-items:center}
.pz116-rw input[hidden]{display:none}
@media (max-width:640px){.pz116-rw{grid-template-columns:1fr 1fr auto}.pz116-rw input[data-rl]{grid-column:1/-1;grid-row:2}}
.aw116-tally{margin-top:14px}
.tl116-row{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-bottom:1px solid var(--line)}
.tl-bar{height:6px;border-radius:6px;background:var(--line);margin:6px 0}
.tl-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--arena-a,var(--accent)),var(--arena-b,var(--accent)));transition:width .6s var(--ease)}
.tl-tags{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--muted)}
.tl-tags span{display:inline-flex;gap:4px;align-items:center}.tl-tags svg{width:12px;height:12px}
.t116-legacy summary{cursor:pointer;font-weight:700;list-style:none}
.t116-legacy summary::-webkit-details-marker{display:none}
.rv116{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;overflow:auto;color:#F8FAFC;background:#05070E;animation:rvIn .5s ease both}
.rv116.out{animation:rvOut .26s ease both}
@keyframes rvIn{from{opacity:0}to{opacity:1}}@keyframes rvOut{to{opacity:0}}
.rv-bg{position:fixed;inset:0;overflow:hidden;pointer-events:none}
.rv-spot{position:absolute;top:-30vh;width:44vw;height:150vh;background:conic-gradient(from 180deg at 50% 0,transparent 42%,rgba(253,230,138,.22) 50%,transparent 58%);filter:blur(6px);transform-origin:50% 0}
.rv-spot.s1{left:-6vw;animation:rvSweep 6s ease-in-out infinite alternate}
.rv-spot.s2{right:-6vw;animation:rvSweep 7s ease-in-out -2s infinite alternate-reverse}
.rv-rays{position:absolute;left:50%;top:44%;width:140vmax;height:140vmax;margin:-70vmax 0 0 -70vmax;background:repeating-conic-gradient(rgba(251,191,36,.07) 0 6deg,transparent 6deg 18deg);animation:rvSpin 60s linear infinite;mask:radial-gradient(circle,#000 0,transparent 55%)}
@keyframes rvSweep{from{transform:rotate(-16deg)}to{transform:rotate(16deg)}}
@keyframes rvSpin{to{transform:rotate(360deg)}}
.rv-x{position:fixed;top:18px;right:18px;z-index:3;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#fff;cursor:pointer}
.rv-stage{position:relative;z-index:2;width:min(1100px,94vw);padding:60px 0 40px;text-align:center}
.rv-eyebrow{margin:0;font:700 12px var(--font);letter-spacing:.3em;text-transform:uppercase;color:#FCD34D}
.rv-title{margin:10px 0 26px;font-size:clamp(28px,4.6vw,52px);letter-spacing:-.03em;background:linear-gradient(180deg,#fff,#FDE68A);-webkit-background-clip:text;background-clip:text;color:transparent;animation:rvTitle .9s cubic-bezier(.16,1,.3,1) both}
@keyframes rvTitle{from{opacity:0;transform:translateY(16px) scale(.96);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
.rv-one{display:flex;justify-content:center;perspective:1200px}
.rv-one .aw116-card{width:min(520px,92vw);text-align:left;color:var(--ink,#0B1220);animation:rvCard .9s cubic-bezier(.16,1,.3,1) both;transform-origin:50% 60%}
@keyframes rvCard{0%{opacity:0;transform:rotateY(-80deg) translateZ(-200px) scale(.8)}60%{opacity:1}100%{opacity:1;transform:none}}
.rv-one .wn-av .avatar{width:76px;height:76px}
.rv-one .aw-w{justify-content:center}.rv-one .aw-g{text-align:center}.rv-one .aw116-card footer{justify-content:center}.rv-one .aw116-card header{justify-content:center;text-align:center}
.rv-one .wn116 b{font-size:17px}
.rv-all{color:var(--ink,#0B1220);text-align:left}
.rv-dots{display:flex;justify-content:center;gap:6px;margin:22px 0 14px}
.rv-dots i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.25);transition:all .3s var(--ease)}
.rv-dots i.on{width:26px;border-radius:8px;background:#FCD34D}
.rv-nav{display:flex;justify-content:center;gap:10px}
.rv-nav .btn.ghost{color:#fff;border-color:rgba(255,255,255,.25)}
.rv-confetti{position:fixed;left:50%;top:46%;pointer-events:none;z-index:3}
.rv-confetti i{position:absolute;width:8px;height:14px;border-radius:2px;background:hsl(var(--h) 90% 60%);animation:rvConf var(--d) cubic-bezier(.15,.7,.3,1) both}
@keyframes rvConf{0%{transform:translate(0,0) rotate(0);opacity:1}100%{transform:translate(var(--x),calc(var(--y) * -1 + 60vh)) rotate(var(--r));opacity:0}}
.rv116.calm *{animation:none!important}
.rv116.calm .rv-rays{display:none}
.rs-rules{display:flex;align-items:center;gap:6px;margin:0 0 12px}
.rs116{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:stretch}
.rs-side{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:190px;padding:16px;border-radius:24px;border:0;cursor:pointer;color:#0A0F1C;font:inherit;transition:transform .12s ease,filter .2s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.rs-side.a{background:linear-gradient(160deg,#D9F99D,#84CC16)}
.rs-side.b{background:linear-gradient(160deg,#BAE6FD,#38BDF8)}
.rs-side:active{transform:scale(.97)}
.rs-side:disabled{filter:grayscale(.6) opacity(.6);cursor:default}
.rs-name{font-weight:700;font-size:14px;text-align:center}
.rs-n{font:800 clamp(56px,9vw,88px)/1 var(--mono,monospace);letter-spacing:-.04em}
.rs-n.bump{animation:rsBump .22s cubic-bezier(.2,.8,.2,1)}
@keyframes rsBump{0%{transform:scale(1)}40%{transform:scale(1.22)}100%{transform:scale(1)}}
.rs-tap{font:700 11px var(--font);letter-spacing:.1em;text-transform:uppercase;opacity:.6}
.rs-mid{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:90px;font-weight:700;color:var(--muted)}
.rs-games{display:flex;flex-direction:column;gap:4px;align-items:center;font:700 13px var(--mono,monospace);color:var(--ink-2)}
.rs-games em{font-style:normal;color:var(--accent-text)}
.rs-st{min-height:40px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;padding:8px 12px;border-radius:14px;background:var(--accent-soft);font-weight:700;text-align:center}
.rs-st:empty{background:transparent}
.rs-st b{color:var(--accent-text)}
.rs-tools{margin-top:10px}
@media (max-width:600px){.rs116{grid-template-columns:1fr 1fr}.rs-mid{grid-column:1/-1;grid-row:1;flex-direction:row}.rs-side{min-height:150px}}
.st116{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:var(--r-lg);border:1px dashed var(--line-2);background:var(--surface)}
.st116[hidden]{display:none}
.st116-pre{display:flex;flex-wrap:wrap;gap:6px}.st116-pre .chip{cursor:pointer}
.st116-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.st116-row{display:grid;grid-template-columns:28px minmax(120px,1fr) minmax(140px,1fr) auto auto auto;gap:8px;align-items:center;padding:10px;border-radius:var(--r);background:var(--surface-2);border:1px solid var(--line);animation:t116Up .35s cubic-bezier(.16,1,.3,1) both}
.st-n{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-weight:800;font-size:12px}
.st-num{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}
.st-num .input{width:70px}
.st-final{font-size:12px;font-weight:700;color:var(--accent-text)}
.st-tools{display:flex;gap:2px}
.st-help{grid-column:2/-1;color:var(--muted);font-size:12px}
@media (max-width:720px){.st116-row{grid-template-columns:28px 1fr 1fr}.st-num,.st-final,.st-tools{grid-column:2/-1}}
.rk116{display:flex;flex-direction:column;gap:8px;margin-top:6px}
.rk116-sel{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.rk116-sel li{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 6px 0 6px;border-radius:999px;background:var(--surface-2);border:1.5px solid color-mix(in srgb,var(--accent) 50%,var(--line));animation:t116Up .3s ease both}
.rk-n{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font:800 12px var(--font)}
.rk116-sel b{font-size:13px}
.rk-tools{display:inline-flex}
.rk116-add{display:flex;flex-wrap:wrap;gap:6px}
.rk116-add .chip{cursor:pointer}
.t116-tools .btn svg{width:15px;height:15px}
#app.rt116-hold .pn108>:not(.topbar),#app.rt116-hold>:not(.sb108):not(.pn108){opacity:0!important;transition:none!important}
#app.rt116-hold .view,#app.rt116-hold .page{animation:none!important}
@keyframes rt116In{from{opacity:0}to{opacity:1}}
.btn{transition:transform .14s cubic-bezier(.2,.8,.2,1),box-shadow .2s var(--ease),background-color .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease)}
.btn:not(:disabled):active{transform:scale(.965)}
@media (hover:hover){.btn.primary:not(:disabled):hover{box-shadow:0 10px 22px -12px color-mix(in srgb,var(--accent) 80%,transparent);transform:translateY(-1px)}
  .btn:not(.primary):not(:disabled):hover svg{transform:translateX(1px) rotate(-4deg)}
  .card.link:hover,.card.hover:hover{transform:translateY(-2px)}}
.btn svg{transition:transform .18s cubic-bezier(.2,.8,.2,1)}
.card.link,.card.hover{transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s}
.seg button{transition:background-color .25s var(--ease),color .25s var(--ease),box-shadow .25s var(--ease),transform .15s}
.seg button:active{transform:scale(.96)}
img.avatar,.avatar img{transition:opacity .2s ease}
@media (prefers-reduced-motion:reduce){#app.rt116-in .pn108>*,#app.rt116-in>*,.cm116-row,.aw116-card,.st116-row,.rk116-sel li{animation:none!important}.btn:active,.seg button:active{transform:none}}
:root{--spring:cubic-bezier(.22,1,.36,1);--v106-spring:cubic-bezier(.22,1,.36,1)}
.view,.page-in91{animation:none!important}
#app .stagger>*,#app .hero90,#app .qt-card,#app .lb-row,#app .arena-court,
#app .hof-spot,#app .hof-row,#app .t5-spot,#app .circ90,#app .adm90-card,
#app .adm90-club,#app .fp105,#app .fr105,#app .sp93-club,#app .sp93-add,
#app .wl95-p,#app .sc101-club,#app .sc101-add,#app .du98,#app .co106-av,
#app .hall107-p,#app .cm116-row,#app .aw116-card,#app .st116-row,
body.t116-enter #tBody>*,body.t116-enter #tBody .grid>*{animation:none!important}
.rs-n.bump{animation-timing-function:cubic-bezier(.2,.8,.2,1)!important;animation-duration:.22s!important}
.du98{animation-timing-function:cubic-bezier(.2,.8,.2,1)!important}
.au91-actions .btn,.au91-choice .btn,.au91-form .btn.lg{animation-timing-function:cubic-bezier(.2,.8,.2,1)!important;animation-duration:.3s!important;animation-delay:calc(40ms + var(--i,0) * 35ms)!important}
.modal,.sheet,dialog{animation-duration:.18s!important}
@keyframes cm106pop{from{transform:scale(.92)}to{transform:scale(1)}}
@keyframes co106pop{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}
.sh100-tabs button,.sh100-qr,.sh100-code,.sh98 .hero90-qr,.sh98-c.share .btn,.mf100 .btn,.inv103-qr,.sp106-card,.ml106-row,#pGrid.mc106 article.pcard,.pm106-ib,.sd106-check,.dc106-km button,.dc106-card,.dc106-day,.dc106-ev,.mood98 .mood-tile,.mood98 .chip-toggle,.com98 .com-tag,.tap98-ok,.cm116-tag span,.cc116-ic{transition-timing-function:cubic-bezier(.2,.8,.2,1)!important}
.sp106{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transition:opacity .16s ease!important}
.sp106-card{transform:none!important;box-shadow:0 18px 40px -22px rgba(22,20,18,.45)!important;padding:16px 22px 14px!important}
.snap117{position:fixed;z-index:40;overflow:hidden;pointer-events:none;contain:strict;opacity:1;transition:opacity .16s ease-out}
.snap117.out{opacity:0}
.snap117 *{animation:none!important;transition:none!important}
