:root{color-scheme:light;--page:#fafaf7;--surface:#fff;--text:#202a25;--muted:#748078;--line:#e4e8e1;--accent:#28664f;--soft:#edf3ed;--board:#39795b;--board-alt:#357256;--board-line:rgba(9,44,29,.26);--planetworld-safe-area-top:env(safe-area-inset-top,0px);--planetworld-safe-area-bottom:env(safe-area-inset-bottom,0px);--planetworld-safe-area-left:env(safe-area-inset-left,0px);--planetworld-safe-area-right:env(safe-area-inset-right,0px);font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Hiragino Kaku Gothic ProN,Noto Sans,sans-serif;font-synthesis:none}:root[data-theme=dark]{color-scheme:dark;--page:#111814;--surface:#1b241e;--text:#eff3ed;--muted:#9ba99e;--line:#303d33;--accent:#a4d4b5;--soft:#23392b;--board:#306749;--board-alt:#2d6044;--board-line:rgba(8,31,17,.35)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--page);color:var(--text);overscroll-behavior-y:none}body{-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default}button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button svg{flex-shrink:0}h1,h2,p{margin:0}button{border:0}button:disabled{opacity:.45}.reversi-app{min-height:100dvh;max-width:560px;margin:0 auto;padding:calc(var(--planetworld-safe-area-top) + 12px) max(20px,var(--planetworld-safe-area-right)) calc(var(--planetworld-safe-area-bottom) + 16px) max(20px,var(--planetworld-safe-area-left))}.app-header{justify-content:space-between;min-height:62px;margin-bottom:28px}.app-header,.brand{display:flex;align-items:center}.brand{gap:12px}.brand-parent{display:block;font-size:9px;font-weight:650;letter-spacing:.2em;color:var(--muted);margin-bottom:3px}h1{font-size:29px;font-weight:650;letter-spacing:-1.3px;line-height:1.1}.reversi-mark{display:grid;grid-template-columns:repeat(2,1fr);gap:3px;width:40px;height:40px;background:var(--accent);border-radius:11px;padding:8px;transform:rotate(-4deg)}.reversi-mark i{border-radius:50%;background:#f6f6e9}.reversi-mark i:nth-child(2),.reversi-mark i:nth-child(3){background:#152d22}.icon-button{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:transparent}.help-button{color:var(--muted)}.game-eyebrow{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;font-size:11px;font-weight:650;letter-spacing:.12em;color:var(--muted)}.game-eyebrow button{background:transparent;display:flex;align-items:center;gap:9px;font-size:12px;font-weight:500;letter-spacing:0;padding:7px 0 7px 12px;color:var(--text)}.scoreboard{display:grid;grid-template-columns:1fr 26px 1fr;align-items:center;gap:4px;margin-bottom:20px}.score-player{display:flex;align-items:center;gap:9px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:13px 11px;min-width:0;transition:background .2s,border-color .2s}.score-player.is-active{background:var(--soft);border-color:color-mix(in srgb,var(--accent) 38%,var(--line))}.mini-disc{width:25px;height:25px;display:inline-block;border-radius:50%;flex-shrink:0;border:1px solid rgba(0,0,0,.15);box-shadow:0 1px 3px #0002}.black{background:radial-gradient(circle at 35% 28%,#414a47,#141a17 75%)}.white{background:radial-gradient(circle at 35% 28%,#fff,#e8eadf 80%)}.score-player>div{display:flex;flex-direction:column;gap:4px;min-width:0}.player-name{font-size:13px;font-weight:600}.player-color{font-size:9px;color:var(--muted);white-space:nowrap}.score-player strong{font-size:27px;font-weight:550;margin-left:auto;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-1px}.score-divider{font-family:Georgia,serif;font-style:italic;font-size:13px}.board-labels,.score-divider{text-align:center;color:var(--muted)}.board-labels{display:grid;grid-template-columns:repeat(8,1fr);padding:0 10px;margin-bottom:7px;font-size:9px;letter-spacing:.04em}.board-shell{padding:9px;border-radius:13px;background:#234d39;box-shadow:0 8px 24px #12342115,0 1px 2px #16372130}.board{grid-template-columns:repeat(8,minmax(0,1fr));border:1px solid var(--board-line);overflow:hidden;border-radius:4px}.board,.square{display:grid;aspect-ratio:1}.square{position:relative;place-items:center;min-width:0;min-height:0;width:100%;padding:0;background:var(--board);border-right:1px solid var(--board-line);border-bottom:1px solid var(--board-line);border-radius:0}.square:nth-child(8n){border-right:0}.square:nth-last-child(-n+8){border-bottom:0}.square-alt{background:var(--board-alt)}.square:disabled{opacity:1}.square.is-legal:hover{background:#52916b}.square:focus-visible{outline:2px solid #d9e7bd;outline-offset:-4px;z-index:1}.disc{width:78%;height:78%;border-radius:50%;box-shadow:0 2px 3px #102b2360,inset 0 1px 1px #ffffff30;animation:disc-appear .22s ease-out}.disc.white{border:1px solid #fff7}.disc.black{border:1px solid #151a18}.just-placed{animation:disc-place .25s ease-out}.legal-dot{width:15%;height:15%;border-radius:50%;background:#d1e9ba85;border:1px solid #e3f4cd44}.last-move{position:absolute;inset:44%;border-radius:50%;background:#b6cc8c;pointer-events:none;box-shadow:0 0 0 1px #243c2a88}.board-caption{display:flex;align-items:center;justify-content:space-between;margin-top:11px;font-size:9px;letter-spacing:.09em;color:var(--muted)}.turn-status{text-align:center;margin:27px 0 23px;min-height:58px}.turn-status>div{display:flex;align-items:center;justify-content:center;gap:8px}.turn-status strong{font-size:16px;font-weight:600;letter-spacing:-.3px}.status-indicator{width:6px;height:6px;display:block;border-radius:50%;background:var(--accent)}.is-thinking{animation:thinking 1.2s ease-in-out infinite}.turn-status p{font-size:11px;line-height:1.7;color:var(--muted);margin-top:8px;overflow-wrap:anywhere}.turn-status.is-finished strong{font-size:23px}.game-actions{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:9px}.game-actions button{min-height:49px;display:flex;justify-content:center;align-items:center;gap:6px;border:1px solid var(--line);border-radius:12px;background:var(--surface);font-size:12px;white-space:nowrap}.game-actions .new-game-action{background:var(--accent);border-color:var(--accent);color:var(--page)}.toggle-dot{width:4px;height:4px;border-radius:50%;background:var(--line)}.toggle-dot.is-on{background:var(--accent)}.save-note{font-size:10px;color:var(--muted);text-align:center;margin-top:19px}.save-error{font-size:12px;color:#a34b38;line-height:1.6;margin-top:15px}.save-error button,.text-button{background:transparent;color:var(--accent);text-decoration:underline;padding:8px}.loading-state{min-height:400px;display:flex;flex-direction:column;justify-content:center;gap:20px;text-align:center}.loading-state h2{font-size:19px}.loading-state p{font-size:13px;line-height:1.7;color:var(--muted)}.sheet{border:1px solid var(--line);border-radius:24px;padding:24px;width:calc(100% - 28px);max-width:450px;max-height:calc(100dvh - var(--planetworld-safe-area-top) - var(--planetworld-safe-area-bottom) - 40px);overflow-y:auto;color:var(--text);background:var(--page);box-shadow:0 20px 80px #0003}.sheet::backdrop{background:#0b191858;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.sheet-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.sheet h2{font-size:23px;letter-spacing:-.6px}.sheet-heading .icon-button{margin-right:-10px}.sheet-intro{font-size:12px;color:var(--muted);line-height:1.8;margin:8px 0 23px}.sheet fieldset{border:0;padding:0;margin:0 0 24px}.sheet legend{font-size:12px;font-weight:600;margin-bottom:12px}.difficulty-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.color-options button,.difficulty-options button{padding:13px 4px;min-height:56px;border:1px solid var(--line);background:var(--surface);border-radius:12px}.color-options button[aria-pressed=true],.difficulty-options button[aria-pressed=true]{border-color:var(--accent);background:var(--soft)}.difficulty-options strong{display:block;font-size:12px;font-weight:600}.difficulty-options small{display:block;color:var(--muted);font-size:9px;margin-top:7px}.color-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.color-options button{display:flex;align-items:center;justify-content:center;gap:9px;font-size:12px}.primary-button{background:var(--accent);color:var(--page);min-height:49px;border-radius:12px;font-weight:600;font-size:14px;width:100%;padding:12px}.replace-note{font-size:11px;line-height:1.7;color:var(--muted);margin-bottom:16px}.rules-demo{display:flex;justify-content:center;gap:10px;background:var(--board);padding:24px;border-radius:13px;margin:15px 0 25px}.rules-demo .mini-disc{width:37px;height:37px}.rules-list{padding-left:22px;margin:0 0 20px}.rules-list li{padding-left:6px;margin-bottom:20px;font-size:13px}.rules-list strong{font-size:14px}.rules-list p{font-size:12px;line-height:1.8;color:var(--muted);margin-top:6px}@keyframes thinking{50%{opacity:.3}}@keyframes disc-appear{0%{transform:rotateY(80deg)}to{transform:rotateY(0)}}@keyframes disc-place{0%{transform:scale(.8);opacity:.5}to{transform:scale(1);opacity:1}}@media(max-width:359px){.reversi-app{padding-left:max(14px,var(--planetworld-safe-area-left));padding-right:max(14px,var(--planetworld-safe-area-right))}.app-header{margin-bottom:19px}.score-player{padding:11px 8px;gap:6px}.score-player .mini-disc{width:20px;height:20px}.player-color{font-size:8px}.score-player strong{font-size:23px}.game-actions{gap:6px}.game-actions button{font-size:11px;gap:4px}.game-actions svg{width:17px}.turn-status{margin:22px 0}.sheet{padding:20px}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}}@media(min-width:700px){.reversi-app{padding-top:calc(var(--planetworld-safe-area-top) + 28px)}}