:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f6f2;--surface:#fff;--surface-soft:#eef3ed;--surface-strong:#e3ece4;--ink:#1f2e29;--ink-strong:#10231c;--muted:#60746c;--subtle:#7b8c85;--line:#d9e2dc;--primary:#24745f;--primary-strong:#155541;--primary-soft:#e3f2eb;--accent:#c99a3f;--danger:#c85145;--board-light:#ead8b4;--board-dark:#9f6c43;--radius-sm:14px;--radius-md:20px;--radius-lg:28px;--shadow:0 18px 42px #17251f1a;--shadow-soft:0 10px 24px #17251f12;color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg)}body{background:radial-gradient(circle at 8% 0%, #24745f14, transparent 28%), linear-gradient(180deg, #fafbf8 0%, var(--bg) 36%);min-width:320px;color:var(--ink);margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}main{min-height:calc(100vh - 68px)}.site-header{z-index:30;min-height:68px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe6;border-bottom:1px solid #d9e2dce6;border-radius:0 0 24px 24px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:10px 22px;display:grid;position:sticky;top:0}.brand{color:var(--ink-strong);letter-spacing:0;white-space:nowrap;align-items:center;gap:10px;font-size:18px;font-weight:900;display:inline-flex}.brand:before{content:"";background:linear-gradient(135deg, var(--primary) 0 50%, var(--accent) 50% 100%);border-radius:8px;width:25px;height:25px;box-shadow:inset 0 0 0 1px #10231c1a}.top-nav{justify-content:center;gap:6px;min-width:0;display:flex}.top-nav a,.primary-link,.ghost-button{min-height:40px;color:var(--muted);border-radius:999px;justify-content:center;align-items:center;padding:0 13px;font-size:14px;font-weight:800;display:inline-flex}.top-nav a.active,.top-nav a:hover{background:var(--primary-soft);color:var(--primary-strong)}.primary-link,.button.primary,.button:not(.secondary):not(.danger){border:1px solid var(--primary);background:var(--primary);color:#fff}.ghost-button,.button.secondary{border:1px solid var(--line);background:var(--surface-soft);color:var(--ink-strong)}.auth-area{justify-content:flex-end;align-items:center;gap:8px;display:flex}.user-chip{max-width:128px;color:var(--ink-strong);text-overflow:ellipsis;white-space:nowrap;font-weight:850;overflow:hidden}.mobile-bottom-nav{display:none}.page-shell{width:min(1200px,100%);margin:0 auto;padding:24px 22px 46px}.page-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}h1,h2{color:var(--ink-strong);letter-spacing:0;margin:0}.page-title,.page-heading h1{color:var(--ink-strong);font-size:clamp(26px,3.2vw,36px);font-weight:920}h2{font-size:18px;font-weight:880}.panel,.mode-tile,.home-welcome,.home-action,.home-info-card,.preview-board-card,.pre-game-card,.promotion-dialog,.auth-form,.queue-card,.time-card,.mode-card,.player-bar{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);color:var(--ink);box-shadow:var(--shadow-soft)}.panel{padding:18px}.panel h2{margin-bottom:14px}.muted,.mode-tile span,.home-welcome p,.home-action p,.home-info-card span,.ranking-row span,.stats dt,.preview-status span,.recent-game span,.recent-game time,.player-bar span,.queue-summary span,.match-state span{color:var(--muted)}.button{border-radius:var(--radius-sm);border:0;justify-content:center;align-items:center;min-height:46px;padding:0 16px;font-weight:880;display:inline-flex}.button.danger{background:var(--danger);color:#fff}.as-link{width:fit-content}input,select,textarea{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);width:100%;min-height:48px;color:var(--ink-strong);padding:0 14px;box-shadow:inset 0 1px #ffffffb3}input::placeholder,textarea::placeholder{color:var(--subtle);opacity:1}input:focus,select:focus,textarea:focus{border-color:var(--primary);outline:4px solid #24745f2e}input:-webkit-autofill{-webkit-text-fill-color:var(--ink-strong);box-shadow:0 0 0 1000px var(--surface) inset}.home-dashboard{gap:16px;display:grid}.home-welcome{background:linear-gradient(135deg,#fff,#eef7f1);gap:13px;padding:clamp(22px,4vw,38px);display:grid}.home-welcome h2{max-width:760px;font-size:clamp(30px,5vw,52px);line-height:1.05}.home-welcome p{max-width:680px;margin:0;font-size:16px;line-height:1.55}.eyebrow{background:var(--primary-soft);width:fit-content;min-height:30px;color:var(--primary-strong);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;padding:0 11px;font-size:12px;font-weight:900;display:inline-flex}.home-auth-actions{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.home-actions-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.home-action{align-content:start;gap:9px;min-height:164px;padding:20px;transition:transform .16s,box-shadow .16s,border-color .16s;display:grid}.home-action.primary{background:linear-gradient(135deg, #fff, var(--primary-soft));border-color:#24745f47}.home-action:hover,.home-info-card:hover,.mode-tile:hover{box-shadow:var(--shadow);border-color:#24745f57;transform:translateY(-2px)}.home-action span{width:fit-content;color:var(--primary-strong);letter-spacing:.05em;font-size:12px;font-weight:900}.home-action strong{color:var(--ink-strong);font-size:23px}.home-action p{margin:0;line-height:1.5}.home-info-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.home-info-card{align-content:center;gap:6px;min-height:90px;padding:16px 18px;transition:transform .16s,box-shadow .16s,border-color .16s;display:grid}.home-info-card strong{color:var(--ink-strong);font-size:17px}.home-info-card span{font-size:13px}.settings-grid,.settings-page-grid,.profile-grid,.admin-layout{grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:start;gap:18px;display:grid}.settings-page-grid{grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr)}.setting-block{gap:12px;display:grid}.setting-block+.setting-block{margin-top:18px}.inline-actions,.segmented,.clock-row,.console-actions{align-items:center;gap:8px;display:flex}.segmented{flex-wrap:wrap;margin-top:8px}.segmented button,.level-grid button,.promotion-options button{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-soft);min-height:44px;color:var(--ink-strong);font-weight:850}.segmented button{min-width:72px;padding:0 12px}.segmented button.selected,.level-grid button:hover,.level-grid button:focus-visible,.promotion-options button:hover,.promotion-options button:focus-visible{background:var(--primary);border-color:var(--primary);color:#fff}.toggle-list{gap:8px;display:grid}.toggle-row{min-height:42px;color:var(--ink);justify-content:space-between;align-items:center;gap:12px;display:flex}.toggle-row input{width:22px;min-height:22px}.auth-form{gap:12px;width:min(440px,100%);padding:18px;display:grid}.auth-form a{color:var(--primary-strong);font-weight:850}.error{color:var(--danger);margin:0;font-weight:800}.ranking-table,.admin-table,.compact-list,.recent-games{gap:8px;display:grid}.ranking-row,.move-row,.admin-row,.list-row,.recent-game{min-height:44px;color:var(--ink);border-bottom:1px solid #d9e2dcbf}.ranking-row{grid-template-columns:48px 1fr 90px 110px;align-items:center;gap:10px;display:grid}.ranking-row strong{color:var(--ink-strong)}.move-list{gap:4px;max-height:260px;display:grid;overflow:auto}.move-row{grid-template-columns:42px 1fr 1fr;align-items:center;gap:10px;display:grid}.pre-game-shell{place-items:center;min-height:calc(100vh - 150px);display:grid}.pre-game-card{gap:16px;width:min(820px,100%);padding:clamp(20px,4vw,36px);display:grid}.pre-game-card h2{font-size:clamp(28px,4vw,44px)}.level-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.level-grid button{align-content:center;gap:4px;min-height:88px;display:grid}.level-grid strong{font-size:20px}.level-grid span{color:var(--muted);font-size:12px;font-weight:800}.game-layout,.play-layout{grid-template-columns:minmax(360px,1fr) minmax(330px,390px);align-items:start;gap:18px;display:grid}.play-board-zone{justify-items:center;gap:10px;min-width:0;display:grid}.board{aspect-ratio:1;border-radius:var(--radius-md);width:min(72vh,100%);max-width:720px;box-shadow:var(--shadow);background:#3b2b20;border:8px solid #3b2b20;grid-template-columns:repeat(8,1fr);display:grid;overflow:hidden}.square{aspect-ratio:1;border:0;place-items:center;width:100%;padding:0;display:grid;position:relative}.square.light{background:var(--board-light)}.square.dark{background:var(--board-dark)}.square.legal:after{content:"";aspect-ratio:1;background:#26ad709e;border:3px solid #ffffffe6;border-radius:50%;width:38%;box-shadow:0 0 0 4px #26ad7057}.square.legal-capture:after{background:#dc372d33;border:4px solid #dc372de6;border-radius:9px;width:78%}.piece{font-family:Georgia,Times New Roman,serif;font-size:clamp(28px,8vmin,72px);font-weight:900;line-height:1;position:absolute}.piece.w{color:#f7f4ea;-webkit-text-stroke:1.2px #3b2a1e;text-shadow:0 2px #00000038}.piece.b{color:#171411;-webkit-text-stroke:1px #f0d9b5;text-shadow:0 2px #ffffff1f}.coord{color:#18212fa6;font-size:10px;position:absolute;bottom:3px;left:4px}.player-bar{grid-template-columns:auto minmax(0,1fr) minmax(130px,180px);align-items:center;gap:12px;width:min(72vh,100%);max-width:720px;min-height:66px;padding:9px 11px;display:grid}.player-token{background:var(--primary-soft);width:44px;height:44px;color:var(--primary-strong);border-radius:14px;place-items:center;font-size:13px;font-weight:900;display:grid}.clock-panel{border-radius:var(--radius-sm);background:var(--ink-strong);color:#fff;justify-content:space-between;align-items:center;gap:10px;min-height:44px;padding:0 12px;display:flex}.clock-panel span{color:#ffffffb8}.clock-panel strong{color:#fff;font-variant-numeric:tabular-nums;font-size:22px}.game-console{gap:14px;display:grid}.match-card{background:var(--ink-strong);color:#fff}.match-card strong,.match-card h2{color:#fff}.match-card span,.match-card p{color:#ffffffb8}.match-state{justify-content:space-between;align-items:center;gap:12px;display:flex}.console-actions{grid-template-columns:1fr 1fr;display:grid}.matchmaking-shell{grid-template-columns:minmax(320px,1fr) minmax(280px,420px);gap:18px;display:grid}.queue-card{background:linear-gradient(135deg,#fff,#eef7f1);align-content:center;gap:18px;min-height:420px;display:grid}.queue-card h2{font-size:clamp(28px,4vw,44px)}.queue-pulse{justify-content:center;align-items:center;gap:18px;height:120px;display:flex}.queue-pulse span{background:var(--line);border-radius:50%;width:22px;height:22px}.queue-pulse.active span{background:var(--primary);animation:1s ease-in-out infinite pulse}.queue-pulse.active span:nth-child(2){animation-delay:.15s}.queue-pulse.active span:nth-child(3){animation-delay:.3s}@keyframes pulse{0%,to{opacity:.45;transform:translateY(0)}50%{opacity:1;transform:translateY(-12px)}}.queue-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.queue-summary div{border-radius:var(--radius-sm);background:#ffffffb8;gap:4px;padding:12px;display:grid}.copy-line{overflow-wrap:anywhere;border-radius:var(--radius-sm);background:var(--surface-soft);color:var(--muted);padding:10px}.stats{gap:10px;margin:0;display:grid}.stats div{justify-content:space-between;gap:12px;display:flex}.stats dd{color:var(--ink-strong);margin:0;font-weight:850}.captured-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.captured-grid div{border-radius:var(--radius-sm);background:var(--surface-soft);gap:4px;min-height:58px;padding:10px;display:grid}.captured-grid p{min-height:24px;margin:0;font-size:22px;line-height:1}.captured-grid b{margin-right:2px;font-weight:400}.recent-game{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 10px;padding:8px 0;display:grid}.recent-game strong{color:var(--ink-strong);grid-column:1/-1}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#171b2275;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.promotion-dialog{gap:14px;width:min(420px,100%);padding:18px;display:grid;box-shadow:0 24px 70px #00000047}.promotion-options{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.promotion-options button{place-items:center;gap:4px;min-height:94px;display:grid}.promotion-options span{font-size:38px;line-height:1}.promotion-options strong{font-size:12px}.admin-games{grid-column:1/-1}.admin-table{gap:6px;display:grid;overflow:auto}.admin-row{border:1px solid var(--line);background:var(--surface);text-align:left;align-items:center;gap:10px;width:100%;padding:8px 10px;display:grid}.users-table .admin-row,.games-table .admin-row{grid-template-columns:1fr 1fr 1fr 78px 88px 70px}.admin-row.selected{border-color:var(--primary);background:var(--primary-soft)}.admin-form{gap:10px;display:grid}.admin-form label{color:var(--muted);gap:6px;display:grid}.list-row{justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}.compact-list .ranking-row{grid-template-columns:1fr 1fr 70px auto}@media (width>=1024px){.game-console{max-height:calc(100vh - 100px);position:sticky;top:84px;overflow:auto}}@media (width>=640px) and (width<=1023px){.site-header{grid-template-columns:auto 1fr;padding:10px 18px}.top-nav{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.auth-area{grid-column:1/-1;justify-content:flex-end}.page-shell{padding:20px 18px 36px}.home-actions-grid,.settings-page-grid,.matchmaking-shell,.play-layout,.game-layout,.profile-grid,.admin-layout{grid-template-columns:1fr}.home-info-grid,.game-console{grid-template-columns:repeat(2,minmax(0,1fr))}.board,.player-bar{width:min(86vw,720px)}.users-table .admin-row,.games-table .admin-row,.compact-list .ranking-row{grid-template-columns:1fr 1fr}}@media (width<=639px){body{padding-bottom:82px}main{min-height:calc(100vh - 58px)}.site-header{border-radius:0 0 18px 18px;grid-template-columns:1fr auto;min-height:56px;padding:8px 12px}.desktop-nav{display:none}.auth-area{justify-content:flex-end;gap:6px}.auth-area .ghost-button,.auth-area .primary-link{min-height:34px;padding:0 10px;font-size:13px}.user-chip{display:none}.mobile-bottom-nav{z-index:40;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;border:1px solid #31413a29;border-radius:24px;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:7px;display:grid;position:fixed;bottom:10px;left:10px;right:10px;box-shadow:0 18px 50px #1a262133}.mobile-bottom-nav a{min-width:0;min-height:50px;color:var(--muted);border-radius:16px;align-content:center;place-items:center;gap:2px;font-size:11px;font-weight:850;display:grid}.mobile-bottom-nav a.active{background:var(--primary);color:#fff}.mobile-nav-icon{color:inherit;font-size:18px;line-height:1}.page-shell{padding:14px 12px 24px}.page-heading{margin-bottom:12px}.home-actions-grid,.home-info-grid,.settings-page-grid,.matchmaking-shell,.play-layout,.game-layout,.profile-grid,.admin-layout,.settings-grid{grid-template-columns:1fr}.home-welcome h2{font-size:29px}.home-auth-actions{display:grid}.home-auth-actions .as-link{width:100%}.home-action{min-height:128px}.board{border-width:5px;width:100%}.player-bar{grid-template-columns:auto minmax(0,1fr);gap:8px;width:100%;min-height:58px;padding:8px}.player-bar .clock-panel{grid-column:1/-1}.player-token{width:38px;height:38px}.piece{font-size:clamp(28px,12vw,50px)}.level-grid,.promotion-options{grid-template-columns:repeat(2,minmax(0,1fr))}.captured-grid,.queue-summary,.console-actions,.users-table .admin-row,.games-table .admin-row,.compact-list .ranking-row,.ranking-row{grid-template-columns:1fr}}:root{--bg:#f4f1ea;--surface:#fffdf8;--surface-soft:#f0ece2;--surface-strong:#e6dfd1;--ink:#25312d;--ink-strong:#111c18;--muted:#69776f;--line:#ded5c5;--primary:#276a5b;--primary-strong:#153f35;--primary-soft:#dcece5;--accent:#b77b33;--board-light:#f0dcb6;--board-dark:#846241;--radius-sm:18px;--radius-md:24px;--radius-lg:32px}body{background:linear-gradient(#fffdf8f5,#f4f1eafa),radial-gradient(circle at 100% 0,#276a5b21,#0000 30%)}.site-header{background:#fffdf8eb;border-radius:0 0 28px 28px}.brand,.page-title,.page-heading h1,h1,h2,.home-action strong,.home-info-card strong,.ranking-row strong{color:var(--ink-strong)}.panel,.home-welcome,.home-action,.home-info-card,.mode-tile,.auth-form,.queue-card,.time-card,.mode-card,.player-bar{border-radius:var(--radius-lg);background:#fffdf8f0;border-color:#51483a26;box-shadow:0 16px 44px #322d2317}.button,.segmented button,.level-grid button,input,select,textarea{border-radius:20px}.button:disabled{cursor:not-allowed;opacity:.62}.board{border:7px solid #2f271f;border-radius:28px;box-shadow:0 22px 60px #2b231b3d}.square.selected{outline-offset:-5px;outline:5px solid #ffd35a}.square.last-move{box-shadow:inset 0 0 0 999px #ffc4446b}.square.legal:after{background:#19ab71e0;border:4px solid #fffffff2;width:34%;box-shadow:0 0 0 5px #14785347,0 8px 16px #14483647}.square.legal-capture:after{background:#d33a2d38;border:5px solid #d33a2dfa;border-radius:18px;width:86%;box-shadow:inset 0 0 0 3px #ffffff6b,0 8px 18px #7818123d}.piece{letter-spacing:0;border-radius:999px;place-items:center;width:70%;height:70%;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(16px,5.4vmin,42px);font-weight:950;line-height:1;display:grid;transform:translateZ(0)}.piece.w{color:#21332d;text-shadow:0 1px #ffffffe6;-webkit-text-stroke:0;background:linear-gradient(145deg,#fffaf0 0%,#e8dcc8 100%);border:2px solid #303d3759;box-shadow:inset 0 6px 12px #ffffffd9,inset 0 -8px 14px #56442c1f,0 9px 14px #28221a38}.piece.b{color:#f7ead4;text-shadow:0 1px #0006;-webkit-text-stroke:0;background:linear-gradient(145deg,#33413b 0%,#111815 100%);border:2px solid #fff6e552;box-shadow:inset 0 5px 10px #ffffff1a,inset 0 -8px 14px #00000047,0 9px 14px #1b161252}.move-list{gap:8px;max-height:330px;padding-right:2px}.move-empty{background:var(--surface-soft);min-height:88px;color:var(--muted);border-radius:22px;place-items:center;margin:0;font-weight:850;display:grid}.move-row{background:#f4eee2;border:0;border-radius:22px;grid-template-columns:44px minmax(0,1fr) minmax(0,1fr);gap:8px;min-height:56px;padding:6px}.move-number,.rank-badge{color:#fff8ea;background:#2f3d37;border-radius:15px;place-items:center;min-width:36px;height:36px;font-size:13px;font-weight:950;display:grid}.move-chip{min-width:0;min-height:40px;color:var(--ink-strong);font-variant-numeric:tabular-nums;text-overflow:ellipsis;background:#fffdf8db;border:1px solid #51483a1f;border-radius:17px;justify-content:center;align-items:center;font-weight:900;display:flex;overflow:hidden}.move-chip.latest{color:#2f2415;background:linear-gradient(135deg,#fff1c8,#d99741);border-color:#b77b338c;box-shadow:0 8px 18px #a4692338}.ranking-panel{padding:12px}.ranking-head,.ranking-row{grid-template-columns:64px minmax(0,1fr) 102px 92px;align-items:center;gap:10px;display:grid}.ranking-head{min-height:40px;color:var(--muted);padding:0 10px;font-size:12px;font-weight:900}.ranking-row{background:#fffaf0;border:1px solid #51483a1f;border-radius:24px;min-height:64px;padding:10px}.trophy-score{background:#f8dfa4;border-radius:999px;justify-content:center;align-items:center;width:fit-content;min-height:36px;padding:0 12px;font-weight:950;display:inline-flex;color:#4a2f10!important}.queue-card{background:linear-gradient(145deg,#fffdf8,#e7f0e9);align-content:start;min-height:0}.queue-card h2{line-height:1.05}.global-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.online-count strong{color:var(--primary-strong)}.fallback-note{color:var(--primary-strong);background:#276a5b1a;border-radius:22px;margin:0;padding:14px;font-weight:800;line-height:1.45}.match-card{background:linear-gradient(145deg,#17221e,#2e443a)}.mobile-bottom-nav{border-radius:28px}@media (width<=639px){body{padding-bottom:92px}.site-header{border-radius:0 0 24px 24px}.brand{font-size:16px}.page-shell{padding:12px 10px 24px}.page-title,.page-heading h1{font-size:26px}.panel{padding:14px}.home-welcome{padding:22px}.home-action{min-height:118px;padding:18px}.board{border-width:5px;border-radius:22px}.piece{width:72%;height:72%;font-size:clamp(16px,7.4vw,34px)}.move-list{max-height:240px}.move-row{grid-template-columns:38px minmax(0,1fr) minmax(0,1fr);min-height:52px}.move-number,.rank-badge{border-radius:13px;min-width:32px;height:32px}.move-chip{min-height:36px;font-size:14px}.ranking-head{display:none}.ranking-row{grid-template-columns:42px minmax(0,1fr);gap:8px}.ranking-row .trophy-score,.ranking-row>span:last-child{grid-column:2}.global-summary{grid-template-columns:1fr}.mobile-bottom-nav{background:#fffdf8f5;padding:6px;bottom:8px;left:8px;right:8px}.mobile-bottom-nav a{border-radius:20px}}@media (width>=640px) and (width<=1023px){.matchmaking-shell{grid-template-columns:1fr 1fr}.queue-card{grid-column:1/-1}.piece{font-size:clamp(20px,5.8vw,44px)}}