@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700;800&family=Noto+Sans+JP:wght@400;500;700;900&display=swap";:root{color:#111315;font-synthesis:none;text-rendering:optimizelegibility;--charcoal:#111315;--paper:#f7f7f3;--ink:#111315;--muted:#69707a;--line:#dcdedb;--jane:#d9485f;--rei:#2d5bda;--amber:#f2b84b;--mono:"DM Mono", "SFMono-Regular", Consolas, monospace;background:#f7f7f3;font-family:Noto Sans JP,Inter,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}a{color:inherit;text-decoration:none}.app-shell{overflow:hidden}.dark-stage{color:#f7f7f3;background:var(--charcoal);padding:0 clamp(22px,5vw,86px) 30px}.site-header{border-bottom:1px solid #f7f7f32e;justify-content:space-between;align-items:center;height:88px;display:flex}.wordmark{font:500 12px/1 var(--mono);letter-spacing:.12em;align-items:center;gap:12px;display:inline-flex}.wordmark-symbol{width:36px;height:36px;color:var(--amber);letter-spacing:-.08em;border:1px solid #f7f7f38c;place-items:center;font-size:11px;display:grid}.header-meta{color:#f7f7f39e;font:11px/1 var(--mono);letter-spacing:.04em;align-items:center;gap:34px;display:flex}.header-link,.text-button{color:inherit;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:inline-flex}.header-link{color:#f7f7f3;font:500 12px/1 Noto Sans JP,sans-serif}.icon{flex:none;width:16px;height:16px}.header-link .icon,.text-button .icon{width:14px;height:14px}.hero-content{justify-content:space-between;gap:40px;max-width:1320px;margin:0 auto;padding:clamp(76px,10vw,140px) 0 68px;display:flex}.hero-kicker,.section-number,.contestant-label{font:500 11px/1 var(--mono);letter-spacing:.1em}.hero-kicker{color:var(--amber);align-items:center;gap:10px;margin-bottom:28px;display:flex}.live-dot{background:var(--amber);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #f2b84b1f}.hero-copy h1{letter-spacing:-.08em;max-width:780px;margin:0;font-size:clamp(46px,7vw,104px);font-weight:900;line-height:.98}.hero-copy h1 em,.final-cta h2 em{color:var(--amber);font-style:normal}.hero-copy p{color:#f7f7f3a6;letter-spacing:.02em;margin:32px 0 0;font-size:clamp(14px,1.5vw,18px);line-height:1.9}.hero-round{color:#f7f7f38f;min-width:170px;font:11px/1.4 var(--mono);letter-spacing:.07em;text-align:right;align-self:end;padding-bottom:8px}.hero-round strong{color:var(--paper);font:600 clamp(60px, 9vw, 128px)/.78 var(--mono);letter-spacing:-.13em;margin:13px 0 18px;display:block}.matchup-wrap{grid-template-columns:minmax(0,1fr) 82px minmax(0,1fr);align-items:stretch;max-width:1320px;margin:0 auto;display:grid}.contestant-card{border-top:3px solid var(--jane);background:#1b1d1f;min-height:250px;padding:28px clamp(22px,3vw,42px);position:relative}.contestant-card.rei{border-top-color:var(--rei)}.contestant-topline{color:#f7f7f373;font:10px/1 var(--mono);letter-spacing:.1em;justify-content:space-between;display:flex}.contestant-index{color:var(--jane)}.contestant-card.rei .contestant-index{color:var(--rei)}.contestant-heading{justify-content:space-between;align-items:center;margin:28px 0 24px;display:flex}.contestant-label{color:#f7f7f373;margin:0 0 8px;font-size:9px;display:block}.contestant-heading h2{letter-spacing:-.06em;margin:0;font-size:clamp(24px,3vw,36px)}.contestant-mark{width:42px;height:42px;color:var(--jane);font:20px/1 var(--mono);border:1px solid #f7f7f340;place-items:center;display:grid}.contestant-card.rei .contestant-mark{color:var(--rei)}.contestant-score{justify-content:space-between;align-items:end;gap:24px;display:flex}.contestant-score span{color:#f7f7f373;margin-bottom:7px;font-size:11px;display:block}.contestant-score strong{color:var(--paper);font:500 25px/1 var(--mono);letter-spacing:-.08em}.score-delta strong{color:var(--jane);font-size:15px}.contestant-card.rei .score-delta strong{color:#7394ff}.text-button{color:#f7f7f3c7;margin-top:25px;font-size:12px;transition:color .2s}.text-button:hover{color:var(--paper)}.card-rule{background:#f7f7f31f;height:1px;margin-top:24px}.card-note{color:#f7f7f357;margin:15px 0 0;font-size:11px}.versus-rail{background:#16181a;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.rail-line{background:#f7f7f33d;width:1px;height:40px}.versus-rail span{border:1px solid var(--amber);width:38px;height:38px;color:var(--amber);font:11px/1 var(--mono);place-items:center;display:grid}.versus-rail small{color:#f7f7f37a;text-align:center;writing-mode:vertical-rl;letter-spacing:.09em;font-size:9px}.stage-footer{color:#f7f7f36b;max-width:1320px;font:10px/1.4 var(--mono);letter-spacing:.04em;justify-content:space-between;align-items:center;margin:0 auto;padding:27px 0 0;display:flex}.stage-footer span:first-child{align-items:center;gap:8px;display:flex}.stage-footer .icon{width:14px;height:14px}.scroll-cue{color:#f7f7f3ad;align-items:center;gap:10px;display:flex}.paper-stage{background:var(--paper)}.section-block{max-width:1320px;margin:0 auto;padding:104px clamp(22px,5vw,86px) 0}.section-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:40px;padding-bottom:30px;display:flex}.section-number{color:var(--muted);margin-bottom:16px;display:block}.section-heading h2{letter-spacing:-.08em;margin:0;font-size:clamp(30px,4vw,54px);line-height:1.1}.section-heading>p{max-width:260px;color:var(--muted);margin:0;font-size:13px;line-height:1.9}.result-block{padding-top:86px}.result-control{align-items:end;gap:14px;padding:28px 0 0;display:flex}.result-input-wrap{flex:1}.result-input-wrap label{color:var(--muted);margin-bottom:8px;font-size:11px;display:block}.result-input-line{border-bottom:2px solid var(--ink);align-items:baseline;gap:12px;display:flex}.result-input-line input{width:170px;color:var(--ink);font:500 38px/1 var(--mono);letter-spacing:.12em;background:0 0;border:0;outline:0;padding:6px 0 10px}.result-input-line input::placeholder{color:#c7cac7}.result-input-line span{color:var(--muted);font:10px/1 var(--mono)}.primary-button,.secondary-button,.dark-button{border:1px solid var(--ink);justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 20px;font-size:12px;font-weight:700;transition:transform .2s,background-color .2s;display:inline-flex}.primary-button{color:var(--paper);background:var(--ink)}.secondary-button{color:var(--ink);background:0 0}.primary-button:hover,.secondary-button:hover,.dark-button:hover{transform:translateY(-2px)}.secondary-button:disabled{background:#e9ebe7}.reset-button{min-height:48px;color:var(--muted);background:0 0;border:0;padding:0 7px;font-size:11px}.reset-button:hover{color:var(--ink)}.notice{border-left:2px solid var(--amber);color:#50554e;background:#efeee6;margin:19px 0 0;padding:11px 14px;font-size:12px}.forecast-heading{align-items:center}.forecast-summary{align-items:baseline;gap:14px;display:flex}.forecast-summary span,.forecast-summary small{color:var(--muted);font-size:11px}.forecast-summary strong{font:500 30px/1 var(--mono);letter-spacing:.14em}.forecast-summary small{color:var(--amber)}.forecast-legend{color:var(--muted);align-items:center;gap:24px;padding:18px 0;font-size:11px;display:flex}.forecast-legend span{align-items:center;gap:8px;display:inline-flex}.legend-dot,.dot{border-radius:50%;width:8px;height:8px;display:inline-block}.jane-dot{background:var(--jane)}.rei-dot{background:var(--rei)}.legend-note{color:#9a9f99;margin-left:auto}.forecasts-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:1fr 1fr;gap:1px;display:grid}.forecast-column{background:var(--paper);min-width:0}.forecast-column-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:19px 20px;display:flex}.column-person{align-items:center;gap:10px;display:flex}.column-person strong{font-size:13px;display:block}.column-person span:not(.dot){color:var(--muted);font:10px/1 var(--mono);margin-top:4px;display:block}.column-total{font:500 13px/1 var(--mono)}.forecast-column.jane .column-total{color:var(--jane)}.forecast-column.rei .column-total{color:var(--rei)}.forecast-list{padding:0 20px}.forecast-row{border-bottom:1px solid var(--line);grid-template-columns:24px 66px 84px minmax(90px,1fr) 76px 74px;align-items:center;gap:8px;min-height:76px;display:grid}.forecast-row:last-child{border-bottom:0}.forecast-number{color:#a2a7a2;font:10px/1 var(--mono)}.number-input{width:66px;color:var(--ink);font:500 17px/1 var(--mono);letter-spacing:.02em;background:0 0;border:0;border-bottom:1px solid #a7aca6;outline:0;padding:7px 0}.number-input:focus,.reason-input:focus,.type-select:focus{border-color:var(--ink)}.type-select{border:1px solid var(--line);background:var(--paper);width:84px;color:var(--muted);border-radius:0;outline:0;padding:5px 4px;font-size:10px}.reason-input{width:100%;min-width:0;color:var(--muted);background:0 0;border:0;border-bottom:1px solid #0000;outline:0;padding:7px 0;font-size:10px;line-height:1.5}.result-label{white-space:nowrap;font-size:10px}.result-label.pending,.result-label.miss{color:#a1a59f}.result-label.hit{color:#2e7b54;font-weight:700}.row-payout{color:#a1a59f;font:10px/1 var(--mono);text-align:right;white-space:nowrap}.row-payout.has-payout{color:#2e7b54}.records-section{padding-bottom:106px}.records-layout{grid-template-columns:1.55fr 1fr;gap:56px;padding-top:34px;display:grid}.history-table-wrap{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}th{color:var(--muted);font:10px/1 var(--mono);letter-spacing:.05em;white-space:nowrap;padding:0 16px 15px 0}td{border-top:1px solid var(--line);color:#343a3a;white-space:nowrap;padding:17px 16px 17px 0;font-size:12px}.table-number{font:500 15px/1 var(--mono);letter-spacing:.08em}.jane-text{color:var(--jane)}.rei-text{color:var(--rei)}.winner-tag{min-width:42px;color:var(--muted);font-size:11px;display:inline-block}.winner-tag.jane-tag{color:var(--jane);font-weight:700}.winner-tag.rei-tag{color:var(--rei);font-weight:700}.bankroll-chart{border-left:1px solid var(--line);min-height:240px;padding-left:30px}.chart-topline{color:var(--muted);font:10px/1 var(--mono);justify-content:space-between;align-items:baseline;display:flex}.chart-topline strong{color:var(--ink);font-weight:400}.chart-bars{border-bottom:1px solid var(--line);align-items:end;gap:29px;height:157px;margin-top:25px;padding:0 9px;display:flex}.chart-column{flex-direction:column;flex:1;justify-content:end;align-items:center;gap:11px;height:100%;display:flex}.chart-values{align-items:end;gap:5px;height:100%;display:flex}.bar{width:15px;min-height:8px;transition:height .4s;display:block}.jane-bar{background:var(--jane)}.rei-bar{background:var(--rei)}.chart-column small{color:var(--muted);font:10px/1 var(--mono)}.chart-key{color:var(--muted);gap:18px;margin-top:18px;font-size:10px;display:flex}.chart-key span{align-items:center;gap:7px;display:flex}.final-cta{background:#e4e5df;justify-content:space-between;align-items:end;gap:30px;padding:88px clamp(22px,10vw,160px) 100px;display:flex}.final-cta h2{letter-spacing:-.09em;margin:0;font-size:clamp(38px,6vw,78px);line-height:.98}.dark-button{color:var(--paper);background:var(--ink);min-width:190px}.site-footer{background:var(--charcoal);color:#f7f7f373;font:10px/1.5 var(--mono);justify-content:space-between;gap:25px;padding:22px clamp(22px,5vw,86px);display:flex}.site-footer span:last-child{text-align:right}.modal-backdrop{z-index:10;background:#111315bf;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.rules-modal{background:var(--paper);width:min(560px,100%);padding:42px;position:relative;box-shadow:0 25px 80px #00000047}.modal-close{width:34px;height:34px;color:var(--muted);background:0 0;border:0;font-size:24px;line-height:1;position:absolute;top:16px;right:17px}.rules-modal h2{letter-spacing:-.08em;margin:0 0 24px;font-size:34px}.rules-modal ol{color:#444b47;margin:0;padding-left:21px;font-size:13px;line-height:2.1}.modal-footnote{border-top:1px solid var(--line);color:var(--muted);gap:9px;margin:27px 0 0;padding-top:18px;font-size:11px;line-height:1.8;display:flex}.modal-footnote .icon{color:var(--ink);margin-top:2px}@media (width<=940px){.hero-content{padding-top:85px}.hero-round{min-width:120px}.matchup-wrap{background:#f7f7f32e;grid-template-columns:1fr;gap:1px}.versus-rail{flex-direction:row;gap:12px;min-height:70px}.rail-line{width:44px;height:1px}.versus-rail small{writing-mode:horizontal-tb}.forecasts-grid{grid-template-columns:1fr}.records-layout{grid-template-columns:1fr;gap:44px}.bankroll-chart{border-left:0;min-height:205px;padding-left:0}.result-control{flex-wrap:wrap}.result-input-wrap{flex-basis:100%}}@media (width<=640px){.dark-stage{padding-inline:16px}.site-header{height:70px}.header-meta>span{display:none}.hero-content{padding:64px 0 57px;display:block}.hero-copy h1{font-size:clamp(42px,13vw,68px)}.hero-copy p{margin-top:25px;font-size:13px}.hero-round{text-align:left;margin-top:48px}.hero-round strong{margin:10px 0 12px;font-size:72px}.contestant-card{padding-inline:19px}.contestant-score strong{font-size:21px}.stage-footer{display:block}.scroll-cue{margin-top:18px}.section-block{padding-top:77px;padding-inline:16px}.section-heading{display:block}.section-heading>p{margin-top:18px}.section-heading h2{font-size:37px}.result-block{padding-top:68px}.result-control{align-items:stretch}.result-input-wrap{flex-basis:100%}.primary-button,.secondary-button{flex:1;padding-inline:10px;font-size:11px}.reset-button{flex-basis:100%;min-height:31px}.forecast-summary{margin-top:22px}.forecast-legend{flex-wrap:wrap;gap:12px 19px}.legend-note{flex-basis:100%;margin-left:0}.forecast-list{padding:0 12px}.forecast-row{grid-template-columns:20px 63px 1fr 61px;gap:7px;min-height:101px;padding:13px 0}.number-input{width:63px}.reason-input{grid-area:2/2/auto/-1;font-size:10px}.type-select{width:100%}.result-label,.row-payout{font-size:9px}.records-section{padding-bottom:78px}.history-table-wrap{margin-inline:-1px}.bankroll-chart{min-height:190px}.final-cta{padding:70px 22px 80px;display:block}.final-cta h2{font-size:57px}.dark-button{width:100%;margin-top:32px}.site-footer{padding-inline:16px;display:block}.site-footer span:last-child{text-align:left;margin-top:12px;display:block}.rules-modal{padding:36px 23px 28px}.rules-modal h2{font-size:30px}}
