:root{color:#18211b;background:#edf1ea;font-family:Inter,Noto Sans JP,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100dvh;overflow-x:hidden;background:radial-gradient(circle at 20% 0%,rgb(255 255 255 / 75%),transparent 36rem),#edf1ea}#root{min-height:100dvh}button{font:inherit}.app-button{min-height:2.85rem;padding:.7rem 1.1rem;border:1px solid transparent;border-radius:.4rem;font-weight:750;cursor:pointer}.app-button--primary{color:#fff;border-color:#294c34;background:#294c34}.app-button--primary:hover{background:#1f3e29}.app-button--secondary{color:#294c34;border-color:#9eaea1;background:transparent}.app-button--secondary:hover{background:#e5ebe3}.app-button--quiet{min-height:2.4rem;padding:.4rem .15rem;color:#496052;background:transparent}.app-button--quiet:hover{color:#1e3826}.app-button:focus-visible{outline:.2rem solid #d5a725;outline-offset:.15rem}.app-button:disabled{cursor:not-allowed;opacity:.5}.page-frame{width:min(100% - 2rem,68rem);min-height:100dvh;margin-inline:auto;padding-block:clamp(1rem,4vw,3rem)}.page-eyebrow{margin:0 0 .4rem;color:#477054;font-size:.68rem;font-weight:850;letter-spacing:.14em}.page-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:1.5rem;margin-bottom:2rem}.page-header .app-button{justify-self:start}.page-header h1{font-size:clamp(1.9rem,5vw,3.2rem)}.page-header p:last-child{margin:.55rem 0 0;color:#59655c}.language-switch{display:inline-grid;grid-template-columns:1fr 1fr;padding:.2rem;border:1px solid #b9c6ba;border-radius:99rem;background:#ffffffbf}.language-switch button{min-height:2rem;padding:.25rem .7rem;border:0;border-radius:99rem;color:#496052;background:transparent;font-size:.72rem;font-weight:800;cursor:pointer}.language-switch button.active{color:#fff;background:#294c34}.language-switch button:focus-visible{outline:.18rem solid #d5a725;outline-offset:.1rem}.npc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:1rem}.npc-card{display:grid;align-content:start;max-width:28rem;padding:clamp(1.1rem,3vw,1.6rem);border:1px solid #c7d1c6;border-radius:.7rem;background:#ffffffc7;box-shadow:0 1rem 3rem #23382812}.npc-card__topline{display:flex;justify-content:space-between;align-items:center}.difficulty-badge{padding:.25rem .5rem;border-radius:99rem;color:#285038;background:#dce9de;font-size:.72rem;font-weight:800}.difficulty-badge--normal{color:#5c4915;background:#eee5c8}.difficulty-badge--hard{color:#713b34;background:#f0d8d4}.difficulty-badge--expert{color:#52386f;background:#e7dcf0}.npc-card__id{color:#7a867d;font-size:.68rem;letter-spacing:.1em}.npc-card h2{margin:1.4rem 0 0;font-size:1.65rem}.npc-card__type{margin:.2rem 0 .8rem;color:#477054;font-weight:750}.npc-card>p:not(.npc-card__type){margin:0;color:#59655c;line-height:1.65}.npc-card__details{display:grid;gap:.7rem;margin-block:1.25rem}.npc-card__details div{padding-top:.7rem;border-top:1px solid #d9dfd8}.npc-card__details dt{color:#718076;font-size:.7rem;font-weight:800}.npc-card__details dd{margin:.2rem 0 0;font-size:.86rem;line-height:1.55}.npc-record{display:flex;flex-wrap:wrap;gap:.35rem .75rem;margin:0 0 1rem;color:#526158;font-size:.78rem;font-variant-numeric:tabular-nums}.selection-toolbar{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding:.8rem 1rem;border:1px solid #cbd5ca;border-radius:.6rem;background:#fff9}.overall-record{display:grid;gap:.2rem}.overall-record span{color:#718076;font-size:.7rem;font-weight:800}.overall-record strong{font-size:.9rem;font-variant-numeric:tabular-nums}.settings-controls{display:flex;align-items:center;gap:.45rem}.settings-controls h2{margin:0 .35rem 0 0;font-size:.8rem}.settings-controls button{display:flex;align-items:center;gap:.45rem;min-height:2.25rem;padding:.4rem .6rem;border:1px solid #bdc9be;border-radius:.35rem;color:#34493a;background:#fff;cursor:pointer;font-size:.74rem}.settings-controls button strong{color:#477054;font-size:.7rem}.settings-controls button:focus-visible{outline:.18rem solid #d5a725;outline-offset:.1rem}.settings-controls--compact{display:grid;grid-template-columns:1fr 1fr}.settings-controls--compact button{justify-content:space-between}.game-shell{width:min(100% - 2rem,72rem);height:100dvh;margin-inline:auto;padding-block:clamp(.75rem,2vh,1.5rem);display:grid;grid-template-rows:auto minmax(0,1fr)}.game-header{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:clamp(.6rem,1.5vh,1rem)}.game-header>div:first-child{min-width:0;flex:1}.game-header .language-switch{flex:0 0 auto;align-self:center}.game-header__eyebrow,.npc-summary>span,.strategy-note>span{margin:0 0 .2rem;color:#477054;font-size:.62rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}h1{margin:0;font-size:clamp(1.35rem,3vw,2rem);line-height:1.15;letter-spacing:-.04em}.npc-summary{display:grid;min-width:12rem;padding:.55rem .75rem;border:1px solid #cbd5ca;border-radius:.5rem;background:#ffffffa6}.npc-summary strong{font-size:.95rem}.npc-summary small{margin-top:.1rem;color:#5a685e;font-size:.72rem}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(15rem,19rem);align-items:stretch;gap:clamp(1.25rem,4vw,3rem);min-height:0}.board-area{display:flex;flex-direction:column;min-width:0;min-height:0;padding:clamp(.65rem,2vw,1rem);border:1px solid #cad3c9;border-radius:.75rem;background:#f9fbf7;box-shadow:0 1rem 3rem #23382814}.score-panel{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.75rem}.score-card{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-width:0;padding:.7rem .8rem;border:1px solid #d7ddd5;border-radius:.4rem;background:#fff}.score-card>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-card strong{font-size:1.35rem;font-variant-numeric:tabular-nums}.score-symbol{display:inline-block;width:.8rem;aspect-ratio:1;margin-right:.4rem;border:1px solid #172019;border-radius:50%;vertical-align:-.05rem}.score-symbol--black{background:#172019}.score-symbol--white{background:#fff}.board{display:grid;grid-template-columns:repeat(8,12.5%);grid-template-rows:repeat(8,12.5%);overflow:hidden;width:min(100%,calc(100dvh - 13rem));max-width:42rem;aspect-ratio:1;margin-inline:auto;border:.25rem solid #193f2a;border-radius:.35rem;background:#193f2a;gap:0}.board-cell{position:relative;display:grid;place-items:center;min-width:0;min-height:0;padding:0;border:0;background:#3f8f5b;box-shadow:inset 0 0 0 .5px #193f2a}.board-cell:not(:disabled){cursor:pointer}.board-cell:not(:disabled):hover{background:#4b9e67}.board-cell:focus-visible{z-index:2;outline:.22rem solid #ffcc4d;outline-offset:-.22rem}.disc{display:grid;place-items:center;width:78%;aspect-ratio:1;border:2px solid rgb(0 0 0 / 45%);border-radius:50%;box-shadow:0 .16rem .25rem #00000047}.disc--black{color:#4a554e;background:radial-gradient(circle at 35% 30%,#4b514d,#101512 62%)}.disc--white{color:#a8afa9;background:radial-gradient(circle at 35% 30%,#fff,#dce1dd 72%)}.disc__mark{font-size:clamp(.5rem,2vw,1rem);line-height:1}.disc--placed{animation:place-disc .28s cubic-bezier(.2,.9,.25,1.2) both}.disc--flipped{animation:flip-disc .4s ease-in-out both}.legal-marker{width:18%;aspect-ratio:1;border:1px solid rgb(255 255 255 / 65%);border-radius:50%;background:#173d27}.hint-ring{position:absolute;top:9%;right:9%;bottom:9%;left:9%;border:clamp(2px,.4vw,4px) solid #ffd45c;border-radius:.25rem;box-shadow:inset 0 0 0 2px #283f2e73;pointer-events:none}.game-sidebar{display:grid;align-content:start;gap:clamp(.6rem,1.5vh,1rem);min-height:0}.game-status,.strategy-note{border:1px solid #cbd5ca;border-radius:.6rem;background:#ffffffbf}.game-status{display:flex;align-items:flex-start;gap:.75rem;min-height:5.25rem;padding:1rem}.game-status p{margin:.35rem 0 0;color:#59655c;font-size:.86rem;line-height:1.5}.status-indicator{flex:0 0 auto;width:.7rem;aspect-ratio:1;margin-top:.3rem;border:2px solid #477054;border-radius:50%;background:#fff}.status-indicator--player-turn{background:#477054}.status-indicator--npc-thinking{animation:pulse .9s ease-in-out infinite alternate}.status-indicator--animating{border-color:#b38413;background:#f2c34f;animation:pulse .45s ease-in-out infinite alternate}.status-indicator--finished{border-color:#b38413;background:#f2c34f}.status-indicator--error{border-color:#9b3e37;background:#cf5b51}.strategy-note{padding:1rem}.strategy-note h2{margin:0;font-size:1.2rem}.strategy-note p{margin:.5rem 0 0;color:#59655c;font-size:.9rem;line-height:1.65}.reset-button{width:100%;min-height:2.9rem;padding:.7rem 1rem;border:1px solid #294c34;border-radius:.4rem;color:#fff;background:#294c34;font-weight:700;cursor:pointer}.reset-button:hover{background:#1f3e29}.reset-button:focus-visible{outline:.2rem solid #d5a725;outline-offset:.15rem}.game-controls{display:grid;gap:.35rem}.result-page{display:grid;place-items:center}.result-card{width:min(100%,38rem);padding:clamp(1.5rem,5vw,3.5rem);border:1px solid #c7d1c6;border-radius:.8rem;background:#ffffffd1;box-shadow:0 2rem 6rem #2338281f;text-align:center;animation:reveal-result .42s ease-out both}.result-card h1{font-size:clamp(2rem,6vw,3.5rem)}.result-card>.language-switch{margin:0 0 1rem auto}.result-card__opponent{color:#66736a}.final-score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;margin-block:2rem}.final-score div{display:grid;gap:.3rem}.final-score span{color:#66736a;font-size:.8rem}.final-score strong{font-size:clamp(2.5rem,8vw,4.5rem);font-variant-numeric:tabular-nums}.result-card__actions{display:flex;justify-content:center;flex-wrap:wrap;gap:.65rem}@keyframes pulse{to{background:#477054;transform:scale(1.2)}}@keyframes place-disc{0%{opacity:0;transform:scale(.25)}to{opacity:1;transform:scale(1)}}@keyframes flip-disc{0%{transform:perspective(20rem) rotateY(0)}48%{transform:perspective(20rem) rotateY(90deg) scale(.92)}to{transform:perspective(20rem) rotateY(180deg)}}@keyframes reveal-result{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:translateY(0)}}@media(max-width:46rem){.page-header{grid-template-columns:1fr;gap:.8rem}.page-header .language-switch{justify-self:end;grid-row:1}.selection-toolbar{align-items:stretch;flex-direction:column}.settings-controls{display:grid;grid-template-columns:1fr 1fr}.settings-controls h2{grid-column:1 / -1}.game-header{align-items:center;gap:.75rem}.game-header__eyebrow{display:none}.game-header h1{font-size:clamp(1.1rem,4.2vw,1.4rem)}.npc-summary{display:flex;align-items:baseline;gap:.4rem;min-width:0;padding:.45rem .6rem}.npc-summary>span,.npc-summary small{display:none}.npc-summary strong{white-space:nowrap;font-size:.9rem}.game-layout{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:.55rem}.board-area{width:min(100%,calc(100dvh - 16rem));margin-inline:auto}.board{width:min(100%,calc(100dvh - 19.5rem))}.game-sidebar{grid-template-columns:1fr;gap:.55rem}.game-status{min-height:0;padding:.65rem .75rem}.strategy-note{display:none}.settings-controls--compact{grid-template-columns:1fr 1fr}.settings-controls--compact button{min-height:2rem;padding-block:.25rem}.game-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.game-controls .app-button{min-height:2.5rem;padding:.35rem;font-size:.7rem;line-height:1.2}.reset-button{width:auto;min-height:0;padding-inline:.85rem}}@media(max-width:30rem){.language-switch button{min-height:1.8rem;padding-inline:.5rem;font-size:.65rem}.game-header .npc-summary{display:none}.game-shell{width:min(100% - 1rem,72rem);padding-top:.75rem}.board-area{padding:.4rem}.score-card{padding:.55rem;font-size:.78rem}.game-status{font-size:.85rem}.game-status p{display:none}.reset-button{font-size:.8rem}}@media(max-height:40rem)and (min-width:46.01rem){.game-header h1{font-size:1.6rem}.npc-summary{padding-block:.5rem}.strategy-note{padding:.75rem}.game-status{min-height:0;padding:.75rem}}@media(prefers-reduced-motion:reduce){.status-indicator--npc-thinking{animation:none;background:#477054}.status-indicator--animating,.disc--placed,.disc--flipped,.result-card{animation:none}}