:root{color-scheme:light;--ink:#253f3d;--muted:#73827b;--paper:#f3f2ed;--red:#c86650;--blue:#397d95}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,sans-serif}main{max-width:1190px;margin:auto;padding:30px 40px}header{display:flex;align-items:center;justify-content:space-between}a{color:var(--ink);text-decoration:none;font-size:14px}header select{width:auto;background:transparent;border:0}.intro{display:flex;align-items:center;justify-content:space-between;padding:45px 0 30px}.eyebrow,.section-label{font-size:11px;letter-spacing:2px;font-weight:700;color:var(--muted)}h1{font-family:Georgia,serif;font-size:82px;line-height:1;margin:15px 0;font-weight:400;letter-spacing:-4px}h1 span{color:var(--red)}.intro p{margin:0;font-size:16px;color:var(--muted)}.emblem{font-size:110px;color:#d8ded4;font-weight:200;transform:rotate(20deg);padding-right:35px}.layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:35px}aside{padding:20px 4px}label{display:block;font-size:13px;font-weight:650;margin:21px 0 8px}select,button{font:inherit;font-size:14px;border:1px solid #d2d9d1;border-radius:8px;padding:11px 12px;background:#fbfbf7;color:var(--ink)}select{width:100%;cursor:pointer}button{cursor:pointer}button:hover{filter:brightness(.96)}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #b58e35;outline-offset:3px}.primary{width:100%;background:var(--ink);color:white;margin-top:22px;border:0}.help{font-size:11px;line-height:1.7;color:var(--muted);margin:8px 0}button:disabled{opacity:.4;cursor:default}.rules{border-top:1px solid #d8ddd5;margin-top:28px;padding-top:16px}h2{font-size:13px}.rules p{font-size:12px;line-height:1.8}.legend{font-size:12px;margin:12px 0;display:flex;gap:8px;align-items:center}.legend:before{content:'';width:9px;height:9px;border-radius:50%;background:currentColor}.red{color:var(--red)}.blue{color:var(--blue)}.play{background:#fcfcf8;border:1px solid #dfe3da;border-radius:16px;padding:26px;box-shadow:0 12px 35px #253f3d05;align-self:start}.game-top{display:flex;justify-content:space-between;gap:12px;min-height:57px}#status{font-size:20px;font-weight:600;margin-top:9px}.count{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.count strong{font-family:Georgia,serif;font-size:28px;font-weight:400;color:var(--ink)}.board-wrap{margin:26px 0;overflow:auto}svg{display:block;width:100%;min-width:260px;aspect-ratio:1.55;touch-action:manipulation}.cell{fill:#e9ede5;stroke:#fcfcf8;stroke-width:2;cursor:pointer;transition:fill .15s}.cell.empty:hover,.cell.empty:focus{fill:#d4dfd1;outline:none;stroke:#728a79;stroke-width:2}.cell.p1{fill:var(--red)}.cell.p2{fill:var(--blue)}.cell.win{stroke:#f4d68b;stroke-width:4}.cell:focus-visible{stroke:#253f3d;stroke-width:4;outline:none}.last{fill:none;stroke:white;stroke-width:2;pointer-events:none}.edge{fill:none;stroke-width:5;stroke-linecap:round}.game-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e5e8df;padding-top:18px;font-size:12px;color:var(--muted)}footer{font-size:10px;letter-spacing:1.4px;color:var(--muted);padding:32px 0}footer span{margin-left:8px}@media(max-width:700px){main{padding:18px}.intro{padding:25px 0}h1{font-size:64px}.emblem{font-size:80px;padding:0}.layout{display:flex;flex-direction:column;gap:15px}.play{order:0;width:100%;padding:18px}aside{order:1;display:grid;grid-template-columns:1fr 1fr;gap:0 16px}aside>.section-label,.rules,#applyHelp{grid-column:1/-1}label{margin-top:16px}aside label{grid-column:1}aside select{grid-column:2;margin-top:12px}#difficultyHelp{grid-column:2}.primary{grid-column:1/-1}.intro p{font-size:13px}#status{font-size:17px}.board-wrap{margin:20px 0}.rules{margin-top:16px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}