:root{color-scheme:dark;font-family:Arial,Helvetica Neue,sans-serif;color:#eaf1ed;background:#060a10;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,input{font:inherit}button{cursor:pointer;transition:background .16s,transform .16s,color .16s}button:focus-visible,input:focus-visible{outline:3px solid #f6fce9;outline-offset:5px}button:hover{transform:translateY(-2px)}button:active{transform:translateY(1px)}#app{position:absolute;width:min(100vw,177.77778dvh);height:min(100dvh,56.25vw);top:50%;left:50%;transform:translate(-50%,-50%);container-type:inline-size;overflow:hidden;background:#0c111a}#game,#ui{position:absolute;inset:0}canvas{display:block}#ui{z-index:2;font-size:1.1cqw}#ui.playing{pointer-events:none}.main-menu{height:100%;position:relative;background:#101720;overflow:hidden;padding:3cqw 4.7cqw}.brand-bar,.menu-footer{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.brand{color:#f0f5ed;font-size:1.3cqw;font-weight:900;letter-spacing:.1cqw;display:flex;align-items:center;gap:.8cqw}.brand-mark{display:block;flex:none;width:2.4cqw;height:2.4cqw;object-fit:contain}.edition,.eyebrow,.keyboard-note,.menu-footer,.arena-tag,.player-label,.round-label,.fineprint{font-family:Courier New,monospace}.edition{font-size:.76cqw;letter-spacing:.12cqw;color:#94a4a8;display:flex;align-items:center;gap:1.4cqw}.edition i{height:.45cqw;width:.45cqw;border-radius:50%;background:#d9f978;box-shadow:0 0 1cqw #d9f94855}.menu-copy{position:relative;z-index:1;margin-top:5.3cqw;width:46%}.eyebrow{font-size:.78cqw;font-weight:600;letter-spacing:.17cqw;color:#c5d798;margin:0 0 1.6cqw}.menu-copy .eyebrow{display:flex;align-items:center;gap:.7cqw}.eyebrow>span{width:1.8cqw;height:1px;background:#d9f978}h1{font-size:6.65cqw;line-height:.96;letter-spacing:-.43cqw;margin:0;font-weight:900}h1 em{font-style:normal;color:#d9f978}.intro{font-size:1.12cqw;color:#a8b5b8;line-height:1.7;margin:2cqw 0 2.3cqw}.primary{background:#d9f978;color:#14201c;padding:1.2cqw 1.6cqw;border:1px solid #d9f978;border-radius:.32cqw;letter-spacing:.1cqw;font-size:1.05cqw;font-weight:800;display:flex;align-items:center;justify-content:space-between;gap:4cqw;box-shadow:0 .3cqw #0002}.primary:hover{background:#eaffaa}.primary span{font-size:1.6cqw;font-weight:400;line-height:1}.play{width:28cqw;padding:1.45cqw 1.6cqw}.menu-links{width:28cqw;display:flex;margin-top:1.2cqw;gap:2cqw}.menu-links button{color:#b5c1c1;background:none;border:none;border-bottom:1px solid #354249;font-size:1cqw;text-align:left;padding:.65cqw 0;flex:1;display:flex;justify-content:space-between;gap:1cqw}.menu-links button:hover{color:#d9f978}.keyboard-note{color:#7f9395;font-size:.7cqw;letter-spacing:.045cqw;margin-top:1.9cqw}.keyboard-note span{font-size:1cqw;margin-right:.5cqw}.menu-art{position:absolute;right:2.3cqw;top:8.7cqw;width:51cqw;height:41cqw}.menu-art img{width:100%;height:100%;object-fit:contain}.arena-tag{position:absolute;bottom:1.2cqw;left:8.2cqw;right:4cqw;display:flex;justify-content:space-between;border-top:1px solid #35434a;padding-top:1.2cqw}.arena-tag span{color:#d4e1d7;font-size:.82cqw;letter-spacing:.1cqw}.arena-tag small{color:#788c90;font-size:.62cqw;align-self:center}.menu-footer{position:absolute;bottom:2.2cqw;left:4.7cqw;right:4.7cqw;border-top:1px solid #2b363e;padding-top:1.25cqw;font-size:.61cqw;color:#7c9298;letter-spacing:.11cqw}.footer-dot{color:#879a7e;padding:0 .8cqw}.overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background:#070e18c9;backdrop-filter:blur(6px)}.panel{background:#15212a;border:1px solid #3c5057;border-radius:1cqw;padding:2.7cqw 3.1cqw;width:64cqw;box-shadow:0 3cqw 10cqw #0008;max-height:94%;overflow:auto}.panel .eyebrow{margin-bottom:.8cqw}h2{font-size:3.4cqw;line-height:1.02;letter-spacing:-.13cqw;margin:0}.panel-subtitle{color:#9db3b7;margin:1cqw 0 2cqw;font-size:1.1cqw}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.3cqw;margin-top:1.9cqw}.player-controls{background:#0f1922;border:1px solid #30434b;border-radius:.5cqw;padding:1.3cqw}.p1{--player: #77e2d2}.p2{--player: #ffac78}.player-title{display:flex;align-items:center;gap:.6cqw;padding-bottom:1cqw;border-bottom:1px solid #263b41;color:var(--player)}.player-title h3{margin:0;font-size:.9cqw;letter-spacing:.05cqw}.player-title>span:last-child{margin-left:auto;font-size:.53cqw;letter-spacing:.07cqw;color:#879c9d}.shape{display:inline-block;width:.85cqw;height:.85cqw;background:var(--player);flex-shrink:0}.circle{border-radius:50%}.diamond{transform:rotate(45deg);width:.7cqw;height:.7cqw}.key-line{display:flex;align-items:center;justify-content:space-between;color:#b1c2c3;margin-top:1cqw;font-size:.88cqw}kbd{display:inline-grid;place-items:center;min-width:2.1cqw;height:2.05cqw;font:700 .83cqw Courier New,monospace;border:1px solid #40565d;border-bottom:.2cqw solid #40565d;border-radius:.28cqw;color:#d8e6df;background:#20323c;margin-right:.35cqw;padding:0 .4cqw}.rules{margin:1.5cqw 0}.rules p{display:flex;gap:1cqw;margin:.8cqw 0;color:#adc0c0;font-size:.94cqw;line-height:1.55}.rules b{color:#d9f978;font-family:monospace;font-size:.8cqw;padding-top:.15cqw}.panel-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:1.2cqw;border-top:1px solid #35474e}.panel-bottom>span{font-size:.8cqw;color:#8ca2a5}.fineprint{color:#8ca2a7;font-size:.68cqw;line-height:1.6;margin:1.3cqw 0 0}.compact{width:39cqw;padding:3cqw}.full{width:100%}.secondary{display:block;width:100%;border:1px solid #354a51;background:#1a2a33;color:#b6c9c7;padding:1.1cqw;font-size:.9cqw;font-weight:700;letter-spacing:.1cqw;margin-top:.9cqw;border-radius:.3cqw}.secondary:hover{background:#293e45;color:#eaf1ed}.pause-panel{text-align:center}.pause-panel .primary{margin-top:2cqw}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:2cqw;padding:1.7cqw 0;border-bottom:1px solid #32474f;font-size:1cqw}.setting-row small{display:block;font-size:.72cqw;color:#8ca2a6;line-height:1.6;margin-top:.4cqw}.setting-row input{accent-color:#d9f978}.setting-row input[type=checkbox]{width:1.5cqw;height:1.5cqw;flex-shrink:0}.setting-row input[type=range]{width:12cqw}.setting-row:last-of-type{margin-bottom:2cqw}.hud{position:absolute;top:3.1cqw;left:6.3cqw;right:6.3cqw;display:flex;align-items:center;justify-content:space-between}.score{display:flex;align-items:center;gap:1.1cqw}.score>.shape{width:1.15cqw;height:1.15cqw}.player-label{color:var(--player);font-size:.8cqw;font-weight:700;letter-spacing:.12cqw}.score-dots{display:flex;gap:.5cqw;margin-top:.7cqw}.score-dot{width:2.1cqw;height:.42cqw;border:1px solid #3f565c;border-radius:2px}.score-dot.won{background:var(--player);border-color:var(--player);box-shadow:0 0 1cqw color-mix(in srgb,var(--player) 20%,transparent)}.round-label{text-align:center}.round-label>span{font-size:1.15cqw;font-weight:700;color:#d5e3db;letter-spacing:.25cqw}.round-label small{display:block;margin-top:.55cqw;font-size:.55cqw;color:#7f9b9e;letter-spacing:.16cqw}.round-message{position:absolute;top:34%;left:0;right:0;text-align:center;text-shadow:0 .3cqw 2cqw #000b}.round-message strong{display:block;font-size:8cqw;line-height:1.2;color:#d9f978;letter-spacing:-.3cqw}.round-message small{font-size:.8cqw;letter-spacing:.4cqw;font-weight:700;color:#d7e1d3}.round-message span{color:#a1b8b8;font-size:1.15cqw}.result-message{top:32%;padding:2cqw 0;background:#0a141cbf}.result-message strong{font-size:4.6cqw;margin:.7cqw 0}.winner-panel{text-align:center}.winner-symbol{color:var(--player);font-size:3cqw;display:block;margin-bottom:1.4cqw}.winner-panel h2{color:var(--player);font-size:4.2cqw}.final-score{font-size:3cqw;color:#eaf1ed;font-weight:700;margin:1.8cqw 0}.final-score span{color:#516a6d;padding:0 1cqw}@media(prefers-reduced-motion:reduce){button{transition:none}button:hover{transform:none}}.select-label{display:block;color:#c5d798;font:700 .75cqw Courier New,monospace;letter-spacing:.13cqw;margin:1.5cqw 0 .7cqw}.setup-panel select{width:100%;font:600 1.15cqw Arial,sans-serif;background:#0f1922;color:#eaf1ed;border:1px solid #58716b;border-radius:.35cqw;padding:1.05cqw .9cqw;cursor:pointer;color-scheme:dark}.setup-panel select:focus-visible{outline:3px solid #d9f978;outline-offset:3px}.mode-description{color:#a9bfc1;font-size:.95cqw;line-height:1.6;margin:1.15cqw 0 1.65cqw;min-height:2.5cqw}.bot-controls p{color:#b1c2c3;font-size:.95cqw;line-height:1.6;margin:1cqw 0}.bot-controls .bot-fairness{color:#ffac78;font-size:.8cqw}.text-button{border:0;padding:.7cqw 0;color:#c5d798;background:transparent;font:700 .8cqw Courier New,monospace;letter-spacing:.04cqw}