:root{--bg:#0a0c10;--bg-2:#0f1218;--panel:#13171e;--panel-2:#181d26;--panel-3:#20262f;--line:#ffffff12;--line-2:#ffffff1f;--text:#f2f4f8;--muted:#9aa4b4;--faint:#626c7b;--accent:#ff8a1e;--accent-hi:#ffb04f;--accent-lo:#f06a00;--accent-ink:#1a0f02;--accent-soft:#ff8a1e1f;--accent-glow:#ff8a1e59;--green:#2fd17c;--green-soft:#2fd17c1f;--red:#ff4d5b;--red-soft:#ff4d5b1f;--blue:#4c9dff;--gold:#ffc83d;--silver:#cdd6e2;--bronze:#e0915a;--r:16px;--r-sm:11px;--safe-b:env(safe-area-inset-bottom,0px);--font-display:"Unbounded", "Inter", system-ui, sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--shadow:0 10px 30px #00000059}*{box-sizing:border-box}html{background:var(--bg)}html,body{max-width:100%;overflow-x:hidden}.app{overflow-x:clip}html,body{color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;margin:0;font-size:15px;font-weight:500}body:before{content:"";z-index:-1;background:radial-gradient(70% 35% at 85% -5%, #ff8a1e24 0%, transparent 70%), radial-gradient(60% 30% at 0% 10%, #4c9dff12 0%, transparent 70%), linear-gradient(180deg, var(--bg-2) 0%, var(--bg) 50%);position:fixed;inset:0}button,input,textarea,select{color:inherit;font-family:inherit}a{color:inherit;text-decoration:none}.app{max-width:560px;padding:14px 16px calc(108px + var(--safe-b));min-height:100vh;margin:0 auto}.row{align-items:center;display:flex}.gap{gap:10px}.gap-xs{gap:6px}.grow{flex:1;min-width:0}.stack{flex-direction:column;gap:12px;display:flex}.muted{color:var(--muted)}.small{font-size:13px;font-weight:600}.mt{margin-top:12px}.mt-s{margin-top:8px}.ml{margin-left:8px}.center{text-align:center}.gold{color:var(--gold)}.mono{font-variant-numeric:tabular-nums;letter-spacing:.04em}.hint{color:var(--muted);margin:10px 0 0;font-size:13px;line-height:1.5}.warn{color:var(--accent-hi);margin:10px 0 0;font-size:13px;font-weight:600}.soon{color:var(--accent-hi)}.logo,.page-title,.t-title,.tcard-title,.featured-title,.welcome h1,.kpis b,.section-head h2,.stat-val,.sheet-title,.support-sent-title,.profile-name,.pod-block,.empty-title,.status-text b,.notice-text b,.mymatch-team,.vs,.myteam-name,.team-card-name,.invite-team-name,.checkin-title,.onboarding-title,.invite-title,.my-rank-pos,.my-rank-points,.leader-points,.leader-rank,.countdown-val,.t-prize b,.points-grid b,.invite-code b,.score-input,.input-code,.form-title,.topbar-logo{font-family:var(--font-display);letter-spacing:-.01em;font-weight:700}.topbar{z-index:25;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#0a0c10d1;justify-content:space-between;align-items:center;max-width:560px;margin:0 auto;padding:10px 16px;display:flex;position:sticky;top:0}.topbar-logo{letter-spacing:.02em;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:14px;display:inline-flex}.topbar-logo b{color:var(--accent);font-weight:800}.topbar-mark{width:30px;height:30px;color:var(--accent-ink);background:linear-gradient(135deg, var(--accent-hi), var(--accent-lo));box-shadow:0 4px 14px var(--accent-glow);border-radius:9px;place-items:center;display:grid}.topbar-me{border:1px solid var(--line-2);background:var(--panel);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:3px 3px 3px 12px;display:inline-flex}.topbar-points{color:var(--accent-hi);font-variant-numeric:tabular-nums;align-items:center;gap:5px;font-size:13px;font-weight:800;display:inline-flex}.hero{text-align:center;padding:18px 0 16px;position:relative}.hero-compact{padding:8px 0 12px}.logo{margin:14px 0 0;font-size:34px;font-weight:800;line-height:1.05}.logo span{color:var(--accent)}.logo-sm{font-size:26px}.hero-kicker,.page-kicker,.welcome-kicker{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:6px;font-size:11px;font-weight:800;display:inline-flex}.hero-kicker{background:var(--accent-soft);border:1px solid #ff8a1e4d;border-radius:999px;padding:6px 12px}.hero-sub{color:var(--muted);max-width:340px;margin:12px auto 0;font-size:14px;line-height:1.55}.page-head{justify-content:space-between;align-items:flex-end;gap:12px;margin:6px 0 16px;display:flex}.page-head .page-title{margin:4px 0 0}.page-title{margin:8px 0 16px;font-size:24px;line-height:1.15}.page-title-sm{font-size:19px}.welcome{padding:18px 2px 6px}.welcome h1{margin:10px 0;font-size:28px;font-weight:800;line-height:1.15}.welcome h1 span{color:var(--accent)}.welcome p{color:var(--muted);margin:0;line-height:1.55}.section-head{justify-content:space-between;align-items:center;gap:10px;margin:24px 0 12px;display:flex}.section-head h2{margin:0;font-size:19px}.card{background:linear-gradient(180deg, var(--panel-2) 0%, var(--panel) 100%);border:1px solid var(--line);border-radius:var(--r);margin-bottom:12px;padding:16px;display:block;position:relative}.stack>.card{margin-bottom:0}.skeleton{background:linear-gradient(90deg, var(--panel) 0%, var(--panel-3) 50%, var(--panel) 100%);background-size:200% 100%;animation:1.2s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.form-title{margin-bottom:12px;font-size:15px}.btn{border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--panel-3);min-height:46px;color:var(--text);letter-spacing:.01em;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:700;transition:transform 80ms,filter .15s,background .15s,box-shadow .15s;display:inline-flex}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:linear-gradient(135deg, var(--accent-hi) 0%, var(--accent) 45%, var(--accent-lo) 100%);color:var(--accent-ink);box-shadow:0 8px 22px -6px var(--accent-glow);border-color:#0000}.btn-primary:hover:not(:disabled){filter:brightness(1.06)}.btn-danger{background:var(--red-soft);color:#ff8a94;border-color:#ff4d5b59}.btn-ghost{color:var(--muted);background:0 0}.btn-sm{border-radius:10px;min-height:38px;padding:0 14px;font-size:13px}.btn-lg{min-height:52px;font-size:15px}.btn-block{width:100%;display:flex}.btn+.btn-block,.btn-block+.btn,.btn-block+.row{margin-top:10px}.cta{animation:2.4s ease-out infinite cta-pulse}@keyframes cta-pulse{0%{box-shadow:0 0 0 0 var(--accent-glow)}70%,to{box-shadow:0 0 0 14px #ff8a1e00}}.icon-btn{border:1px solid var(--line-2);background:var(--panel-3);width:38px;height:38px;color:var(--text);cursor:pointer;border-radius:10px;flex:none;place-items:center;display:inline-grid}.icon-btn-sm{border-radius:9px;width:32px;height:32px}.icon-btn.danger{color:#ff8a94;background:var(--red-soft);border-color:#ff4d5b59}.icon-btn:disabled{opacity:.4}.link-btn{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;font-weight:600}.link-btn:disabled{opacity:.5}.danger-link{color:#ff8a94}.admin-actions{gap:10px;margin:4px 0 0;display:flex}.create-btn{margin-bottom:14px}.support-btn{position:relative}.counter{background:var(--red);color:#fff;border-radius:10px;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:800;display:inline-grid}.badge,.chip{letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border:1px solid #0000;border-radius:999px;flex:none;align-items:center;gap:5px;height:24px;padding:0 9px;font-size:11px;font-weight:800;display:inline-flex}.badge-registration,.chip-accent{color:var(--accent-hi);background:#ff8a1e29;border-color:#ff8a1e59}.badge-running,.chip-green{color:var(--green);background:#2fd17c26;border-color:#2fd17c59}.badge-running:before,.pulse-dot{content:"";background:var(--green);border-radius:50%;flex:none;width:7px;height:7px;animation:1.6s ease-out infinite live;display:inline-block;box-shadow:0 0 #2fd17c99}@keyframes live{70%,to{box-shadow:0 0 0 7px #2fd17c00}}.badge-finished,.chip-muted{border-color:var(--line-2);color:var(--muted);background:#ffffff0f}.chip-red{background:var(--red-soft);color:#ff8a94;border-color:#ff4d5b59}.cap-tag,.win-tag{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);flex:none;font-size:10px;font-weight:800}.win-tag{color:var(--green)}.cover{isolation:isolate;--c1:#ff8a1e;--c2:#5a1d00;--c3:#1b0f08;position:relative;overflow:hidden}.cover-1{--c1:#ff4d5b;--c2:#5b0d1d;--c3:#170a0f}.cover-2{--c1:#23d3c4;--c2:#053f46;--c3:#071518}.cover-3{--c1:#9a6bff;--c2:#2b1260;--c3:#100a1d}.cover-4{--c1:#4c9dff;--c2:#0b2f66;--c3:#08111f}.cover-art{z-index:-1;background:radial-gradient(120% 90% at 100% 0%, color-mix(in srgb, var(--c1) 55%, transparent) 0%, transparent 55%), linear-gradient(135deg, var(--c2) 0%, var(--c3) 75%);position:absolute;inset:0}.cover-art:after{content:"";background:linear-gradient(#0000 30%,#050609d9 100%);position:absolute;inset:0}.cover-format{font-family:var(--font-display);letter-spacing:-.04em;color:#0000;-webkit-text-stroke:1.5px color-mix(in srgb, var(--c1) 45%, transparent);opacity:.9;font-size:108px;font-weight:800;line-height:1;position:absolute;bottom:-18px;right:-6px}.cover-cross{color:color-mix(in srgb, var(--c1) 13%, transparent);position:absolute;top:-40px;right:14%}.cover-stripes{background:repeating-linear-gradient(115deg,#ffffff09 0 2px,#0000 2px 14px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 30%,#000 100%);mask-image:linear-gradient(90deg,#0000 30%,#000 100%)}.featured{border:1px solid var(--line-2);background:var(--panel);box-shadow:var(--shadow);border-radius:20px;margin:4px 0 0;display:block;overflow:hidden}.featured-cover{flex-direction:column;justify-content:space-between;min-height:210px;padding:16px;display:flex}.featured-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.featured-flag{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);letter-spacing:.1em;text-transform:uppercase;background:#00000073;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:800}.featured-body{margin-top:40px}.featured-format,.tcard-format{color:var(--accent-hi);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:800}.featured-title{text-shadow:0 2px 20px #00000080;margin-top:6px;font-size:26px;font-weight:800;line-height:1.1}.featured-prize{color:var(--gold);background:#ffc83d24;border:1px solid #ffc83d59;border-radius:10px;align-items:center;gap:7px;margin-top:12px;padding:7px 12px;font-weight:800;display:inline-flex}.featured-foot{border-top:1px solid var(--line);align-items:center;gap:14px;padding:12px 16px;display:flex}.featured-slots{min-width:0;color:var(--muted);text-align:right;flex-direction:column;flex:1;gap:6px;font-size:12px;font-weight:700;display:flex}.featured-go{background:var(--accent);width:36px;height:36px;color:var(--accent-ink);border-radius:50%;flex:none;place-items:center;display:grid}.countdown{flex-direction:column;gap:3px;display:flex}.countdown-label{color:var(--faint);letter-spacing:.12em;text-transform:uppercase;font-size:10.5px;font-weight:800}.countdown-val{font-variant-numeric:tabular-nums;color:var(--text);font-size:18px}.kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 14px;display:grid}.kpis div{background:var(--panel);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:2px;padding:12px;display:flex}.kpis b{font-size:20px}.kpis span{color:var(--faint);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.tabs-inline{background:var(--panel);border:1px solid var(--line);border-radius:10px;gap:4px;padding:3px;display:flex}.tabs-inline button{height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 11px;font-size:12px;font-weight:700}.tabs-inline button.active{background:var(--panel-3);color:var(--text)}.filters{scrollbar-width:none;gap:8px;margin-bottom:14px;display:flex;overflow-x:auto}.filter{border:1px solid var(--line-2);height:34px;color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;flex:none;padding:0 14px;font-size:13px;font-weight:700}.filter.active{background:var(--text);border-color:var(--text);color:var(--bg)}.tgrid{gap:14px;display:grid}.tcard{border-radius:var(--r);border:1px solid var(--line);background:var(--panel);transition:transform .12s,border-color .15s;display:block;overflow:hidden}.tcard:active{transform:scale(.99)}.tcard-running{border-color:#2fd17c4d}.tcard-cover{flex-direction:column;justify-content:space-between;height:112px;padding:12px;display:flex}.tcard-cover .cover-format{font-size:84px;bottom:-14px}.tcard-badges{flex-wrap:wrap;gap:6px;display:flex}.tcard-prize{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--gold);background:#00000080;border-radius:8px;align-self:flex-start;align-items:center;gap:6px;padding:5px 10px;font-size:12.5px;font-weight:800;display:inline-flex}.tcard-body{flex-direction:column;gap:8px;padding:14px;display:flex}.tcard-title{font-size:17px;line-height:1.25}.tcard-meta{color:var(--muted);flex-wrap:wrap;gap:6px 14px;font-size:13px;font-weight:600;display:flex}.tcard-meta span{align-items:center;gap:5px;display:inline-flex}.tcard-meta .live{color:var(--green)}.tcard-winner{border-top:1px solid var(--line);align-items:center;gap:8px;margin-top:4px;padding-top:10px;display:flex}.progress{background:#ffffff12;border-radius:999px;height:6px;overflow:hidden}.progress i{border-radius:inherit;background:linear-gradient(90deg, var(--accent-lo), var(--accent-hi));height:100%;box-shadow:0 0 10px var(--accent-glow);transition:width .3s;display:block}.mode-strip{align-items:center;gap:10px;display:flex}.mode-icon{color:var(--accent)}.mode-name{text-transform:uppercase;letter-spacing:.08em;flex:1;font-size:12px;font-weight:800}.prize{color:var(--gold);background:#ffc83d1f;border:1px solid #ffc83d4d;border-radius:10px;align-self:flex-start;align-items:center;gap:8px;padding:7px 12px;font-weight:700;display:inline-flex}.t-banner{flex-direction:column;justify-content:space-between;min-height:240px;margin:-14px -16px 0;padding:18px 16px;display:flex}.backbar+.t-banner{border-radius:var(--r);margin-top:0;margin-left:0;margin-right:0}.t-banner .cover-format{font-size:140px;bottom:-26px}.t-banner-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.t-banner-format{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);letter-spacing:.04em;background:#00000073;border-radius:999px;align-items:center;gap:6px;padding:6px 11px;font-size:12px;font-weight:800;display:inline-flex}.t-banner-body{margin-top:54px}.t-title{text-shadow:0 2px 20px #00000080;margin:0;font-size:27px;font-weight:800;line-height:1.1}.t-prize{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000073;border:1px solid #ffc83d4d;border-radius:12px;flex-direction:column;gap:3px;margin-top:14px;padding:10px 14px;display:inline-flex}.t-prize span{color:var(--faint);letter-spacing:.12em;text-transform:uppercase;font-size:10.5px;font-weight:800}.t-prize b{color:var(--gold);align-items:center;gap:7px;font-size:17px;display:inline-flex}.facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0 12px;display:grid}.fact{background:var(--panel);border:1px solid var(--line);border-radius:13px;align-items:center;gap:10px;min-width:0;padding:11px 12px;display:flex}.fact svg{color:var(--accent);flex:none}.fact div{flex-direction:column;gap:2px;min-width:0;display:flex}.fact span{color:var(--faint);letter-spacing:.1em;text-transform:uppercase;font-size:10.5px;font-weight:800}.fact b{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;overflow:hidden}.t-reg{align-items:center;gap:16px;display:flex}.t-reg-slots{color:var(--muted);text-align:right;flex-direction:column;flex:1;gap:8px;font-size:12.5px;font-weight:600;display:flex}.t-reg-slots b{color:var(--text)}.live-strip{background:var(--green-soft);color:var(--green);border:1px solid #2fd17c4d;border-radius:13px;align-items:center;gap:8px;margin-bottom:12px;padding:11px 14px;font-size:13px;font-weight:700;display:flex}.live-strip b{color:var(--text)}.t-desc{color:var(--muted);white-space:pre-wrap;margin:0;font-size:14px;line-height:1.55}.tabs-line,.segmented{border-bottom:1px solid var(--line);gap:4px;margin:20px 0 14px;display:flex}.tabs-line button,.segmented button{height:42px;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0 12px;font-size:14px;font-weight:700;position:relative}.segmented button{flex:1}.tabs-line button.active,.segmented button.active{color:var(--text)}.tabs-line button.active:after,.segmented button.active:after{content:"";background:var(--accent);height:3px;box-shadow:0 0 12px var(--accent-glow);border-radius:3px 3px 0 0;position:absolute;bottom:-1px;left:10px;right:10px}.rules-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.rules-list li{gap:11px;font-size:14px;line-height:1.45;display:flex}.rules-list svg{color:var(--accent);flex:none;margin-top:1px}.points-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.points-grid div{border:1px solid var(--line);background:#ffffff08;border-radius:12px;padding:12px}.points-grid b{color:var(--accent-hi);font-size:17px;display:block}.points-grid .gold b{color:var(--gold)}.points-grid span{color:var(--muted);font-size:12px;font-weight:600}.podium{grid-template-columns:1fr 1.15fr 1fr;align-items:end;gap:8px;margin:16px 0 14px;display:grid}.pod{flex-direction:column;align-items:center;gap:6px;min-width:0;display:flex}.pod-crown{color:var(--gold);filter:drop-shadow(0 0 8px #ffc83d99)}.pod-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;font-weight:700;overflow:hidden}.pod-block{border:1px solid var(--line-2);background:var(--panel-2);border-radius:12px 12px 4px 4px;place-items:center;width:100%;font-size:20px;display:grid}.pod-1 .pod-block{height:74px;color:var(--gold);background:linear-gradient(180deg, #ffc83d38, var(--panel));border-color:#ffc83d73;box-shadow:0 -6px 30px -10px #ffc83d80}.pod-2 .pod-block{height:54px;color:var(--silver)}.pod-3 .pod-block{height:42px;color:var(--bronze)}.pod-thirds{gap:6px;min-width:0;display:flex}.pod-thirds .pod{flex:1}.status{align-items:center;gap:12px;display:flex}.status-icon{border:1px solid var(--line-2);background:var(--panel-3);border-radius:13px;flex:none;place-items:center;width:44px;height:44px;display:grid}.status-text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.status-text b{font-size:15px;line-height:1.25}.status-text span{color:var(--muted);font-size:13px;line-height:1.4}.status-ok{border-color:#2fd17c4d}.status-ok .status-icon{color:var(--green);background:var(--green-soft);border-color:#2fd17c59}.status-win{background:linear-gradient(135deg, #ffc83d29, var(--panel) 60%);border-color:#ffc83d73}.status-win .status-icon{color:var(--gold);background:#ffc83d24;border-color:#ffc83d66}.status-final .status-icon{color:var(--accent);background:var(--accent-soft);border-color:#ff8a1e59}.status-out .status-icon{color:var(--muted)}.notice{border-color:#ff8a1e59;flex-direction:column;gap:12px;display:flex}.notice-text{flex-direction:column;gap:4px;display:flex}.notice-text span{color:var(--muted);font-size:13px}.mymatch{background:radial-gradient(90% 70% at 50% 0%, #ff8a1e29, transparent 70%), var(--panel);box-shadow:0 14px 40px -18px var(--accent-glow);border-color:#ff8a1e73;overflow:hidden}.mymatch-kicker{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;text-align:center;font-size:11px;font-weight:800}.mymatch-vs{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;margin:16px 0;display:grid}.mymatch-team{text-overflow:ellipsis;white-space:nowrap;text-align:right;font-size:17px;overflow:hidden}.mymatch-team:last-child{text-align:left;color:var(--muted)}.mymatch-team.me{color:var(--text)}.vs{background:linear-gradient(135deg, var(--accent-hi), var(--accent-lo));width:42px;height:42px;color:var(--accent-ink);box-shadow:0 0 22px var(--accent-glow);border-radius:50%;place-items:center;font-size:13px;font-weight:800;display:grid}.waiting{border:1px dashed var(--line-2);color:var(--muted);border-radius:12px;align-items:center;gap:10px;padding:13px;font-size:13px;font-weight:600;display:flex}.lobby-box{border:1px solid var(--line-2);background:#0000004d;border-radius:13px;padding:14px}.lobby-box-head{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:6px;font-size:11px;font-weight:800;display:flex}.lobby-box-text{white-space:pre-wrap;word-break:break-word;font-variant-numeric:tabular-nums;margin:8px 0 12px;font-size:18px;font-weight:800;line-height:1.4}.sticky-cta{z-index:20;width:100%;max-width:560px;padding:12px 16px calc(12px + var(--safe-b));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);background:#0a0c10e0;align-items:center;gap:10px;display:flex;position:fixed;bottom:0;left:50%;translate:-50%}.sticky-cta-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sticky-cta-info b{font-size:15px}.sticky-cta-info span{color:var(--faint);font-size:12px;font-weight:600}.sticky-cta .btn-lg{padding:0 26px}.myteam{border-color:#ff8a1e4d}.myteam-head,.team-card-head{align-items:center;gap:12px;display:flex}.myteam-name{text-overflow:ellipsis;white-space:nowrap;font-size:18px;overflow:hidden}.myteam-sub{margin-top:6px}.roster{flex-direction:column;gap:6px;margin:12px 0 0;display:flex}.slot-empty{color:var(--faint);min-height:48px;font-size:13px;font-weight:600;border-style:dashed!important}.slot-dot{border:1px dashed var(--line-2);border-radius:50%;flex:none;width:32px;height:32px}.invite-box{border:1px solid var(--line-2);background:#00000040;border-radius:13px;margin-top:12px;padding:14px}.invite-code{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:11px;font-weight:800;display:flex}.invite-code b{color:var(--accent-hi);letter-spacing:.16em;cursor:pointer;font-size:22px}.team-badge{font-family:var(--font-display);background:#ffffff0a;border:1.5px solid;border-radius:30%;flex:none;place-items:center;font-weight:800;display:grid}.team-card{margin:0}.team-card.mine{border-color:#ff8a1e73}.team-card.out{opacity:.55}.team-card-name{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.team-card-members{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.member-chip{border:1px solid var(--line-2);cursor:pointer;background:#ffffff08;border-radius:999px;align-items:center;gap:4px;padding:6px 10px;font-size:12.5px;font-weight:600;display:inline-flex}.checkin{background:radial-gradient(90% 80% at 50% 0,#ff8a1e2e,#0000 70%),#0003;border:1px solid #ff8a1e73;border-radius:14px;margin-top:12px;padding:16px}.card>.checkin:first-child{margin-top:0}.checkin-title{color:var(--accent-hi);font-size:18px}.checkin p{color:var(--muted);margin:6px 0 12px;font-size:13px;line-height:1.45}.check-toggle{border:1px solid var(--line-2);width:30px;height:30px;color:var(--faint);cursor:pointer;background:0 0;border-radius:9px;flex:none;place-items:center;display:inline-grid}.check-toggle.on{color:var(--green);background:var(--green-soft);border-color:#2fd17c73}.announcements{background:linear-gradient(135deg, #4c9dff14, var(--panel) 50%);border-color:#4c9dff4d}.announcement{border-top:1px solid var(--line);gap:10px;padding:9px 0;display:flex}.announcement:first-of-type{border-top:0}.announcement-time{color:var(--faint);flex:none;padding-top:2px;font-size:12px;font-weight:700}.announcement p{white-space:pre-wrap;margin:0;font-size:14px;line-height:1.45}.bracket{scrollbar-width:thin;margin:0 -16px;padding:0 16px 14px;overflow-x:auto}.bracket-heads{gap:34px;margin-bottom:12px;display:flex}.bracket-round{background:var(--panel);border:1px solid var(--line);color:var(--muted);letter-spacing:.1em;text-transform:uppercase;text-align:center;border-radius:9px;flex:none;padding:7px 10px;font-size:11px;font-weight:800}.bracket-round.now{color:var(--accent-hi);background:var(--accent-soft);border-color:#ff8a1e73}.bracket-field{position:relative}.bracket-lines{position:absolute;inset:0;overflow:visible}.bracket-lines path{fill:none;stroke:#ffffff1f;stroke-width:1.5px}.bracket-lines path.adv{stroke:var(--accent);stroke-opacity:.7}.match{border:1px solid var(--line-2);background:var(--panel-2);text-align:left;cursor:default;border-radius:11px;flex-direction:column;padding:0;display:flex;position:absolute;overflow:visible;box-shadow:0 6px 16px #00000040}.match:not(:disabled){cursor:pointer}.match.ready{border-color:#ff8a1e80}.match.mine{box-shadow:0 0 0 1.5px var(--accent), 0 8px 24px -6px var(--accent-glow)}.match.bye{opacity:.5}.m-side{flex:1;align-items:center;gap:8px;min-height:0;padding:0 10px;display:flex}.m-side:first-child{border-radius:10px 10px 0 0}.m-side:nth-child(2){border-top:1px solid var(--line);border-radius:0 0 10px 10px}.m-seed{width:16px;color:var(--faint);flex:none;font-size:10px;font-weight:800}.m-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.m-score{text-align:right;min-width:20px;color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-size:13px;font-weight:800}.m-side.won{background:linear-gradient(90deg,#2fd17c24,#0000)}.m-side.won .m-name{color:var(--text);font-weight:800}.m-side.won .m-score{color:var(--green)}.m-side.lost .m-name,.m-side.lost .m-score{color:var(--faint)}.m-side.mine .m-name{color:var(--accent-hi)}.m-flag{background:var(--bg);border:1px solid var(--line-2);color:var(--faint);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:2px 7px;font-size:9.5px;font-weight:800;position:absolute;top:-9px;right:10px}.m-flag.on{color:var(--green);border-color:#2fd17c73}.avatar{object-fit:cover;border:1.5px solid var(--line-2);font-family:var(--font-display);background:#ffffff0a;border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid}.players-card{padding:6px}.player{border-radius:12px;align-items:center;gap:11px;width:100%;min-height:54px;padding:8px 10px;display:flex}.players-card .player+.player{margin-top:2px}.roster .player{border:1px solid var(--line);background:#ffffff06}.player.me{background:var(--accent-soft);box-shadow:inset 0 0 0 1px #ff8a1e4d}.player.out{opacity:.5}.player-btn,.player-link{text-align:left;cursor:pointer;font:inherit;color:inherit;background:0 0;border:0}.player-btn:active{background:#ffffff0a}.player-link{flex:1;align-items:center;gap:11px;min-width:0;padding:0;display:flex}.pl-info{flex:1;min-width:0}.pl-name{align-items:center;gap:5px;font-size:14.5px;font-weight:700;display:flex}.pl-name span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pl-tag{color:var(--faint);font-variant-numeric:tabular-nums;margin-top:2px;font-size:12px;font-weight:600}.pl-num{text-align:center;width:24px;color:var(--faint);flex:none;font-size:12px;font-weight:800}.place{border:1px solid var(--line-2);background:var(--panel-3);width:30px;height:30px;color:var(--muted);border-radius:9px;flex:none;place-items:center;font-size:13px;font-weight:800;display:inline-grid}.place-1{color:var(--accent-ink);background:linear-gradient(135deg, #ffe08a, var(--gold));border-color:#0000}.place-2{color:var(--accent-ink);background:linear-gradient(135deg, #f1f5fa, var(--silver));border-color:#0000}.place-3{color:var(--accent-ink);background:linear-gradient(135deg, #f3b27f, var(--bronze));border-color:#0000}.place-none{color:var(--faint)}.rating-val{text-align:right;flex:none}.rating-val b{font-family:var(--font-display);color:var(--accent-hi);font-size:15px;font-weight:700;display:block}.rating-val span{color:var(--faint);font-size:11px;font-weight:600}.my-rank{background:linear-gradient(135deg, #ff8a1e24, var(--panel) 60%);border-color:#ff8a1e66;align-items:center;gap:14px;display:flex}.my-rank-pos{color:var(--accent);font-size:26px}.my-rank-text{flex-direction:column;flex:1;gap:2px;display:flex}.my-rank-text span{color:var(--muted);font-size:12.5px}.my-rank-points{flex-direction:column;align-items:flex-end;font-size:20px;display:flex}.my-rank-points small{color:var(--faint);font-family:var(--font-body);font-size:11px;font-weight:700}.leaders{grid-template-columns:1fr 1.12fr 1fr;align-items:end;gap:8px;margin:18px 0 14px;display:grid}.leader{border:1px solid var(--line);background:linear-gradient(180deg, var(--panel-2), var(--panel));cursor:pointer;border-radius:16px;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:16px 8px 12px;display:flex;position:relative}.leader-1{background:linear-gradient(180deg, #ffc83d2e, var(--panel) 70%);border-color:#ffc83d73;padding-top:24px;box-shadow:0 14px 40px -16px #ffc83d80}.leader-crown{color:var(--gold);filter:drop-shadow(0 0 8px #ffc83d99);position:absolute;top:-12px}.leader-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;font-weight:700;overflow:hidden}.leader-points{color:var(--accent-hi);font-size:15px}.leader-rank{color:var(--faint);font-size:12px;position:absolute;top:8px;left:10px}.leader-1 .leader-rank{color:var(--gold)}.points-note{color:var(--muted);gap:10px;font-size:12.5px;line-height:1.5;display:flex}.points-note svg{color:var(--accent);flex:none}.profile-head{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:0 0 18px;display:flex;position:relative}.profile-banner{--c1:#ff8a1e;--c2:#5a1d00;--c3:#1b0f08;background:repeating-linear-gradient(115deg, #ffffff09 0 2px, transparent 2px 14px), radial-gradient(120% 120% at 100% 0%, color-mix(in srgb, var(--c1) 50%, transparent) 0%, transparent 60%), linear-gradient(135deg, var(--c2), var(--c3));width:calc(100% + 32px);height:120px;margin:-14px -16px 0;-webkit-mask-image:linear-gradient(#000 55%,#0000);mask-image:linear-gradient(#000 55%,#0000)}.backbar+.profile-head .profile-banner{border-radius:var(--r);margin-top:0}.profile-avatar{background:var(--bg);border-radius:50%;margin-top:-50px;padding:4px;position:relative}.profile-avatar .avatar{border-width:2px}.profile-rank{background:linear-gradient(135deg, var(--accent-hi), var(--accent-lo));color:var(--accent-ink);border-radius:999px;padding:3px 8px;font-size:11px;font-weight:800;position:absolute;bottom:2px;right:-6px}.profile-name{margin-top:4px;font-size:22px}.profile-tag{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.stats-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}.stat{text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:12px 4px}.stats-3 .stat{margin:0}.stat-val{white-space:nowrap;text-overflow:ellipsis;font-size:18px;overflow:hidden}.stat-label{color:var(--faint);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:10.5px;font-weight:800;overflow:hidden}.history{flex-direction:column;display:flex}.history-row{border-top:1px solid var(--line);align-items:center;gap:12px;padding:11px 0;display:flex}.history-row:first-child{border-top:0}.history-info{flex:1;min-width:0}.history-title{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.history-sub{color:var(--faint);margin-top:2px;font-size:12px;font-weight:600}.history-points{color:var(--accent-hi);font-size:14px;font-weight:800}.invite{background:linear-gradient(135deg, #ff8a1e1a, var(--panel) 55%);border-color:#ff8a1e4d}.invite-title{font-size:16px}.invite-text{color:var(--muted);margin:6px 0 12px;font-size:13px;line-height:1.5}.invite-text b{color:var(--accent-hi)}.invite-stats{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:12px;display:grid}.invite-stats div{border:1px solid var(--line);background:#0003;border-radius:12px;flex-direction:column;align-items:center;padding:10px 4px;display:flex}.invite-stats b{font-family:var(--font-display);font-size:17px;font-weight:700}.invite-stats span{color:var(--faint);font-size:11px;font-weight:600}.invite-team{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.invite-team .roster,.invite-team .btn-block{text-align:left;align-self:stretch}.invite-team-name{font-size:22px}.account-footer{flex-direction:column;gap:12px;padding:10px 4px 0;font-size:13px;display:flex}.account-footer .link-btn{color:var(--muted);align-items:center;gap:7px;display:inline-flex}.account-footer .danger-link{color:#ff8a94}.form{flex-direction:column;gap:16px;display:flex}.field{flex-direction:column;gap:7px;min-width:0;display:flex}.field-label{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:800}.field-hint{color:var(--faint);font-size:12px;line-height:1.45}.field-error{color:#ff8a94;font-size:12px;font-weight:600}.input{border:1px solid var(--line-2);width:100%;min-height:48px;color:var(--text);resize:vertical;background:#0000004d;border-radius:12px;outline:none;padding:12px 14px;font-size:15px;font-weight:500;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input::placeholder{color:var(--faint)}.input-code{letter-spacing:.25em;text-align:center;text-transform:uppercase;font-size:22px}input[type=datetime-local].input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.input-group{border:1px solid var(--line-2);background:#0000004d;border-radius:12px;align-items:center;transition:border-color .15s,box-shadow .15s;display:flex}.input-group:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input-group .input{box-shadow:none;background:0 0;border:0}.input-prefix{color:var(--accent);padding-left:14px;font-size:13px;font-weight:800}.input-suffix{color:var(--faint);margin-right:12px}.input-group.invalid{border-color:var(--red)}.input-group.locked{opacity:.6}.stepper{border:1px solid var(--line-2);background:#0000004d;border-radius:12px;align-items:stretch;display:flex;overflow:hidden}.stepper-btn{background:var(--panel-3);width:50px;color:var(--text);cursor:pointer;border:0;place-items:center;display:grid}.stepper-btn:disabled{opacity:.35}.stepper-val{text-align:center;min-width:0;height:46px;font-family:var(--font-display);background:0 0;border:0;outline:none;flex:1;font-size:17px;font-weight:700}.choice{border:1px solid var(--line-2);background:#0000004d;border-radius:12px;gap:4px;padding:4px;display:flex}.choice button{height:40px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1;font-size:14px;font-weight:800}.choice button.active{background:linear-gradient(135deg, var(--accent-hi), var(--accent-lo));color:var(--accent-ink);box-shadow:0 4px 14px -4px var(--accent-glow)}.choice button:disabled{opacity:.5}.preview{background:var(--accent-soft);color:var(--muted);border:1px solid #ff8a1e4d;border-radius:12px;align-items:center;gap:10px;padding:13px;font-size:13px;line-height:1.45;display:flex}.preview svg{color:var(--accent);flex:none}.preview b{color:var(--text)}.toggle{cursor:pointer;align-items:flex-start;gap:10px;font-size:14px;line-height:1.45;display:flex}.toggle input{width:20px;height:20px;accent-color:var(--accent);flex:none;margin:1px 0 0}.toggle-row{justify-content:space-between;align-items:center}.toggle-row span{flex-direction:column;gap:3px;display:flex}.toggle-row small{color:var(--faint);font-size:12px}.empty{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:34px 16px;display:flex}.empty-icon{width:64px;height:64px;color:var(--accent);background:var(--accent-soft);border:1px solid #ff8a1e4d;border-radius:20px;place-items:center;margin-bottom:6px;display:grid}.empty-title{font-size:16px}.empty-text{color:var(--muted);max-width:300px;font-size:13px;line-height:1.5}.splash{flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100vh;display:flex}.spinner{border:3px solid var(--line-2);border-top-color:var(--accent);border-radius:50%;width:30px;height:30px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.sheet-backdrop{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009;justify-content:center;align-items:flex-end;animation:.15s ease-out fade;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:560px;max-height:88vh;padding:10px 16px calc(22px + var(--safe-b));background:var(--panel);border-top:1px solid var(--line-2);border-radius:22px 22px 0 0;animation:.22s ease-out sheet-up;overflow-y:auto}@keyframes fade{0%{opacity:0}}@keyframes sheet-up{0%{opacity:.6;transform:translateY(30px)}}.sheet-handle{background:var(--line-2);border-radius:2px;width:40px;height:4px;margin:0 auto 12px}.sheet-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;display:flex}.sheet-title{margin:0;font-size:17px}.sheet-section{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:18px 0 6px;font-size:11px;font-weight:800}.picks{flex-direction:column;gap:6px;margin-top:10px;display:flex}.pick{border:1px solid var(--line);background:var(--panel-2);text-align:left;cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:9px 11px;display:flex}.pick-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:700;overflow:hidden}.pick-teams{flex-direction:column;gap:8px;margin-top:10px;display:flex}.pick-team{border:1px solid var(--line-2);background:var(--panel-2);border-radius:12px;align-items:stretch;display:flex;overflow:hidden}.pick-team.on{border-color:var(--green);background:linear-gradient(90deg, var(--green-soft), var(--panel-2))}.pick-team-btn{text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:10px;min-width:0;padding:10px;display:flex}.score-input{border:0;border-left:1px solid var(--line-2);text-align:center;background:#00000040;outline:none;width:64px;font-size:19px}.admin{background:linear-gradient(135deg, #4c9dff12, var(--panel) 50%);border-color:#4c9dff4d;flex-direction:column;gap:10px;display:flex}.admin-head{color:var(--blue);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;font-size:11px;font-weight:800;display:flex}.announcements .admin-head{margin-bottom:4px}.admin-progress{color:var(--muted);justify-content:space-between;gap:10px;font-size:12px;font-weight:600;display:flex}.admin .hint{margin:0}.onboarding-card,.gate{border-color:#ff8a1e4d}.onboarding-title{margin-bottom:12px;font-size:19px}.onboarding-steps{flex-direction:column;gap:9px;margin:0 0 18px;padding:0;list-style:none;display:flex}.onboarding-steps li{color:var(--muted);align-items:center;gap:10px;font-size:14px;display:flex}.onboarding-steps span{background:linear-gradient(135deg, var(--accent-hi), var(--accent-lo));width:26px;height:26px;color:var(--accent-ink);border-radius:8px;flex:none;place-items:center;font-size:12px;font-weight:800;display:grid}.gate-lead{color:var(--muted);margin:0 0 10px;font-size:14px}.gate-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.gate-list li{gap:10px;font-size:13.5px;line-height:1.45;display:flex}.gate-list svg{color:var(--accent);flex:none;margin-top:1px}.gate-links{flex-direction:column;gap:8px;margin:16px 0;display:flex}.gate-agree{margin-bottom:16px;font-size:13px}.policy{font-size:14px;line-height:1.6}.policy h2{font-family:var(--font-display);color:var(--accent);margin:20px 0 8px;font-size:14px;font-weight:700}.policy p{margin:0 0 8px}.policy ul{margin:0 0 8px;padding-left:18px}.policy li{margin-bottom:4px}.policy-edition{color:var(--faint);font-size:12px}.requisites{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.requisites li{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding-bottom:8px;font-size:14px;display:flex}.requisites li:last-child{border-bottom:0}.requisites span{color:var(--muted)}.requisites a{color:var(--accent)}.requisites b,.requisites a{text-align:right;word-break:break-word}.support-lead{margin:0 0 14px;line-height:1.5}.support-footer{text-align:center;flex-direction:column;align-items:center;gap:6px;margin-top:20px;font-size:13px;display:flex}.support-footer>span{color:var(--muted);font-weight:600}.support-footer .link-btn{align-self:center;align-items:center;gap:6px;display:inline-flex}.support-sent{text-align:center;flex-direction:column;align-items:center;padding:18px 4px 0;display:flex}.support-sent .btn{align-self:stretch}.support-sent .hint{max-width:340px}.support-sent-icon{color:#052514;background:linear-gradient(135deg, #6ff0a8, var(--green));border-radius:26px;place-items:center;width:80px;height:80px;animation:.45s cubic-bezier(.2,1.6,.4,1) both sent-pop;display:grid;box-shadow:0 12px 34px -10px #2fd17c99}.support-sent-icon svg{stroke-width:3.2px}.support-sent-title{margin:16px 0 0;font-size:20px}.support-sent-ticket{color:var(--green);letter-spacing:.06em;text-transform:uppercase;border:1px solid #2fd17c66;border-radius:999px;margin-top:8px;padding:4px 10px;font-size:12px;font-weight:800}@keyframes sent-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.landing-how ol{flex-direction:column;gap:8px;margin:0;padding-left:20px;font-size:14px;line-height:1.5;display:flex}.landing-docs{flex-direction:column;gap:12px;display:flex}.landing-docs a{color:var(--accent);align-items:center;gap:8px;font-weight:600;display:inline-flex}.landing-note{color:var(--faint);text-align:center;margin:18px 0 0;font-size:12px;line-height:1.5}.landing .cta{margin-bottom:14px}.tickets{flex-direction:column;gap:10px;display:flex}.ticket{text-align:left;cursor:pointer;width:100%;margin:0}.ticket-waiting{border-color:#ff8a1e73}.ticket-top{align-items:center;gap:8px;margin-bottom:10px;display:flex}.ticket-num{color:var(--accent);font-size:14px;font-weight:800}.ticket-time{color:var(--faint);margin-left:auto;font-size:12px;font-weight:600}.ticket-user{align-items:center;gap:10px;display:flex}.ticket-last{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:10px;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.ticket-meta{align-items:center;gap:8px;margin-top:10px;display:flex}.chat{flex-direction:column;gap:8px;padding-bottom:120px;display:flex}.bubble{border:1px solid var(--line);background:var(--panel-2);border-radius:16px 16px 16px 5px;align-self:flex-start;max-width:85%;padding:10px 13px}.bubble.mine{background:var(--accent-soft);border-color:#ff8a1e59;border-radius:16px 16px 5px;align-self:flex-end}.bubble-kind{color:var(--accent);font-size:12px;font-weight:700}.bubble-text{white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.45}.bubble-time{color:var(--faint);text-align:right;margin-top:4px;font-size:11px}.chat-input{width:100%;max-width:560px;padding:10px 16px calc(10px + var(--safe-b));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);background:#0a0c10eb;gap:8px;display:flex;position:fixed;bottom:0;left:50%;translate:-50%}.chat-input .input{resize:none}.chat-input .btn{flex:none;width:52px;padding:0}.tabbar{z-index:20;width:100%;max-width:560px;padding:6px 10px calc(6px + var(--safe-b));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);background:#0a0c10e6;display:flex;position:fixed;bottom:0;left:50%;translate:-50%}.tab{color:var(--faint);flex-direction:column;flex:1;align-items:center;gap:4px;padding:7px 0 5px;font-size:11px;font-weight:700;display:flex;position:relative}.tab.active{color:var(--text)}.tab.active svg{color:var(--accent);filter:drop-shadow(0 0 8px var(--accent-glow))}.tab.active:before{content:"";background:var(--accent);border-radius:0 0 3px 3px;width:26px;height:3px;position:absolute;top:-7px}.toasts{z-index:100;pointer-events:none;flex-direction:column;gap:8px;width:calc(100% - 32px);max-width:420px;display:flex;position:fixed;top:12px;left:50%;translate:-50%}.toast{color:var(--text);box-shadow:var(--shadow);background:#10211a;border:1px solid #2fd17c73;border-radius:13px;padding:12px 14px;font-size:14px;font-weight:600;animation:.2s ease-out toast-in}.toast-err{background:#2a1418;border-color:#ff4d5b80}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)}}.backbar{align-items:center;gap:10px;margin-bottom:10px;display:flex}.backbar-title{font-weight:700}.devbar{z-index:30;background:#2a1d0b;border-bottom:1px solid #ff8a1e59;align-items:center;gap:10px;padding:6px 16px;font-size:12px;display:flex;position:sticky;top:0}.devbar+.topbar{top:33px}.devbar-label{color:var(--accent);letter-spacing:.1em;font-weight:800}.devbar select{background:var(--bg);border:1px solid var(--line-2);border-radius:6px;padding:4px 6px}@media (width>=600px){.tgrid{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}