:root{--bg:#16191f;--surface:#20252e;--text:#f1f4f9;--muted:#b9c4d5;--border:#455267;--accent:#d6e4ff;--accent-alt:#849bc7;--on-accent:#10131a;--highlight:#ffed5c;--board-light:#485568;--board-dark:#202a39;--body-font:system-ui, sans-serif;--display-font:system-ui, sans-serif;--cut:0px;--piece-size:9%;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--text);font-family:var(--body-font);margin:0;font-size:18px}button,input{font:inherit}button,summary,.segment{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--highlight);outline-offset:5px}.icon{flex-shrink:0;width:24px;height:24px}.app{max-width:1536px;margin:0 auto;padding:0 42px}.topbar{border-bottom:1px solid var(--border);align-items:center;gap:26px;height:64px;display:flex}.brand{text-transform:uppercase;letter-spacing:.34em;white-space:nowrap;align-items:center;gap:18px;font-size:20px;display:flex}.brand-mark{color:var(--accent-alt);flex-shrink:0;grid-template:repeat(2,11px)/repeat(2,11px);gap:3px;display:grid}.brand-mark i{background:currentColor}.brand-mark i:nth-child(2){clip-path:polygon(0 0,100% 100%,0 100%);grid-row:2}.brand-mark i:last-child{grid-row:2}.circuit-line{flex:1;height:26px}.rules-button{background:var(--surface);min-height:44px;color:var(--text);border:1px solid var(--accent);justify-content:center;align-items:center;gap:14px;padding:8px 20px;display:flex}.rules-button .icon{color:var(--accent-alt)}.heading{align-items:center;gap:30px;padding:16px 0 18px 64px;display:flex}h1{font-family:var(--display-font);text-transform:uppercase;letter-spacing:.01em;margin:0;font-size:clamp(42px,5.5vw,84px);font-weight:900;line-height:1.1}h1 span{color:var(--accent-alt);margin-left:8px}.heading p{letter-spacing:.23em;text-transform:uppercase;margin:12px 0 0;font-size:16px}.layout{grid-template-columns:minmax(0,1.43fr) minmax(0,1fr);align-items:start;gap:32px;padding-left:50px;display:grid}.board-frame{border:1px solid var(--border);background:var(--surface);width:100%;padding:26px;position:relative}.board{aspect-ratio:1;isolation:isolate;width:100%;position:relative}.board-grid{grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);display:grid;position:absolute;inset:0}.square{background:var(--board-light);touch-action:manipulation;border:0;border-radius:0;min-width:0;padding:0;position:relative}.square--dark{background:var(--board-dark)}.square:focus-visible{z-index:1;outline-offset:-4px}.square--selected{outline:3px solid var(--highlight);outline-offset:-3px;z-index:1}.square--highlight:after{content:"";aspect-ratio:1;background:var(--highlight);border-radius:50%;width:19%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.square--capture:after{border:3px solid var(--highlight);background:0 0;width:28%}.pieces-layer{z-index:2;pointer-events:none;position:absolute;inset:0}.piece,.score-piece{background:var(--piece-color);border-radius:50%}.piece{width:var(--piece-size);aspect-ratio:1;transition:left .24s,top .24s;position:absolute;transform:translate(-50%,-50%)}.piece--red,[data-player=red]{--piece-color:var(--red)}.piece--black,[data-player=black]{--piece-color:var(--black)}.piece--king:after{content:"";background:var(--text);position:absolute;inset:29%;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M3 6l5 4 4-7 4 7 5-4-3 13H6L3 6zm3 15h12v2H6z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M3 6l5 4 4-7 4 7 5-4-3 13H6L3 6zm3 15h12v2H6z'/%3E%3C/svg%3E") 50%/contain no-repeat}.panel{flex-direction:column;gap:22px;min-width:0;padding:22px 16px 18px;display:flex;position:relative}.status{min-width:0}.status-eyebrow{min-height:24px;color:var(--piece-color);justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.turn-label{text-transform:uppercase;letter-spacing:.18em;align-items:center;gap:18px;font-size:18px;font-weight:600;display:flex}.turn-label:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:16px;height:16px}.badge{color:var(--muted);white-space:nowrap;letter-spacing:.08em;font-size:13px}.status-primary{font-family:var(--display-font);text-transform:uppercase;letter-spacing:-.02em;overflow-wrap:anywhere;margin:0;font-size:clamp(25px,3.3vw,51px);font-weight:900;line-height:1.2}.status-primary:after{content:".";color:var(--piece-color)}.status-secondary{color:var(--muted);min-height:26px;margin:8px 0 0;font-size:21px}.scores{border:1px solid var(--border);background:var(--surface);align-items:center;gap:18px;padding:18px 14px;display:flex}.score{flex:1;align-items:center;gap:13px;min-width:0;display:flex}.score+.score{border-left:1px solid var(--border);padding-left:18px}.score-piece{flex-shrink:0;width:48px;height:48px;position:relative}.score-name{font-size:18px}.score-count{font-family:var(--display-font);margin-left:auto;font-size:32px}.game-settings{flex-direction:column;gap:20px;min-width:0;display:flex}fieldset{border:0;min-width:0;margin:0;padding:0}legend{text-transform:uppercase;letter-spacing:.18em;width:100%;color:var(--accent-alt);margin-bottom:8px;padding:0;font-size:15px;font-weight:600}.segments{display:flex}.segment{cursor:pointer;flex:1;min-width:0;position:relative}.segment input{opacity:0;z-index:1;width:100%;height:100%;cursor:inherit;margin:0;position:absolute;inset:0}.segment>span{border:1px solid var(--border);background:var(--surface);min-height:48px;color:var(--text);justify-content:center;align-items:center;gap:12px;padding:9px 10px;line-height:1.2;transition:background .15s,border-color .15s;display:flex}.segment+.segment>span{border-left:0}.segment input:checked+span{color:var(--on-accent);background:var(--accent);border-color:var(--accent);font-weight:600}.segment input:focus-visible+span{outline:3px solid var(--highlight);outline-offset:3px;z-index:2;position:relative}.segment input:not(:checked):not(:disabled)+span:hover{border-color:var(--accent-alt);background:color-mix(in srgb, var(--accent-alt) 12%, var(--surface))}fieldset:disabled{opacity:.43}fieldset:disabled .segment{cursor:not-allowed}.side-swatch{border:5px solid var(--swatch);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:25px;height:25px;display:inline-flex}.side-swatch--red{--swatch:var(--red)}.side-swatch--black{--swatch:var(--black)}.segment input:checked+span .side-swatch{background:var(--on-accent);color:var(--accent);border:0}.segment input:checked+span .side-swatch:after{content:"✓";font-size:20px}.new-game{border:1px solid var(--accent);text-transform:uppercase;width:100%;min-height:58px;color:var(--on-accent);background:var(--accent);justify-content:center;align-items:center;gap:20px;padding:14px;font-size:25px;font-weight:700;display:flex}.new-game .icon{stroke-width:2.4px;width:30px;height:30px}.new-game:hover{filter:brightness(1.15)}.new-game:active{transform:translateY(1px)}.custom-colors{border:1px solid var(--border);background:var(--surface)}summary{cursor:pointer;align-items:center;gap:16px;min-height:48px;padding:10px 14px;list-style:none;display:flex}summary::-webkit-details-marker{display:none}.plus{color:var(--accent-alt);font-size:28px;line-height:1}.chevron{width:20px;margin-left:auto;transition:transform .15s}details[open] .chevron{transform:rotate(180deg)}.color-fields{grid-template-columns:1fr 1fr;gap:16px;padding:4px 14px 14px;display:grid}.color-fields label{gap:6px;font-size:16px;display:grid}input[type=color]{background:var(--bg);border:1px solid var(--border);cursor:pointer;width:100%;height:38px;padding:4px}.rule-reminder{border:1px solid var(--border);align-items:center;gap:18px;padding:14px;display:flex}.rule-reminder .icon{color:var(--highlight);width:38px;height:38px}.rule-reminder strong{font-weight:600}.rule-reminder p{color:var(--muted);margin:3px 0 0;font-size:16px}footer{border-top:1px solid var(--border);letter-spacing:.12em;min-height:68px;color:var(--muted);align-items:center;gap:16px;margin-top:28px;font-size:14px;display:flex}footer>span:last-child{text-transform:uppercase;margin-left:auto}.rules-dialog{width:min(560px,100% - 32px);max-height:calc(100dvh - 48px);color:var(--text);background:var(--surface);border:1px solid var(--accent-alt);padding:28px;overflow:auto;box-shadow:0 20px 90px #000b}.rules-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#02040dd9}.dialog-heading{align-items:center;gap:18px;display:flex}.dialog-heading h2{font-family:var(--display-font);margin:0;font-size:24px}.close-dialog{border:1px solid var(--border);width:44px;height:44px;color:var(--text);background:0 0;margin-left:auto;font-size:28px}.rules-dialog li{margin-bottom:12px}.rules-dialog ul{padding-left:20px}.keyboard-help{color:var(--muted);font-size:16px}@media (width>=1440px){.panel{gap:25px}.game-settings{gap:23px}}@media (width<=1199px){.app{padding:0 26px}.layout{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:24px;padding-left:0}.heading{padding-left:8px}.heading p{font-size:13px}.board-frame{padding:20px}.panel{gap:18px;padding:18px 12px}.score{gap:8px}.score+.score{padding-left:12px}.scores{gap:12px;padding:14px 10px}.score-piece{width:36px;height:36px}.score-name{font-size:17px}.score-count{font-size:26px}.status-primary{font-size:34px}.status-secondary{font-size:18px}.turn-label{gap:10px;font-size:15px}.game-settings{gap:17px}.rule-reminder{gap:12px}.rule-reminder p{font-size:15px}}@media (width<=800px){.app{max-width:650px;padding:0 18px}.topbar{gap:12px;height:60px}.brand{letter-spacing:.22em;gap:10px;font-size:16px}.circuit-line{display:none}.rules-button{gap:8px;margin-left:auto;padding:6px 10px;font-size:16px}.rules-button .icon{width:20px}.heading{padding:18px 0 14px;display:block}h1{font-size:clamp(38px,10.3vw,62px)}.heading p{letter-spacing:.24em;margin-top:8px;font-size:12px}.layout{grid-template-columns:minmax(0,1fr);gap:18px}.panel{display:contents}.status{order:0}.board-frame{order:1;padding:17px}.scores{order:2;gap:10px;padding:13px 10px}.game-settings{order:3}.rule-reminder{order:4}.status{padding:0;position:relative}.status-eyebrow{margin-bottom:5px}.turn-label{letter-spacing:.13em;font-size:13px}.turn-label:before{width:10px;height:10px}.status-primary{font-size:28px}.status-secondary{min-height:20px;margin-top:4px;font-size:16px}.score{gap:8px}.score+.score{padding-left:10px}.score-piece{width:30px;height:30px}.score-name{font-size:16px}.score-count{font-size:24px}.game-settings{gap:19px}.segment>span{min-height:46px}footer{flex-wrap:wrap;gap:8px 12px;min-height:74px;margin-top:24px;padding:12px 0;font-size:12px}footer>span:last-child{width:100%;margin-left:0;padding-left:38px;font-size:11px}}@media (width<=370px){.app{padding:0 12px}.brand{font-size:13px}.rules-button{gap:6px;font-size:14px}.board-frame{padding:14px}.score-name{font-size:14px}.score-count{font-size:22px}.score{gap:6px}.score-piece{width:24px;height:24px}.scores{gap:10px;padding:12px}.score+.score{padding-left:10px}summary{gap:10px;font-size:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@font-face{font-family:Orbitron;src:url(/fonts/orbitron.ttf)format("truetype");font-style:normal;font-weight:400 900;font-display:swap}@font-face{font-family:Rajdhani;src:url(/fonts/rajdhani-medium.ttf)format("truetype");font-style:normal;font-weight:400 500;font-display:swap}@font-face{font-family:Rajdhani;src:url(/fonts/rajdhani-semibold.ttf)format("truetype");font-style:normal;font-weight:600 700;font-display:swap}[data-theme=cyberpunk]{--bg:#050910;--surface:#080f1c;--text:#f0f4ff;--muted:#c0cede;--border:#31556c;--accent:#ff16b8;--accent-alt:#18e7f4;--on-accent:#070812;--highlight:#fff56a;--board-light:#344b62;--board-dark:#0e1e2e;--display-font:Orbitron, sans-serif;--body-font:Rajdhani, sans-serif;--cut:12px;--angular:polygon(0 var(--cut), var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)))}[data-theme=cyberpunk] body{background:radial-gradient(ellipse at 4% 45%, #08507120, transparent 40%), radial-gradient(ellipse at 94% 60%, #720b6320, transparent 42%), radial-gradient(#24425945 .65px, transparent .8px) 0 0 / 7px 7px, var(--bg)}[data-theme=cyberpunk] body:before,[data-theme=cyberpunk] body:after{content:"";z-index:-1;pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 76px,#17d9ef55 77px 78px,#0000 79px 156px),linear-gradient(90deg,#0000 5px,#12e9f466 6px,#0000 7px 22px,#23678866 23px,#0000 24px);width:32px;position:fixed;top:0;bottom:0}[data-theme=cyberpunk] body:before{left:0}[data-theme=cyberpunk] body:after{filter:hue-rotate(110deg);right:0;transform:rotate(180deg)}[data-theme=cyberpunk] .topbar{border-image:linear-gradient(90deg, var(--accent-alt), #13475b 30%, #253951 70%, var(--accent)) 1}[data-theme=cyberpunk] .circuit-line{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 30'%3E%3Cg fill='none' stroke='%2318e7f4' stroke-width='1'%3E%3Cpath d='M0 29h28L56 2h150l25 25h165l25-15h88l18 17h190'/%3E%3Cpath opacity='.35' d='M40 1h150m70 12h110m150-12h180l20 28h80'/%3E%3C/g%3E%3Cpath fill='none' stroke='%23ff16b8' d='M410 27h85l20-19h90l20 20h170'/%3E%3C/svg%3E") 50%/100% 100% no-repeat}[data-theme=cyberpunk] h1{text-shadow:-1px 1px 0 var(--accent-alt), 1px -1px 0 #ff16b8aa}[data-theme=cyberpunk] h1 span{text-shadow:0 0 18px #18e7f4aa}[data-theme=cyberpunk] .board-frame{isolation:isolate;clip-path:polygon(0 28px,28px 0,calc(100% - 28px) 0,100% 28px,100% calc(100% - 28px),calc(100% - 28px) 100%,28px 100%,0 calc(100% - 28px));filter:drop-shadow(0 0 12px #14cfe626);background:linear-gradient(135deg,#20eaf9,#243d50 14%,#152233 65%,#c431a6 89%,#ff16b8);border:0}[data-theme=cyberpunk] .board-frame:before{content:"";z-index:-1;clip-path:inherit;background:linear-gradient(130deg,#78a7b9 0%,#203d50 4%,#081421 10%,#213b4e 12%,#0c1828 16%,#111a27 84%,#763761 95%,#27394b 97%,#ef50bf 100%);position:absolute;inset:3px;box-shadow:inset 0 0 0 3px #07101f}[data-theme=cyberpunk] .board-frame:after{content:"";z-index:-1;clip-path:inherit;background:#030a13;border:1px solid #78b6c86b;position:absolute;inset:12px}[data-theme=cyberpunk] .board{border:1px solid #8bb3c866;box-shadow:0 0 0 3px #02060c,0 0 0 5px #162c3c}[data-theme=cyberpunk] .frame-screw{background:linear-gradient(135deg,#accedf,#243b4d 40%,#031321 60%,#7d9fae);border:1px solid #8ba9ba;border-radius:50%;width:10px;height:10px;position:absolute;box-shadow:0 1px 3px #000}[data-theme=cyberpunk] .frame-screw:after{content:"";background:#000;width:6px;height:1px;position:absolute;top:3px;left:1px;transform:rotate(-45deg)}.screw-tl{top:16px;left:16px}.screw-tr{top:16px;right:16px}.screw-bl{bottom:16px;left:16px}.screw-br{bottom:16px;right:16px}[data-theme=cyberpunk] .square{background-image:linear-gradient(135deg,#b8d4ed0a,#0000 50%,#00000020);box-shadow:inset 0 0 0 .5px #8da9c51c}[data-theme=cyberpunk] .square--selected{outline:0}[data-theme=cyberpunk] .square--selected:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(var(--highlight), var(--highlight)) left top / 20% 3px, linear-gradient(var(--highlight), var(--highlight)) left top / 3px 20%, linear-gradient(var(--highlight), var(--highlight)) right top / 20% 3px, linear-gradient(var(--highlight), var(--highlight)) right top / 3px 20%, linear-gradient(var(--highlight), var(--highlight)) left bottom / 20% 3px, linear-gradient(var(--highlight), var(--highlight)) left bottom / 3px 20%, linear-gradient(var(--highlight), var(--highlight)) right bottom / 20% 3px, linear-gradient(var(--highlight), var(--highlight)) right bottom / 3px 20%;filter:drop-shadow(0 0 4px #fff56a66);background-repeat:no-repeat;position:absolute;inset:2px}[data-theme=cyberpunk] .square--highlight:after{box-shadow:0 0 18px #fff56a90,0 0 7px #fff56a60}[data-theme=cyberpunk] .piece,[data-theme=cyberpunk] .score-piece{border:2px solid var(--piece-color);box-shadow:0 0 5px var(--piece-color), 0 0 15px color-mix(in srgb, var(--piece-color) 45%, transparent), 0 7px 7px #000a, inset 0 0 3px var(--piece-color);background:linear-gradient(145deg,#4a6474,#0a1523 40%,#06101c 70%,#203747)}[data-theme=cyberpunk] .piece:before,[data-theme=cyberpunk] .score-piece:before{content:"";border:1px solid color-mix(in srgb, var(--piece-color) 80%, white);background:linear-gradient(135deg,#6a7986,#213240 45%,#0a1220);border-radius:50%;position:absolute;inset:14%;box-shadow:0 0 0 2px #020c17,inset 1px 1px 2px #bfd4e340,inset -2px -3px 4px #0008}[data-theme=cyberpunk] .piece--threat{outline:2px solid var(--highlight);outline-offset:5px}[data-theme=cyberpunk] .piece--king:after{filter:drop-shadow(0 0 3px var(--piece-color))}[data-theme=cyberpunk] .panel:before{content:"";z-index:-1;clip-path:polygon(0 23px,23px 0,58% 0,calc(58% + 18px) 18px,calc(100% - 20px) 18px,100% 38px,100% calc(100% - 20px),calc(100% - 20px) 100%,20px 100%,0 calc(100% - 20px));background:linear-gradient(140deg,#18e7f466,#182635 25%,#264356 70%,#ff16b866);position:absolute;inset:0}[data-theme=cyberpunk] .panel:after{content:"";z-index:-1;clip-path:polygon(0 23px,23px 0,58% 0,calc(58% + 18px) 18px,calc(100% - 20px) 18px,100% 38px,100% calc(100% - 20px),calc(100% - 20px) 100%,20px 100%,0 calc(100% - 20px));background:linear-gradient(110deg,#050a12,#050a12ed);position:absolute;inset:1px}[data-theme=cyberpunk] .panel{isolation:isolate}[data-theme=cyberpunk] .turn-label:before{box-shadow:0 0 20px color-mix(in srgb, var(--piece-color) 60%, transparent)}[data-theme=cyberpunk] .status-primary{text-shadow:-1px 1px #18e7f44a}[data-theme=cyberpunk] .rules-button,[data-theme=cyberpunk] .scores,[data-theme=cyberpunk] .new-game,[data-theme=cyberpunk] .custom-colors,[data-theme=cyberpunk] .rule-reminder{clip-path:var(--angular)}[data-theme=cyberpunk] .segments{filter:drop-shadow(0 0 4px #18e7f412)}[data-theme=cyberpunk] .segment:first-child>span{clip-path:polygon(0 10px,10px 0,100% 0,100% 100%,10px 100%,0 calc(100% - 10px))}[data-theme=cyberpunk] .segment:last-child>span{clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%)}[data-theme=cyberpunk] .segment input:checked+span{background:linear-gradient(110deg, #ff38c4, var(--accent));box-shadow:inset 0 0 0 1px #ff88df}[data-theme=cyberpunk] .segment input:focus-visible+span{outline-offset:-4px}[data-theme=cyberpunk] .new-game{background:linear-gradient(135deg, #ff4fcf, var(--accent) 30%, #f90fae 90%, #ff53d4);letter-spacing:.04em;box-shadow:inset 0 0 0 1px #ff7fd7}[data-theme=cyberpunk] .new-game:focus-visible,[data-theme=cyberpunk] .rules-button:focus-visible{outline-offset:-5px}[data-theme=cyberpunk] legend{align-items:center;gap:16px;display:flex}[data-theme=cyberpunk] legend:after{content:"";background:linear-gradient(90deg,#38687f,#0000);flex:1;height:1px}[data-theme=cyberpunk] .rule-reminder{padding-top:22px;position:relative}[data-theme=cyberpunk] .rule-reminder:before{content:"";background:repeating-linear-gradient(135deg, var(--highlight) 0 7px, transparent 8px 13px);width:80px;height:5px;position:absolute;top:6px;left:72px}[data-theme=cyberpunk] footer{border-image:linear-gradient(90deg, var(--accent), #15384b 30%, #276b81 70%, var(--accent-alt)) 1}@media (width<=800px){[data-theme=cyberpunk] body:before,[data-theme=cyberpunk] body:after,[data-theme=cyberpunk] .panel:before,[data-theme=cyberpunk] .panel:after{display:none}[data-theme=cyberpunk] .board-frame{clip-path:polygon(0 18px,18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px))}[data-theme=cyberpunk] .board-frame:after{inset:8px}[data-theme=cyberpunk] .frame-screw{width:7px;height:7px}.screw-tl{top:10px;left:10px}.screw-tr{top:10px;right:10px}.screw-bl{bottom:10px;left:10px}.screw-br{bottom:10px;right:10px}[data-theme=cyberpunk] .frame-screw:after{width:4px;top:2px}[data-theme=cyberpunk] .piece{box-shadow:0 0 4px var(--piece-color), 0 0 9px color-mix(in srgb, var(--piece-color) 30%, transparent), 0 4px 5px #000a;border-width:1.5px}}