:root{color:#f5f6f7;font-synthesis:none;--bg:#0f1115;--panel:#171a20;--panel2:#1d2129;--line:#292e37;--muted:#8f97a5;--accent:#f2c94c;--light:#e8e4da;--dark:#8c887d;background:#0f1115;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--bg);margin:0}button,input{font:inherit}button{cursor:pointer}#app{min-height:100vh}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:10;background:#0f1115eb;justify-content:space-between;align-items:center;height:64px;padding:0 18px;display:flex;position:sticky;top:0}.brand{color:#fff;background:0 0;border:0;align-items:center;gap:9px;font-size:16px;display:flex}.brand span{color:var(--accent);font-size:23px}.top-actions{align-items:center;gap:8px;display:flex}.coins{color:#ddd;font-size:12px}.wallet{border:1px solid var(--line);background:var(--panel);color:#fff;border-radius:11px;height:38px;padding:0 12px;font-size:12px}.page{width:min(100%,920px);margin:auto;padding:24px 16px 100px}.hero{justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px;display:flex}.eyebrow{letter-spacing:.14em;color:var(--muted);font-size:10px;font-weight:700}.hero h1{letter-spacing:-.04em;margin:8px 0;font-size:34px;line-height:1.02}.hero h1 em{color:var(--accent);font-style:normal}.hero p,.section-hero p{color:var(--muted);margin:0;font-size:13px}.rating{border:1px solid var(--line);background:var(--panel);text-align:right;border-radius:14px;min-width:88px;padding:12px}.rating small{color:var(--muted);font-size:9px;display:block}.rating strong{font-size:24px}.modes{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;display:grid}.mode{border:1px solid var(--line);background:var(--panel);color:#fff;text-align:left;border-radius:12px;padding:12px}.mode.selected{border-color:var(--accent);box-shadow:0 0 0 1px #f2c94c33}.mode strong,.mode span{display:block}.mode span{color:var(--muted);margin-top:3px;font-size:10px}.game-card{border:1px solid var(--line);background:var(--panel);border-radius:18px;padding:14px}.player-line{justify-content:space-between;align-items:center;margin:0 2px 9px;display:flex}.user{align-items:center;gap:9px;display:flex}.user strong{font-size:13px;display:block}.user small{color:var(--muted);margin-top:2px;font-size:10px;display:block}.avatar,.rank-avatar,.big-avatar{color:#dbe0e7;background:#272c34;border-radius:50%;place-items:center;font-weight:800;display:grid}.avatar{width:34px;height:34px;font-size:12px}.avatar.me{color:#fff;background:#30353e}.clock{border:1px solid var(--line);text-align:center;font-variant-numeric:tabular-nums;background:#101217;border-radius:10px;min-width:70px;padding:8px 10px;font-weight:800}.clock.active{border-color:#666f7c}.board{aspect-ratio:1;border-radius:11px;grid-template-columns:repeat(8,1fr);width:100%;display:grid;overflow:hidden;box-shadow:0 18px 40px #00000040}.square{border:0;place-items:center;padding:0;font-size:clamp(28px,8.5vw,68px);line-height:1;display:grid;position:relative}.square.light{background:var(--light)}.square.dark{background:var(--dark)}.square.selected{outline-offset:-4px;z-index:2;outline:4px solid #f2c94ce6}.square.legal:after{content:"";aspect-ratio:1;background:#00000040;border-radius:50%;width:17%;position:absolute}.square.capture:after{content:"";border:4px solid #00000038;border-radius:50%;position:absolute;inset:8%}.piece{z-index:1;filter:drop-shadow(0 2px 1px #0003);position:relative}.piece.w{color:#fff;text-shadow:0 1px #777,0 2px 2px #00000059}.piece.b{color:#22262b;text-shadow:0 1px #ffffff26}.status{text-align:center;color:var(--muted);min-height:18px;padding:9px 0;font-size:12px}.game-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.secondary,.danger{border:1px solid var(--line);background:var(--panel2);color:#fff;border-radius:11px;height:40px;font-size:12px}.danger{color:#ffb1b1}.moves-head{color:var(--muted);justify-content:space-between;margin:15px 2px 6px;font-size:10px;display:flex}.moves{border-top:1px solid var(--line);grid-template-columns:repeat(2,1fr);gap:4px 15px;max-height:145px;padding-top:8px;display:grid;overflow:auto}.moves>div{color:#c7ccd4;grid-template-columns:20px 1fr 1fr;gap:3px;font-size:11px;display:grid}.moves small{color:var(--muted)}.empty{text-align:center;padding:12px;color:var(--muted)!important;grid-column:1/-1!important;display:block!important}.quick-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.card-action{border:1px solid var(--line);background:var(--panel);color:#fff;text-align:left;border-radius:13px;padding:13px}.card-action span{color:var(--accent);font-size:18px}.card-action strong,.card-action small{display:block}.card-action strong{margin-top:5px;font-size:12px}.card-action small{color:var(--muted);margin-top:2px;font-size:10px}.notice{border:1px solid var(--line);background:#13161b;border-radius:13px;margin-top:10px;padding:12px}.notice b,.notice span{display:block}.notice b{font-size:11px}.notice span{color:var(--muted);margin-top:3px;font-size:10px;line-height:1.45}.section-hero{margin-bottom:16px}.section-hero h2{margin:7px 0;font-size:28px}.leaderboard{border:1px solid var(--line);background:var(--panel);border-radius:15px;overflow:hidden}.rank-row{border-bottom:1px solid var(--line);grid-template-columns:32px 34px 1fr auto;align-items:center;gap:10px;padding:12px 14px;font-size:12px;display:grid}.rank-row:last-child{border-bottom:0}.rank-row>span:last-child{font-weight:800}.pos{color:var(--muted)}.rank-avatar{width:30px;height:30px;font-size:11px}.me-row{background:#1b1d22}.profile-card{border:1px solid var(--line);background:var(--panel);border-radius:16px;align-items:center;gap:14px;padding:17px;display:flex}.big-avatar{width:64px;height:64px;font-size:22px}.profile-card h2{margin:5px 0 2px;font-size:22px}.profile-card p{color:var(--muted);margin:0;font-size:11px}.stats{grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px;display:grid}.stats div{border:1px solid var(--line);background:var(--panel);text-align:center;border-radius:12px;padding:12px 8px}.stats b,.stats small{display:block}.stats b{font-size:18px}.stats small{color:var(--muted);margin-top:2px;font-size:9px}.settings{grid-template-columns:1fr auto;align-items:end;gap:8px;margin-top:10px;display:grid}.settings label{color:var(--muted);font-size:10px}.settings input{border:1px solid var(--line);background:var(--panel);color:#fff;border-radius:10px;outline:0;width:100%;height:40px;margin-top:5px;padding:0 10px;display:block}.settings button{background:var(--accent);color:#111;border:0;border-radius:10px;height:40px;padding:0 14px;font-weight:800}.nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--line);z-index:20;height:70px;padding-bottom:env(safe-area-inset-bottom);background:#0f1115f2;justify-content:center;gap:55px;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{color:var(--muted);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:45px;display:flex}.nav-item.active{color:#fff}.nav-item b{font-size:18px}.nav-item span{font-size:9px}@media (width>=700px){.page{padding-bottom:40px}.nav{background:0 0;border:0;width:300px;margin:-65px auto 20px;position:static}.game-card{padding:18px}.board{max-width:680px;margin:auto}.player-line{max-width:680px;margin-left:auto;margin-right:auto}.quick-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:46px}}