*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'Segoe UI',system-ui,sans-serif;background:#f3f1ee;min-height:100vh;padding-top:40px;}

/* ── SCORES TICKER ── */
#scoresTicker{position:fixed;top:0;left:0;right:0;height:40px;background:#111827;z-index:1000;display:flex;align-items:center;overflow:hidden;border-bottom:2px solid #FF7B00;}
.ticker-label{flex-shrink:0;font-size:10px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#FF7B00;padding:0 14px 0 16px;white-space:nowrap;border-right:1px solid #2a2a2a;}
.ticker-track{flex:1;overflow:hidden;position:relative;height:100%;}
.ticker-inner{display:flex;white-space:nowrap;will-change:transform;height:100%;}
.ticker-inner.ticker-anim{animation:tickerScroll linear infinite;}
.ticker-inner.ticker-anim.ticker-paused{animation-play-state:paused;}
@keyframes tickerScroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@media (prefers-reduced-motion: reduce){
  .ticker-inner.ticker-anim{animation-play-state:paused;}
}
.ticker-game{display:inline-flex;align-items:center;gap:8px;padding:0 22px;font-size:12px;color:#e5e7eb;border-right:1px solid #2a2a2a;height:100%;flex-shrink:0;}
.tg-teams{font-weight:700;color:#fff;}
.tg-score{font-weight:900;color:#FF7B00;font-size:13px;}
.tg-status{font-size:10px;color:#9ca3af;font-weight:600;letter-spacing:.5px;text-transform:uppercase;}
.tg-live{color:#22c55e;font-weight:800;font-size:10px;letter-spacing:.5px;text-transform:uppercase;animation:livePulse 1.2s ease infinite;}
@keyframes livePulse{0%,100%{opacity:1;}50%{opacity:.35;}}
.screen{display:none;}.screen.active{display:flex;}.screen.leaving{display:flex;pointer-events:none;position:fixed;top:0;left:0;width:100%;z-index:500;}

/* ── TITLE ── */
#titleScreen{min-height:100vh;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;position:relative;}
.t-num{font-size:clamp(40px,9vw,72px);font-weight:900;color:#FF7B00;line-height:1.1;letter-spacing:-1.5px;margin:0;}
.t-sub{font-size:12px;text-transform:uppercase;letter-spacing:7px;color:#FF7B00;margin-bottom:14px;}
.t-desc{font-size:15px;color:#666666;max-width:560px;line-height:1.7;margin-bottom:36px;}
.btn-main{background:#FF7B00;color:#fff;border:none;padding:14px 52px;font-size:15px;font-weight:700;letter-spacing:2px;text-transform:uppercase;border-radius:6px;cursor:pointer;transition:background .15s;}
.btn-main:hover{background:#e06800;}

/* ── DRAFT ── */
#draftScreen{min-height:100vh;flex-direction:row;align-items:flex-start;padding:32px 36px;gap:36px;width:100%;}
.lp{flex:0 0 330px;display:flex;flex-direction:column;}
.lp-top{font-size:11px;text-transform:uppercase;letter-spacing:3px;color:#6e6e6e;margin-bottom:18px;}
.lp-top span{color:#FF7B00;font-weight:700;}
.cards-row{display:flex;gap:14px;margin-bottom:6px;}
.ccard{flex:1;background:#fff;border-radius:10px;padding:14px;text-align:center;border:4px solid;}
.ccard.tc{border-color:#FF7B00;}.ccard.ec{border-color:#7C3AED;}
.ccard-lbl{font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;margin-bottom:6px;}
.tc .ccard-lbl{color:#FF7B00;}.ec .ccard-lbl{color:#7C3AED;}
.ccard-val{font-size:28px;font-weight:900;color:#111;min-height:38px;display:flex;align-items:center;justify-content:center;}
.ccard-val.rolling{animation:roll .09s linear infinite;}
@keyframes roll{0%{opacity:.2;}50%{opacity:1;}100%{opacity:.2;}}
.clabels{display:flex;gap:14px;margin-bottom:18px;}
.clabel{flex:1;text-align:center;font-size:12px;color:#bbb;}
.btn-spin{background:#FF7B00;color:#fff;border:none;padding:12px 36px;font-size:14px;font-weight:700;letter-spacing:3px;text-transform:uppercase;border-radius:6px;cursor:pointer;align-self:center;margin-bottom:18px;transition:background .15s;}
.btn-spin:hover:not(:disabled){background:#e06800;}
.btn-spin:disabled{background:#ccc;cursor:default;}
.plist{display:flex;flex-direction:column;gap:8px;max-height:440px;overflow-y:auto;padding-right:2px;}
.plist-hint{font-size:13px;color:#bbb;padding:6px 0;}
.prow{background:#fff;border-radius:10px;padding:13px 15px;cursor:pointer;border:2px solid transparent;transition:border-color .15s,transform .1s;}
.prow:hover{border-color:#FF7B00;transform:translateX(2px);}
.prow.selected{border-color:#FF7B00;background:#fff9f4;}
.prow-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:3px;}
.prow-name{font-size:14px;font-weight:700;color:#111;}
.prow-check{color:#FF7B00;font-size:14px;font-weight:900;}
.prow-meta{font-size:11px;color:#6e6e6e;margin-bottom:7px;}
.prow-pos-tags{margin-bottom:5px;}
.pos-tag{display:inline-block;font-size:9px;font-weight:700;letter-spacing:1px;background:#f0f0f0;color:#5c5c5c;padding:2px 6px;border-radius:3px;margin-right:4px;}
.prow-stats{display:flex;gap:0;border-top:1px solid #f0f0f0;padding-top:7px;}
.stat{flex:1;text-align:center;}
.stat-val{font-size:14px;font-weight:700;color:#111;}
.stat-lbl{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#bbb;margin-top:1px;}
.pos-assign{margin-top:10px;padding-top:10px;border-top:1px solid #ffe0cc;}
.pos-assign-lbl{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:#FF7B00;margin-bottom:7px;}
.pos-btns{display:flex;gap:6px;flex-wrap:wrap;}
.pos-btn{background:#FF7B00;color:#fff;border:none;padding:6px 12px;font-size:12px;font-weight:700;letter-spacing:1px;border-radius:5px;cursor:pointer;transition:background .15s;}
.pos-btn:hover{background:#e06800;}
.no-pos-msg{font-size:12px;color:#6e6e6e;font-style:italic;}

/* Court */
.rp{flex:1;display:flex;justify-content:center;align-items:flex-start;}
.court-wrap{position:relative;width:100%;max-width:500px;}
.court-svg{width:100%;height:auto;display:block;border-radius:14px;filter:drop-shadow(0 4px 24px rgba(0,0,0,.18));}
.slot{position:absolute;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed #3a4e6a;background:rgba(255,255,255,.04);}
.slot.filled{border:2px solid rgba(255,255,255,.28);background:rgba(255,255,255,.1);}
.slot-pos{font-size:10px;font-weight:700;letter-spacing:1px;color:#5a7090;}
.slot.filled .slot-pos{font-size:9px;color:#7a90a8;}
.slot-name{font-size:10px;font-weight:600;color:#b0c4d8;text-align:center;padding:0 3px;line-height:1.2;margin-top:2px;}

/* Sim */
#simScreen{min-height:100vh;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;background:#f3f1ee;}
.sim-lbl{font-size:11px;text-transform:uppercase;letter-spacing:4px;color:#bbb;margin:0 0 8px;}
.sim-rec{font-size:clamp(64px,14vw,100px);font-weight:900;color:#FF7B00;line-height:1;margin-bottom:6px;}
.sim-rec.loss{color:#cc2200;}
.sim-rec .sep{color:#ccc;}.sim-rec.loss .sep{color:#cc2200;}
.sim-st{font-size:13px;color:#bbb;margin-bottom:28px;min-height:20px;}
.dgrid{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;max-width:480px;width:100%;margin-bottom:28px;}
.dot{aspect-ratio:1;border-radius:4px;background:#ddd;transition:background .2s;}
.dot.win{background:#FF7B00;}.dot.loss{background:#cc2200;}
.dot.cur{background:#bbb;animation:db .5s alternate infinite;}
@keyframes db{from{background:#bbb;}to{background:#5c5c5c;}}
.sroster{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;}
.schip{background:#fff;border:2px solid #e5e5e5;border-radius:8px;padding:8px 14px;text-align:center;}
.schip-pos{font-size:9px;text-transform:uppercase;letter-spacing:2px;color:#FF7B00;font-weight:700;}
.schip-name{font-size:12px;font-weight:600;color:#333;}

/* Results */
#resultsScreen{min-height:100vh;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 24px;background:#f3f1ee;}
.res-h{font-size:clamp(28px,6vw,48px);font-weight:900;color:#111;margin:0 0 8px;}
.res-r{font-size:clamp(72px,18vw,130px);font-weight:900;color:#FF7B00;line-height:1;margin-bottom:10px;}
.res-r.loss{color:#cc2200;}
.res-f{font-size:15px;color:#666666;max-width:400px;line-height:1.6;margin-bottom:32px;}
.res-roster{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:28px;}
.share-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:28px;}
.share-btn{display:flex;align-items:center;gap:7px;border:none;padding:10px 18px;font-size:13px;font-weight:700;border-radius:7px;cursor:pointer;transition:opacity .15s;letter-spacing:.5px;}
.share-btn:hover{opacity:.85;}
.share-btn svg{width:16px;height:16px;flex-shrink:0;}
.sb-x{background:#000;color:#fff;}
.sb-wa{background:#25D366;color:#fff;}
.sb-ig{background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff;}
.sb-copy{background:#e0e0e0;color:#333;}
.copy-toast{font-size:12px;color:#FF7B00;height:18px;margin-top:-10px;margin-bottom:10px;}

.lb-card{background:#fff;border-radius:14px;padding:14px 20px;max-width:340px;width:100%;margin:0 auto 26px;text-align:left;}
.lb-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#6e6e6e;margin-bottom:8px;}
.lb-row{display:flex;align-items:center;gap:10px;padding:6px 0;border-top:1px solid #f2f2f2;}
.lb-row:first-child{border-top:none;}
.lb-row.cur{background:#fff9f4;border-radius:8px;margin:0 -8px;padding:6px 8px;}
.lb-rank{font-size:13px;font-weight:900;color:var(--gold,#FF7B00);width:22px;flex-shrink:0;}
.lb-rec{font-size:14px;font-weight:700;color:#111;flex:1;}
.lb-tag{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#FF7B00;background:#fff3e8;padding:3px 8px;border-radius:99px;white-space:nowrap;}
.glb-screen{display:flex;flex-direction:column;align-items:center;padding:24px 16px 40px;width:100%;max-width:520px;margin:0 auto;}
.glb-title{font-size:22px;font-weight:900;letter-spacing:1px;color:#111;margin:0 0 2px;}
.glb-sub{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#6e6e6e;margin-bottom:20px;}
.glb-tabs{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:14px;}
.glb-tab{padding:6px 14px;border-radius:20px;background:#f0f0f0;border:none;font-size:12px;font-weight:700;color:#777;cursor:pointer;white-space:nowrap;}
.glb-tab.active{background:#FF7B00;color:#fff;}
.glb-table{width:100%;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.06);}
.glb-row{display:grid;grid-template-columns:36px 1fr 64px 72px;align-items:center;padding:11px 16px;border-bottom:1px solid #f2f2f2;gap:8px;}
.glb-row:last-child{border-bottom:none;}
.glb-row.me{background:#fff9f4;}
.glb-rank{font-size:13px;font-weight:900;color:#FF7B00;}
.glb-name{font-size:14px;font-weight:700;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.glb-rec{font-size:14px;font-weight:900;color:#111;text-align:right;}
.glb-date{font-size:11px;color:#bbb;text-align:right;}
.glb-header{background:#f8f8f8;display:grid;grid-template-columns:36px 1fr 64px 72px;padding:8px 16px;gap:8px;border-bottom:1px solid #eee;}
.glb-hcell{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#6e6e6e;}
.glb-hcell.right{text-align:right;}
.glb-empty{padding:32px;text-align:center;color:#bbb;font-size:14px;}
.glb-loading{padding:32px;text-align:center;color:#bbb;font-size:14px;}
.glb-anon-note{font-size:12px;color:#bbb;text-align:center;margin-top:14px;}
.lb-global-btn{background:none;border:1px solid #e0e0e0;border-radius:99px;padding:6px 16px;font-size:12px;font-weight:700;color:#5c5c5c;cursor:pointer;margin-top:8px;letter-spacing:.5px;}
.lb-global-btn:hover{border-color:#FF7B00;color:#FF7B00;}
.lb-dropdown{position:relative;display:inline-block;}
.lb-dropdown-menu{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.12);padding:6px;min-width:170px;z-index:50;}
.lb-dropdown-menu[hidden]{display:none;}
.lb-dropdown-menu a{display:block;padding:8px 12px;font-size:13px;font-weight:600;color:#333;text-decoration:none;border-radius:8px;white-space:nowrap;}
.lb-dropdown-menu a:hover,.lb-dropdown-menu a:focus{background:#f3f1ee;color:#FF7B00;}
/* ── HOT TAKE MODAL ── */
.ht-tab{flex:1;padding:14px 8px;font-size:13px;font-weight:700;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;color:#6e6e6e;transition:color .15s,border-color .15s;}
.ht-tab-active{color:#FF7B00;border-bottom-color:#FF7B00;}
.ht-submit-btn{background:#FF7B00;color:#fff;border:none;padding:13px 0;font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase;border-radius:8px;cursor:pointer;width:100%;transition:background .15s;}
.ht-submit-btn:hover{background:#e06800;}
.ht-card-container{min-height:180px;display:flex;align-items:center;justify-content:center;}
.ht-card{background:#fff;border:2px solid #f0f0f0;border-radius:14px;padding:22px 18px 18px;text-align:center;cursor:grab;user-select:none;width:100%;transition:border-color .12s,background .12s;touch-action:pan-y;}
.ht-card:active{cursor:grabbing;}
.ht-card-meta{font-size:11px;color:#bbb;margin-bottom:10px;letter-spacing:.3px;}
.ht-card-text{font-size:16px;font-weight:700;color:#111;line-height:1.55;margin-bottom:10px;}
.ht-card-votes{display:flex;gap:14px;justify-content:center;align-items:center;font-size:12px;margin-top:6px;}
.ht-swipe-hint{font-size:11px;color:#ddd;margin-top:14px;letter-spacing:.3px;}
.ht-vote-btn{flex:1;padding:13px 0;font-size:14px;font-weight:700;border:2px solid;border-radius:10px;cursor:pointer;transition:background .15s,color .15s,transform .1s;}
.ht-vote-btn:active{transform:scale(.96);}
.ht-agree{border-color:#22c55e;color:#22c55e;background:#fff;}
.ht-agree:hover{background:#22c55e;color:#fff;}
.ht-disagree{border-color:#ef4444;color:#ef4444;background:#fff;}
.ht-disagree:hover{background:#ef4444;color:#fff;}

/* ── CONNECTIONS ── */
#connScreen{min-height:100vh;flex-direction:column;align-items:center;padding:24px 16px 40px;background:#f3f1ee;}
.conn-hdr{width:100%;max-width:580px;display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;}
.conn-title-lbl{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:3px;color:#6e6e6e;margin:0;}
.conn-sub{font-size:13px;color:#5c5c5c;margin-bottom:10px;text-align:center;max-width:580px;width:100%;}
.conn-solved{width:100%;max-width:580px;display:flex;flex-direction:column;gap:6px;margin-bottom:6px;}
.conn-solved-group{border-radius:10px;padding:13px 16px;text-align:center;}
.conn-sg-cat{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:rgba(0,0,0,.55);margin-bottom:3px;}
.conn-sg-players{font-size:12px;font-weight:600;color:rgba(0,0,0,.65);}
.conn-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;width:100%;max-width:580px;margin-bottom:12px;}
.conn-tile{background:#fff;border:2px solid transparent;border-radius:8px;padding:10px 4px;text-align:center;font-size:11px;font-weight:700;color:#111;cursor:pointer;transition:background .12s,border-color .12s;line-height:1.3;min-height:56px;display:flex;align-items:center;justify-content:center;user-select:none;}
.conn-tile:hover{border-color:#FF7B00;}
.conn-tile.selected{background:#FF7B00;color:#fff;border-color:#FF7B00;}
.conn-tile.shake{animation:connShake .45s ease;}
@keyframes connShake{0%,100%{transform:translateX(0)}20%{transform:translateX(-7px)}40%{transform:translateX(7px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}
.conn-mistakes{font-size:12px;color:#5c5c5c;margin-bottom:10px;letter-spacing:2px;text-align:center;width:100%;max-width:580px;}
.conn-one-away{font-size:12px;font-weight:700;color:#FF7B00;height:18px;margin-bottom:6px;text-align:center;}
.conn-submit{background:#FF7B00;color:#fff;border:none;padding:12px 48px;font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase;border-radius:8px;cursor:pointer;transition:background .15s;}
.conn-submit:hover:not(:disabled){background:#e06800;}
.conn-submit:disabled{background:#ddd;color:#6e6e6e;cursor:default;}
#connResultScreen{min-height:100vh;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px 40px;background:#f3f1ee;text-align:center;overflow-y:auto;}
.conn-res-title{font-size:clamp(28px,6vw,42px);font-weight:900;color:#111;margin:0 0 24px;}
.conn-res-groups{display:flex;flex-direction:column;gap:8px;width:100%;max-width:580px;margin-bottom:28px;}
.conn-res-group{border-radius:12px;padding:16px;text-align:center;}
.conn-rg-cat{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:2px;color:rgba(0,0,0,.55);margin-bottom:5px;}
.conn-rg-players{font-size:13px;font-weight:600;color:rgba(0,0,0,.7);}
.conn-res-btns{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;}

/* Connections level select */
#connLevelScreen{min-height:100vh;flex-direction:column;align-items:center;padding:32px 20px 48px;background:#f3f1ee;}
.conn-lvl-header{width:100%;max-width:580px;display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;}
.conn-lvl-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:3px;color:#6e6e6e;margin:0;}
.conn-lvl-sub{font-size:13px;color:#5c5c5c;margin-bottom:24px;}
.conn-lvl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;max-width:580px;}
.conn-lvl-card{background:#fff;border-radius:14px;padding:18px 14px;text-align:center;cursor:pointer;border:3px solid #e8e8e8;transition:border-color .15s,transform .15s;position:relative;}
.conn-lvl-card:hover{border-color:#FF7B00;transform:translateY(-2px);}
.conn-lvl-card.done{border-color:#86efac;}
.conn-lvl-num{font-size:28px;font-weight:900;color:#FF7B00;line-height:1;margin-bottom:4px;}
.conn-lvl-name{font-size:10px;font-weight:700;color:#666666;text-transform:uppercase;letter-spacing:1px;line-height:1.3;margin-bottom:8px;}
.conn-lvl-stars{font-size:12px;letter-spacing:1px;color:#f59e0b;}
.conn-lvl-check{position:absolute;top:8px;right:10px;font-size:14px;color:#22c55e;font-weight:900;}
.conn-lvl-badge{display:inline-block;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:2px 8px;border-radius:99px;margin-top:6px;}
.conn-lvl-badge.perfect{background:#fef9c3;color:#854d0e;}
/* Level badge shown during play */
.conn-level-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#FF7B00;background:#fff3e8;padding:4px 12px;border-radius:20px;margin-bottom:6px;}

/* ── MODE SELECT ── */
.mode-cards{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin:8px auto 0;max-width:1100px;}
.mode-card{background:#fff;border-radius:18px;padding:24px 28px;cursor:pointer;border:1px solid #ececec;text-align:center;min-width:180px;flex:1;max-width:220px;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease;}
.mode-card:hover{border-color:#FF7B00;transform:translateY(-4px);}
.mode-card-title{font-size:22px;font-weight:900;color:#FF7B00;margin:0 0 6px;}
.mode-card-desc{font-size:12px;color:#6e6e6e;line-height:1.5;}

/* ── QUIZ ── */
#quizSpinScreen{min-height:100vh;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center;}
.quiz-spin-label{font-size:11px;text-transform:uppercase;letter-spacing:4px;color:#6e6e6e;margin:0 0 20px;}
.decade-card{background:#fff;border:4px solid #FF7B00;border-radius:14px;padding:20px 40px;display:inline-block;margin-bottom:8px;}
.decade-card-lbl{font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#FF7B00;margin-bottom:6px;}
.decade-card-val{font-size:48px;font-weight:900;color:#111;min-height:56px;display:flex;align-items:center;justify-content:center;}
.decade-card-val.rolling{animation:roll .09s linear infinite;}
.quiz-spin-sub{font-size:12px;color:#bbb;margin-bottom:28px;}

#quizScreen{min-height:100vh;flex-direction:column;align-items:center;justify-content:flex-start;padding:40px 24px;background:#f3f1ee;}
.quiz-top{width:100%;max-width:620px;display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;}
.quiz-decade-badge{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#FF7B00;background:#fff3e8;padding:6px 14px;border-radius:20px;}
.quiz-progress{font-size:12px;color:#6e6e6e;letter-spacing:1px;}
.quiz-score-live{font-size:13px;font-weight:700;color:#111;}
.question-card{background:#fff;border-radius:14px;padding:28px;width:100%;max-width:620px;margin-bottom:20px;box-shadow:0 2px 12px rgba(0,0,0,.06);}
.question-text{font-size:clamp(16px,3vw,22px);font-weight:700;color:#111;line-height:1.4;}
.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:620px;}
.opt-btn{background:#fff;border:2px solid #e0e0e0;border-radius:10px;padding:14px 16px;font-size:14px;font-weight:600;color:#333;cursor:pointer;text-align:left;transition:border-color .15s,background .15s;line-height:1.4;}
.opt-btn:hover:not(:disabled){border-color:#FF7B00;background:#fff9f4;}
.opt-btn.correct{border-color:#22c55e;background:#f0fdf4;color:#15803d;}
.opt-btn.wrong{border-color:#ef4444;background:#fef2f2;color:#991b1b;}
.opt-btn:disabled{cursor:default;}
.next-btn{margin-top:20px;background:#FF7B00;color:#fff;border:none;padding:13px 40px;font-size:15px;font-weight:700;letter-spacing:2px;text-transform:uppercase;border-radius:8px;cursor:pointer;transition:background .15s;}
.next-btn:hover{background:#e06800;}

/* ── BOX SCORE BUILDER ── */
#boxScoreScreen{min-height:100vh;flex-direction:column;align-items:center;justify-content:flex-start;padding:40px 24px;background:#f3f1ee;}
#boxScoreResultScreen{min-height:100vh;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 24px;background:#f3f1ee;}
.bb-card{align-items:center;text-align:center;display:flex;flex-direction:column;gap:14px;}
.bb-line{display:flex;gap:10px;}
.bb-stat{background:#fff3e8;border-radius:10px;padding:14px 20px;text-align:center;min-width:80px;}
.bb-stat-val{font-size:28px;font-weight:900;color:#FF7B00;line-height:1;}
.bb-stat-lbl{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#666666;margin-top:4px;}

/* ── TEAM HISTORY TRIVIA ── */
#teamHistoryScreen{min-height:100vh;flex-direction:column;align-items:center;justify-content:flex-start;padding:40px 24px;background:#f3f1ee;}
#teamHistoryResultScreen{min-height:100vh;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 24px;background:#f3f1ee;}

/* ── TRADE MACHINE ── */
#tradeScreen{min-height:100vh;flex-direction:column;align-items:center;justify-content:flex-start;padding:40px 24px;background:#f3f1ee;}
#tradeResultScreen{min-height:100vh;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 24px;background:#f3f1ee;}

#quizResultScreen{min-height:100vh;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 24px;background:#f3f1ee;}
.qres-decade{font-size:12px;text-transform:uppercase;letter-spacing:4px;color:#FF7B00;margin:0 0 8px;}
.qres-score{font-size:clamp(72px,18vw,120px);font-weight:900;color:#FF7B00;line-height:1;}
.qres-label{font-size:16px;color:#6e6e6e;margin-bottom:8px;}
.qres-flavor{font-size:15px;color:#5c5c5c;max-width:380px;line-height:1.6;margin-bottom:32px;}
.qres-btns{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;}

/* ── WHO AM I ── */
#whoScreen{min-height:100vh;flex-direction:column;align-items:center;justify-content:flex-start;padding:32px 24px;background:#f3f1ee;}
.who-top{width:100%;max-width:560px;display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;}
.who-badge{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#FF7B00;background:#fff3e8;padding:6px 14px;border-radius:20px;}
.who-progress{font-size:12px;color:#6e6e6e;letter-spacing:1px;}
.who-score{font-size:15px;font-weight:900;color:#111;}
.clues-stack{width:100%;max-width:560px;display:flex;flex-direction:column;gap:8px;margin-bottom:14px;}
.clue-card{background:#fff;border-radius:10px;padding:14px 18px;border-left:4px solid #FF7B00;animation:slideIn .3s ease;}
@keyframes slideIn{from{opacity:0;transform:translateY(-8px);}to{opacity:1;transform:translateY(0);}}
.clue-label{font-size:9px;text-transform:uppercase;letter-spacing:2px;color:#FF7B00;font-weight:700;margin-bottom:4px;}
.clue-text{font-size:15px;font-weight:600;color:#111;}
.pts-bar{width:100%;max-width:560px;display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
.pts-available{font-size:13px;font-weight:700;color:#FF7B00;}
.pts-label{font-size:12px;color:#bbb;}
.who-opts{width:100%;max-width:560px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:16px;}
.who-opt{background:#fff;border:2px solid #e0e0e0;border-radius:10px;padding:11px 12px;font-size:13px;font-weight:600;color:#333;cursor:pointer;text-align:left;transition:border-color .15s,background .15s;line-height:1.3;}
@media(max-width:500px){.who-opts{grid-template-columns:1fr 1fr;}}
.who-opt:hover:not(:disabled){border-color:#FF7B00;background:#fff9f4;}
.who-opt.correct{border-color:#22c55e;background:#f0fdf4;color:#15803d;}
.who-opt.wrong{border-color:#ef4444;background:#fef2f2;color:#991b1b;}
.who-opt:disabled{cursor:default;}
.who-feedback{font-size:14px;font-weight:700;min-height:22px;margin-bottom:6px;text-align:center;}
.who-feedback.right{color:#22c55e;}.who-feedback.wrong{color:#ef4444;}.who-feedback.reveal{color:#5c5c5c;}
.who-next{background:#FF7B00;color:#fff;border:none;padding:12px 36px;font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase;border-radius:8px;cursor:pointer;transition:background .15s;}
.who-next:hover{background:#e06800;}
#whoResultScreen{min-height:100vh;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 24px;background:#f3f1ee;}
.wres-title{font-size:14px;text-transform:uppercase;letter-spacing:4px;color:#FF7B00;margin:0 0 8px;}
.wres-score{font-size:clamp(72px,18vw,120px);font-weight:900;color:#FF7B00;line-height:1;}
.wres-max{font-size:16px;color:#6e6e6e;margin-bottom:8px;}
.wres-flavor{font-size:15px;color:#5c5c5c;max-width:380px;line-height:1.6;margin-bottom:28px;}
.wres-btns{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:4px;}

/* ── LINK ── */
#linkScreen{min-height:100vh;flex-direction:column;align-items:center;padding:24px 16px 60px;background:#f3f1ee;}
.link-endpoints{width:100%;max-width:480px;display:flex;align-items:center;gap:10px;margin:14px 0;}
.link-endpoint-card{flex:1;background:#fff;border-radius:14px;padding:14px 10px;text-align:center;box-shadow:0 2px 12px rgba(0,0,0,.06);}
.link-endpoint-label{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#666666;font-weight:800;margin-bottom:5px;}
.link-endpoint-name{font-weight:800;font-size:14px;color:#111;}
.link-endpoint-team{font-size:11px;color:#777;margin-top:3px;}
.link-vs-arrow{font-size:18px;color:#FF7B00;font-weight:900;flex-shrink:0;}
.link-dots{display:flex;justify-content:center;gap:6px;margin-bottom:14px;}
.link-dot{width:10px;height:10px;border-radius:50%;background:#e5e2dc;}
.link-dot.used-valid{background:#FF7B00;}
.link-dot.used-invalid{background:#c0392b;}
.link-message{width:100%;max-width:480px;text-align:center;font-size:13px;font-weight:700;padding:0;border-radius:10px;min-height:0;margin-bottom:0;}
.link-message.show{padding:10px;min-height:auto;margin-bottom:14px;}
.link-message.info{background:#fff3ea;color:#b35900;}
.link-chain{width:100%;max-width:480px;display:flex;flex-direction:column;gap:8px;margin-bottom:14px;}
.link-chain-node{background:#fff;border-radius:12px;padding:10px 14px;display:flex;justify-content:space-between;align-items:center;gap:10px;box-shadow:0 2px 8px rgba(0,0,0,.05);}
.link-chain-node.invalid{background:#fff3f1;box-shadow:0 0 0 1px rgba(192,57,43,.25);}
.link-cn-name{font-weight:700;font-size:14px;color:#111;}
.link-chain-node.invalid .link-cn-name{color:#a94442;text-decoration:line-through;}
.link-cn-note{font-size:11px;color:#FF7B00;font-weight:700;white-space:nowrap;}
.link-chain-node.invalid .link-cn-note{color:#c0392b;}
.link-input-row{position:relative;width:100%;max-width:480px;margin-bottom:12px;}
.link-input{width:100%;padding:13px 14px;border-radius:12px;border:2px solid #e5e2dc;font-size:14px;background:#fff;outline:none;}
.link-input:focus{border-color:#FF7B00;}
.link-suggestions{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,.12);overflow:hidden;z-index:20;max-height:220px;overflow-y:auto;}
.link-suggestion{padding:10px 14px;font-size:13px;cursor:pointer;color:#333;}
.link-suggestion.active,.link-suggestion:hover{background:#fff3ea;color:#FF7B00;font-weight:700;}
.link-actions{display:flex;gap:8px;width:100%;max-width:480px;margin-bottom:8px;}
.link-hint{font-size:12px;color:#666666;text-align:center;max-width:400px;}
#linkResultScreen{min-height:100vh;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 24px;background:#f3f1ee;}
.link-result-path{font-size:13px;color:#5c5c5c;max-width:400px;margin:0 auto 8px;line-height:1.5;}
.link-result-emoji{font-size:15px;letter-spacing:4px;}

/* ── GRIDS MODE ── */
#gridsScreen{min-height:100vh;flex-direction:column;align-items:center;padding:24px 16px 60px;background:#f3f1ee;}
#gridsResultScreen{min-height:100vh;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 24px;background:#f3f1ee;}
.gg-sub{font-size:14px;color:#5c5c5c;margin-bottom:10px;text-align:center;max-width:640px;width:100%;}
.gg-guesses{font-size:13px;font-weight:700;color:#5c5c5c;letter-spacing:1px;margin-bottom:16px;text-align:center;}
.gg-board{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%;max-width:680px;margin:0 auto 20px;}
.gg-corner{background:#fff;border:2px solid #ececec;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;min-height:52px;}
.gg-col-label{background:#fff;border:2px solid #ececec;border-radius:12px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;font-weight:700;color:#111;padding:8px 6px;line-height:1.3;min-height:52px;}
.gg-row-label{background:#fff;border:2px solid #ececec;border-radius:12px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;font-weight:700;color:#111;padding:8px 10px;line-height:1.3;min-height:110px;}
.gg-cell{background:#fff;border:2px solid #ececec;border-radius:12px;min-height:110px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;font-weight:700;color:#bbb;cursor:pointer;padding:8px;transition:border-color .15s,background .15s;}
.gg-cell:hover{border-color:#FF7B00;}
.gg-cell.active{border-color:#FF7B00;background:#fff3ea;}
.gg-cell.solved{color:#111;background:#e8f9ee;border-color:#22c55e;cursor:default;}
.gg-cell.failed{color:#991b1b;background:#fef2f2;border-color:#ef4444;cursor:default;font-weight:600;font-size:12px;}
.gg-active{width:100%;max-width:520px;background:#fff;border-radius:14px;padding:18px;margin-bottom:12px;}
.gg-active-label{font-size:12px;font-weight:700;color:#FF7B00;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;text-align:center;}
.gg-active-btns{display:flex;gap:8px;width:100%;margin-top:8px;}
.gg-message{width:100%;text-align:center;font-size:13px;font-weight:700;min-height:0;margin-top:8px;}
.gg-message.show.info{color:#b35900;}
.gg-message.show.wrong{color:#ef4444;}

/* ── DAILY CHALLENGE ── */
#dailyScreen{min-height:100vh;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;background:#f3f1ee;text-align:center;}
.daily-date{font-size:11px;text-transform:uppercase;letter-spacing:4px;color:#FF7B00;margin-bottom:6px;}
.daily-title{font-size:clamp(28px,6vw,44px);font-weight:900;color:#111;margin:0 0 6px;}
.daily-sub{font-size:14px;color:#6e6e6e;margin-bottom:32px;}
.daily-stats-row{display:flex;gap:20px;justify-content:center;margin-bottom:28px;flex-wrap:wrap;}
.daily-stat-box{background:#fff;border-radius:12px;padding:16px 24px;min-width:100px;}
.daily-stat-num{font-size:36px;font-weight:900;color:#FF7B00;}
.daily-stat-lbl{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:#6e6e6e;margin-top:2px;}
.daily-score-grid{display:flex;gap:6px;justify-content:center;margin-bottom:24px;}
.daily-dot{width:18px;height:18px;border-radius:50%;background:#e0e0e0;}
.daily-dot.earned{background:#FF7B00;}
.daily-played-msg{font-size:14px;color:#6e6e6e;margin-bottom:24px;}
.daily-milestone{background:#FF7B00;color:#fff;font-weight:800;font-size:14px;border-radius:10px;padding:10px 16px;margin-bottom:18px;display:inline-block;}
.daily-match-card{background:#fff;border-radius:12px;padding:16px 20px;margin-bottom:18px;max-width:340px;margin-left:auto;margin-right:auto;}
.daily-match-title{font-weight:800;font-size:15px;color:#111;margin-bottom:10px;text-align:center;}
.daily-match-row{display:flex;justify-content:space-between;gap:12px;font-size:14px;color:#333;padding:7px 0;border-top:1px solid #f0f0f0;}
.daily-match-row:first-of-type{border-top:none;}
.daily-match-waiting{font-size:13px;color:#777;text-align:center;}
.daily-match-challenge{background:#fff4e8;border-left:3px solid #FF7B00;padding:10px 14px;font-size:13px;color:#7a5a30;border-radius:4px;text-align:left;max-width:340px;margin:0 auto;}
.daily-card-top{background:#FF7B00;color:#fff;border-radius:18px;padding:20px 28px;width:100%;max-width:480px;margin-bottom:20px;cursor:pointer;transition:opacity .15s;}
.daily-card-top:hover{opacity:.9;}
.daily-card-label{font-size:10px;text-transform:uppercase;letter-spacing:3px;margin-bottom:6px;opacity:.8;}
.daily-card-big{font-size:22px;font-weight:900;}

/* ── BLIND RANK ── */
:root{--gold:#FF7B00;--cream:#f3f1ee;--cream2:#fff;}
#brScreen{min-height:100vh;flex-direction:column;align-items:center;padding:20px 16px 40px;background:var(--cream);}
.br-player-card{width:100%;max-width:620px;background:var(--cream2);border:2.5px solid var(--gold);border-radius:16px;padding:20px 20px 16px;margin-bottom:12px;position:relative;}
.br-place-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:2px;color:#777;margin:0 0 6px;}
.br-player-name{font-size:clamp(22px,5vw,34px);font-weight:900;color:#111;line-height:1.1;margin-bottom:4px;text-transform:uppercase;}
.br-player-meta{font-size:14px;color:#666;margin-bottom:8px;}
.br-instruction{font-size:13px;font-weight:700;color:#444;}
.br-start-over{position:absolute;top:16px;right:16px;background:#fff;border:2px solid #bbb;border-radius:99px;padding:7px 16px;font-size:12px;font-weight:700;cursor:pointer;color:#333;transition:border-color .15s;}
.br-start-over:hover{border-color:var(--gold);}
.br-slots-list{width:100%;max-width:620px;display:flex;flex-direction:column;gap:7px;}
.br-slot-row{background:transparent;border:2px dashed #bbb;border-radius:12px;padding:10px 14px;display:flex;align-items:center;gap:12px;}
.br-slot-row.empty{cursor:pointer;transition:border-color .15s,background .15s;}
.br-slot-row.empty:hover{border-color:var(--gold);border-style:solid;background:rgba(255,123,0,.07);}
.br-slot-row.filled{border-style:solid;border-color:var(--gold);background:rgba(255,123,0,.1);}
.br-slot-num{width:46px;height:46px;background:var(--gold);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:900;color:#fff;flex-shrink:0;}
.br-place-btn{background:var(--gold);border:none;border-radius:99px;padding:8px 22px;font-size:13px;font-weight:800;color:#fff;cursor:pointer;white-space:nowrap;transition:opacity .15s;}
.br-place-btn:hover{opacity:.8;}
.br-filled-name{font-size:14px;font-weight:800;color:#111;}
.br-filled-meta{font-size:11px;color:#5c5c5c;margin-top:1px;}
#brResultScreen{min-height:100vh;flex-direction:column;align-items:center;padding:32px 16px 40px;background:var(--cream);text-align:center;overflow-y:auto;}
.br-res-label{font-size:11px;text-transform:uppercase;letter-spacing:4px;color:#5c5c5c;margin:0 0 6px;}
.br-res-score{font-size:clamp(64px,14vw,100px);font-weight:900;color:#111;line-height:1;}
.br-res-score span{color:var(--gold);}
.br-res-max{font-size:16px;color:#5c5c5c;margin-bottom:6px;}
.br-res-flavor{font-size:14px;color:#666;max-width:380px;line-height:1.6;margin-bottom:20px;}
.br-table{width:100%;max-width:560px;background:#fff;border-radius:14px;overflow:hidden;margin-bottom:22px;text-align:left;border:2px solid #e0e0e0;}
.br-thead{display:grid;grid-template-columns:36px 1fr 52px 64px;gap:4px;padding:10px 14px;background:#f5f5f5;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#6e6e6e;font-weight:700;}
.br-trow{display:grid;grid-template-columns:36px 1fr 52px 64px;gap:4px;padding:11px 14px;border-top:1px solid #f0f0f0;align-items:center;}
.br-cr{font-size:14px;font-weight:900;color:var(--gold);}
.br-cn{font-size:13px;font-weight:600;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.br-cp{font-size:13px;font-weight:700;color:#333;}
.br-cy{font-size:11px;font-weight:800;text-align:center;padding:3px 7px;border-radius:99px;}
.br-cy.exact{background:#dcfce7;color:#15803d;}
.br-cy.close{background:#fef9c3;color:#854d0e;}
.br-cy.off{background:#fee2e2;color:#991b1b;}
.br-res-btns{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;}

/* ── GM MODE ── */
#gmScreen{min-height:100vh;flex-direction:row;align-items:flex-start;padding:32px 36px;gap:36px;width:100%;}
.gm-cap-section{margin-bottom:14px;}
.gm-cap-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px;}
.gm-remaining{font-size:20px;font-weight:900;color:#FF7B00;}
.gm-cap-of{font-size:12px;color:#6e6e6e;}
.gm-bar-track{height:8px;background:#e8e8e8;border-radius:99px;margin-bottom:12px;overflow:hidden;}
.gm-bar-fill{height:100%;border-radius:99px;background:#22c55e;transition:width .4s,background .4s;}
.gm-slots-strip{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px;}
.gm-slot-chip{background:#1a1a1a;border:2px solid #2a2a2a;border-radius:6px;padding:6px 10px;min-width:90px;transition:border-color .2s;}
.gm-slot-chip.filled{border-color:#FF7B00;}
.gm-slot-chip .chip-pos{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:#FF7B00;font-weight:700;}
.gm-slot-chip .chip-name{font-size:12px;font-weight:600;color:#f0f0f0;}
.gm-filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px;}
.gm-filter{background:#fff;border:2px solid #e0e0e0;border-radius:20px;padding:5px 14px;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s;color:#5c5c5c;}
.gm-filter.active,.gm-filter:hover{background:#FF7B00;border-color:#FF7B00;color:#fff;}
.gm-salary{font-size:15px;font-weight:900;color:#22c55e;white-space:nowrap;}

/* ── TRADE MACHINE ── */
.trade-cols{display:flex;gap:16px;flex-wrap:wrap;}
.trade-col{flex:1;min-width:240px;display:flex;flex-direction:column;gap:8px;}
.trade-col-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#FF7B00;margin-bottom:8px;}
.gm-salary.over{color:#ef4444;}
.gm-tag-over{display:inline-block;font-size:9px;font-weight:700;background:#fee2e2;color:#ef4444;padding:2px 6px;border-radius:3px;margin-left:4px;}
.prow-dim,.prow-dimmed{opacity:.4;pointer-events:none;}
#gmResultScreen{min-height:100vh;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 24px;background:#f3f1ee;}
.gm-breakdown{width:100%;max-width:460px;background:#fff;border-radius:12px;padding:16px;margin-bottom:24px;text-align:left;}
.gm-bd-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f5f5f5;}
.gm-bd-row:last-child{border:none;padding-top:10px;font-weight:700;color:#FF7B00;}
.gm-bd-left{display:flex;align-items:center;gap:8px;}
.gm-bd-pos{font-size:9px;font-weight:700;color:#FF7B00;letter-spacing:1px;background:#fff3e8;padding:2px 6px;border-radius:3px;}
.gm-bd-name{font-size:13px;color:#333;}
.gm-bd-sal{font-size:13px;font-weight:700;color:#111;}

/* ── PROFILE ── */
#profileScreen{min-height:100vh;flex-direction:column;align-items:center;padding:28px 20px 40px;background:#f3f1ee;overflow-y:auto;}
.prof-header{text-align:center;margin-bottom:22px;width:100%;max-width:560px;}
.prof-avatar{font-size:52px;margin-bottom:8px;}
.prof-name{font-size:24px;font-weight:800;color:#111;cursor:pointer;border-bottom:2px dashed #ccc;padding-bottom:2px;display:inline-block;margin:0 0 8px;}
.prof-name:hover{border-color:#FF7B00;}
.prof-name-input{font-size:22px;font-weight:800;color:#111;border:none;border-bottom:2px solid #FF7B00;background:transparent;outline:none;text-align:center;width:220px;display:block;margin:0 auto 8px;}
.prof-level{display:inline-flex;align-items:center;gap:6px;padding:5px 16px;border-radius:20px;font-size:12px;font-weight:700;letter-spacing:1px;margin-bottom:3px;}
.prof-pts{font-size:11px;color:#bbb;margin-bottom:16px;}
.prof-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:560px;margin-bottom:20px;}
.pcard{background:#fff;border-radius:14px;padding:16px;}
.pcard-head{display:flex;align-items:center;gap:7px;margin-bottom:11px;padding-bottom:9px;border-bottom:1px solid #f2f2f2;}
.pcard-icon{font-size:18px;}
.pcard-title{font-size:11px;font-weight:700;color:#111;text-transform:uppercase;letter-spacing:1px;}
.pcard-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px;}
.pcard-lbl{font-size:11px;color:#6e6e6e;}
.pcard-val{font-size:14px;font-weight:700;color:#111;}
.pcard-val.hi{color:#FF7B00;}
.prof-reset{font-size:12px;color:#ccc;background:none;border:none;cursor:pointer;margin-top:6px;text-decoration:underline;}
.prof-reset:hover{color:#ef4444;}
.prof-ach-section{width:100%;max-width:560px;margin-bottom:20px;}
.prof-ach-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#6e6e6e;margin:0 0 10px;}
.prof-ach-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;}
.ach-card{background:#fff;border-radius:12px;padding:10px 6px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;transition:transform .1s;}
.ach-card.locked{opacity:.35;filter:grayscale(1);}
.ach-card-icon{font-size:22px;line-height:1;}
.ach-card-name{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:#333;line-height:1.2;}
.ach-card-desc{font-size:8px;color:#6e6e6e;line-height:1.3;}
.ach-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(80px);background:#111;color:#fff;border-radius:14px;padding:12px 18px;display:flex;align-items:center;gap:12px;z-index:9999;opacity:0;transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .35s;pointer-events:none;min-width:220px;max-width:320px;box-shadow:0 8px 32px rgba(0,0,0,.25);}
.ach-toast.show{transform:translateX(-50%) translateY(0);opacity:1;}
.ach-toast-icon{font-size:26px;flex-shrink:0;}
.ach-toast-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#FF7B00;margin-bottom:2px;}
.ach-toast-name{font-size:13px;font-weight:800;}
.ach-toast-desc{font-size:11px;color:#6e6e6e;}
/* ── HIGHER OR LOWER ── */
#holScreen{min-height:100vh;flex-direction:column;align-items:center;justify-content:center;padding:28px 20px;background:#f3f1ee;}
.hol-top{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:580px;margin-bottom:6px;}
.hol-comparing{font-size:11px;text-transform:uppercase;letter-spacing:3px;color:#6e6e6e;}
.hol-comparing span{color:#FF7B00;font-weight:700;}
.hol-streak-row{display:flex;gap:16px;align-items:center;}
.hol-streak{font-size:14px;font-weight:700;color:#111;}
.hol-best{font-size:12px;color:#6e6e6e;}
.hol-cards{display:flex;align-items:stretch;gap:12px;width:100%;max-width:580px;margin-bottom:20px;}
.hol-card{flex:1;background:#fff;border-radius:16px;padding:22px 16px;text-align:center;border:3px solid #e8e8e8;transition:border-color .3s;}
.hol-card.mystery{border-color:#FF7B00;border-style:dashed;}
.hol-card.reveal-right{border-color:#22c55e;border-style:solid;}
.hol-card.reveal-wrong{border-color:#ef4444;border-style:solid;}
.hol-card-tag{font-size:9px;text-transform:uppercase;letter-spacing:2px;color:#FF7B00;font-weight:700;margin-bottom:8px;}
.hol-card-tag.mystery-tag{color:#ccc;}
.hol-pname{font-size:15px;font-weight:800;color:#111;margin-bottom:3px;line-height:1.2;}
.hol-pmeta{font-size:10px;color:#6e6e6e;margin-bottom:14px;}
.hol-stat-rows{display:flex;flex-direction:column;gap:6px;margin-top:4px;}
.hol-stat-row{display:flex;align-items:baseline;justify-content:space-between;padding:5px 8px;border-radius:7px;background:#f7f7f7;}
.hol-stat-row.comparing{background:#fff3e8;}
.hol-stat-row-val{font-size:20px;font-weight:900;color:#111;}
.hol-stat-row.comparing .hol-stat-row-val{color:#FF7B00;font-size:24px;}
.hol-stat-row-val.unknown{color:#ccc;}
.hol-stat-row-lbl{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#6e6e6e;font-weight:600;}
.hol-vs{font-size:14px;font-weight:900;color:#ccc;flex:0 0 24px;display:flex;align-items:center;justify-content:center;}
.hol-btns{display:flex;gap:10px;width:100%;max-width:580px;margin-bottom:14px;}
.hol-btn{flex:1;padding:15px;font-size:17px;font-weight:800;border:none;border-radius:12px;cursor:pointer;letter-spacing:1px;transition:opacity .15s,transform .1s;}
.hol-btn:hover:not(:disabled){opacity:.88;transform:translateY(-1px);}
.hol-btn:disabled{opacity:.45;cursor:default;transform:none;}
.hol-higher{background:#FF7B00;color:#fff;}
.hol-lower{background:#222;color:#fff;}
.hol-feedback{font-size:14px;font-weight:700;min-height:20px;text-align:center;}
.hol-feedback.right{color:#22c55e;}.hol-feedback.wrong{color:#ef4444;}
#holResultScreen{min-height:100vh;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 24px;background:#f3f1ee;}
.hol-res-label{font-size:11px;text-transform:uppercase;letter-spacing:4px;color:#FF7B00;margin:0 0 6px;}
.hol-res-streak{font-size:clamp(72px,18vw,120px);font-weight:900;color:#FF7B00;line-height:1;}
.hol-res-sub{font-size:15px;color:#6e6e6e;margin-bottom:6px;}
.hol-res-best{font-size:13px;color:#bbb;margin-bottom:28px;}
.hol-res-flavor{font-size:15px;color:#5c5c5c;max-width:360px;line-height:1.6;margin-bottom:28px;}
.hol-res-btns{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;}

/* ── MOBILE ── */
@media(max-width:768px){
  /* 44-0 draft */
  #draftScreen{flex-direction:column;padding:20px 16px;gap:20px;}
  .lp{flex:none;width:100%;}
  .rp{width:100%;justify-content:center;}
  .court-wrap{max-width:100%;}
  .plist{max-height:300px;}
  .cards-row{gap:10px;}
  .ccard-val{font-size:22px;}
  .btn-spin{align-self:stretch;text-align:center;}
  /* sim */
  #simScreen{padding:28px 16px;}
  .dgrid{gap:4px;}
  .sroster{gap:6px;}
  .schip{padding:6px 10px;}
  /* results */
  #resultsScreen{padding:28px 16px;}
  .share-row{gap:8px;}
  .share-btn{padding:9px 13px;font-size:12px;}
  .res-roster{gap:6px;}
  /* mode cards — stack to 1 column */
  .mode-cards{flex-direction:column;align-items:center;}
  .mode-card{max-width:100%;width:100%;}
  /* daily */
  #dailyScreen{padding:28px 16px;}
  .daily-stats-row{gap:10px;}
  .daily-stat-box{padding:12px 16px;min-width:80px;}
  .daily-stat-num{font-size:28px;}
  /* quiz spin */
  #quizSpinScreen{padding:28px 16px;}
  .decade-card{padding:16px 28px;}
  .decade-card-val{font-size:38px;}
  /* quiz question */
  #quizScreen{padding:24px 16px;}
  .quiz-top{flex-wrap:wrap;gap:8px;margin-bottom:16px;}
  .question-card{padding:18px 16px;}
  .options-grid{grid-template-columns:1fr;}
  /* quiz result */
  #quizResultScreen{padding:28px 16px;}
  .qres-btns{flex-direction:column;align-items:center;}
  /* box score */
  #boxScoreScreen{padding:24px 16px;}
  #boxScoreResultScreen{padding:28px 16px;}
  .bb-stat{padding:10px 14px;min-width:64px;}
  .bb-stat-val{font-size:22px;}
  /* team history */
  #teamHistoryScreen{padding:24px 16px;}
  #teamHistoryResultScreen{padding:28px 16px;}
  /* who am i */
  #whoScreen{padding:24px 16px;}
  .who-top{flex-wrap:wrap;gap:6px;margin-bottom:14px;}
  .who-opts{grid-template-columns:1fr 1fr;}
  /* who am i result */
  #whoResultScreen{padding:28px 16px;}
  .wres-btns{flex-direction:column;align-items:center;}
  /* blind rank */
  #brScreen{padding:20px 14px;}
  .br-table{font-size:12px;}
  .br-thead,.br-trow{grid-template-columns:26px 1fr 44px 52px;padding:8px 10px;}
  #brResultScreen{padding:24px 14px 32px;}
  .br-res-btns{flex-direction:column;align-items:center;}
  /* gm mode */
  #gmScreen{flex-direction:column;padding:20px 16px;gap:20px;}
  .gm-slots-strip{gap:4px;}
  .gm-slot-chip{min-width:70px;}
  /* higher or lower */
  #holScreen{padding:20px 14px;}
  .hol-cards{gap:8px;}
  .hol-card{padding:16px 10px;}
  .hol-pname{font-size:13px;}
  .hol-btn{padding:13px;font-size:15px;}
  #holResultScreen{padding:28px 16px;}
  .hol-res-btns{flex-direction:column;align-items:center;}
  /* grids */
  #gridsScreen{padding:24px 16px;}
  .gg-board{grid-template-columns:repeat(4,1fr);gap:4px;}
  .gg-cell{min-height:60px;font-size:11px;padding:4px;}
  .gg-col-label,.gg-row-label{font-size:11px;padding:4px;}
  .gg-active{padding:12px;}
  #gridsResultScreen{padding:28px 16px;}
}
@media(max-width:420px){
  .t-num{letter-spacing:-2px;}
  .ccard{padding:10px;}
  .ccard-val{font-size:20px;}
  .prow{padding:10px 12px;}
  .prow-name{font-size:13px;}
  .stat-val{font-size:13px;}
  .pos-btn{padding:5px 9px;font-size:11px;}
  .share-btn{padding:8px 11px;font-size:11px;}
  .share-btn svg{width:14px;height:14px;}
  .who-opt{padding:9px 10px;font-size:12px;}
  .clue-text{font-size:13px;}
  .daily-stat-num{font-size:24px;}
  .daily-stat-lbl{font-size:9px;}
  .decade-card-val{font-size:32px;}
  .opt-btn{font-size:13px;padding:11px 12px;}
  .qres-btns{flex-direction:column;align-items:center;}
  .gg-board{grid-template-columns:repeat(4,1fr);}
  .gg-cell{min-height:52px;font-size:10px;}
  .gg-col-label,.gg-row-label{font-size:10px;padding:3px;}
}

/* PAINT MODE */
#paintScreen{min-height:100vh;flex-direction:column;align-items:center;padding:32px 16px 48px;}
#mascotScreen{min-height:100vh;flex-direction:column;align-items:center;padding:32px 16px 48px;}
.paint-canvas{width:100%;max-width:340px;aspect-ratio:200/280;margin:0 auto 14px;background:#fff;border-radius:14px;box-shadow:0 2px 10px rgba(0,0,0,.08);}
#mascotCanvas{aspect-ratio:200/234;}
.paint-number-row{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:18px;}
.paint-number-row label{font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#666666;}
.paint-number-row input{width:64px;padding:8px 10px;border:1px solid #ddd;border-radius:6px;font-size:15px;text-align:center;outline:none;}
.paint-number-row input:focus{border-color:#FF7B00;}
.paint-number-row select{padding:8px 10px;border:1px solid #ddd;border-radius:6px;font-size:14px;color:#555;outline:none;background:#fff;cursor:pointer;}
.paint-number-row select:focus{border-color:#FF7B00;}
.paint-region{cursor:pointer;transition:opacity .1s;}
.paint-region:hover{opacity:.8;}
.paint-palette{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:480px;margin-bottom:18px;}
.paint-swatch{width:34px;height:34px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px #ddd;cursor:pointer;transition:transform .1s,box-shadow .1s;}
.paint-swatch:hover{transform:scale(1.08);}
.paint-swatch-locked{display:flex;align-items:center;justify-content:center;font-size:13px;opacity:.8;}
.paint-swatch.active{box-shadow:0 0 0 3px #FF7B00;}
.paint-controls{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:18px;}
.paint-btn{background:#fff;color:#555;border:2px solid #ddd;padding:10px 18px;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;border-radius:6px;cursor:pointer;transition:.15s;}
.paint-btn:hover{border-color:#FF7B00;color:#FF7B00;}
.paint-save-row{display:flex;gap:8px;max-width:420px;width:100%;margin-bottom:24px;}
.paint-save-row input{flex:1;padding:12px 14px;border:1px solid #ddd;border-radius:6px;font-size:14px;outline:none;}
.paint-save-row input:focus{border-color:#FF7B00;}
.paint-gallery-title{font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#666666;margin:0 0 12px;text-align:center;}
.paint-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:14px;max-width:560px;width:100%;}
.paint-gallery-card{background:#fff;border-radius:10px;padding:10px;text-align:center;position:relative;cursor:pointer;transition:box-shadow .15s;}
.paint-gallery-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.08);}
.paint-gallery-thumb{width:100%;aspect-ratio:160/220;margin-bottom:6px;}
.paint-gallery-name{font-size:12px;font-weight:700;color:#444;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.paint-gallery-del{position:absolute;top:4px;right:4px;background:#fff;border:1px solid #eee;border-radius:50%;width:22px;height:22px;font-size:13px;line-height:1;color:#bbb;cursor:pointer;}
.paint-gallery-del:hover{color:#e03c31;border-color:#e03c31;}

/* ── PLAYER OF THE DAY ── */
.potd-eyebrow{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:2px;color:#FF7B00;margin-bottom:6px;text-align:left;}
.potd-wrap{background:#fff;border-radius:16px;padding:14px 16px;display:flex;align-items:center;gap:14px;border:2px solid #f0f0f0;}
.potd-img{flex-shrink:0;width:80px;height:80px;border-radius:50%;background:#f0f0f0;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:30px;border:2px solid #efefef;}
.potd-img img{width:100%;height:100%;object-fit:cover;object-position:center 20%;}
.potd-left{flex:1;min-width:0;text-align:left;}
.potd-name{font-size:16px;font-weight:900;color:#111;line-height:1.15;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-bottom:2px;}
.potd-meta{font-size:11px;color:#6e6e6e;margin-bottom:10px;}

.otd-eyebrow{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:2px;color:#FF7B00;margin-bottom:6px;text-align:left;}
.otd-wrap{background:#fff;border-radius:16px;padding:14px 16px;text-align:left;border:2px solid #f0f0f0;}
.otd-date{font-size:11px;font-weight:700;color:#FF7B00;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;}
.otd-text{font-size:13px;font-weight:600;color:#111;line-height:1.5;}
.potd-stats{display:flex;gap:18px;}
.potd-stat-val{font-size:15px;font-weight:900;color:#111;}
.potd-stat-lbl{font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:#bbb;}
.potd-right{flex-shrink:0;width:58px;height:58px;background:#FF7B00;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1px;}
.potd-rating-num{font-size:20px;font-weight:900;color:#fff;line-height:1;}
.potd-rating-lbl{font-size:8px;text-transform:uppercase;letter-spacing:1px;color:rgba(255,255,255,.75);}

/* ── NEWS ── */
.news-section{width:100%;max-width:1100px;margin-top:16px;margin-bottom:32px;}
.news-section-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:3px;color:#6e6e6e;margin:0 0 12px;text-align:left;}
.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;align-items:stretch;}
.news-card{background:#fff;border-radius:12px;overflow:hidden;display:flex;gap:0;border:2px solid #f0f0f0;cursor:pointer;transition:border-color .15s;text-decoration:none;}
.news-card:hover{border-color:#FF7B00;}
.news-thumb{flex-shrink:0;width:96px;height:80px;object-fit:cover;background:#f0f0f0;}
.news-thumb-placeholder{flex-shrink:0;width:96px;height:80px;background:#f5f5f5;display:flex;align-items:center;justify-content:center;font-size:24px;}
.news-body{padding:10px 12px;flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:3px;}
.news-headline{font-size:13px;font-weight:700;color:#111;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.news-time{font-size:10px;color:#bbb;font-weight:600;margin-top:2px;}
.news-loading{font-size:13px;color:#bbb;padding:12px 0;text-align:left;}

/* ── VISUAL POLISH ── */
.screen.active{animation:screenFade .25s ease;}
@keyframes screenFade{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:translateY(0);}}
.screen.leaving{animation:screenFadeOut .15s ease forwards;}
@keyframes screenFadeOut{from{opacity:1;transform:translateY(0);}to{opacity:0;transform:translateY(-6px);}}

.mode-card,.ccard,.pcard,.ach-card,.lb-card,.news-card,.br-player-card,.question-card,
.daily-stat-box,.glb-table,.decade-card,.clue-card,.schip,.br-table,.potd-wrap,.otd-wrap,
.daily-card-top,.lb-global-btn,
.prow,.conn-tile,.gg-cell,.gg-corner,.gg-col-label,.gg-row-label,.hol-card,.bb-stat,.ht-card{
  box-shadow:0 4px 14px rgba(0,0,0,.07);
}
.mode-card:hover,.ach-card:hover,.news-card:hover{box-shadow:0 10px 24px rgba(0,0,0,.10);}

.btn-main,.btn-spin,.conn-submit,.next-btn,.who-next{
  box-shadow:0 4px 14px rgba(255,123,0,.28);
  transition:background .15s,transform .12s,box-shadow .15s;
}
.btn-main:hover:not(:disabled),.btn-spin:hover:not(:disabled),.conn-submit:hover:not(:disabled),
.next-btn:hover,.who-next:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 18px rgba(255,123,0,.38);
}
.btn-main:active,.btn-spin:active,.conn-submit:active,.next-btn:active,.who-next:active{transform:translateY(0);}

.t-num{background:linear-gradient(135deg,#FF7B00,#ff9d3f);-webkit-background-clip:text;background-clip:text;color:transparent;}

.plist::-webkit-scrollbar{width:6px;}
.plist::-webkit-scrollbar-thumb{background:#ddd;border-radius:99px;}
.plist::-webkit-scrollbar-thumb:hover{background:#FF7B00;}

.opt-btn,.who-opt,.conn-tile,.hol-card{transition:border-color .15s,background .15s,transform .1s;}
.opt-btn:hover:not(:disabled){transform:translateY(-1px);}
.who-opt:hover:not(:disabled){transform:translateY(-1px);}

#scoresTicker{box-shadow:0 2px 12px rgba(0,0,0,.25);}

/* ── UX POLISH: press feedback ── */
.mode-card,.opt-btn,.who-opt,.conn-tile,.pos-btn,.gm-filter,.share-btn,.dark-toggle,.lb-global-btn,
.paint-swatch,.paint-btn,.hol-btn,.ach-card,.news-card,.gg-cell{transition:transform .1s,border-color .15s,background .15s,box-shadow .15s;}
.mode-card:active,.opt-btn:active:not(:disabled),.who-opt:active:not(:disabled),.conn-tile:active,
.pos-btn:active,.gm-filter:active,.share-btn:active,.hol-btn:active:not(:disabled),.news-card:active,
.paint-swatch:active,.paint-btn:active,.gg-cell:active{transform:scale(.96);}

/* ── UX POLISH: loading dots ── */
.loading-dots{display:inline-flex;gap:4px;align-items:center;}
.loading-dots span{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.3;animation:loadingDotPulse 1.1s ease-in-out infinite;}
.loading-dots span:nth-child(2){animation-delay:.15s;}
.loading-dots span:nth-child(3){animation-delay:.3s;}
@keyframes loadingDotPulse{0%,80%,100%{opacity:.25;transform:scale(.8);}40%{opacity:1;transform:scale(1.1);}}

/* ── UX POLISH: bigger mobile tap targets ── */
@media(max-width:480px){
  .pos-btn{padding:9px 14px;font-size:12px;}
  .gm-filter{padding:9px 16px;}
  .who-opt{padding:13px 12px;}
  .conn-tile{min-height:64px;}
}

/* ── ADD TO HOME SCREEN BANNER ── */
.a2hs-banner{position:fixed;left:12px;right:12px;bottom:12px;z-index:3000;background:#fff;border-radius:16px;box-shadow:0 8px 28px rgba(0,0,0,.22);padding:14px 14px;display:flex;align-items:center;gap:12px;max-width:480px;margin:0 auto;animation:a2hsSlideUp .25s ease;}
@keyframes a2hsSlideUp{from{transform:translateY(20px);opacity:0;}to{transform:translateY(0);opacity:1;}}
.a2hs-icon{font-size:28px;flex-shrink:0;background:#FF7B00;color:#fff;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;}
.a2hs-body{flex:1;min-width:0;}
.a2hs-title{font-size:13px;font-weight:800;color:#111;line-height:1.3;}
.a2hs-desc{font-size:11px;color:#5c5c5c;margin-top:2px;line-height:1.4;}
.a2hs-btns{display:flex;flex-direction:column;gap:6px;flex-shrink:0;}
.a2hs-add{background:#FF7B00;color:#fff;border:none;border-radius:8px;padding:7px 14px;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap;}
.a2hs-dismiss{background:none;border:none;color:#6e6e6e;font-size:11px;cursor:pointer;padding:2px;}
@media(max-width:380px){
  .a2hs-title{font-size:12px;}
  .a2hs-desc{display:none;}
}

/* ── ADS ── */
.ad-slot{width:100%;max-width:480px;margin:0 auto;display:flex;align-items:center;justify-content:center;overflow:hidden;}
/* AdSense pending approval — remove this rule once approved to show ads again */
.ad-slot{display:none!important;}