*{box-sizing:border-box}body{color:#f5f7ff;background:radial-gradient(circle at top,#101425,#07090f 55%);margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#root{width:100%;min-height:100vh;margin:0 auto}@media (width>=768px){#root{max-width:none;padding:0 12px}}.phone-shell{background:#0e131d;border-left:1px solid #263044;border-right:1px solid #263044;max-width:420px;height:100vh;margin:0 auto;padding-bottom:64px;position:relative;overflow:hidden}.top-strip{color:#e2ecff;background:linear-gradient(#0d58d6,#0c4cbc);border-bottom:1px solid #7ea8ee;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:14px 16px;display:grid}.top-strip>span:first-child{justify-self:start}.top-strip>span:last-child{justify-self:end}.top-strip-brand{letter-spacing:.04em;color:#fff;justify-self:center;font-size:.95rem;font-weight:800}.top-strip strong{color:#fff}.screen-content{flex-direction:column;height:calc(100vh - 112px);margin-bottom:0;padding:10px 10px 0;display:flex;overflow:auto}.screen-content--home{background:linear-gradient(#0d58d6,#0c4cbc);flex:1;min-height:0}.section-title{color:#eff4ff;margin-bottom:10px;font-weight:700}.home-board{background:0 0;border:1px solid #ffffff38;border-radius:12px;flex-direction:column;flex:1;min-height:min(100%,100vh - 120px);margin-bottom:0;padding:10px;display:flex}.live-score-card{background:linear-gradient(145deg,#0f9d4a,#0a6e34);border:1px solid #3ecf7a;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:10px;padding:10px;display:flex}.innings-feed{color:#e8fff0;border-top:1px solid #ffffff38;gap:3px;width:100%;margin-top:8px;margin-bottom:0;padding-top:8px;font-size:.78rem;display:grid}.ball-strip{gap:6px;margin-top:4px;display:flex}.ball-strip span{color:#f4fff7;background:#fff3;border-radius:50%;place-items:center;width:22px;height:22px;font-size:.72rem;font-weight:700;display:grid}.live-score-card p{color:#d8ffe8;margin:0;font-size:.82rem}.live-score-card h3{color:#fff;margin:3px 0}.live-score-card>div:first-child>span{color:#c8f5d8}.score-meta{text-align:right;flex-direction:column;align-items:flex-end;gap:4px;display:flex}.score-meta-line{color:#fff;font-size:.95rem;font-weight:700;line-height:1.25}.score-meta-line--muted{color:#c8f5d8;font-size:.78rem;font-weight:500}.league-banner h3{color:#fff;margin:0}.league-banner p{color:#d6efff;margin:4px 0 0}.league-banner button{color:#fff;background:0 0;border:1px solid #d7f3ff;border-radius:8px;padding:6px 8px;font-size:.72rem}.home-head-row{color:#d7e7ff;grid-template-columns:62px 120px 1fr 76px;margin-top:10px;padding:0 4px;font-size:.82rem;font-weight:700;display:grid}.race-board{background:0 0;flex:1;align-content:start;gap:6px;display:grid}.race-row-v2{background:#d7deea;border-radius:8px;grid-template-columns:62px 120px 1fr 76px;align-items:center;gap:8px;min-height:48px;margin-top:0;padding:0 6px;display:grid}.race-row-v2--user{min-height:56px;margin-top:8px;box-shadow:0 0 0 2px #31d98b73}.pos-dot{color:#fff;text-align:center;border-radius:8px;padding:7px 4px;font-weight:800}.pos-1{background:linear-gradient(#ffc63d,#f2a008)}.pos-2{background:linear-gradient(#aeb3ba,#868d99)}.pos-3{background:linear-gradient(#ff7f3d,#d04f26)}.pos-rest{background:linear-gradient(#6b7c96,#4f5d74)}.prize-cell{text-align:center;font-size:1.2rem}.player-inline,.player-cell{color:#3b4150;align-items:center;gap:8px;display:flex}.player-cell strong{font-style:italic}.small-avatar{color:#425069;background:#b8bfca;border-radius:50%;place-items:center;width:34px;height:34px;font-size:.68rem;font-weight:700;display:grid}.small-avatar.me{background:#cfd8e7}.points-cell{text-align:right;color:#3b4150;padding-right:10px;font-size:1.05rem;font-weight:800}.my-rank-row{background:#f2f5fb;border-radius:10px;grid-template-columns:56px 1fr 90px 76px;align-items:center;min-height:68px;margin-top:6px;margin-bottom:0;padding-right:8px;display:grid}.home-rank-row-like{border:1px solid #8db2ef;min-height:58px}.my-rank-position{text-align:center;color:#495268;font-size:1.55rem;font-weight:900}.my-rank-tag{color:#2f68c6;text-align:right;font-size:.72rem;font-weight:700}.bars-card,.profile-main-card,.profile-block{background:linear-gradient(#0d58d6,#0c4cbc);border:1px solid #4f86e8;border-radius:14px;margin-bottom:12px;padding:12px}.bars-card{flex:1;margin-bottom:0;overflow:auto}.race-row{grid-template-columns:110px 1fr 56px;align-items:center;gap:10px;margin-bottom:10px;display:grid}.far-row{border-top:1px dashed #4d607f;margin-top:16px;padding-top:12px}.race-left{align-items:center;gap:6px;display:flex}.rank-chip{color:#fff;font-weight:800}.name-chip{color:#d7e4ff;font-size:.9rem;font-weight:600}.race-bar-wrap{background:#1a2333;border-radius:999px;height:12px;overflow:visible}.race-bar{background:linear-gradient(90deg,#1dd17a,#ff9a3d);border-radius:999px;min-width:20px;height:100%;position:relative;box-shadow:0 0 10px #2de28a88}.bar-tip-avatar{color:#133158;z-index:3;background:#dff2ff;border:2px solid #2a3a58;border-radius:50%;place-items:center;width:28px;height:28px;font-size:.58rem;font-weight:700;display:grid;position:absolute;top:50%;right:-12px;overflow:hidden;transform:translateY(-50%)}.bar-tip-image{object-fit:cover;width:100%;height:100%}.race-points{color:#ff9b42;text-align:right;font-weight:700}.subtitle{color:#8898b3;margin:0 0 10px}.segment-tabs{background:#3a4252;border-radius:12px;margin-bottom:12px;padding:3px;display:flex}.segment-tabs button{color:#aeb8ca;background:0 0;border:none;border-radius:10px;flex:1;padding:8px}.segment-tabs button.active{color:#fff;background:#121a28}.leader-item{background:#0000002e;border:1px solid #73a1f3;border-radius:12px;grid-template-columns:36px 40px 1fr 28px minmax(56px,auto);align-items:center;gap:8px;min-height:44px;margin-bottom:5px;padding:5px 9px;display:grid}.leader-name{min-width:0}.leader-name strong{color:#fff;font-size:.86rem;display:block}.leader-score{text-align:right;color:#fff;justify-self:end;font-size:.9rem;font-weight:800}.leader-rank{color:#fff;font-weight:700}.leader-avatar{color:#fff;background:#1b53c5;border-radius:50%;place-items:center;width:40px;height:40px;font-weight:700;display:grid}.leader-list{flex:1;margin-bottom:0;overflow:auto}.leader-extra-user{min-height:48px;margin-bottom:0}.leader-trend{color:#d6ebff}.you-row{border-color:#31d98b;box-shadow:inset 0 0 0 1px #31d98b33}.profile-head{align-items:center;gap:10px;display:flex}.profile-avatar-wrap{position:relative}.profile-avatar{color:#fff;background:#1d4fb2;border-radius:50%;place-items:center;width:72px;height:72px;font-weight:800;display:grid;overflow:hidden}.profile-avatar-image{object-fit:cover;width:100%;height:100%}.avatar-edit-btn{color:#fff;cursor:pointer;background:#2bc582;border-radius:50%;place-items:center;width:24px;height:24px;font-size:.72rem;display:grid;position:absolute;bottom:-2px;right:-2px}.avatar-input{display:none}.profile-head h3{color:#f5f9ff;margin:0}.profile-head p{color:#d0deff;margin:4px 0 0}.profile-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.profile-stats div{text-align:center}.profile-stats strong{color:#f4f8ff;display:block}.profile-stats span,.profile-block p{color:#d0deff}.profile-block h3{color:#f4f8ff;margin:0 0 8px}.settings-btn{color:#e4ecff;background:0 0;border:1px solid #4a5f86;border-radius:10px;width:100%;margin-top:12px;padding:10px}.admin-entry-btn{color:#b8d4ff;background:#1d66e026;border:1px solid #2d6fd4;border-radius:10px;width:100%;margin-top:10px;padding:10px;font-size:.9rem}.admin-panel{border-top:1px solid #4a5f86;gap:10px;margin-top:14px;padding-top:14px;display:grid}.admin-panel label{color:#c8d8f0;gap:4px;font-size:.85rem;display:grid}.admin-panel input,.admin-panel textarea{color:#eaf1ff;background:#1b2433;border:1px solid #435779;border-radius:9px;padding:9px;font-family:inherit}.admin-panel textarea{resize:vertical;min-height:72px}.admin-actions{flex-wrap:wrap;gap:8px;display:flex}.admin-actions button{cursor:pointer;border:none;border-radius:9px;flex:1;min-width:100px;padding:9px 12px;font-size:.85rem}.admin-actions button:first-of-type{color:#e4ecff;background:#2a3f5c}.admin-actions button:nth-of-type(2){color:#fff;background:#1d66e0}.admin-actions button:nth-of-type(3){color:#fff;background:#0d8f5a}.admin-message{color:#8fb8ff;margin:0;font-size:.8rem}.admin-hint{color:#7a8fb0;margin:0;font-size:.75rem}.admin-logout{color:#a8b8d8;cursor:pointer;background:0 0;border:1px solid #4a5f86;border-radius:9px;padding:8px;font-size:.85rem}.profile-edit-grid{gap:8px;margin-top:10px;display:grid}.profile-edit-grid input{color:#eaf1ff;background:#1b2433;border:1px solid #435779;border-radius:9px;padding:9px}.save-profile-btn{color:#fff;background:#1d66e0;border:none;border-radius:9px;padding:10px}.reward-grid{grid-template-columns:1fr auto;row-gap:8px;display:grid}.reward-grid span{color:#f4f8ff}.reward-grid strong{color:#ff982e}.history-row{color:#f4f8ff;justify-content:space-between;padding:8px 0;display:flex}.history-row strong{color:#ff982e}.link-list{border-top:1px solid #7ea0d6;gap:6px;margin-top:8px;padding-top:10px;display:grid}.link-list button{color:#f1f6ff;text-align:left;background:0 0;border:none;padding:5px 0}.logout-btn{color:#ff5353;background:0 0;border:1px solid #ff4545;border-radius:10px;width:100%;padding:11px}.question-overlay{z-index:20;background:#05080da8;place-items:center;display:grid;position:fixed;inset:0}.question-popup{color:#0f2342;background:#f7fbff;border-radius:16px;width:min(82vw,280px);padding:12px}.question-popup h3{margin:8px 0 10px}.live-pill{color:#2364d6;margin:0;font-size:.85rem;font-weight:700}.options-grid{gap:8px;display:grid}.options-grid button{color:#102648;text-align:left;background:#e9f0ff;border:1px solid #bfd2ff;border-radius:8px;padding:9px}.options-grid button.selected{background:#d6e5ff;border-color:#4f81f0}.submit-btn{color:#fff;background:#1c66e2;border:none;border-radius:10px;width:100%;margin-top:10px;padding:10px}.result-text{color:#198a4f;margin:10px 0 0;font-weight:700}.result-popup{color:#0f2342;text-align:center;cursor:pointer;background:#f7fbff;border-radius:14px;width:min(72vw,250px);padding:12px}.result-popup h4{margin:0 0 8px}.answer-wait-toast{z-index:18;color:#d4e4ff;text-align:center;pointer-events:none;background:#0f1624f5;border:1px solid #4a6aa0;border-radius:12px;width:min(360px,100vw - 24px);padding:12px 14px;font-size:.88rem;line-height:1.35;position:fixed;bottom:72px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000059}.result-overlay{cursor:pointer}.result-tap-hint{color:#5a6b88;margin:12px 0 0;font-size:.75rem;font-weight:500}.bottom-nav{z-index:25;background:linear-gradient(#0d58d6,#0c4cbc);border-top:1px solid #7ea8ee;grid-template-columns:repeat(3,1fr);width:min(420px,100vw - 2px);margin-top:0;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav button{color:#dce9ff;background:0 0;border:none;padding:12px 8px}.bottom-nav button.active{color:#fff}.screen-content--profile{padding:12px 12px 8px}.profile-scroll{flex-direction:column;gap:14px;width:100%;max-width:520px;margin:0 auto;display:flex}.profile-hero-card{background:linear-gradient(165deg,#0e4a9e 0%,#0c3d86 40%,#0a3270 100%);border:1px solid #7ea8ee73;border-radius:16px;padding:18px 16px 16px;box-shadow:0 8px 28px #00000040}.profile-hero-top{align-items:flex-start;gap:16px;display:flex}.profile-avatar--lg{width:80px;height:80px;font-size:1.35rem}.profile-identity{flex:1;min-width:0}.profile-display-name{color:#fff;letter-spacing:-.02em;margin:0 0 4px;font-size:1.35rem;font-weight:800;line-height:1.2}.profile-email-line{color:#dce9ffe0;word-break:break-word;margin:0 0 10px;font-size:.88rem}.profile-id-pill{color:#b8d4ff;background:#0003;border:1px solid #7ea8ee59;border-radius:999px;padding:4px 10px;font-size:.72rem;font-weight:700;display:inline-block}.profile-stat-pills{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;display:grid}.stat-pill{text-align:center;background:#0000002e;border:1px solid #7ea8ee4d;border-radius:12px;padding:12px 8px}.stat-pill-value{color:#fff;font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:800;display:block}.stat-pill-label{color:#c8dcffbf;text-transform:uppercase;letter-spacing:.06em;margin-top:4px;font-size:.68rem;font-weight:600;display:block}.profile-action-row{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.profile-primary-btn{color:#0c4cbc;cursor:pointer;background:#fff;border:none;border-radius:12px;flex:1;min-width:120px;padding:12px 16px;font-size:.92rem;font-weight:800}.profile-primary-btn:hover{filter:brightness(1.05)}.profile-secondary-btn{color:#e4ecff;cursor:pointer;background:0 0;border:1px solid #ffffff59;border-radius:12px;flex:1;min-width:120px;padding:12px 16px;font-size:.88rem;font-weight:700}.profile-edit-card{flex-direction:column;gap:8px;margin-top:16px;display:flex}.profile-field-label{color:#c8dcffd9;text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-weight:700}.profile-field-input{color:#fff;background:#00000038;border:1px solid #7ea8ee66;border-radius:10px;padding:11px 12px;font-size:.95rem}.profile-panels-row{grid-template-columns:1fr;gap:12px;display:grid}@media (width>=480px){.profile-panels-row{grid-template-columns:1fr 1fr}}.profile-panel-card{background:linear-gradient(#0d58d6,#0c4cbc);border:1px solid #7ea8ee66;border-radius:14px;padding:14px 14px 16px}.profile-panel-title{color:#fff;margin:0 0 2px;font-size:1rem;font-weight:800}.profile-panel-sub{color:#c8dcffbf;margin:0 0 12px;font-size:.78rem}.reward-grid--clean{grid-template-columns:1fr auto;align-items:center;gap:10px 12px;display:grid}.reward-label{color:#e6f0ffe6;font-size:.86rem}.reward-val{color:#ffb347;font-size:1.05rem;font-weight:800}.history-stack{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.history-row-v2{color:#e8f0ff;background:#00000026;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:.86rem;display:flex}.history-row-v2 strong{color:#ffb347;font-weight:800}.profile-links-row{flex-wrap:wrap;gap:8px;display:flex}.link-chip{color:#dce9ff;cursor:pointer;background:#0003;border:1px solid #7ea8ee59;border-radius:999px;padding:6px 12px;font-size:.78rem;font-weight:600}.link-chip:hover{background:#ffffff1a}.profile-logout-btn{color:#ff8a8a;cursor:pointer;background:0 0;border:1px solid #ff64648c;border-radius:12px;width:100%;max-width:520px;margin:0 auto;padding:13px;font-size:.92rem;font-weight:700}.profile-logout-btn:hover{background:#ff50501f}@media (width>=768px){.phone-shell{border-left:none;border-right:none;border-radius:14px;max-width:min(1120px,100vw - 32px);height:calc(100vh - 24px);max-height:calc(100vh - 24px);margin:12px auto 0;overflow:hidden;box-shadow:0 12px 40px #00000059,0 0 0 1px #7ea8ee40}.top-strip{padding:16px 22px}.top-strip-brand{font-size:1.05rem}.screen-content{height:calc(100vh - 148px);padding:14px 20px 0}.screen-content--home{padding-top:12px}.bottom-nav{border-radius:0 0 14px 14px;width:min(1120px,100vw - 32px);max-width:min(1120px,100vw - 32px);padding:4px 0;left:50%;transform:translate(-50%)}.bottom-nav button{padding:14px 12px;font-size:.95rem}.answer-wait-toast{width:min(560px,100vw - 48px);bottom:88px}.question-popup{width:min(440px,90vw);padding:18px 20px}.result-popup{width:min(380px,85vw)}.home-board{grid-template-rows:auto minmax(200px,1fr);grid-template-columns:minmax(280px,340px) minmax(0,1fr);align-items:stretch;gap:16px;min-height:0;display:grid}.live-score-card{flex-direction:column;grid-area:1/1/span 2;align-items:stretch;margin-bottom:0;padding:14px}.live-score-card h3{font-size:1.75rem}.score-meta{text-align:left;flex-flow:wrap;align-items:flex-start;gap:10px;width:100%;margin-top:8px}.home-head-row,.race-head{grid-area:1/2;grid-template-columns:72px minmax(100px,160px) minmax(120px,1fr) 96px;margin-top:0;font-size:.88rem}.race-board{grid-area:2/2;min-height:0;padding-right:4px;overflow-y:auto}.race-row-v2--user{grid-area:3/1/auto/-1;margin-top:4px}.race-row-v2{grid-template-columns:72px minmax(100px,160px) minmax(120px,1fr) 96px;gap:12px;min-height:52px;padding:0 10px}.points-cell{font-size:1.1rem}.leader-list{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:10px;display:grid}.leader-item,.leader-extra-user{margin-bottom:0}.segment-tabs{max-width:520px}.screen-content--profile{padding:16px 24px 12px}.profile-scroll{max-width:min(760px,100%)}.profile-panels-row{grid-template-columns:1fr 1fr;gap:16px}.profile-block.admin-panel{width:100%;max-width:760px;margin-left:auto;margin-right:auto}}@media (width>=1100px){.home-head-row,.race-head,.race-row-v2{grid-template-columns:76px minmax(140px,200px) minmax(200px,1fr) 104px}}