:root{color-scheme:dark;--bg:#080d18;--panel:#101827;--line:#35445f;--text:#edf4ff;--muted:#b8c5d9;--gold:#f1d38e;--blue:#8fc6ee;--ruby:#efa6ad}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.65 system-ui,"Yu Gothic",sans-serif}button,select{font:inherit}button{cursor:pointer;min-height:44px;padding:10px 16px;border:1px solid var(--line);border-radius:8px;background:#17243a;color:var(--text)}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}button:hover:not(:disabled){filter:brightness(1.15)}[hidden]{display:none!important}
header,footer{max-width:1320px;margin:auto;padding:22px 40px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:12px;font-size:15px}.brand>span{color:var(--gold);font-size:30px}.quiet{background:transparent;border-color:transparent;color:var(--muted)}.quiet:hover{border-color:var(--line)}main{max-width:1280px;margin:auto;padding:28px 24px 48px}.intro{display:flex;align-items:center;justify-content:space-between;padding-bottom:32px}.eyebrow{color:var(--gold);font-size:12px;letter-spacing:.15em;margin:0 0 12px}h1{font:500 64px/1.2 serif;letter-spacing:.13em;margin:0}h1 span{font:14px system-ui;letter-spacing:.2em;margin-left:20px;color:var(--muted)}.tagline{font-size:20px;margin:18px 0 0}.intro-note{border-left:1px solid var(--line);padding-left:30px;color:var(--muted)}
.setup{display:grid;grid-template-columns:1fr 1fr 1fr 1.3fr;gap:16px;padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--panel);margin-bottom:24px}label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted);min-width:0}select{width:100%;min-height:44px;padding:8px;border:1px solid var(--line);border-radius:7px;background:var(--bg);color:var(--text)}.start-actions{display:flex;gap:12px;grid-column:1/3}.primary{background:var(--gold);border-color:var(--gold);color:#101827;font-weight:650}.secondary{background:transparent}.set-note{grid-column:3/5;margin:8px 0;align-self:center;font-size:13px;color:var(--muted)}
.play-layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(290px,1fr);gap:24px;align-items:start}.arena,.player,.decision,.hint-card{background:var(--panel);border:1px solid var(--line);border-radius:12px}.arena{overflow:hidden;background:radial-gradient(ellipse at 45% 35%,#1d2f32,#101827 72%)}.panel-heading{display:flex;justify-content:space-between;gap:10px;padding:16px 22px;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}.turn-heading{padding:20px 22px 0;scroll-margin-top:12px}.turn-heading .eyebrow{margin-bottom:4px}.turn-heading h2{font:500 26px/1.4 serif;margin:0 0 8px}.turn-heading>p:last-child{color:var(--muted);font-size:14px;margin:0;min-height:48px}.board{padding:18px 24px 12px}.pit-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.row-label{display:flex;justify-content:space-between;font-size:12px;padding:8px 4px}.pit{position:relative;min-width:0;min-height:116px;border:1px solid #586574;border-radius:46% 46% 42% 42%;padding:9px 3px;background:radial-gradient(ellipse at 50% 70%,#233340,#101b28 85%);box-shadow:inset 0 3px 10px #0006;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}.pit:disabled{opacity:1;color:var(--muted);cursor:default}.pit:not(:disabled){border-style:dashed;border-color:var(--gold)}.pit:not(:disabled):hover{background:#35413c}.pit-id{font-size:12px;color:var(--muted);line-height:1.3}.pit strong{font:500 32px/1.3 serif;color:var(--text)}.pit-change,.pit-role{font-size:12px;line-height:1.3;min-height:16px;white-space:nowrap}.pit-change{color:var(--gold)}.pit-role{color:#d3e8fa}.pit.selected,.pit.source{outline:2px solid var(--gold);outline-offset:3px;background:#443f2c;border-style:solid}.pit.path{border-color:#a7c6dc;background:#29414b}.pit.landing{border:2px double var(--gold);background:#4b4931}.pit.harvest{box-shadow:inset 0 0 0 3px #f1d38e42}.pit.cpu-target{outline-color:var(--blue)}.pit.cpu-target.source{outline:3px solid var(--blue)}.pit.recent{border:2px solid #dce6ed}.pit:focus-visible{outline:3px solid #fff;outline-offset:4px}.field-center{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:146px;padding:10px 0;text-align:center;color:#729096}.field-center>span{font-size:24px}.grain-mark{font-size:42px;line-height:1.1;color:var(--gold)}.field-center p{font:500 20px/1.4 serif;color:var(--gold);margin:7px 0}.field-center small{font-size:12px;color:var(--muted)}.legend{margin:0 18px 16px;color:var(--muted);text-align:center;font-size:12px}.controls{border-top:1px solid var(--line);padding:18px 22px}.sow-modes{display:flex;gap:10px}.sow-modes button{flex:1;font-size:14px}.sow-modes [aria-pressed=true]{border-color:var(--gold);background:#f1d38e16;color:var(--gold)}.impact{min-height:64px;margin:14px 0;font-size:14px;color:var(--muted)}.impact strong{color:var(--gold);font-weight:500}.confirm-row{display:flex;gap:12px}.confirm-row .primary{flex:1}.receipt{padding:14px 22px;border-top:1px solid var(--line);margin:0;background:#080d1866;color:var(--muted);font-size:13px}.season{padding:0 22px 18px;font-size:12px;color:var(--muted)}.season>div{height:4px;margin-top:7px;background:#080d18;border-radius:2px;overflow:hidden}.season i{display:block;height:100%;background:var(--gold)}.dashboard{display:flex;flex-direction:column;gap:16px;min-width:0}.scoreboard{display:grid;grid-template-columns:1fr 1fr;gap:12px}.player{padding:17px;display:flex;flex-direction:column;gap:4px}.player.active{border-color:currentColor}.p1{color:var(--gold)}.p2{color:var(--blue)}.player>span{font-size:13px}.player strong{font-size:38px;line-height:1.2;font-weight:500}.player small{font-size:12px;color:var(--muted)}.score-note,.save-status{font-size:12px;color:var(--muted);margin:-5px 0 0}.decision{padding:22px}.decision h2{font:500 25px/1.5 serif;margin:6px 0 12px}.decision>p:not(.eyebrow){font-size:14px;color:var(--muted);margin:0}.hint-card{padding:20px;background:transparent}.hint-card>span{font:20px serif;color:var(--gold)}.hint-card p{color:var(--muted);font-size:14px;margin:12px 0 0}#result-actions{display:grid;gap:10px;margin-top:18px}.result-home-button{text-align:center;text-decoration:underline;color:var(--muted);font-size:12px;min-height:44px;padding:10px}.compact-score{display:none}.history{border-top:1px solid var(--line);padding-top:12px}.history summary{min-height:44px;cursor:pointer;font-size:14px;padding-top:8px;color:var(--muted)}.history ol{list-style:none;max-height:260px;overflow:auto;padding:0;margin:0;font-size:13px}.history li{padding:8px 0;border-bottom:1px solid #35445f55}.history li:first-child{color:var(--gold)}.rules-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding-top:36px;margin-top:32px;border-top:1px solid var(--line)}.rules-strip b{font-size:12px;letter-spacing:.08em;color:var(--gold);font-weight:400}.rules-strip h3{font:500 21px/1.5 serif;margin:12px 0}.rules-strip p{color:var(--muted);font-size:14px;margin:0}footer{border-top:1px solid var(--line);font-size:12px;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--text);max-width:590px;width:calc(100% - 32px);max-height:85vh;padding:30px;line-height:1.9}dialog::backdrop{background:#030712d9}dialog h2{font:26px/1.5 serif}dialog ol{padding-left:22px}dialog li{margin:12px 0}dialog p,dialog li{font-size:14px}.close{float:right;background:transparent;font-size:22px;padding:0;width:44px}.practice-banner,.saved-banner{border:1px solid var(--gold);border-radius:12px;padding:20px;margin-bottom:24px;background:#222b35}.practice-banner p,.saved-banner p{margin:8px 0 12px;font-size:14px}.practice-banner b,.saved-banner b{color:var(--gold)}.saved-banner{display:flex;align-items:center;justify-content:space-between;gap:16px}
@media(max-width:1100px){.intro-note{display:none}.setup{grid-template-columns:1fr 1fr}.set-note{grid-column:1/3}.play-layout{grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr);gap:16px}.pit-row{gap:7px}.board{padding:18px 16px 12px}.pit{min-height:104px}.player{padding:12px}.pit strong{font-size:27px}}
@media(max-width:900px){header,footer{padding:16px}main{padding:18px 16px 32px}.intro{padding-bottom:26px}h1{font-size:50px}h1 span{margin-left:12px;font-size:13px}.tagline{font-size:18px}.setup{padding:16px;gap:12px}.start-actions{flex-wrap:wrap}.start-actions button{flex:1;white-space:nowrap;padding:10px}.set-note{font-size:12px;margin:0}.play-layout{grid-template-columns:1fr;gap:22px}.board{max-width:760px;margin:auto;padding:14px 12px 10px}.panel-heading{padding:12px;font-size:12px}.turn-heading{padding:16px 12px 0}.turn-heading h2{font-size:23px}.turn-heading>p:last-child{font-size:13px;min-height:42px}.compact-score{display:flex;justify-content:space-between;gap:10px;padding:8px 12px 0;font-size:14px}.compact-score small{display:block;font-size:11px;color:var(--muted)}.pit-row{gap:7px}.pit{min-height:102px}.field-center{min-height:128px}.field-center p{font-size:19px}.controls{padding:14px 12px}.sow-modes{gap:8px}.sow-modes button{padding:9px 6px;font-size:13px}.receipt{padding:12px;font-size:12px}.impact{font-size:13px;min-height:64px}.confirm-row{gap:8px}.season{padding:0 12px 14px}.player{padding:16px}.rules-strip{grid-template-columns:1fr;gap:24px}.rules-strip h3{margin:8px 0}.history ol{max-height:190px}footer{flex-wrap:wrap}.saved-banner{flex-wrap:wrap}.saved-banner button{width:100%}}
@media(max-width:440px){.pit-row{gap:5px}.pit{min-height:100px;border-radius:23px;padding:7px 1px}.pit strong{font-size:25px}.pit-change,.pit-role,.pit-id{font-size:10px;min-height:14px}.field-center{min-height:116px}.field-center p{font-size:17px}.field-center small{font-size:10px}.grain-mark{font-size:32px}.eyebrow{font-size:10px}.legend{font-size:11px;margin:0 12px 14px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}