:root{color:#182027;background:#eef1f0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:linear-gradient(90deg,rgb(24 32 39 / 4%) 1px,transparent 1px),linear-gradient(0deg,rgb(24 32 39 / 4%) 1px,transparent 1px),#eef1f0;background-size:28px 28px}button,input,select{font:inherit}button{min-height:44px;border:0;border-radius:8px;padding:0 16px;color:#fff;background:#176c72;cursor:pointer;line-height:1.2;transition:transform .14s ease,background .14s ease,box-shadow .14s ease}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgb(224 165 43 / 42%);outline-offset:2px}button:hover:not(:disabled){transform:translateY(-1px);background:#0f5960;box-shadow:0 10px 24px #176c722e}button:disabled{cursor:not-allowed;opacity:.45}input,select{min-height:44px;border:1px solid #cbd4dc;border-radius:8px;padding:0 12px;color:#182027;background:#fff}label{display:grid;gap:6px;color:#4c5964;font-size:.88rem;font-weight:700}.app-shell{display:grid;gap:18px;width:min(1160px,calc(100vw - 32px));margin:0 auto;padding:24px 0 32px}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid rgb(24 32 39 / 12%);padding:18px 0 14px}.eyebrow{margin:0 0 4px;color:#a23f37;font-size:.78rem;font-weight:800;text-transform:uppercase}h1,h2,p{margin:0}h1{font-size:3rem;line-height:1}h2{font-size:1.05rem}.secondary-button{color:#176c72;background:#dcecef}.secondary-button:hover:not(:disabled){color:#fff}.danger-button{background:#a23f37}.danger-button:hover:not(:disabled){background:#84302a}.setup-panel,.status-band,.action-panel,.hand-section{border:1px solid #d8e0e7;border-radius:8px;background:#fffffff5}.setup-panel{display:flex;align-items:end;justify-content:space-between;gap:18px;padding:22px}.setup-panel p{margin-top:6px;color:#687681}.setup-controls{display:flex;align-items:end;gap:10px}.setup-controls input{width:78px}.status-band{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;box-shadow:0 16px 42px #18202714}.status-band div{display:grid;gap:6px;min-width:0;padding:16px;border-right:1px solid #d8e0e7}.status-band div:last-child{border-right:0}.status-band span{color:#687681;font-size:.78rem;font-weight:800}.status-band strong{overflow-wrap:anywhere;font-size:1rem}.board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.hand-section{display:grid;gap:14px;padding:16px;min-width:0}.active-hand{border-color:#176c72;box-shadow:inset 0 0 0 2px #176c7229}.hand-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.hand-heading span{min-width:72px;border-radius:999px;padding:5px 10px;color:#176c72;background:#dcecef;font-size:.78rem;font-weight:800;text-align:center}.tile-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:10px}.tile{position:relative;display:grid;place-items:center;min-width:0;min-height:116px;border:2px solid transparent;border-radius:8px;padding:10px 8px;color:#182027;background:#f7f9fb;box-shadow:none;aspect-ratio:7 / 10}.tile.black{color:#f6f8fa;background:#171d22}.tile.white{color:#151a20;background:#fff;border-color:#cbd4dc}.tile.selected{border-color:#e0a52b;box-shadow:0 0 0 3px #e0a52b3d}.tile.revealed:after{position:absolute;right:8px;bottom:8px;width:8px;height:8px;border-radius:50%;background:#2aa876;content:""}.tile-index,.tile-color{position:absolute;top:8px;color:inherit;font-size:.72rem;font-weight:800;opacity:.72}.tile-index{left:8px}.tile-color{right:8px}.tile strong{font-size:2.45rem;line-height:1}.action-panel{display:grid;gap:16px;padding:16px}.message-line{min-height:24px;color:#40505d;font-weight:700}.button-row,.guess-panel,.choice-panel,.computer-panel,.reveal-panel,.game-over{display:flex;flex-wrap:wrap;align-items:end;gap:10px}.guess-panel input,.guess-panel select{width:132px}.reveal-panel,.computer-panel,.game-over{align-items:center;color:#40505d}.computer-panel{min-height:44px}.computer-panel strong{color:#176c72}.game-over strong{color:#a23f37;font-size:1.25rem}@media(max-width:760px){.app-shell{width:min(100vw - 20px,1180px);padding-top:12px}h1{font-size:2.1rem}.top-bar,.setup-panel{align-items:stretch;flex-direction:column}.setup-controls,.button-row,.guess-panel,.choice-panel,.computer-panel,.reveal-panel,.game-over{display:grid;grid-template-columns:1fr}.setup-controls input,.guess-panel input,.guess-panel select{width:100%}.status-band,.board{grid-template-columns:1fr}.hand-section{padding:12px}.tile-row{grid-template-columns:repeat(auto-fit,minmax(54px,1fr));gap:8px}.tile{min-height:88px;padding:8px 6px}.tile strong{font-size:1.85rem}.tile-index,.tile-color{font-size:.64rem}.status-band div{border-right:0;border-bottom:1px solid #d8e0e7}.status-band div:last-child{border-bottom:0}}