:root{--orange:#fb7c27;--deep:#e53b00;--navy:#130e23;--black:#0a0714;--off:#f3f1ee;--light:#e4e2e2;--ink:#1b1730;--muted:#6b6780;--white:#fff;--card:#1b1530;--card2:#241c40;--line:#ffffff1a;--dmuted:#a9a3c2;--glass:#ffffff0f;--ner-blue:#0b1f4d;--ner-black:#111;--gold:#f2c14e;--green:#1fa37a;--display:Oswald, "Arial Narrow", Arial, sans-serif;--body:Archivo, Arial, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--black);color:var(--white);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0}#root{min-height:100dvh}a{color:var(--orange)}button,input,select{font:inherit}::selection{background:var(--orange);color:var(--navy)}.shell{background:var(--black);justify-content:center;min-height:100dvh;display:flex}.app{background:var(--black);flex-direction:column;width:100%;max-width:430px;min-height:100dvh;display:flex;position:relative;overflow:hidden}@media (width>=640px){.shell{background:#050309}.app{border-left:1px solid var(--line);border-right:1px solid var(--line)}}.glow{pointer-events:none;background:radial-gradient(circle,#fb7c2747 0%,#fb7c2700 62%);border-radius:50%;width:420px;height:420px;position:absolute;top:-140px;left:-120px}.h{font-family:var(--display);text-transform:uppercase;letter-spacing:.01em;font-weight:700;line-height:1}.h5{font-family:var(--display);letter-spacing:.03em;font-weight:500;line-height:1.1}.label{font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--dmuted);font-size:14px;font-weight:500}.muted{color:var(--dmuted)}.sb{font-weight:600}.appbar{padding:calc(14px + env(safe-area-inset-top)) 20px 8px 20px;justify-content:space-between;align-items:center;gap:10px;display:flex;position:relative}.appbar img{width:auto;height:34px;display:block}.body{flex-direction:column;flex-grow:1;gap:14px;padding:12px 20px 18px;display:flex;position:relative}.grow{flex-grow:1}.row{justify-content:space-between;align-items:center;gap:12px;display:flex}.col{flex-direction:column;gap:6px;display:flex}.stack{align-items:center;display:flex}.stack>*{border:2px solid var(--black);border-radius:50%;margin-left:-10px}.stack>:first-child{margin-left:0}.card{background:var(--card);border-radius:22px;flex-direction:column;gap:10px;padding:16px;display:flex;position:relative}.glass{background:var(--glass);border:1px solid var(--line);border-radius:22px;flex-direction:column;gap:10px;padding:16px;display:flex;position:relative}.card.orange{background:var(--orange);color:var(--navy)}.photo-card{border-radius:22px;flex-shrink:0;position:relative;overflow:hidden}.photo-card img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.photo-card .shade{background:linear-gradient(90deg,#0a0714e0 0%,#0a071473 100%);position:absolute;inset:0}.photo-card .content{justify-content:space-between;align-items:center;gap:12px;height:100%;padding:0 14px;display:flex;position:relative}.hero{flex-shrink:0;position:relative;overflow:hidden}.hero>img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.hero .fade{background:linear-gradient(180deg, #0a071400 0%, var(--black) 100%);height:60%;position:absolute;bottom:0;left:0;right:0}.hero .content{flex-direction:column;height:100%;display:flex;position:relative}.btn{cursor:pointer;background:var(--orange);width:100%;height:56px;color:var(--navy);font-family:var(--display);text-transform:uppercase;letter-spacing:.03em;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;font-size:18px;font-weight:500;display:flex}.btn:active{filter:brightness(1.1);transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.ghost{color:var(--white);border:1.5px solid var(--line);background:0 0}.btn.navy{background:var(--navy);color:var(--white)}.btn.deep{background:var(--deep);color:var(--white)}.btn.sm{width:auto;height:44px;padding:0 20px;font-size:15px}.btn:focus-visible,.pill:focus-visible,.circle:focus-visible,.chip:focus-visible,.opt:focus-visible,.nav button:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.pill{background:var(--card2);color:var(--white);white-space:nowrap;cursor:default;border:0;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:600;display:inline-flex}.pill.button{cursor:pointer}.pill.orange{background:var(--orange);color:var(--navy)}.pill.flat{background:0 0;padding:0}.circle{background:var(--card);width:44px;height:44px;color:var(--white);cursor:pointer;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.circle .badge{background:var(--deep);min-width:18px;height:18px;color:var(--white);border-radius:9px;justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:600;display:flex;position:absolute;top:-2px;right:-2px}.chips{scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{background:var(--card);color:var(--white);white-space:nowrap;cursor:pointer;border:0;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:600}.chip.on{background:var(--orange);color:var(--navy)}.field{flex-direction:column;gap:6px;display:flex}.field label{font-family:var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--dmuted);font-size:12px;font-weight:500}.field input{border:1.5px solid var(--line);background:var(--card);height:52px;color:var(--white);border-radius:14px;padding:0 14px;font-size:16px}.field input:focus{outline:2px solid var(--orange);border-color:#0000}.toggle{cursor:pointer;background:#ffffff2e;border:0;border-radius:15px;flex-shrink:0;width:52px;height:30px;padding:0;position:relative}.toggle.on{background:var(--orange)}.toggle:after{content:"";background:var(--white);border-radius:50%;width:24px;height:24px;transition:transform .16s;position:absolute;top:3px;left:3px}.toggle.on:after{transform:translate(22px)}.slider{flex-direction:column;gap:6px;display:flex}.slider input[type=range]{appearance:none;background:0 0;width:100%;height:22px;margin:0}.slider input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--orange) 0 var(--pct,50%), #ffffff1f var(--pct,50%) 100%);border-radius:3px;height:6px}.slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--white);border:3px solid var(--orange);border-radius:50%;width:22px;height:22px;margin-top:-8px}.slider input[type=range]::-moz-range-track{background:#ffffff1f;border-radius:3px;height:6px}.slider input[type=range]::-moz-range-progress{background:var(--orange);border-radius:3px;height:6px}.slider input[type=range]::-moz-range-thumb{background:var(--white);border:3px solid var(--orange);border-radius:50%;width:22px;height:22px}.slider .ends{color:var(--dmuted);justify-content:space-between;font-size:12px;display:flex}.opt{background:var(--card2);color:var(--white);text-align:left;cursor:pointer;border:0;border-radius:14px;justify-content:space-between;align-items:center;width:100%;padding:12px 14px;font-size:14px;font-weight:600;display:flex}.opt.on{background:var(--orange);color:var(--navy)}.opt .n{opacity:.8;font-size:12px;font-weight:400}.stepper{align-items:center;gap:8px;display:flex}.stepper button{background:var(--card2);width:36px;height:36px;color:var(--white);font-family:var(--display);cursor:pointer;border:0;border-radius:12px;font-size:18px}.stepper .v{font-family:var(--display);text-align:center;width:34px;font-size:40px;font-weight:700}.bar{align-items:center;gap:10px;display:flex}.bar .lab{font-family:var(--display);text-transform:uppercase;width:44px;font-size:13px;font-weight:500}.bar .track{background:#ffffff1f;border-radius:4px;flex-grow:1;height:8px;overflow:hidden}.bar .fill{background:var(--orange);border-radius:4px;height:8px;transition:width .3s}.bar .n{color:var(--dmuted);text-align:right;width:14px;font-size:12px}.nav{padding:8px 14px calc(14px + env(safe-area-inset-bottom)) 14px;position:relative}.nav .bar-inner{background:var(--card);border:1px solid var(--line);border-radius:26px;gap:6px;padding:6px;display:flex}.nav button{height:56px;color:var(--white);cursor:pointer;background:0 0;border:0;border-radius:18px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:10px;font-weight:600;display:flex}.nav button span{color:var(--dmuted)}.nav button.on{background:var(--orange);color:var(--navy)}.nav button.on span{color:var(--navy)}.avatar{flex-shrink:0;position:relative}.avatar .disc{border-radius:50%;display:block;overflow:hidden}.avatar.speaking .disc{box-shadow:0 0 0 3px var(--orange)}.avatar .mic{background:var(--orange);border:2px solid var(--black);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;bottom:-4px;right:-4px}.person{flex-direction:column;align-items:center;display:flex}.person .name{text-align:center;margin-top:8px;font-size:13px;font-weight:600}.person .sub{color:var(--dmuted);text-align:center;margin-top:2px;font-size:11px}.person.speaking .sub{color:var(--orange)}.crest{border:2px solid #ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.crest span{font-family:var(--display);background:#00000059;border-radius:6px;padding:2px 5px;font-weight:700}.match{justify-content:space-between;align-items:center;display:flex}.match .team{flex-direction:column;align-items:center;gap:8px;width:90px;font-size:13px;font-weight:600;display:flex}.match .mid{flex-direction:column;align-items:center;gap:8px;display:flex}.match .score{font-family:var(--display);font-size:40px;font-weight:700}.live{font-family:var(--display);background:#e53b002e;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:500;display:flex}.live:before{content:"";background:var(--deep);border-radius:50%;width:7px;height:7px}.reactions{gap:8px;display:flex}.reaction{color:var(--white);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:6px;padding:0;display:flex}.reaction .disc{background:var(--card);border:1px solid var(--line);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .12s,background .12s;display:flex}.reaction:active .disc,.reaction.lit .disc{background:var(--orange);transform:scale(1.08)}.reaction:active .disc svg,.reaction.lit .disc svg{stroke:var(--navy)}.reaction .lab{font-family:var(--display);text-transform:uppercase;font-size:12px;font-weight:500}.ptt{flex-direction:column;align-items:center;gap:10px;display:flex}.ptt button{background:var(--orange);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;border:0;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;transition:transform .12s,box-shadow .12s;display:flex;box-shadow:0 0 0 12px #fb7c272e,0 18px 40px #fb7c2759}.ptt button.on{box-shadow:0 0 0 calc(12px + var(--level,0px)) #fb7c2759, 0 18px 40px #fb7c2773;transform:scale(1.06)}.ptt .lab{font-family:var(--display);text-transform:uppercase;font-size:14px;font-weight:500}.side{flex-direction:column;align-items:center;gap:6px;width:64px;display:flex}.side .lab{font-family:var(--display);text-transform:uppercase;color:var(--dmuted);font-size:11px;font-weight:500}.float{background:var(--card2);border:1px solid var(--line);border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex;position:absolute}.float:before{content:"";background:var(--orange);border-radius:50%;width:8px;height:8px}.toast{left:50%;bottom:calc(96px + env(safe-area-inset-bottom));background:var(--off);width:min(390px,100% - 40px);color:var(--navy);opacity:0;pointer-events:none;z-index:50;border-radius:14px;padding:12px 14px;font-size:13px;font-weight:600;transition:opacity .18s,transform .18s;position:fixed;transform:translate(-50%)translateY(8px);box-shadow:0 12px 30px #0006}.toast.show{opacity:1;transform:translate(-50%)}.sheet-back{z-index:20;background:#0a0714c7;position:absolute;inset:0}.sheet{background:var(--card);padding:14px 20px calc(22px + env(safe-area-inset-bottom)) 20px;border-top:1px solid var(--line);z-index:21;border-radius:28px 28px 0 0;flex-direction:column;gap:14px;animation:.22s ease-out up;display:flex;position:absolute;bottom:0;left:0;right:0}.sheet .handle{background:#fff3;border-radius:2px;align-self:center;width:40px;height:4px}@keyframes up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.goal{background:var(--orange);color:var(--navy);z-index:30;flex-direction:column;animation:.32s ease-out pop;display:flex;position:absolute;inset:0}@keyframes pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.tvmode{z-index:25;background:#050309;flex-direction:column;display:flex;position:absolute;inset:0}.clockbtn{background:var(--orange);width:224px;height:224px;color:var(--navy);cursor:pointer;border:0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;box-shadow:0 0 0 18px #fb7c2729,0 24px 60px #fb7c2759}.clockbtn:active{transform:scale(.98)}.tile{border-radius:22px;flex-direction:column;flex:1;gap:10px;padding:14px;display:flex}.tile .ic{background:#ffffff2e;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.tile .v{font-family:var(--display);font-size:30px;font-weight:700}.grid6{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}.grid3{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px;display:grid}.checkrow{align-items:center;gap:14px;display:flex}.checkrow .ic{background:var(--card2);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.fans-pill{vertical-align:middle;background:var(--orange);border-radius:44px;width:92px;height:44px;margin:0 4px;display:inline-block;overflow:hidden}.fans-pill img{object-fit:cover;object-position:50% 30%;width:100%;height:100%;display:block}.meter{background:#ffffff1f;border-radius:7px;height:14px;overflow:hidden}.meter .fill{background:var(--orange);height:100%;transition:width .4s}.picker{justify-content:space-between;display:flex}.picker button{cursor:pointer;background:0 0;border:3px solid #0000;border-radius:50%;padding:2px}.picker button.on{border-color:var(--orange)}.hidden{display:none!important}@media (prefers-reduced-motion:reduce){.sheet,.goal{animation:none}}.light{--card:#fff;--card2:#e6dfd0;--line:#130e2324;--white:#130e23;--dmuted:#6b6684;--glass:#ffffffb8;color:#130e23;background-color:#f4efe6;flex-direction:column;min-height:100dvh;display:flex;position:relative}.light:before{content:"";pointer-events:none;opacity:.14;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.35 0 0 0 0 0.28 0 0 0 0 0.22 0 0 0 0.9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");background-size:240px 240px;position:absolute;inset:0}.light:after{content:"";pointer-events:none;background:radial-gradient(55% 38% at 50% 30%,#fb7c2729 0%,#fb7c2700 72%);position:absolute;inset:0}.light>*{z-index:1;position:relative}.light .field label{color:#6b6684}.light .field input{color:#130e23;background:#fff;border-color:#130e2324;box-shadow:0 1px 2px #130e230d}.light .field input::placeholder{color:#9a94ae}.light .btn.ghost{color:#130e23;border-color:#130e2338}.light .circle{color:#130e23;background:#fff;box-shadow:0 1px 2px #130e2314}.light .pill,.light .opt{color:#130e23;background:#e6dfd0}.light .opt.on{background:var(--orange);color:var(--navy)}.light .h,.light .h5{color:#130e23}
