:root{--bg:#070e0c;--surface:rgba(16,27,24,.94);--surface-strong:#121f1b;--surface-soft:#0d1815;--line:rgba(215,238,227,.105);--line-strong:rgba(215,238,227,.19);--text:#f5f8f6;--muted:#9baba4;--green:#14dc88;--green-deep:#078a57;--green-soft:rgba(20,220,136,.105);--gold:#f3c641;--red:#ff6868;--shadow:0 18px 55px rgba(0,0,0,.28);--radius:15px}
body{background:radial-gradient(circle at 63% -8%,rgba(13,126,78,.18),transparent 31rem),linear-gradient(180deg,#080f0d 0,#07100d 43rem,#060c0a 100%);font-size:16px}
.shell{width:min(1440px,calc(100% - 44px))}.topbar{min-height:70px;gap:16px}.brand{flex:0 0 auto}.brand-mark{width:46px;height:46px;border-radius:0;box-shadow:none}.brand strong{font-size:1.16rem;letter-spacing:-.035em}.brand small{font-size:.72rem}.primary-navigation{flex:1;justify-content:center;gap:6px;padding:10px 0}.primary-nav-button{align-self:center;min-height:44px;padding:0 18px;border:1px solid transparent;border-radius:11px;font-size:.875rem}.primary-nav-button::after{display:none}.primary-nav-button.active{border-color:rgba(20,220,136,.21);background:linear-gradient(180deg,rgba(20,220,136,.16),rgba(20,220,136,.075));box-shadow:inset 0 0 22px rgba(20,220,136,.06)}
.month-control{padding:4px;border-radius:12px;background:rgba(255,255,255,.025)}.month-control select{min-width:148px;font-size:.84rem}.month-control .icon-button{width:31px;height:31px;border:0;background:transparent}.header-actions{gap:13px}.account-button{min-height:38px;padding:0 12px;border:1px solid var(--line);border-radius:10px}
.hero{position:relative;min-height:150px;margin-top:18px;padding:24px 26px;align-items:center;overflow:hidden;border:1px solid var(--line);border-radius:17px;background:linear-gradient(100deg,rgba(19,32,28,.98) 0%,rgba(10,23,18,.96) 52%,rgba(6,48,31,.82) 100%);box-shadow:var(--shadow)}.hero-copy-block{position:relative;z-index:2;min-width:0}.hero .eyebrow{display:none}.hero h1{max-width:700px;font-size:clamp(2.6rem,5vw,4rem);line-height:.98;letter-spacing:-.055em}.hero-copy{margin-top:8px;color:#b9c5bf;font-size:1.05rem;font-weight:650}.hero-market-art{position:absolute;inset:0 240px 0 42%;opacity:.75;pointer-events:none}.hero-market-art::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(20,220,136,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(20,220,136,.06) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-market-art svg{position:absolute;inset:26px 0 0;width:100%;height:110px;filter:drop-shadow(0 0 10px rgba(20,220,136,.38))}.hero-market-art>span{position:absolute;right:6px;top:17px;width:104px;height:104px;display:grid;place-items:center;border:10px solid rgba(20,220,136,.25);border-radius:50%;background:radial-gradient(circle at 36% 35%,#235f48,#0b1f17 65%);color:rgba(215,255,235,.58);font-size:3.5rem;box-shadow:0 0 0 9px rgba(20,220,136,.05),0 0 40px rgba(20,220,136,.25);transform:rotate(-12deg)}.hero .action-bar{position:relative;z-index:3;width:290px;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.hero .action-bar .button{min-height:46px;padding:0 12px;font-size:.82rem}.hero .action-bar #shareMonthButton{grid-column:1/-1}
.recent-section{padding-top:14px}.recent-section .section-heading{margin-bottom:8px}.recent-section .section-heading h2{font-size:1.08rem}.recent-activity-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.recent-result-card{grid-template-columns:auto minmax(0,1fr) auto;padding:12px 13px;gap:10px}.recent-result-card .recent-result-stat:nth-of-type(4){display:none}.recent-result-card .edit-button{grid-column:3;grid-row:1/-1}.mode-navigation{margin-top:12px;padding:0;gap:0;border-radius:15px;overflow:hidden}.mode-button{min-height:64px;grid-template-columns:40px minmax(0,1fr);padding:10px 28px;border-radius:0;border-right:1px solid var(--line)}.mode-button:last-child{border-right:0}.mode-button>span{width:38px;height:38px;background:transparent;font-size:1.35rem}.mode-button strong{font-size:.98rem}.mode-button small{font-size:.73rem}.mode-button.active{border-color:var(--green);background:linear-gradient(135deg,rgba(20,220,136,.2),rgba(20,220,136,.07));box-shadow:inset 0 0 25px rgba(20,220,136,.08)}
.overview,.review-section,.log-section,.insights-section{padding-top:22px}.section-heading{margin-bottom:12px}.section-heading h2{font-size:1.35rem;letter-spacing:-.025em}.metrics{gap:11px}.metric-card{min-height:116px;padding:18px;border-radius:14px;background:linear-gradient(140deg,rgba(20,33,29,.98),rgba(12,23,19,.98));box-shadow:var(--shadow)}.metric-label{font-size:.8rem}.metric-value{margin-top:7px;font-size:clamp(1.65rem,3vw,2.45rem);letter-spacing:-.045em}.metric-context{font-size:.72rem}.panel,.format-workspace,.insight-card,.review-preview,.review-queue-panel{background:linear-gradient(145deg,rgba(18,31,27,.97),rgba(10,20,17,.97));border-radius:15px}.insight-grid{gap:12px}.panel-heading,.workspace-heading-padded{padding:18px 20px}
.review-page-layout{grid-template-columns:minmax(290px,.62fr) minmax(0,1.38fr);gap:12px}.review-card{min-height:70px}.review-preview{min-height:580px}.preview-timeline{max-height:420px}.inline-grade-actions button{min-height:46px;font-size:.78rem}.review-suggestion{border-left:3px solid rgba(243,198,65,.55)}.insights-tabs{padding:4px;border-radius:11px}.insights-tabs .segment{min-height:38px;font-size:.8rem}.trend-row,.pattern-row summary>span:first-child strong,.stat-comparison-card span{font-size:.78rem}.format-result-row,.archive-hand-row,.session-preview-list article{min-height:58px}.format-result-row strong,.archive-hand-row strong,.session-preview-list b{font-size:.86rem}.format-result-row small,.archive-hand-row small,.session-preview-list small{font-size:.74rem}
@media(max-width:1120px){.month-control{order:4}.hero-market-art{opacity:.45}.primary-nav-button{padding-inline:12px}}
@media(max-width:940px){.topbar{padding-block:11px}.primary-navigation{order:5}.month-control{margin-left:auto}.hero{align-items:flex-end}.hero-market-art{inset:0 0 0 38%}.hero .action-bar{width:250px}.mode-button{padding-inline:15px}}
@media(max-width:720px){.shell{width:min(100% - 24px,1440px)}.month-control{order:3;width:100%;justify-content:center}.primary-navigation{order:4;overflow-x:auto;justify-content:flex-start}.primary-nav-button{flex:0 0 auto;min-height:42px}.hero{min-height:300px;padding:24px;flex-direction:column;align-items:stretch;justify-content:space-between}.hero-market-art{inset:74px -40px 80px 20%;opacity:.35}.hero .action-bar{width:100%}.mode-navigation{grid-template-columns:1fr 1fr}.mode-button{border-bottom:1px solid var(--line)}.mode-button:nth-child(2){border-right:0}.review-page-layout{grid-template-columns:1fr}}
@media(max-width:460px){.header-actions{margin-left:auto}.brand strong{font-size:1rem}.hero h1{font-size:2.5rem}.hero .action-bar{grid-template-columns:1fr}.hero .action-bar #shareMonthButton{grid-column:auto}.mode-button{grid-template-columns:32px minmax(0,1fr);padding:10px}.mode-button>span{width:30px}}

/* Page-specific composition pass */
.metric-card{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:10px;overflow:hidden}.metric-icon{grid-row:1;grid-column:1;width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(20,220,136,.18);border-radius:10px;background:rgba(20,220,136,.08);color:var(--green);font-weight:900}.metric-label{grid-column:2;align-self:center}.metric-value{grid-column:1/-1;position:relative;z-index:2}.metric-detail{grid-column:1/-1;position:relative;z-index:2}.metric-spark{position:absolute;right:14px;bottom:14px;width:78px;height:34px;display:flex;align-items:flex-end;gap:4px;opacity:.34}.metric-spark i{flex:1;border-radius:2px 2px 0 0;background:linear-gradient(180deg,var(--green),rgba(20,220,136,.2))}.metric-card.featured{border-color:rgba(20,220,136,.34);background:linear-gradient(140deg,rgba(17,61,43,.98),rgba(12,27,21,.98))}.metric-card.featured .metric-value{color:var(--green)}

body[data-page="home"] .hero h1::before{content:attr(data-month)}body[data-page="home"] #tournamentOverview .section-heading{display:none}body[data-page="home"] #tournamentOverview{padding-top:14px}body[data-page="home"] #metrics{grid-template-columns:repeat(6,minmax(0,1fr))}body[data-page="home"] #metrics .metric-card{grid-column:span 2}body[data-page="home"] #metrics .metric-card.secondary{grid-column:span 2;min-height:94px;background:rgba(14,27,22,.92)}body[data-page="home"] #metrics .metric-card.secondary .metric-value{font-size:1.65rem}body[data-page="home"] #metrics .metric-card.secondary .metric-spark{display:none}body[data-page="home"] .insight-grid{grid-template-columns:minmax(0,1.2fr) minmax(320px,1fr)}body[data-page="home"] .format-panel,body[data-page="home"] .pulse-panel{min-height:270px}body[data-page="home"] .format-comparison{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px}.format-card{border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.02)}.format-card-head{padding:13px 14px;border-bottom:1px solid var(--line)}.format-stats{padding:16px}.pulse-summary{font-size:.88rem;line-height:1.55}

body[data-page="results"] .hero{min-height:118px}body[data-page="results"] .hero-market-art{opacity:.35}body[data-page="results"] .log-section{padding-top:14px}.log-section>.section-heading{padding:16px 18px;margin:0;border:1px solid var(--line);border-bottom:0;border-radius:15px 15px 0 0;background:var(--surface)}.tournament-list{border:1px solid var(--line);border-radius:0 0 15px 15px;overflow:hidden}.day-group{background:rgba(10,20,17,.92)}.day-heading{padding:10px 17px;background:rgba(255,255,255,.035);font-size:.76rem}.tournament-row{padding:13px 17px;grid-template-columns:minmax(220px,1.4fr) repeat(4,minmax(90px,.65fr)) auto}.tournament-row:hover{background:rgba(20,220,136,.035)}.row-stat strong{font-size:.88rem}.row-stat span,.event-meta{font-size:.7rem}.edit-button{min-height:36px;border-radius:9px}

body:not([data-page="home"]) .hero{min-height:88px;padding:16px 20px}body:not([data-page="home"]) .hero h1{font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.05}body:not([data-page="home"]) .hero-copy{margin-top:5px;font-size:.88rem;font-weight:550}body:not([data-page="home"]) .hero-market-art{inset:0 0 0 58%;opacity:.24}body:not([data-page="home"]) .hero-market-art>span{width:72px;height:72px;border-width:7px;font-size:2.3rem;top:8px}

.home-priority{display:grid;grid-template-columns:minmax(0,1.4fr) auto auto;align-items:center;gap:24px;margin-top:12px;padding:15px 17px;border:1px solid rgba(20,220,136,.24);border-radius:14px;background:linear-gradient(105deg,rgba(20,220,136,.11),rgba(13,25,21,.96) 58%);box-shadow:var(--shadow)}.priority-copy span,.priority-copy strong,.priority-copy small{display:block}.priority-kicker{margin-bottom:3px;color:var(--green);font-size:.65rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.priority-copy strong{font-size:.95rem}.priority-copy small{margin-top:3px;color:var(--muted);font-size:.74rem}.priority-facts{display:flex;gap:20px}.priority-facts span{color:var(--muted);font-size:.7rem;white-space:nowrap}.priority-facts b{display:block;color:var(--text);font-size:1rem}.home-priority .button{min-width:150px}

.insight-evidence{display:flex;align-items:center;gap:10px;margin-bottom:11px;padding:10px 13px;border:1px solid var(--line);border-radius:11px;background:rgba(20,220,136,.045);font-size:.75rem}.insight-evidence strong{color:var(--green)}.insight-evidence span{color:var(--muted)}
.insights-progress{display:grid;grid-template-columns:minmax(210px,auto) minmax(180px,1fr) auto;align-items:center;gap:16px;margin-bottom:12px;padding:14px 15px;border:1px solid rgba(20,220,136,.18);border-radius:13px;background:linear-gradient(100deg,rgba(20,220,136,.08),rgba(13,25,21,.96))}.insights-progress span,.insights-progress strong,.insights-progress small{display:block}.insights-progress span{color:var(--green);font-size:.68rem;font-weight:850;text-transform:uppercase}.insights-progress strong{margin-top:2px;font-size:.9rem}.insights-progress small{margin-top:3px;color:var(--muted);font-size:.72rem}.insights-progress-track{height:8px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.07)}.insights-progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green-deep),var(--green));box-shadow:0 0 12px rgba(20,220,136,.28)}

.bot-roster-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0}.bot-roster-tools input,.bot-roster-tools select{min-height:40px;border:1px solid var(--line-strong);border-radius:10px;background:#14261d;color:var(--text);font:inherit}.bot-roster-tools input{width:min(280px,45vw);padding:8px 11px}.bot-roster-tools label:last-child{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.72rem}.bot-roster-tools select{padding:8px 28px 8px 10px}.bot-roster-toggle{display:block;margin:14px auto 0}

body[data-mode="play_online"] .mode-overview{padding-top:14px}body[data-mode="play_online"] .mode-heading{margin-bottom:10px}body[data-mode="play_online"] .bot-roster{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.bot-card{grid-template-columns:58px minmax(0,1fr);grid-template-rows:auto auto;min-height:86px;padding:11px}.bot-card>span:last-child{grid-column:2;text-align:left;display:flex;gap:5px}.bot-avatar{width:58px;height:58px}.play-opponent-detail{background:linear-gradient(100deg,rgba(20,220,136,.07),transparent 55%)}.online-breakdown article{position:relative;overflow:hidden}.online-breakdown article::after{content:"";position:absolute;right:-15px;bottom:-20px;width:80px;height:80px;border:18px solid rgba(20,220,136,.04);border-radius:50%}

body[data-page="review"] .hero{min-height:118px}body[data-page="review"] .hero .action-bar{display:none}body[data-page="review"] .hero-market-art{inset-right:0}body[data-page="review"] .review-section{padding-top:14px}.review-heading{padding:16px 18px;margin:0;border:1px solid var(--line);border-radius:15px 15px 0 0;background:linear-gradient(100deg,rgba(20,220,136,.06),transparent)}.review-intro{max-width:680px;margin:4px 0 0;font-size:.82rem}.review-stats{margin-top:10px}.review-toolbar,.review-filters{background:rgba(13,24,20,.92)}.review-workbench{gap:10px}.review-queue-column{border:1px solid var(--line);border-radius:15px;background:rgba(10,20,17,.78);padding:8px}.review-preview-head{background:linear-gradient(100deg,rgba(20,220,136,.06),transparent)}.preview-cards-row .playing-card{width:42px;height:50px}.preview-action.is-decision{box-shadow:inset 3px 0 var(--green)}.inline-grade-actions{position:sticky;bottom:0;backdrop-filter:blur(16px)}

body[data-page="insights"] .hero{min-height:118px}body[data-page="insights"] .hero .action-bar{display:none}body[data-page="insights"] .insights-section{padding-top:14px}.insights-heading{padding:16px 18px;margin-bottom:10px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.insights-metrics .metric-card{min-height:130px}.trend-bars{padding:6px 0}.trend-row>div{height:12px}.trend-row i{box-shadow:0 0 15px rgba(20,220,136,.25)}.pattern-summary-grid article{position:relative;overflow:hidden}.pattern-summary-grid article::after{content:"";position:absolute;right:-25px;bottom:-30px;width:95px;height:95px;border:20px solid rgba(20,220,136,.045);border-radius:50%}.pattern-row[open]{box-shadow:inset 3px 0 var(--green)}

@media(max-width:1180px){.recent-activity-grid{grid-template-columns:1fr}body[data-page="home"] #metrics{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-page="home"] #metrics .metric-card,body[data-page="home"] #metrics .metric-card.secondary{grid-column:auto}body[data-mode="play_online"] .bot-roster{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){body[data-page="home"] .insight-grid{grid-template-columns:1fr}.insights-progress{grid-template-columns:1fr}.tournament-row{grid-template-columns:minmax(180px,1fr) repeat(2,minmax(80px,.6fr)) auto}.field-stat,.mistake-stat{display:none}body[data-mode="play_online"] .bot-roster{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){body[data-page="home"] #metrics{grid-template-columns:1fr}.metric-card{min-height:108px}.recent-result-card .recent-result-stat{display:none}.tournament-row{grid-template-columns:1fr auto}.row-stat{display:none}.tournament-row .edit-button{grid-column:2;grid-row:1}.review-stats{grid-template-columns:1fr 1fr}body[data-mode="play_online"] .bot-roster{grid-template-columns:1fr}}

/* Screenshot fidelity: actual charts and Play Online review pane */
body[data-page="home"] .format-panel{grid-column:auto}.format-comparison{display:block!important;padding:14px 18px 18px!important}.chart-legend{display:flex;align-items:center;gap:18px;color:var(--muted);font-size:.72rem}.chart-legend span{display:flex;align-items:center;gap:6px}.chart-legend i{width:8px;height:8px;border-radius:50%;background:var(--green)}.chart-legend i.cup{background:var(--gold)}.chart-legend b{margin-left:auto;color:var(--text);font-weight:700}.results-line-chart{width:100%;height:168px;margin-top:8px;overflow:visible}.chart-grid path{fill:none;stroke:rgba(215,238,227,.085);stroke-width:1}.chart-line{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px rgba(20,220,136,.26))}.chart-line.speedrun{stroke:var(--green)}.chart-line.cup{stroke:var(--gold);filter:drop-shadow(0 0 5px rgba(243,198,65,.18))}.format-card-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.format-card-row .format-card-head{padding:9px 11px}.format-card-row .format-stats{padding:11px}.performance-bars{height:105px;margin:12px 0 16px;display:flex;align-items:center;gap:5px;padding:8px 6px;border-block:1px solid var(--line);background:linear-gradient(180deg,rgba(20,220,136,.025),transparent)}.performance-bars i{flex:1;max-width:18px;min-width:4px;border-radius:3px;background:linear-gradient(180deg,#5ff0aa,var(--green-deep));box-shadow:0 0 10px rgba(20,220,136,.13)}.performance-bars i.quiet{align-self:center;height:12px!important;background:rgba(255,104,104,.58);box-shadow:none}
.play-online-home-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr)}.online-review-peek{padding:20px;border-left:1px solid var(--line);background:linear-gradient(145deg,rgba(17,31,26,.96),rgba(8,17,14,.96))}.peek-cards{display:grid;grid-template-columns:.75fr 1.25fr;gap:8px;margin:18px 0}.peek-cards>div{min-height:92px;padding:12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}.peek-cards>div>span{display:block;margin-bottom:10px;color:var(--muted);font-size:.72rem;font-weight:700}.online-review-peek>p{margin:0 0 18px;color:#b3c1ba;font-size:.82rem;line-height:1.55}.online-review-peek>.button{width:100%}.online-review-empty{min-height:260px;display:grid;place-content:center;justify-items:center;gap:5px;text-align:center}.online-review-empty>span{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:var(--green-soft);color:var(--green)}.online-review-empty small{color:var(--muted)}
body[data-page="home"] .hero h1{text-transform:none}body[data-page="home"] .hero h1::first-letter{color:var(--text)}body[data-page="home"] .hero-copy{max-width:560px}.primary-nav-button[data-page="review"] .nav-count:not([hidden]){box-shadow:0 0 14px rgba(20,220,136,.38)}
@media(max-width:980px){.play-online-home-grid{grid-template-columns:1fr}.online-review-peek{border-left:0;border-top:1px solid var(--line)}}
@media(max-width:620px){.format-card-row{grid-template-columns:1fr}.results-line-chart{height:140px}.peek-cards{grid-template-columns:1fr}.performance-bars{gap:3px}}

/* Precision pass: table, hand review, SNG and Heads-Up identities */
.chart-axis text{fill:var(--muted);font-size:10px}.chart-end-label rect{fill:#102d22;stroke:var(--green);stroke-width:1}.chart-end-label text{fill:var(--green);font-size:11px;font-weight:900;text-anchor:middle}.chart-end-label.cup rect{fill:#302916;stroke:var(--gold)}.chart-end-label.cup text{fill:var(--gold)}
.result-table-head{display:grid;grid-template-columns:minmax(220px,1.4fr) repeat(4,minmax(90px,.65fr)) auto;gap:14px;padding:10px 17px;border-bottom:1px solid var(--line);background:#13211d;color:var(--muted);font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.result-table-head span:last-child{width:98px}
.sng-home-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr)}.sng-distribution{padding:20px;border-left:1px solid var(--line);background:linear-gradient(145deg,rgba(15,31,27,.98),rgba(10,18,16,.98))}.sng-place-bars{height:190px;display:flex;align-items:flex-end;justify-content:center;gap:14px;margin:18px 0}.sng-place-bars>span{width:48px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px}.sng-place-bars i{width:100%;min-height:10px;border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,#4ea8ff,#235aa4);box-shadow:0 0 18px rgba(78,168,255,.15)}.sng-place-bars span:first-child i{background:linear-gradient(180deg,var(--gold),#9c7210);box-shadow:0 0 18px rgba(243,198,65,.18)}.sng-place-bars strong{font-size:.82rem}.sng-place-bars small,.sng-distribution>p{color:var(--muted);font-size:.72rem}
.heads-home-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr)}.heads-rival-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;border-left:1px solid var(--line);text-align:center;background:radial-gradient(circle at 50% 35%,rgba(20,220,136,.09),transparent 45%)}.heads-rival-card h3{margin:10px 0 4px;font-size:1.3rem}.heads-rival-card>strong{color:var(--green);font-size:2.8rem;line-height:1}.heads-rival-card>small{margin:6px 0 18px;color:var(--muted)}
body[data-page="review"] .review-workbench{grid-template-columns:minmax(280px,.48fr) minmax(0,1.52fr)}body[data-page="review"] .review-preview{border-color:rgba(20,220,136,.18)}body[data-page="review"] .preview-cards-row>div{min-height:108px;padding:18px 20px}body[data-page="review"] .preview-cards-row>div>span{font-size:.8rem}body[data-page="review"] .preview-cards-row .playing-card{width:48px;height:58px;font-size:1rem}body[data-page="review"] .preview-street{position:relative;padding-left:18px}body[data-page="review"] .preview-street::before{content:"";position:absolute;left:3px;top:5px;bottom:-20px;width:1px;background:var(--line-strong)}body[data-page="review"] .preview-street header>strong{color:var(--green);letter-spacing:.08em;text-transform:uppercase}body[data-page="review"] .preview-action{min-height:38px}.inline-grade-actions button{font-size:.8rem}
.primary-nav-button,.mode-button,.button,.segment,.edit-button{font-family:inherit}.mode-button>span,.metric-icon,.event-icon{font-variant-emoji:text}
@media(max-width:850px){.result-table-head{grid-template-columns:minmax(180px,1fr) repeat(2,minmax(80px,.6fr)) auto}.result-table-head span:nth-child(3),.result-table-head span:nth-child(4){display:none}.sng-home-grid,.heads-home-grid{grid-template-columns:1fr}.sng-distribution,.heads-rival-card{border-left:0;border-top:1px solid var(--line)}body[data-page="review"] .review-workbench{grid-template-columns:1fr}}
@media(max-width:540px){.result-table-head{display:none}.sng-place-bars{height:150px}.heads-rival-card>strong{font-size:2.2rem}}
@media(max-width:720px){.home-priority{grid-template-columns:1fr;gap:12px}.priority-facts{justify-content:space-between}.home-priority .button{width:100%}body:not([data-page="home"]) .hero{min-height:auto}.bot-roster-tools{align-items:stretch;flex-direction:column}.bot-roster-tools input{width:100%}.bot-roster-tools label:last-child{justify-content:space-between}}

body[data-page="results"] .hero,body[data-page="review"] .hero,body[data-page="insights"] .hero{min-height:88px;padding:16px 20px}

/* Import onboarding and public feedback */
.import-getting-started { padding:24px; margin:20px 0; }
.import-getting-started h2 { margin:8px 0; }
.import-getting-started p, .import-steps, .import-inline-help p { color:var(--muted, #a3b5ad); line-height:1.7; }
.import-steps { padding-left:24px; } .import-steps li { margin:8px 0; }
.guide-actions { display:flex; flex-wrap:wrap; gap:16px; align-items:center; }
.import-visual, .import-inline-help { margin:16px 0; padding:14px; border:1px solid #294538; border-radius:12px; }
.import-visual summary, .import-inline-help summary { cursor:pointer; }
.export-location { display:flex; flex-wrap:wrap; justify-content:space-between; gap:16px; margin-top:16px; padding:20px; background:#14251d; border-radius:10px; }
.export-location span { color:#79e6b2; }
.log-tools { flex-wrap:wrap; } .log-tools select { max-width:100%; }
@media(max-width:600px) { .import-getting-started { padding:18px; } .guide-actions .button { width:100%; } }
.feedback-intro { max-width:760px; padding:36px 0 24px; } .feedback-intro h1 { font-size:clamp(30px,5vw,48px); margin:8px 0; }
.feedback-form-panel { max-width:760px; padding:24px; margin:0 0 36px; }
.feedback-form-panel form { display:grid; gap:12px; } .feedback-form-panel input, .feedback-form-panel textarea { width:100%; background:#101e17; border:1px solid #365445; color:#f4f7f5; border-radius:8px; padding:12px; }
.feedback-board { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin:20px 0 48px; align-items:start; }
.feedback-column { min-width:0; background:#0e1c15; border:1px solid #263d30; border-radius:14px; padding:16px; }
.feedback-column h3 { margin:0 0 16px; font-size:16px; } .feedback-column h3 span { color:var(--muted); font-size:13px; }
.feedback-card { background:#172a20; padding:16px; margin:0 0 12px; border-radius:10px; overflow-wrap:anywhere; }
.feedback-card h4 { margin:0 0 10px; } .feedback-card p { white-space:pre-wrap; color:#becdc4; font-size:14px; } .feedback-card small { color:var(--muted); }
.feedback-card label { display:grid; gap:6px; margin-top:14px; font-size:12px; } .feedback-card select { width:100%; }
@media(max-width:1000px) { .feedback-board { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .feedback-board { grid-template-columns:1fr; } .feedback-form-panel { padding:18px; } }
.feedback-shell .topbar { display:flex; flex-wrap:wrap; justify-content:space-between; }
.header-actions { flex-wrap:wrap; }
@media(max-width:460px) { .feedback-shell .topbar .button { font-size:.8rem; padding:9px 12px; } }

.auth-benefit { font-size:.85rem; line-height:1.65; color:var(--muted); margin:12px 0 24px; }
.auth-benefit strong { color:var(--green); }
.auth-guest-option { padding-top:20px; border-top:1px solid var(--line); }
.auth-guest-option p { font-size:.82rem; line-height:1.65; color:var(--muted); }
.auth-guest-option p strong { color:var(--gold); }
.guest-banner { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:16px 20px; margin:16px 0; border:1px solid rgba(242,193,92,.4); border-radius:14px; background:rgba(242,193,92,.07); }
.guest-banner strong { color:var(--gold); } .guest-banner p { margin:5px 0 0; font-size:.85rem; color:var(--muted); }
.guest-banner .button { flex-shrink:0; }
@media(max-width:720px) { .guest-banner { flex-direction:column; align-items:stretch; } }

/* Start here: first-use guide */
.import-getting-started { background:#12261b; border-color:#345d44; padding:24px; margin:20px 0; }
.import-getting-started .eyebrow { color:#5ce4aa; }
.import-getting-started h2 { font-size:1.45rem; letter-spacing:-.03em; margin:8px 0 10px; }
.import-getting-started>p:not(.eyebrow) { max-width:650px; color:#a8bcb0; }
.import-getting-started .guide-actions { margin-top:18px; }
.import-getting-started .start-here-footnote { margin:14px 0 0; font-size:.78rem; }
.hero .action-bar #startHereButton { color:#062316; background:#31da91; border-color:#31da91; }
.hero .action-bar #startHereButton:hover { background:#5be7aa; }
.hero .action-bar #shareMonthButton { grid-column:auto; }
.start-guide-intro { color:var(--muted); }
.start-guide-steps { counter-reset:start-step; list-style:none; display:grid; gap:22px; margin:24px 0; padding:0; }
.start-guide-steps li { counter-increment:start-step; display:grid; grid-template-columns:32px minmax(0,1fr); gap:12px; align-items:start; }
.start-guide-steps li::before { content:counter(start-step); width:30px; height:30px; display:grid; place-items:center; background:#1e4430; color:#6befb7; border-radius:50%; }
.start-guide-steps strong { font-size:.95rem; }
.start-guide-steps p { color:var(--muted); margin:4px 0 0; line-height:1.6; }
@media(max-width:600px) { .import-getting-started { padding:18px; } #importHelpDialog [data-choose-gambit-file] { width:100%; white-space:normal; } }
/* Original Gambit screenshot with a readable Export highlight. */
.gambit-export-example { margin:22px 0; padding:16px; border:1px solid var(--line-strong); border-radius:12px; background:var(--surface-soft); }
.gambit-export-example figcaption { display:grid; gap:3px; margin-bottom:14px; }
.gambit-export-example figcaption strong { font-size:.9rem; }
.gambit-export-example figcaption span, .gambit-export-caption { font-size:.8rem; color:var(--muted); }
.gambit-export-screenshot { position:relative; overflow:hidden; border-radius:8px; background:#1d1e1b; }
.gambit-export-screenshot img { display:block; width:100%; height:auto; }
.gambit-export-highlight { position:absolute; left:85.9%; top:24%; width:12.5%; height:60%; border:2px solid #31da91; border-radius:6px; box-shadow:0 0 0 2px rgba(49,218,145,.12); pointer-events:none; }
.gambit-export-caption { margin:12px 0 0; line-height:1.6; }
@media(max-width:600px) {
 .gambit-export-example { padding:12px; }
 .gambit-export-screenshot img { height:80px; object-fit:cover; object-position:right center; }
 .gambit-export-highlight { left:auto; right:3%; top:17%; width:145px; height:57%; }
}
.auth-loading-card { display:flex; flex-direction:column; align-items:center; gap:18px; width:100%; padding:40px 24px; text-align:center; }
.auth-loading-card>strong { font-size:1.35rem; letter-spacing:-.03em; }
.auth-loading-card em { color:var(--green); font-style:normal; }
.auth-loading-card p { margin:0; color:var(--muted); }
.auth-loading-spinner { width:24px; height:24px; margin-top:8px; border:2px solid var(--line-strong); border-top-color:var(--green); border-radius:50%; animation:auth-loading-spin 1s linear infinite; }
@keyframes auth-loading-spin { to { transform:rotate(360deg); } }
@media(prefers-reduced-motion:reduce) { .auth-loading-spinner { animation:none; } }
.start-guide-steps .gambit-open-link { display:inline-flex; align-items:center; gap:8px; width:fit-content; max-width:100%; margin-top:12px; text-decoration:none; }
/* Month and all-time scope */
.period-controls { display:flex; align-items:center; gap:10px; flex-wrap:wrap; min-width:0; }
.period-switch { display:flex; gap:4px; padding:4px; border:1px solid var(--line-strong); border-radius:10px; background:var(--surface-soft); }
.period-switch button { border:0; border-radius:7px; background:transparent; color:var(--muted); padding:8px 12px; min-height:38px; font-size:.8rem; white-space:nowrap; }
.period-switch button.active { background:var(--green); color:#062418; }
body[data-period="all"] #tournamentOverview .insight-grid { display:none; }
body[data-period="all"] #metrics { grid-template-columns:repeat(3,minmax(0,1fr)); }
body[data-period="all"] #metrics .metric-card { grid-column:auto; }
.alltime-overview { padding-top:0; }
.alltime-secondary { display:flex; gap:26px; flex-wrap:wrap; padding:18px 3px 22px; color:var(--muted); font-size:.85rem; }
.alltime-secondary strong { color:var(--text); margin-right:5px; }
.alltime-grid-panels { display:grid; grid-template-columns:minmax(0,1.8fr) minmax(230px,1fr); gap:16px; margin-bottom:20px; }
.alltime-panel { background:var(--surface); border:1px solid var(--line); border-radius:14px; padding:20px; min-width:0; }
.alltime-panel h3 { margin:0 0 6px; font-size:1rem; }
.alltime-panel p { color:var(--muted); font-size:.82rem; }
.alltime-chart { width:100%; min-width:0; margin-top:16px; }
.alltime-chart svg { display:block; width:100%; }
.alltime-grid { stroke:var(--line-strong); stroke-width:1; }
.alltime-axis { fill:var(--muted); font-size:11px; }
.alltime-value { fill:var(--text); font-size:12px; }
.alltime-trend { fill:none; stroke:var(--green); stroke-width:2.5; }
.alltime-dot { fill:var(--green); }
.alltime-review-count { display:block; margin-top:18px; font-size:2.3rem; }
.alltime-review-details { margin:16px 0; }
.alltime-review-details div { display:flex; gap:12px; justify-content:space-between; padding:12px 0; border-top:1px solid var(--line); }
.alltime-review-details dt { color:var(--muted); } .alltime-review-details dd { margin:0; }
.alltime-panel .alltime-note { font-size:.75rem; margin-top:14px; }
.alltime-breakdown table { width:100%; border-collapse:collapse; font-size:.82rem; margin-top:14px; }
.alltime-breakdown th,.alltime-breakdown td { text-align:right; padding:12px 8px; border-bottom:1px solid var(--line); font-variant-numeric:tabular-nums; }
.alltime-breakdown th:first-child { text-align:left; padding-left:0; }
.alltime-breakdown thead th { color:var(--muted); font-weight:500; }
.alltime-breakdown tbody td:nth-child(3) { color:var(--green); }
.alltime-breakdown .text-button { text-align:left; white-space:normal; }
.alltime-empty { color:var(--muted); padding:28px 0; }
@media(max-width:1100px) { .period-controls { justify-content:flex-end; } }
@media(max-width:850px) { .alltime-grid-panels { grid-template-columns:1fr; } }
@media(max-width:720px) { .period-controls { order:3; width:100%; justify-content:center; } .period-controls .month-control { order:0; width:auto; } body[data-period="all"] #metrics { grid-template-columns:1fr 1fr; } body[data-period="all"] #metrics .featured { grid-column:1/-1; } }
@media(max-width:460px) { body[data-period="all"] #metrics { grid-template-columns:1fr; } .alltime-panel { padding:15px; } .alltime-extra { display:none; } .alltime-breakdown th,.alltime-breakdown td { padding:12px 4px; } }
.alltime-panel .alltime-change { color:var(--text); font-size:.85rem; margin-top:12px; line-height:1.6; }