.gf-game{--panel:#10171a;--panel2:#141e22;--line:#2b3b42;--text:#eef4f5;--muted:#94a8af;--orange:#f1772b;--cyan:#4edbe7;--light:#c8b18b;--dark:#50372c;--white:#f2eee4;--black:#17191b;color:var(--text);background:radial-gradient(circle at 20% 0,#142127 0,#080c0e 35%,#050708 100%);border-block:1px solid #1d2b31;min-height:calc(100dvh - 76px)}
.gf-game,.gf-game *{box-sizing:border-box}.gf-game button,.gf-game a{font:inherit;-webkit-tap-highlight-color:transparent}.gf-game button{touch-action:manipulation}.gf-game a{text-decoration:none}.gf-game-head,.gf-game-layout{width:min(1320px,100%);margin-inline:auto}.gf-game-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:20px 24px 0}.gf-title-wrap{min-width:0}.gf-back{display:inline-flex;margin-bottom:8px;color:#79e3ec!important;font-size:.8rem;font-weight:900}.gf-kicker{display:block;color:#ff8a32;font-size:.64rem;letter-spacing:.15em;font-weight:950}.gf-game-head h1{margin:.12em 0 .16em;font-size:clamp(1.9rem,4vw,3rem)}.gf-game-head p{margin:0;max-width:780px;color:#afbec2;font-size:.93rem}.gf-top-actions{display:flex;gap:8px;flex:0 0 auto}.gf-icon-btn{width:44px;height:44px;border:1px solid #3a4e56;background:#10181b;color:#fff;border-radius:9px;display:grid;place-items:center;font-size:1.15rem;cursor:pointer}.gf-icon-btn:hover{border-color:var(--cyan)}
.gf-game-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;padding:20px 24px 28px;align-items:start}.gf-board-zone{min-width:0;display:grid;justify-items:center}.gf-turn-card{width:min(100%,720px);min-height:50px;display:flex;align-items:center;gap:10px;margin-bottom:10px;padding:8px 12px;border:1px solid var(--line);background:#0d1316;border-radius:9px}.gf-turn-card small,.gf-turn-card strong{display:block}.gf-turn-card small{font-size:.6rem;letter-spacing:.14em;color:var(--muted)}.gf-turn-card strong{font-size:.9rem;letter-spacing:.07em}.turn-dot{width:15px;height:15px;border-radius:50%;border:1px solid #77868b;box-shadow:0 0 0 3px #0005}.turn-dot.white{background:var(--white)}.turn-dot.black{background:var(--black)}.thinking{margin-left:auto;font-size:.64rem;letter-spacing:.11em;color:var(--cyan);font-weight:900}.gf-board-wrap{position:relative;width:min(100%,720px);aspect-ratio:1}.board{width:100%;height:100%;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);border:7px solid #17100d;border-radius:10px;overflow:hidden;box-shadow:0 18px 60px #0008,0 0 0 1px #536169;user-select:none;background:#241813}.cell{position:relative;border:0;padding:0;display:grid;place-items:center;min-width:0;min-height:0}.cell.light{background:linear-gradient(135deg,#cfbd9c,#baa17c)}.cell.dark{background:radial-gradient(circle at 35% 25%,#67483a,#493027 72%);cursor:pointer}.cell.selectable:after{content:"";position:absolute;width:18%;height:18%;border-radius:50%;background:#4edbe7d9;box-shadow:0 0 15px #4edbe788}.cell.destination:after{content:"";position:absolute;width:34%;height:34%;border-radius:50%;border:3px solid #ff9a55;background:#f1772b2e}.cell.capture-destination:after{width:46%;height:46%;border-color:#ffca74}.cell.selected{box-shadow:inset 0 0 0 4px var(--cyan),inset 0 0 28px #4edbe72e}.piece{position:relative;width:76%;height:76%;border-radius:50%;z-index:3;display:grid;place-items:center;pointer-events:none}.piece.white{background:radial-gradient(circle at 35% 28%,#fff,#e7e2d7 54%,#a9a49b);border:2px solid #fbf8ef;box-shadow:0 6px 10px #0007,inset 0 -6px 8px #7775,inset 0 3px 4px #fff}.piece.black{background:radial-gradient(circle at 35% 28%,#505457,#1b1e20 48%,#070809);border:2px solid #555c5f;box-shadow:0 6px 10px #0009,inset 0 -6px 8px #0009,inset 0 3px 4px #7775}.piece:before{content:"";position:absolute;inset:15%;border-radius:50%;border:2px solid currentColor;opacity:.26}.piece.king:after{content:"◆";font-size:clamp(12px,3vw,28px);color:#f5a14f;text-shadow:0 1px 2px #000}.capture-badge{position:absolute;right:7%;bottom:7%;z-index:5;min-width:22px;height:22px;padding:0 5px;border-radius:999px;background:#f5a14f;color:#111;font-size:.68rem;font-weight:950;display:grid;place-items:center}.hint{width:min(100%,720px);margin:9px 0 0;color:var(--muted);font-size:.8rem;text-align:center;min-height:1.4em}.gf-side-panel{display:grid;gap:12px}.gf-panel{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:10px;padding:15px;box-shadow:0 12px 35px #0002}.gf-panel h2{font-size:.7rem;letter-spacing:.17em;margin:0 0 11px;color:#9ab0b7}.score-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.score{display:flex;align-items:center;gap:8px}.black-score{justify-content:flex-end;text-align:right}.score small,.score strong{display:block}.score small{font-size:.58rem;letter-spacing:.11em;color:var(--muted)}.score strong{font-size:1.45rem}.versus{font-size:.6rem;color:#65767c;font-weight:900}.mini-piece{width:28px;height:28px;border-radius:50%;flex:0 0 auto}.mini-piece.white{background:var(--white);border:2px solid white}.mini-piece.black{background:#151719;border:2px solid #4d5558}.king-row{display:flex;justify-content:space-between;gap:10px;margin-top:10px;padding-top:9px;border-top:1px solid var(--line);font-size:.69rem;color:var(--muted)}.king-row b{color:#ff9a55}.segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;background:#090d0f;border:1px solid #27363c;border-radius:8px}.segmented.triple{grid-template-columns:repeat(3,minmax(0,1fr))}.segmented button{min-height:42px;border:0;border-radius:6px;background:transparent;color:#91a5ab;font-size:.69rem;font-weight:900;letter-spacing:.04em;cursor:pointer}.segmented button.active{background:#1c2a2f;color:#fff;box-shadow:inset 0 0 0 1px #40535a}.setting{margin-top:12px}.setting label{display:block;font-size:.6rem;letter-spacing:.12em;color:var(--muted);margin-bottom:6px}.primary,.secondary{min-height:46px;border-radius:8px;font-weight:900;letter-spacing:.04em;cursor:pointer}.primary{border:1px solid #ff9b59;background:linear-gradient(135deg,#be4f19,var(--orange));color:white}.primary.full{width:100%;margin-top:13px}.secondary{border:1px solid #3a4b52;background:#111a1e;color:#dce6e8}.secondary:disabled{opacity:.35}.button-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.info-panel p{font-size:.8rem;color:#aebdc1;line-height:1.5;margin:7px 0}.text-btn{border:0;background:transparent;padding:4px 0;color:var(--cyan);font-weight:900;font-size:.7rem;cursor:pointer}.game-overlay{position:absolute;inset:0;z-index:10;background:#040708c7;backdrop-filter:blur(5px);display:grid;place-items:center;padding:18px}.game-overlay[hidden]{display:none}.overlay-card{width:min(420px,92%);text-align:center;background:#10181b;border:1px solid #46575d;border-radius:12px;padding:25px;box-shadow:0 30px 80px #000}.overlay-card h2{font-size:1.8rem;margin:.3em 0}.overlay-card p{color:#aebdc1}.overlay-card .primary{padding-inline:20px}.rules-dialog,dialog{width:min(760px,calc(100% - 24px));max-height:calc(100dvh - 24px);border:0;background:transparent;color:white;padding:0;overflow:auto}.rules-dialog::backdrop,dialog::backdrop{background:#000c;backdrop-filter:blur(4px)}.rules-card,.promotion-card{background:#0c1215;border:1px solid #405158;border-radius:12px;padding:21px}.modal-head{display:flex;justify-content:space-between;gap:16px;align-items:start}.modal-head h2{margin:.2em 0 0}.rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.rules-grid article{display:grid;grid-template-columns:32px 1fr;gap:9px;padding:12px;border:1px solid var(--line);background:#10181b;border-radius:8px}.rules-grid article>b{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#2b1b12;color:#ff9a55}.rules-grid p{margin:0;color:#b8c5c8;font-size:.84rem;line-height:1.5}.modal-actions{text-align:right}.modal-actions .primary{padding-inline:20px}
@media(max-width:1050px){.gf-game-layout{grid-template-columns:1fr;padding:16px 18px 24px}.gf-side-panel{width:min(100%,720px);margin:auto;grid-template-columns:1fr 1fr}.controls-panel{grid-row:span 2}.gf-board-wrap{width:min(100%,68dvh,720px)}.gf-turn-card,.hint{width:min(100%,68dvh,720px)}}
@media(max-width:720px){.gf-game{min-height:auto}.gf-game-head{padding:14px 12px 0;align-items:flex-start}.gf-game-head h1{font-size:1.85rem}.gf-game-head p{font-size:.82rem;line-height:1.4}.gf-top-actions{padding-top:2px}.gf-icon-btn{width:42px;height:42px}.gf-game-layout{padding:12px 10px calc(18px + env(safe-area-inset-bottom));gap:11px}.gf-board-wrap,.gf-turn-card,.hint{width:100%}.gf-turn-card{min-height:44px;margin-bottom:7px}.board{border-width:5px;border-radius:7px}.gf-side-panel{grid-template-columns:1fr;gap:9px;width:100%}.controls-panel{grid-row:auto}.gf-panel{padding:12px}.info-panel{display:none}.rules-grid{grid-template-columns:1fr}.segmented button{min-height:44px}.hint{font-size:.73rem}}
@media(max-width:430px){.gf-game-head p{display:none}.gf-back{margin-bottom:5px}.gf-game-head h1{font-size:1.65rem}.gf-game-layout{padding-top:9px}.gf-turn-card{min-height:42px}.score strong{font-size:1.25rem}.king-row{font-size:.64rem}.segmented button{font-size:.63rem}.button-grid{grid-template-columns:1fr 1fr}.rules-card{padding:15px}}
@media(max-height:620px) and (orientation:landscape) and (min-width:680px){.gf-game-head{display:none}.gf-game-layout{grid-template-columns:minmax(0,1fr) 295px;padding:7px 10px;gap:10px}.gf-board-wrap{width:min(calc(100dvh - 24px),640px)}.gf-turn-card,.hint{display:none}.gf-side-panel{display:grid;grid-template-columns:1fr;gap:6px;width:100%}.gf-panel{padding:9px}.status-panel,.info-panel{display:none}.setting{margin-top:6px}.segmented button{min-height:35px}.primary,.secondary{min-height:38px}.primary.full{margin-top:7px}.button-grid{margin-top:6px}}