:root{color:#202229;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f5f1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}html,body{min-width:320px;min-height:100%;margin:0}body{min-height:100vh}button{font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline-offset:2px;outline:2px solid #1e6e59}.game-header{justify-content:space-between;align-items:center;gap:20px;height:60px;padding:12px 24px;display:flex}.game-brand{align-items:center;gap:12px;min-width:0;display:flex}.game-brand img{border-radius:4px;width:42px;height:42px}.game-brand h1,.game-brand p{margin:0}.game-brand h1{font-size:1rem;line-height:1.2}.game-brand p{color:#6d706b;margin-top:3px;font-size:.76rem}.connection-status{color:#686b66;flex:none;align-items:center;gap:7px;font-size:.78rem;font-weight:700;display:inline-flex}.connection-status:before{content:"";background:#a7aaa4;border-radius:50%;width:8px;height:8px}.connection-status[data-mode=live]:before{background:#1d9a66;box-shadow:0 0 0 4px #d9f0e7}.connection-status[data-mode=error]:before{background:#d3443d;box-shadow:0 0 0 4px #f8dedb}.icon-button-content{justify-content:center;align-items:center;gap:8px;display:inline-flex}.icon-button-content svg{stroke-width:2.4px;width:19px;height:19px}.round-icon-button{width:var(--round-button-size,44px);height:var(--round-button-size,44px);color:inherit;cursor:pointer;transition:background-color var(--round-button-transition-duration,.12s) ease;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.round-icon-button>svg,.round-icon-button>svg.lucide{width:var(--round-button-icon-size,20px);height:var(--round-button-icon-size,20px)}@media (hover:hover) and (pointer:fine){.round-icon-button:hover:not(:disabled){background-color:var(--round-button-hover-background,#2022290a)}.round-icon-button:active:not(:disabled){background-color:var(--round-button-active-background,#20222914)}}@media (prefers-reduced-motion:reduce){.round-icon-button{transition:none}}.game-header{background:0 0;border:0;justify-content:center;align-items:center;height:60px;min-height:60px;padding:0 20px;display:flex}.game-header h1{text-align:center;margin:0;font-size:16px;line-height:1.2}@media (width>=901px){.game-header{display:none}}:root{color:#eeece7;background:#302e2b}.game-header{padding-inline:60px;position:relative}.reversi-help-button{--round-button-hover-background:#ffffff14;--round-button-active-background:#ffffff29;text-decoration:none;position:absolute;top:50%;right:8px;transform:translateY(-50%)}html,body{min-width:0;height:100%;min-height:0;overflow:hidden}body{height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#302e2b;flex-direction:column;display:flex}.reversi-layout{flex-direction:column;flex:1;gap:12px;width:min(900px,100%);min-height:0;margin:0 auto;padding:16px 20px;display:flex}.scoreboard{flex-shrink:0;grid-template-columns:1fr 1fr;gap:16px;display:grid}.scoreboard:has(#settings-button:not([hidden])){grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px;align-items:center}#settings-button{--round-button-hover-background:#ffffff14;--round-button-active-background:#ffffff29}.player-card{background:#ffffff0a;border-radius:8px;align-items:center;gap:12px;min-width:0;padding:10px 14px;display:flex;position:relative}.player-card:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;border:2px solid #c9dec2;transition:opacity .18s;position:absolute;inset:0}.player-card.is-current:after{opacity:1}.player-card.is-current{background:#ffffff17}.player-card.is-current strong{color:#b7d69b}.player-card strong{font-size:13px;display:block}.player-name{color:#b9b6af;margin-top:3px;font-size:11px;display:block}.player-card output{font-variant-numeric:tabular-nums;margin-left:auto;font-size:28px;font-weight:700}.reversi-swatch{border-radius:50%;flex-shrink:0;width:30px;height:30px}.board-stage{flex:1;place-items:center;min-width:0;min-height:0;display:grid;container-type:size}.reversi-board{width:100cqw;height:100cqh;position:relative}.reversi-board canvas,.board-input{width:100%;height:100%;position:absolute;inset:0}.reversi-board canvas{pointer-events:none}.board-input{z-index:1}.board-row{display:contents}.reversi-cell{touch-action:manipulation;background:0 0;border:0;border-radius:0;outline:none;min-width:0;min-height:0;padding:0;position:absolute}.reversi-cell:disabled{opacity:1}.reversi-swatch[data-piece="1"]{background:#262724;box-shadow:0 2px #181916,0 4px #dedfd7,0 6px 4px #00000047}.reversi-swatch[data-piece="2"]{background:#f3f3ed;box-shadow:0 2px #dedfd7,0 4px #181916,0 6px 4px #00000047}.game-actions{flex-shrink:0;justify-content:center;align-items:center;display:flex}.game-actions button{color:#b7d69b;min-height:44px;font:inherit;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:8px 14px;font-size:12px;display:inline-flex}.game-actions svg{width:18px;height:18px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.setup-form{color:#202229;width:min(400px,100%);max-height:100%}.setup-heading{border:0;height:60px;padding:0 20px}#setup-close{--round-button-size:34px;--round-button-icon-size:17px}.setup-content{background:#f5f5f5;display:grid}.settings-list{background:#fff;margin:16px 0;padding:0;list-style:none}.settings-divider hr{border:0;border-top:1px solid #e9eae5;margin:0}.setting-field{cursor:pointer;align-items:center;gap:14px;min-height:62px;padding:0 20px;font-size:.9rem;transition:background-color .12s;display:flex;position:relative}.setting-title{flex-shrink:0;font-weight:600}.setting-value{color:#777970;text-align:right;margin-left:auto}.setting-chevron{color:#a9aba3;flex-shrink:0;width:18px;height:18px}.setting-title,.setting-value,.setting-chevron{pointer-events:none}.setting-field select{opacity:0;cursor:pointer;width:min(220px,100% - 130px);height:100%;font:inherit;border:0;outline:0;margin:0;font-size:16px;position:absolute;inset:0 20px 0 auto}.setting-field:focus-within{background:#2022290a}.setup-actions{background:#fff}.setup-actions button{color:#1976d2;width:100%;min-height:60px;font:inherit;background:0 0;border:0;padding:0 20px;font-weight:600;transition:background-color .12s}@media (hover:hover) and (pointer:fine){.game-actions button:not(:disabled):hover{background:#ffffff14}.setting-field:hover,.setup-actions button:hover{background:#2022290a}.setting-field:active,.setup-actions button:active{background:#20222914}}@media (width<=520px){.reversi-layout{gap:10px;padding:10px 12px}.scoreboard{gap:10px}.player-card{gap:8px;padding:8px 10px}.player-card output{font-size:24px}}@media (height<=480px){.reversi-layout{gap:4px;padding-block:4px}.player-card{padding-block:4px}.player-name{display:none}.reversi-swatch{width:24px;height:24px}.player-card output{font-size:20px}.game-actions button{min-height:32px;padding-block:4px}}@media (prefers-reduced-motion:reduce){.player-card:after{transition:none}}