:root{--ink: #0f1411;--ink-2: #171f1a;--line: #2a352e;--text: #e7e4da;--text-dim: #9aa398;--brass: #c9a227;--brass-soft: rgba(201, 162, 39, .18);--sq-light: #e8dcc5;--sq-dark: #4a5d43;--danger: #c96a4a;--radius: 6px;--board-size: min(88vw, 560px)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--ink);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5;min-height:100vh}.shell{max-width:960px;margin:0 auto;padding:0 1rem 4rem}.topbar{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 0;border-bottom:1px solid var(--line);margin-bottom:2rem}.brand{color:var(--text);text-decoration:none;letter-spacing:.22em;font-weight:700;font-size:.95rem}.brand span{color:var(--brass)}.topbar-right{display:flex;align-items:center;gap:.8rem}.topbar-user{color:var(--text-dim);font-size:.85rem}.btn{font:inherit;cursor:pointer;border-radius:var(--radius);padding:.6rem 1.2rem;border:1px solid transparent;transition:background .15s,border-color .15s}.btn:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--brass);color:#1a1408;font-weight:600}.btn-primary:hover:not(:disabled){background:#dab637}.btn-ghost{background:transparent;color:var(--text-dim);border-color:var(--line)}.btn-ghost:hover:not(:disabled){border-color:var(--text-dim);color:var(--text)}.btn-block{width:100%;margin-top:.6rem}.auth-page{display:grid;place-items:center;min-height:70vh}.auth-card{width:min(92vw,380px);background:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius);padding:2rem}.auth-title{font-size:1.3rem;margin-bottom:1.4rem;font-weight:600}.field{display:block;margin-bottom:1rem}.field span{display:block;font-size:.8rem;color:var(--text-dim);margin-bottom:.3rem}.field input{width:100%;padding:.55rem .7rem;font:inherit;background:var(--ink);color:var(--text);border:1px solid var(--line);border-radius:var(--radius)}.field input:focus{outline:none;border-color:var(--brass)}.form-error{color:var(--danger);font-size:.85rem;margin-bottom:.8rem}.hero{padding:1.5rem 0 2.5rem}.hero-eyebrow{color:var(--brass);font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;margin-bottom:.6rem}.hero-title{font-size:clamp(2rem,6vw,3.2rem);font-weight:700;line-height:1.1}.play-options{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.play-card{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem;display:flex;flex-direction:column;gap:.7rem;align-items:flex-start}.play-card h2{font-size:1.05rem}.play-card p{color:var(--text-dim);font-size:.9rem;flex:1}.play-card-locked{opacity:.6}.searching{color:var(--brass);font-size:.9rem}.stats-strip{display:flex;gap:2rem;flex-wrap:wrap;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--line)}.stats-strip div{display:flex;flex-direction:column}.stats-strip strong{font-size:1.4rem;color:var(--brass)}.stats-strip span{font-size:.75rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em}.board{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);width:var(--board-size);height:var(--board-size);border:3px solid var(--line);border-radius:4px;overflow:hidden;margin:0 auto}.square{position:relative;border:none;padding:0;cursor:pointer;display:grid;place-items:center;font:inherit;min-width:0;min-height:0;overflow:hidden;aspect-ratio:1}.sq-light{background:var(--sq-light)}.sq-dark{background:var(--sq-dark)}.sq-selected{box-shadow:inset 0 0 0 3px var(--brass)}.sq-last{box-shadow:inset 0 0 0 100vmax var(--brass-soft)}.sq-target:after{content:"";width:26%;height:26%;border-radius:50%;background:#0f141159}.sq-capture{box-shadow:inset 0 0 0 3px var(--danger)}.piece{width:100%;height:100%;display:grid;place-items:center;pointer-events:none}.piece img{width:86%;height:86%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.coord{position:absolute;font-size:.6rem;font-weight:600;opacity:.65;pointer-events:none}.sq-light .coord{color:var(--sq-dark)}.sq-dark .coord{color:var(--sq-light)}.coord-rank{top:2px;left:3px}.coord-file{bottom:1px;right:3px}.game-page{display:flex;flex-direction:column;gap:.9rem;align-items:center}.page-title{font-size:1.4rem}.clock-row{width:var(--board-size);display:flex;justify-content:space-between;align-items:center}.player-tag{color:var(--text-dim);font-size:.9rem}.clock{font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:600;padding:.2rem .7rem;border:1px solid var(--line);border-radius:var(--radius);color:var(--text-dim)}.clock-live{color:var(--brass);border-color:var(--brass)}.banner{color:var(--brass);font-size:.9rem;text-align:center;padding:.4rem 1rem;border:1px solid var(--brass-soft);border-radius:var(--radius)}.banner-quiet{border:none}.game-end{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap;justify-content:center}.game-result{font-size:1.1rem;font-weight:600}.game-layout{display:flex;flex-wrap:wrap;gap:1.4rem;justify-content:center;align-items:flex-start;width:100%}.board-column{display:flex;flex-direction:column;align-items:center;gap:.9rem}.move-list{display:flex;flex-direction:column;gap:.6rem;width:min(92vw,280px);background:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius);padding:.8rem}.move-list-nav{display:flex;gap:.4rem}.move-nav-btn{flex:1;padding:.4rem;font-size:.85rem}.move-list-scroll{max-height:min(60vh,calc(var(--board-size) - 3rem));overflow-y:auto}.move-list-empty{padding:.4rem 0}.move-rows{list-style:none;display:flex;flex-direction:column}.move-row{display:grid;grid-template-columns:2.2rem 1fr 1fr;align-items:center;gap:.3rem;padding:.2rem 0}.move-number{color:var(--text-dim);font-size:.85rem}.move-cell{font:inherit;text-align:left;background:none;border:none;border-radius:4px;color:var(--text);padding:.15rem .4rem;cursor:pointer}.move-cell:hover{background:var(--brass-soft)}.move-cell-active{background:var(--brass-soft);color:var(--brass);font-weight:600}.move-cell-empty{padding:.15rem .4rem}.level-picker{display:flex;flex-direction:column;gap:.8rem;width:min(92vw,320px)}.setup-subtitle{font-size:1rem;font-weight:600;margin-top:1.4rem;margin-bottom:.8rem}.color-picker{display:flex;gap:.6rem;width:min(92vw,320px)}.color-picker .btn{flex:1}.time-picker{display:flex;flex-direction:column;gap:.8rem;width:min(92vw,320px);margin-top:.2rem}.time-picker-group{display:flex;flex-direction:column;gap:.4rem}.time-picker-category{font-size:.75rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em}.time-picker-options{display:flex;gap:.5rem;flex-wrap:wrap}.time-picker-options .btn{flex:1;min-width:70px}.home-time-picker{width:100%}.hint{color:var(--text-dim);font-size:.8rem}.settings-page{display:flex;flex-direction:column;gap:1.4rem;max-width:480px;margin:0 auto;padding-top:1rem}.settings-card{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem;display:flex;flex-direction:column;gap:.9rem}.settings-heading{font-size:1rem;font-weight:600;color:var(--brass)}.profile-row{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:var(--text-dim)}.profile-row strong{color:var(--text);font-weight:600}.form-success{color:var(--brass);font-size:.85rem}.pref-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}.pref-row>span:first-child{font-size:.9rem;color:var(--text-dim)}.theme-swatches{display:flex;gap:.5rem}.theme-swatch{display:flex;border:2px solid transparent;border-radius:4px;overflow:hidden;cursor:pointer;padding:0;width:36px;height:24px;background:none}.theme-swatch-square{flex:1}.theme-swatch-active{border-color:var(--brass)}.toggle{position:relative;width:42px;height:24px;border-radius:12px;border:1px solid var(--line);background:var(--ink);cursor:pointer;padding:0}.toggle-on{border-color:var(--brass);background:var(--brass-soft)}.toggle-knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--text-dim);transition:transform .15s,background .15s}.toggle-on .toggle-knob{transform:translate(18px);background:var(--brass)}.btn-icon{width:2.4rem;height:2.4rem;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem;text-decoration:none;line-height:1}.settings-back{align-self:flex-start}.saved-flash{margin-left:.6rem;font-size:.75rem;font-weight:500;color:var(--brass);text-transform:none;letter-spacing:normal;animation:saved-flash-fade 1.5s ease}@keyframes saved-flash-fade{0%{opacity:0}15%{opacity:1}70%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.wallet-card{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem;display:flex;flex-direction:column;gap:1.2rem;margin-bottom:2rem}.wallet-balance{display:flex;flex-direction:column;gap:.3rem}.wallet-label{font-size:.75rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em}.wallet-amount{font-size:2rem;font-weight:700;color:var(--brass)}.wallet-actions{display:flex;gap:.7rem;flex-wrap:wrap}.wallet-history{border-top:1px solid var(--line);padding-top:1rem}.wallet-history-title{font-size:.9rem;font-weight:600;margin-bottom:.7rem}.tx-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.tx-row{display:grid;grid-template-columns:auto 1fr auto auto;gap:.8rem;align-items:center;font-size:.85rem;padding:.4rem 0;border-bottom:1px solid var(--line)}.tx-row:last-child{border-bottom:none}.tx-date{color:var(--text-dim)}.tx-kind{color:var(--text)}.tx-amount{font-variant-numeric:tabular-nums;text-align:right}.tx-status{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;text-align:right}.tx-status-success{color:var(--brass)}.tx-status-pending{color:var(--text-dim)}.tx-status-failed{color:var(--danger)}.modal-overlay{position:fixed;inset:0;background:#0f1411b3;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:100}.modal-card{width:min(92vw,380px);background:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius);padding:1.6rem;display:flex;flex-direction:column;gap:1rem}.modal-header{display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-size:1.1rem}.modal-close{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:1.3rem;line-height:1;padding:0}.modal-close:hover{color:var(--text)}.wallet-poll{display:flex;flex-direction:column;gap:.6rem}