.strategy-page{padding-block:20px 44px}.strategy-page h1 small{font-size:.45em;color:var(--muted,#96aaa7)}.strategy-tabs{display:flex;gap:14px;flex-wrap:wrap}.strategy-tabs [aria-current]{color:#e9c576}.strategy-layout{display:grid;grid-template-columns:minmax(0,580px) minmax(240px,320px);justify-content:center;gap:24px;align-items:start}.strategy-table{min-width:0}.strategy-player{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 4px;min-height:48px}.strategy-player button{background:none;border:0;color:inherit;text-align:left;cursor:pointer;font-weight:700}.strategy-player small{display:block;font-size:.75rem;font-weight:400}.strategy-board{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));aspect-ratio:1;position:relative;border:10px solid #a77b49;border-radius:6px;background:#ddb57a;box-shadow:0 12px 32px #0003;width:100%;box-sizing:border-box;touch-action:manipulation}.strategy-board button{border:0;min-width:0;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;padding:0;background:transparent;cursor:pointer;aspect-ratio:1;color:inherit}.strategy-board.is-grid button:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent calc(50% - .5px),#684c32 calc(50% - .5px),#684c32 calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(transparent calc(50% - .5px),#684c32 calc(50% - .5px),#684c32 calc(50% + .5px),transparent calc(50% + .5px))}.strategy-board button:focus-visible{outline:3px solid #429fca;outline-offset:-3px;z-index:2}.strategy-board .disc{width:82%;height:82%;border-radius:50%;position:relative;z-index:1;box-shadow:1px 3px 4px #0006;display:grid;place-items:center;font-size:clamp(12px,3vw,28px)}.strategy-board .black{background:radial-gradient(circle at 35% 25%,#555,#141819 70%);color:#e7d09c}.strategy-board .white{background:radial-gradient(circle at 35% 25%,#fff,#d5d8d3 80%);color:#6b5034}.strategy-board .legal:after{content:'';position:absolute;width:17%;height:17%;background:#17605d88;border-radius:50%;z-index:2}.strategy-board .last .disc:after{content:'';position:absolute;inset:34%;border:2px solid #e0a942;border-radius:50%}.strategy-board .selected{box-shadow:inset 0 0 0 3px #e7be60}.strategy-board .win .disc{box-shadow:0 0 0 3px #57cc8b,0 0 14px #49ba75}.strategy-board.is-reversi{background:#21685c;border-color:#154e45}.strategy-board.is-reversi button{border:1px solid #ffffff22}.strategy-board.is-reversi .legal:after{background:#d8eac77a}.strategy-board.is-checkers{background:#eddbc0;border-color:#77563b}.strategy-board .dark-square{background:#705440}.strategy-board.is-checkers .disc{height:75%;width:75%;border:3px double #ffffff55;box-shadow:0 3px 0 #0006}.strategy-panel{padding:20px;background:var(--panel,#1d3033);border:1px solid #8aaca52b;border-radius:14px;display:grid;gap:16px;min-width:0}.strategy-panel label{display:grid;gap:6px;font-size:.85rem}.strategy-panel select,.strategy-panel input:not([type=checkbox]){width:100%;padding:10px;border:1px solid #78968c66;border-radius:7px;color:inherit;background:var(--bg,#17282c);box-sizing:border-box}.strategy-panel button,.strategy-actions button,.strategy-dialog button{padding:9px 13px;border:1px solid #8da79a66;border-radius:7px;background:transparent;color:inherit;cursor:pointer}.strategy-panel button:disabled,.strategy-actions button:disabled{opacity:.4;cursor:default}.strategy-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.strategy-status{font-weight:700;margin:12px 0;min-height:24px}.strategy-notice{color:#efbd7d;min-height:1.4em}.strategy-history{max-height:180px;overflow:auto;font-variant-numeric:tabular-nums;font-size:.8rem;padding-left:28px}.strategy-panel details>summary{cursor:pointer;font-weight:700}.strategy-panel p,.strategy-panel small{font-size:.8rem;line-height:1.6}.strategy-toggles{display:flex;flex-wrap:wrap;gap:14px}.strategy-toggles label{display:flex;align-items:center;gap:6px}.strategy-online{display:grid;gap:10px}.strategy-link{overflow-wrap:anywhere;font-size:.75rem}.strategy-dialog{max-width:500px;width:calc(100% - 40px);max-height:80vh;overflow:auto;background:#213639;color:#edf5ed;border:1px solid #6f9b8a;border-radius:14px;padding:24px}.strategy-dialog::backdrop{background:#071819bb}.strategy-stat-grid{display:flex;gap:12px;flex-wrap:wrap}.strategy-stat-grid div{padding:8px}.strategy-stat-grid small{display:block}.strategy-art{min-height:180px;display:grid;place-items:center;background-color:#b58b55;background-image:linear-gradient(#56452855 1px,transparent 1px),linear-gradient(90deg,#56452855 1px,transparent 1px);background-size:24px 24px;color:#152121;font-size:clamp(24px,3vw,42px);letter-spacing:-3px}.art-reversi{background-color:#286b5a}.art-checkers{background-color:#a88660}.strategy-library{padding-block:28px}.strategy-library .practice-card-body>p{max-height:5em;overflow:auto}.strategy-clock{font-variant-numeric:tabular-nums;font-size:.8rem}.strategy-result{padding:14px;background:#527e5b2b;border-radius:8px}.strategy-primary{background:#ddb86e!important;color:#18292b!important;font-weight:700}[data-theme=light] .strategy-panel{background:#eef1e9;color:#213739}[data-theme=light] .strategy-panel select,[data-theme=light] .strategy-panel input:not([type=checkbox]){background:#fff;color:#213739}@media(max-width:760px){.strategy-layout{grid-template-columns:1fr;gap:16px}.strategy-page.container{padding-inline:12px}.strategy-board{border-width:6px}.strategy-panel{padding:15px}.strategy-page .xq-heading{display:block}.strategy-tabs{margin-top:12px;gap:12px;font-size:.8rem}.strategy-history{max-height:130px}.strategy-page h1{font-size:2rem}.strategy-player{font-size:.9rem}.strategy-board.is-checkers .disc{border-width:2px}}

@media(max-width:760px){.strategy-page.container{width:calc(100% - 16px);padding-inline:0}.strategy-table{width:100%}.strategy-panel{width:100%}}