:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f4f1e8;background:#111513;font-synthesis:none;--surface: #1a201d;--surface-raised: #222a26;--line: rgba(255, 255, 255, .09);--muted: #a8b0aa;--accent: #c7f36b;--accent-dark: #18200e}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top,#253028 0,#111513 48%)}button{font:inherit}.app-shell{min-height:100vh;padding:24px 18px 104px;max-width:620px;margin:0 auto}.sound-controls{display:flex;justify-content:flex-end;margin:-8px 0 14px}.sound-controls .quiet-button{display:inline-flex;align-items:center;gap:7px;margin:0;min-height:36px;font-size:12px;padding:7px 11px}.sound-controls button[aria-pressed=true]{color:var(--accent)}main{display:grid;gap:20px}.hero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}h1,h2,p{margin:0}h1{font-size:clamp(30px,8vw,44px);letter-spacing:-.04em;line-height:1;margin:5px 0 9px}h2{font-size:22px;margin:3px 0 5px}.eyebrow{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.16em}.muted{color:var(--muted);line-height:1.45}.rating-pill{min-width:76px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:#ffffff0a;text-align:right}.rating-pill span{color:var(--muted);display:block;font-size:10px}.rating-pill strong{font-size:19px}.invite-banner,.daily-card{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(199,243,107,.32);background:#c7f36b14;border-radius:18px;padding:16px}.invite-banner span{display:block;color:var(--muted);font-size:13px;margin-top:3px}.invite-banner button,.daily-card button{border:0;border-radius:12px;background:var(--accent);color:var(--accent-dark);padding:10px 13px;font-weight:800}.board{display:grid;width:100%;align-self:start;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr));aspect-ratio:1;overflow:hidden;border-radius:20px;box-shadow:0 24px 50px #00000052}.board>div,.board>button{display:grid;min-width:0;min-height:0;place-items:center;font-size:clamp(24px,8vw,48px);line-height:1}.board>button{position:relative;border:0;padding:0;cursor:pointer}.board>button:disabled{opacity:1;cursor:default}.board>button.legal-target:after{content:"";position:absolute;width:22%;height:22%;border-radius:50%;background:#c7f36ba6;pointer-events:none}.board>button small{position:absolute;bottom:2px;left:3px;color:#172019;font-size:9px;line-height:1;opacity:.7}.board .light{background:#d8d5c5}.board .dark{background:#596c5c}.board span{color:#172019;text-shadow:0 1px 1px rgba(255,255,255,.2)}.board .white-piece{color:#f8f5ea;text-shadow:0 1px 2px rgba(0,0,0,.8)}.board .chess-piece{width:78%;height:78%;pointer-events:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}.actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.actions button{min-height:105px;border:0;border-radius:18px;padding:16px;text-align:left;display:flex;flex-direction:column;justify-content:space-between}.actions .primary{background:var(--accent);color:var(--accent-dark)}.actions .secondary{background:var(--surface-raised);color:#fff;border:1px solid var(--line)}.button-icon{font-size:24px}.actions strong,.actions small{display:block}.actions small{opacity:.65;margin-top:4px}.daily-card{background:var(--surface);border-color:var(--line)}.daily-card button{width:42px;height:42px;font-size:20px}.placeholder{min-height:70vh;place-content:center;text-align:center}.bottom-nav{position:fixed;z-index:10;left:50%;bottom:14px;transform:translate(-50%);width:min(calc(100% - 28px),590px);display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:7px;border:1px solid var(--line);border-radius:20px;background:#191f1ceb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 12px 32px #0006}.bottom-nav button{border:0;border-radius:14px;padding:8px 3px;color:var(--muted);background:transparent;font-size:10px}.bottom-nav button span{display:block;font-size:20px;margin-bottom:2px}.bottom-nav button.active{background:#c7f36b1f;color:var(--accent)}.game-error{padding:12px;border:1px solid var(--line);border-radius:12px;color:var(--accent)}.quiet-button,.promotion button{color:var(--accent);background:var(--surface-raised);border:1px solid var(--line);border-radius:12px;padding:12px;cursor:pointer}.invitation-share{display:grid;gap:12px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:18px}.invitation-share input{min-width:0;width:100%;color:inherit;background:var(--surface-raised);border:1px solid var(--line);border-radius:8px;padding:10px}.bot-setup{display:grid;gap:12px;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--surface);scroll-margin-top:16px}.bot-setup select{width:100%;min-height:44px;padding:10px;border-radius:10px;background:var(--surface-raised);color:inherit;border:1px solid var(--line);font:inherit}.start-bot{min-height:48px;border:0;border-radius:12px;background:var(--accent);color:var(--accent-dark);font-weight:800}.promotion{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.moves{overflow-wrap:anywhere}button:disabled{cursor:default;opacity:.6}@media(max-width:390px){.app-shell{padding-left:12px;padding-right:12px}.actions{grid-template-columns:1fr}.actions button{min-height:86px}}:root{font-variant-numeric:tabular-nums}.game-clocks{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.clock{padding:14px 18px;border-radius:20px;border:1px solid #536052;background:#202920}.clock span{display:block;font-size:13px;color:#a7b1a7}.clock strong{display:block;font-size:clamp(24px,6vw,40px)}.clock.running{border-color:#c7fa67;color:#c7fa67}.game-clocks small{grid-column:1 / -1}.invitation-share select{width:100%;padding:14px;color:inherit;background:#202920;border:1px solid #536052;border-radius:12px;font:inherit}.rating-list{padding-left:24px}.rating-list li{padding:12px 0;border-bottom:1px solid #364236}.rating-list li strong{display:block}.rating-list .self{color:#c7fa67}.board>button.last-move{box-shadow:inset 0 0 0 3px #c7f36be6;background-image:linear-gradient(#c7f36b38,#c7f36b38)}.board>button.selected{box-shadow:inset 0 0 0 4px var(--accent)}.board .board-piece,.board .motion-destination{display:grid;width:100%;height:100%;place-items:center}.board .motion-destination{visibility:hidden}.board>button.moving-square{z-index:5}.board .piece-motion{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;animation:opponent-move var(--move-duration) cubic-bezier(.2,.65,.25,1) both}@keyframes opponent-move{0%{transform:translate(var(--move-x),var(--move-y))}to{transform:translate(0)}}.last-move-caption{padding:10px 14px;border-radius:12px;color:var(--accent);background:var(--surface-raised)}@media(prefers-reduced-motion:reduce){.board .piece-motion{animation:none}}.puzzle-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}.puzzle-tabs button{min-height:44px;border:1px solid var(--line);border-radius:12px;color:var(--muted);background:var(--surface);font:inherit}.puzzle-tabs button[aria-pressed=true]{color:var(--accent-dark);background:var(--accent)}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat-grid>div{padding:14px;border-radius:12px;background:var(--surface-raised);min-width:0}.stat-grid strong{display:block;font-size:clamp(24px,6vw,32px);color:var(--accent);overflow-wrap:anywhere}.stat-grid span{display:block;color:var(--muted);font-size:13px;margin-top:4px}.stats-table{width:100%;border-collapse:collapse;font-size:14px}.stats-table caption{text-align:left;color:var(--muted);padding-bottom:10px}.stats-table th,.stats-table td{text-align:right;border-bottom:1px solid var(--line);padding:12px 4px}.stats-table th:first-child{text-align:left}