:root{--bg-outer: #080d1a;--bg: #0f1b33;--bg-deep: #0b1528;--card: #18284a;--card-2: #1e3157;--input: #0b1426;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .16);--text: #ffffff;--text-dim: #8fa0bf;--text-faint: #5f7192;--yellow: #ffcc00;--yellow-2: #f6d84a;--yellow-3: #d4a514;--yellow-dim: rgba(255, 204, 0, .14);--pink: #e11d5c;--pink-dim: rgba(225, 29, 92, .16);--green: #22c55e;--green-dim: rgba(34, 197, 94, .14);--red: #d62a35;--purple: #8b7cf6;--purple-dim: rgba(139, 124, 246, .18);--jazz: #f87171;--jazz-dim: rgba(248, 113, 113, .16);--font-display: "Russo One", "Arial Black", "Segoe UI", system-ui, sans-serif;--font-body: "Inter", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-pill: 999px;--shell-width: 640px;--gutter: 16px;--header-h: 64px}@media (min-width: 400px){:root{--gutter: 20px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;overflow-x:hidden}button,input{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:var(--yellow)}img{max-width:100%;display:block}.app-shell{width:100%;max-width:var(--shell-width);min-height:100vh;min-height:100dvh;margin:0 auto;display:flex;flex-direction:column;position:relative}.page{flex:1;display:flex;flex-direction:column;min-height:0}.page-body{flex:1;padding:4px var(--gutter) 24px;display:flex;flex-direction:column;gap:14px}.page-footer{position:sticky;bottom:0;padding:12px var(--gutter) calc(16px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(15,27,51,0) 0%,var(--bg) 30%);display:flex;flex-direction:column;gap:10px;z-index:5}.display{font-family:var(--font-display);font-weight:400;letter-spacing:.01em;text-transform:uppercase}.muted{color:var(--text-dim)}.faint{color:var(--text-faint)}.small{font-size:13px}.tiny{font-size:12px}.center{text-align:center}.label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.link-btn{color:var(--text-dim);font-size:13px;text-decoration:underline;text-underline-offset:3px;align-self:center;padding:6px}.link-btn:hover{color:var(--text)}.mono{font-variant-numeric:tabular-nums}.page-header{position:sticky;top:0;z-index:10;height:var(--header-h);padding:calc(env(safe-area-inset-top) + 12px) var(--gutter) 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--bg)}.page-header-title{flex:1;text-align:center;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-btn,.icon-btn-spacer{width:40px;height:40px;flex-shrink:0}.icon-btn{border-radius:10px;background:var(--card);border:1px solid var(--border);display:grid;place-items:center;color:var(--text);transition:background .15s ease}.icon-btn:hover{background:var(--card-2)}.menu-wrap{position:relative}.menu{position:absolute;right:0;top:48px;min-width:200px;background:var(--card-2);border:1px solid var(--border-strong);border-radius:var(--radius);padding:6px;box-shadow:0 16px 40px #00000073;display:flex;flex-direction:column}.menu button{text-align:left;padding:11px 12px;border-radius:var(--radius-sm);font-size:14px;font-weight:500}.menu button:hover{background:#ffffff0f}.menu button.danger{color:#ff8a9c}.btn{width:100%;min-height:54px;padding:14px 20px;border-radius:14px;font-family:var(--font-display);font-size:16px;letter-spacing:.04em;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:transform .12s ease,filter .15s ease,opacity .15s ease}.btn:active:not(:disabled){transform:scale(.985)}.btn:disabled{cursor:not-allowed}.btn-primary{color:#1b1500;background:linear-gradient(180deg,var(--yellow-2) 0%,var(--yellow-3) 100%);box-shadow:0 6px 20px #d4a51440}.btn-primary:hover:not(:disabled){filter:brightness(1.05)}.btn-primary:disabled{background:linear-gradient(180deg,#8d8d8d,#5f5f5f);color:#222;box-shadow:none}.btn-secondary{color:var(--text);background:var(--card);border:1px solid var(--border-strong)}.btn-secondary:hover:not(:disabled){background:var(--card-2)}.btn-danger{color:#fff;background:var(--red)}.btn-ghost{color:var(--text-dim);background:transparent;min-height:44px;font-family:var(--font-body);font-size:14px;font-weight:600;text-transform:none;letter-spacing:0}.btn-spinner{width:18px;height:18px;border-radius:50%;border:2.5px solid currentColor;border-right-color:transparent;animation:btn-spin .7s linear infinite}.btn-label-loading{opacity:.85}@keyframes btn-spin{to{transform:rotate(360deg)}}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-pill);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;line-height:1.3}.badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge-pink{background:var(--pink);color:#fff}.badge-green{background:var(--green);color:#062b13}.badge-yellow{background:var(--yellow-dim);color:var(--yellow);border:1px solid rgba(255,204,0,.5)}.badge-purple{background:var(--purple-dim);color:#c4bbff}.badge-jazz{background:var(--jazz-dim);color:#ff9c9c}.badge-muted{background:#ffffff14;color:var(--text-dim)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px}.card-title{font-family:var(--font-display);text-transform:uppercase;font-size:22px;line-height:1.15;margin:10px 0 6px}.card-text{color:var(--text-dim);font-size:14px}.alert{border-radius:var(--radius);padding:12px 14px;font-size:14px;line-height:1.4}.alert-error{background:#e11d5c1f;border:1px solid rgba(225,29,92,.45);color:#ffb3c4}.alert-info{background:var(--card);border:1px solid var(--border);color:#dbe4f5}.alert-success{background:var(--green-dim);border:1px solid rgba(34,197,94,.45);color:#a6f0c0}.loader{flex:1;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--text-dim);font-size:14px}.loader-ring{width:34px;height:34px;border-radius:50%;border:3px solid rgba(255,204,0,.2);border-top-color:var(--yellow);animation:loader-spin .8s linear infinite}@keyframes loader-spin{to{transform:rotate(360deg)}}.hero{--hero-fallback: radial-gradient(120% 90% at 85% 10%, rgba(255, 170, 40, .55) 0%, rgba(255, 120, 20, .15) 40%, transparent 70%), radial-gradient(80% 70% at 10% 100%, rgba(225, 29, 92, .35) 0%, transparent 70%), linear-gradient(135deg, #3a2208 0%, #1b1a2e 55%, #12203d 100%);position:relative;min-height:210px;border-radius:var(--radius-lg);overflow:hidden;display:flex;align-items:flex-end;background-image:var(--hero-fallback);background-size:cover;background-position:center}.hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a102000 30%,#0a1020d9)}.hero-content{position:relative;padding:16px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.hero-title{font-size:clamp(30px,9vw,40px);line-height:1;text-shadow:0 3px 16px rgba(0,0,0,.5)}.hero-sub{color:#e3e8f3;font-size:15px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat{display:flex;flex-direction:column;gap:4px;min-width:0}.stat-value{font-size:clamp(18px,5.6vw,22px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-label{color:var(--yellow);font-size:13px}.format{list-style:none;margin-top:12px;display:flex;flex-direction:column;gap:12px}.format li{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px}.format-tag{background:#ffffff14;border-radius:8px;padding:4px 0;text-align:center;font-size:12px;font-weight:800}.format-label{font-size:15px}.format-value{font-weight:800;font-size:14px;text-align:right}.rules{list-style:none;display:flex;flex-direction:column;gap:6px;color:#c6d1e6;font-size:14px}.rules li:before{content:"• ";color:var(--text-dim)}.schedule{list-style:none;margin-top:12px;display:flex;flex-direction:column;gap:10px;font-size:14px}.schedule li{display:flex;justify-content:space-between;gap:12px}.schedule-value{font-weight:700;text-align:right}.how{list-style:none;margin-top:12px;display:flex;flex-direction:column;gap:14px}.how li{display:grid;grid-template-columns:28px 1fr;gap:12px;position:relative}.how li:not(:last-child):after{content:"";position:absolute;left:13px;top:30px;bottom:-12px;width:2px;background:#ffffff1a}.how-num{width:28px;height:28px;border-radius:50%;background:var(--yellow);color:#1b1500;font-weight:800;font-size:13px;display:grid;place-items:center}.how-body{display:flex;flex-direction:column;gap:2px;min-width:0}.how-title{font-weight:700}.how-text{font-size:13.5px;color:var(--text-dim);line-height:1.45}.format-note{display:block;font-size:12.5px;color:var(--text-dim);margin-top:2px}.field{display:flex;flex-direction:column;gap:7px}.field-input{width:100%;min-height:52px;padding:12px 16px;border-radius:var(--radius);background:var(--input);border:1.5px solid var(--border-strong);font-size:17px;color:var(--text);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.field-input::placeholder{color:var(--text-faint)}.field-input:focus{border-color:var(--yellow);box-shadow:0 0 0 3px #ffcc0026}.field-input:read-only{color:var(--text-dim)}.field-msg{font-size:12.5px;color:var(--text-dim)}.field-error .field-input{border-color:#ff5d74}.field-msg-error{color:#ff8a9c}.otp{display:flex;justify-content:center;gap:clamp(8px,3vw,14px);margin:8px 0 4px}.otp-box{width:clamp(54px,16vw,64px);height:clamp(62px,18vw,72px);border-radius:14px;background:var(--input);border:1.5px solid rgba(255,204,0,.55);text-align:center;font-family:var(--font-display);font-size:30px;color:var(--text);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.otp-box:focus{border-color:var(--yellow);box-shadow:0 0 0 3px #ffcc002e}.otp-invalid .otp-box{border-color:#ff5d74}.otp-light .otp-box{background:#fff;color:#101828;border-color:#d0d5dd}.otp-light .otp-box:focus{border-color:#c79a00;box-shadow:0 0 0 3px #ffcc0040}.lo-resend{display:flex;justify-content:center;min-height:32px;align-items:center}.plan{background:linear-gradient(160deg,#1d3159,#152544)}.plan-name{font-size:20px}.plan-price{margin:6px 0 12px}.plan-price .display{font-size:26px;color:var(--yellow)}.plan-period{color:var(--text-dim);font-size:13px}.plan-perks{list-style:none;display:flex;flex-direction:column;gap:6px;font-size:14px;color:#d4ddef}.plan-perks li:before{content:"• ";color:var(--text-dim)}.rs-progress{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:12px 14px}.rs-squad{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px}.rs-empty{margin-top:8px}.rs-list{list-style:none;margin-top:8px}.rs-row{display:grid;grid-template-columns:34px 1fr auto;grid-template-areas:"slot who remove" "slot meta remove";align-items:center;column-gap:10px;row-gap:2px;padding:10px 0;border-top:1px solid var(--border)}.rs-row:first-child{border-top:none}.rs-slot{grid-area:slot;width:32px;height:26px;border-radius:7px;background:var(--yellow);color:#1b1500;font-weight:800;font-size:12px;display:grid;place-items:center}.rs-who{grid-area:who;display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;font-weight:600}.rs-meta{grid-area:meta;font-size:13px;font-weight:700;color:#e6ecf7;word-break:break-all}.rs-remove{grid-area:remove;width:30px;height:30px;border-radius:8px;color:var(--text-dim);font-size:20px;line-height:1}.rs-remove:hover{background:#ffffff0f;color:#ff8a9c}@media (min-width: 420px){.rs-row{grid-template-columns:34px auto 1fr auto;grid-template-areas:"slot who meta remove"}.rs-meta{text-align:right}}.rs-leader{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--card);border:1px solid rgba(34,197,94,.45);border-radius:var(--radius);padding:12px 16px}.rs-leader-number{font-size:18px;font-weight:800;margin-top:2px}.rs-leader-hint{margin-top:-6px}.rs-next-hint{color:#c6d1e6;background:var(--yellow-dim);border:1px solid rgba(255,204,0,.35);border-radius:var(--radius);padding:10px 14px}.ms-name{font-size:clamp(22px,7vw,28px);word-break:break-word}.ms-status{margin-top:12px;background:var(--bg-deep);border-radius:var(--radius);padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.ms-count{font-size:16px;margin-top:2px}.ms-invites{display:flex;align-items:center;gap:14px}.ms-icon{width:46px;height:46px;flex-shrink:0;border-radius:50%;background:var(--yellow);color:#1b1500;display:grid;place-items:center}.ms-invites-main{font-size:16px;margin:2px 0}.ms-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ms-tile{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px;min-height:92px;display:flex;flex-direction:column;gap:6px;min-width:0}.ms-tile-ok{border-color:#22c55e8c;background:linear-gradient(160deg,rgba(34,197,94,.08),var(--card))}.ms-tile-status{font-size:clamp(17px,5vw,22px);line-height:1.1}.ms-ok{color:var(--green);font-size:26px}.ms-warn{color:var(--yellow)}.ms-bad{color:#ff8a9c}.ms-wait{color:var(--text)}.ms-next{display:flex;justify-content:space-between;align-items:flex-end;gap:10px}.ms-listed{color:var(--yellow);font-size:18px;margin-top:2px}.ms-next-right{text-align:right}.ms-next-text{color:#5bc8ff;font-size:14px;margin-top:2px}@media (max-width: 340px){.ms-grid{grid-template-columns:1fr}}.sq-search{width:100%;min-height:46px;padding:10px 14px;border-radius:var(--radius);background:var(--input);border:1.5px solid var(--border-strong);outline:none;font-size:15px}.sq-search:focus{border-color:var(--yellow)}.sq-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.sq-tabs::-webkit-scrollbar{display:none}.sq-tab{padding:7px 12px;border-radius:var(--radius-pill);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);white-space:nowrap}.sq-tab-active{background:var(--card-2);color:var(--text)}.sq-list{list-style:none;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:6px}.sq-item{border-radius:var(--radius)}.sq-item+.sq-item{margin-top:2px}.sq-mine{background:#ffcc001a}.sq-row{width:100%;display:flex;align-items:center;gap:12px;padding:12px 10px;text-align:left;border-radius:var(--radius)}.sq-row:hover{background:#ffffff0a}.sq-avatar{width:38px;height:38px;flex-shrink:0;border-radius:50%;background:var(--card-2);display:grid;place-items:center;font-size:16px}.sq-mine .sq-avatar{background:var(--yellow);color:#1b1500}.sq-name{flex:1;min-width:0;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sq-count{color:var(--yellow);font-size:16px}.sq-members{list-style:none;padding:0 12px 12px 60px;display:flex;flex-direction:column;gap:6px;font-size:13px}.sq-members li{display:flex;justify-content:space-between;gap:10px}.sq-empty{text-align:center;color:var(--text-dim);padding:40px 0}body:has(.light-page){background:#fff}.light-page{background:#fff;color:#101828;--text-dim: #667085;--text-faint: #98a2b3;--border: #eaecf0}.light-page .alert-error{background:#fff1f3;border-color:#fecdd6;color:#c01048}.light-page .alert-success{background:#ecfdf3;border-color:#abefc6;color:#067647}.light-page .loader{color:#667085}.light-page .btn-secondary{background:#f2f4f7;color:#101828;border-color:#d0d5dd}.iv-body{padding-top:calc(env(safe-area-inset-top) + 24px);gap:16px}.iv-brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:15px}.iv-logo{width:26px;height:26px;border-radius:7px;background:var(--yellow);color:#1b1500;display:grid;place-items:center;font-family:var(--font-display);font-size:13px;padding:2px}.iv-title{font-size:clamp(22px,6.5vw,26px);font-weight:800;line-height:1.2}.iv-upper{text-transform:uppercase}.iv-text{color:#475467;font-size:15px}.iv-pill{align-self:flex-start;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:5px 10px;border-radius:999px}.iv-pill-ok{background:#dcfae6;color:#067647}.iv-box{border:1px solid #eaecf0;border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;box-shadow:0 1px 2px #1018280d}.iv-box dt{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#667085}.iv-box dd{font-size:17px;font-weight:800;font-variant-numeric:tabular-nums}.iv-actions{display:flex;flex-direction:column;gap:8px;margin-top:4px}.iv-link{color:#475467;font-size:13px;text-decoration:underline;text-underline-offset:3px;align-self:center;padding:6px}.iv-note{font-size:13px;color:#475467;text-align:center}.iv-roster{border:1px solid #eaecf0;border-radius:14px;padding:14px 16px;box-shadow:0 1px 2px #1018280d}.iv-roster-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.iv-roster-title{font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#344054;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.iv-roster-count{font-size:13px;font-weight:700;color:#067647;white-space:nowrap}.iv-progress{height:6px;border-radius:99px;background:#f2f4f7;margin:10px 0 6px;overflow:hidden}.iv-progress span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#f6d84a,#d4a514);transition:width .4s ease}.iv-roster-list{list-style:none}.iv-roster-list li{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #f2f4f7}.iv-roster-list li:first-child{border-top:none}.iv-roster-you{background:#fffbea;margin:0 -8px;padding-left:8px!important;padding-right:8px!important;border-radius:10px}.iv-roster-slot{width:30px;height:24px;border-radius:7px;background:var(--yellow);color:#1b1500;font-size:11px;font-weight:800;display:grid;place-items:center}.iv-roster-who{display:flex;flex-direction:column;min-width:0}.iv-roster-name{font-weight:700;font-size:14px}.iv-roster-meta{font-size:12.5px;color:#667085;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.iv-roster-status{font-size:12px;font-weight:800;padding:4px 9px;border-radius:999px;white-space:nowrap}.iv-ok{background:#dcfae6;color:#067647}.iv-wait{background:#fef0c7;color:#93370d}.io-resend{display:flex;justify-content:center;min-height:32px;align-items:center}.cl-card,.nf-card{margin-top:8px}.cup-squad{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.cup-squad-name{margin:2px 0}.cup-times{list-style:none;margin-top:12px;display:flex;flex-direction:column;gap:6px;font-size:14px}.cup-times li{display:flex;justify-content:space-between;gap:12px}.cup-times li span:first-child{color:var(--text-dim)}.cup-roster{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.cup-roster>div{background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--radius);padding:10px;min-width:0}.cup-roster>.cup-mine{border-color:var(--yellow-3)}.cup-roster-name{font-size:14px;margin-bottom:6px}.cup-member{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:13px;padding:3px 0}.cup-member span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cup-board{list-style:none;margin-top:8px}.cup-board li{display:flex;align-items:center;gap:10px;padding:8px 6px;border-radius:var(--radius-sm)}.cup-board li+li{border-top:1px solid var(--border)}.cup-board .cup-mine{background:var(--yellow-dim)}.cup-board .cup-mine .cup-board-name{color:var(--yellow);font-weight:700}.cup-rank{width:24px;color:var(--text-dim);font-weight:700}.cup-board-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cup-score{font-weight:700}.cup-badge-gap{width:34px}.cup-status{text-transform:capitalize}.br-matches{list-style:none;margin-top:8px;display:flex;flex-direction:column;gap:10px}.br-match{background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px}.br-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.br-squad{display:flex;justify-content:space-between;padding:3px 0;color:var(--text-dim)}.br-winner{color:var(--text);font-weight:700}.br-winner span:first-child:after{content:" ✓";color:var(--green)}.play{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#000;touch-action:none;user-select:none;-webkit-user-select:none}.play-canvas{display:block;width:100%;height:100%;outline:none}.play-cover{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center;background:var(--bg)}.play-cover .btn{max-width:320px}.play-rotate{z-index:2}.play-rotate-icon{font-size:44px;color:var(--yellow)}.play-title{font-size:22px}.play-bar{width:min(320px,80%);height:8px;border-radius:var(--radius-pill);background:var(--card);overflow:hidden}.play-bar span{display:block;height:100%;background:var(--yellow);transition:width .2s}.play-exit{position:absolute;top:calc(8px + env(safe-area-inset-top));right:calc(8px + env(safe-area-inset-right));z-index:3;min-width:36px;height:36px;padding:0 10px;border-radius:var(--radius-pill);background:#00000073;color:var(--text-dim);font-size:16px}.play-exit-done{background:var(--yellow);color:#111;font-weight:800;font-size:14px;padding:0 16px}