:root{font-family:system-ui,sans-serif;color:#cdd9e2;background:#0c1820;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1100px;padding:28px 30px;margin:auto}a{color:#b4cbbf;text-underline-offset:5px}header{display:flex;justify-content:space-between;align-items:center;font-size:13px}.edition,.eyebrow{letter-spacing:.18em;font-size:11px;color:#94a99f}.intro{display:flex;justify-content:space-between;align-items:end;padding:52px 0 36px;gap:20px}h1{font:normal clamp(64px,10vw,110px)/.96 Georgia,serif;letter-spacing:-.055em;color:#f3ede0;margin:14px 0 18px}h1 span{color:#b6d9ad;font-size:.7em;margin-left:28px}.lede{font:22px/1.5 Georgia,serif;color:#c2cfc8;margin:0}.intro aside{text-align:right;font-size:13px;color:#95aaa1;line-height:1.7}.stamp{border:1px solid #738678;padding:7px 12px;letter-spacing:.15em;font-size:10px}.toolbar{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #34453f;border-bottom:1px solid #34453f;padding:18px 0;gap:15px}.scores{display:flex;gap:36px;font-size:10px;letter-spacing:.1em}.scores strong{font:32px Georgia,serif;margin-left:12px}.you{color:#67d6dd}.rival{color:#f9a6ae}.round{font-size:10px;letter-spacing:.1em}.round strong{display:block;text-align:right;font-size:16px;margin-top:4px}.play-area{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:38px}.board-wrap{min-width:0}.phase{text-align:center;padding:26px 5px 0;font-size:13px}.canvas{margin:auto}.notes{border-left:1px solid #34453f;margin:28px 0;padding-left:26px;font-size:13px;line-height:1.65}.notes h2{font:25px Georgia,serif;color:#eee7d6}.rules{list-style:none;padding:0}.rules li{display:flex;flex-direction:column;border-top:1px solid #34453f;padding:10px 0}.rules b{font-weight:400;color:#9caea4}.rules strong{font-weight:500;color:#dce4cf}.receipt{padding:14px;background:#17292b;border-left:2px solid #accb9d;font-size:12px}.actions{display:flex;gap:8px;margin:12px 0 20px}button,select{border:1px solid #61776c;border-radius:3px;background:#182b2c;color:#e4eadc;font:inherit;min-height:42px;padding:9px 12px;cursor:pointer;max-width:100%}button:hover{background:#2e4b43}button:disabled{opacity:.4;cursor:default}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #facc15;outline-offset:4px}.keyboard{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;padding:12px 0 24px}.keyboard label{width:100%;color:#97aea1}.small{font-size:11px;color:#97aea1}footer{display:flex;justify-content:space-between;border-top:1px solid #34453f;padding-top:20px;font-size:12px;color:#97aea1}footer p{margin:0}@media(max-width:720px){main{padding:20px 18px}.intro{padding-top:36px}.intro aside{display:none}.play-area{grid-template-columns:1fr;gap:0}.notes{border-left:0;border-top:1px solid #34453f;padding:16px 0;margin:0}.scores{gap:14px}.scores strong{margin-left:4px;font-size:26px}.phase{padding-top:20px}.notes h2{margin-top:10px}footer{gap:15px}.edition{font-size:9px}}

input[type=range]{width:100%;accent-color:#b6d9ad;margin:14px 0 0;min-height:32px}input:focus-visible{outline:3px solid #facc15;outline-offset:4px}