@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,sans-serif;color:#eeeae0;background:#101311;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg:#101311;--panel:#171b18;--panel-hi:#1b211d;--line:#2a302b;--muted:#838982;--soft:#bbc0b7;--sage:#8eaa98;--mint:#c6dec9;--brass:#c9ae76;--display:"Manrope",sans-serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}body{margin:0;min-width:360px;min-height:100vh;background:var(--bg)}button,input{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.app-shell{display:flex;min-height:100vh;background:radial-gradient(ellipse at 77% 9%,rgba(65,80,68,.12),transparent 38%),var(--bg)}.sidebar{width:248px;flex:none;position:sticky;top:0;height:100vh;padding:29px 17px 17px;display:flex;flex-direction:column;border-right:1px solid #252a26;background:#101311f5;z-index:3}.brand{border:0;background:transparent;display:flex;align-items:center;gap:10px;padding:0 10px;text-align:left}.brand-mark{width:31px;height:31px;border-radius:10px;background:#9eb7a0;color:#18221b;display:grid;place-items:center;box-shadow:0 5px 18px #728a7219}.brand-word{font-size:17px;font-weight:800;letter-spacing:.15em}.brand-dot{color:var(--brass)}.side-caption{font:500 9px var(--mono);letter-spacing:.14em;color:#727a72;margin:43px 10px 12px}.rank-caption{margin-top:32px}.side-nav{display:grid;gap:4px}.nav-item{height:43px;display:flex;align-items:center;gap:12px;padding:0 11px;border:1px solid transparent;border-radius:8px;background:none;color:#9ba198;text-align:left;font-size:12px;transition:.17s}.nav-item:hover{background:#1b211c;color:#e5e8df}.nav-item.active{color:#dfeadd;background:#202a23;border-color:#2d3b31}.nav-item.active>svg{color:#a8c4ad}.nav-item>svg{flex:none;color:#858d83}.nav-item>span:nth-child(2){flex:1}.nav-badge{font:9px var(--mono);letter-spacing:.04em;color:#a7c2aa;border:1px solid #37463a;border-radius:4px;padding:2px 4px}.live-dot,.connection-dot{width:7px;height:7px;border-radius:50%;background:#789c78;box-shadow:0 0 0 3px #7594751c;display:inline-block}.connection-dot{width:6px;height:6px;background:#918f7b}.connection-dot.connected{background:#8ebd8c;box-shadow:0 0 0 3px #8ebd8c1a}.side-spacer{flex:1;min-height:40px}.club-card{height:133px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:7px;padding:14px;border:1px solid #303b32;border-radius:9px;background:linear-gradient(115deg,#202923,#19201b 75%,#17201a);text-align:left;margin-bottom:15px}.club-card-bg{position:absolute;width:145px;height:122px;right:-21px;bottom:-34px;background:url(/images/board-art.svg) center/cover no-repeat;opacity:.54;mix-blend-mode:screen;pointer-events:none}.club-card>*:not(.club-card-bg){position:relative}.club-eyebrow{font:9px var(--mono);letter-spacing:.08em;color:#a5b9a8;display:flex;gap:8px;align-items:center}.club-eyebrow .live-dot{width:5px;height:5px}.club-card>strong{font-size:17px;line-height:1.22;font-weight:600;letter-spacing:-.04em}.club-link{display:flex;align-items:center;gap:5px;color:#c7b98f;font-size:10px;margin-top:auto}.profile-link{padding:13px 4px 11px;border:0;border-top:1px solid #292e29;background:transparent;display:flex;align-items:center;gap:10px;text-align:left}.avatar{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,#c5b58e,#798e79);color:#172018;font-size:13px;font-weight:800;flex:none}.profile-copy{display:grid;gap:3px;min-width:0}.profile-copy strong{font-size:11px;font-weight:600;white-space:nowrap;max-width:140px;overflow:hidden;text-overflow:ellipsis}.profile-copy small{font-size:9px;color:#80877e}.profile-chevron{margin-left:auto;color:#7f867d}.sidebar-foot{color:#747c73;font-size:9px;padding-left:2px;line-height:1.6}.sidebar-foot span{color:var(--brass);font-size:12px}.workspace{min-width:0;flex:1;padding:0 38px;display:flex;flex-direction:column}.topbar{height:72px;flex:none;border-bottom:1px solid #252a26;display:flex;align-items:center;justify-content:space-between}.crumb{display:flex;align-items:center;gap:11px;font-size:11px;color:#777f76}.crumb-slash{color:#434a43}.crumb strong{font-weight:500;color:#d6dbd1}.topbar-actions{display:flex;align-items:center;gap:17px}.connection-state{display:flex;align-items:center;gap:8px;color:#929990;font:10px var(--mono)}.icon-button,.quiet-more{width:32px;height:32px;display:grid;place-items:center;border:1px solid #303630;border-radius:7px;color:#90978e;background:#171b18}.icon-button:hover,.quiet-more:hover,.board-tool:hover{color:#e4e9df;border-color:#596153}.button-primary,.button-secondary{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 14px;border:1px solid #b6caad;border-radius:6px;background:#aec5a7;color:#192019;font-size:11px;font-weight:700;transition:.18s}.button-primary:hover{background:#c0d5b8;transform:translateY(-1px)}.button-secondary{border-color:#39443b;background:#222a23;color:#cbd8c9}.button-secondary:hover{background:#2c382f}.top-new-game{height:34px;min-height:34px;padding:0 11px;font-size:10px}.game-content{max-width:1360px;width:100%;margin:0 auto;flex:1}.game-heading{display:flex;align-items:flex-end;justify-content:space-between;padding:27px 0 19px;gap:24px}.eyebrow,.panel-kicker{color:#98aa95;font:500 9px var(--mono);letter-spacing:.15em}.game-heading h1,.leaderboard-heading h1{font-size:29px;line-height:1.16;letter-spacing:-.055em;font-weight:600;margin:7px 0 6px;color:#f0ede4}.game-heading p{font-size:11px;color:#929a90;margin:0}.subtle-button{display:flex;align-items:center;justify-content:center;gap:8px;height:34px;padding:0 10px;border:1px solid #333a33;background:#171c18;border-radius:6px;font-size:10px;color:#cacdc3;white-space:nowrap}.mode-pill{margin-bottom:2px}.ai-pill{display:flex;align-items:center;gap:5px;color:#b9d0bb;font:500 9px var(--mono);letter-spacing:.07em}.pill-divider{width:1px;height:14px;background:#3c433b;margin:0 2px}.play-layout{display:grid;grid-template-columns:minmax(380px,1fr) 276px;gap:20px;align-items:start}.board-column{min-width:0}.board-top-row{position:relative;margin:0 0 8px}.player-card{min-height:52px;display:flex;align-items:center;padding:7px 10px;border:1px solid #2a302b;border-radius:7px;background:linear-gradient(110deg,#1a1f1b,#161a17);transition:.2s}.player-card.active{border-color:#4d604f;background:linear-gradient(110deg,#212c24,#181e19);box-shadow:inset 2px 0 #91ad90}.player-avatar{width:34px;height:34px;border-radius:7px;display:grid;place-items:center;font-size:24px;flex:none}.dark-piece{background:#27342b;color:#c9dbcd}.white-piece{background:#e0d7c4;color:#586652}.player-avatar.computer-piece{font-size:22px;background:#29372d;color:#b7ceba}.player-details{display:grid;gap:3px;margin-left:10px;min-width:0}.player-details strong{font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-details>span{font-size:9px;color:#858d83;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-clock{display:flex;align-items:center;gap:6px;margin-left:auto;padding:7px 8px;border:1px solid #343a34;border-radius:5px;color:#a9aea5;font:11px var(--mono);background:#151915}.clock-active{border-color:#49594a;color:#d8e4d4;background:#202822}.waiting-invite{position:absolute;right:83px;top:19px;background:none;border:0;color:#b8c998;font:9px var(--mono);letter-spacing:.08em;display:flex;gap:6px;align-items:center}.board-shell{border:1px solid #343a32;border-radius:9px;background:#171b18;overflow:hidden;box-shadow:0 18px 44px #00000021}.board-scene-wrap{height:min(59vw,615px);min-height:425px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 48%,#27342b,#1b241e 49%,#171c19)}.chess-scene{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none}.chess-scene canvas{width:100%;height:100%;display:block;touch-action:none;outline:none}.thinking-chip{position:absolute;left:15px;top:14px;display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid #495649;border-radius:5px;background:#172018e6;color:#d7e5d5;font-size:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.invite-hint{position:absolute;left:50%;top:51%;transform:translate(-50%,-50%);width:210px;padding:15px;display:grid;justify-items:center;gap:6px;border:1px solid #7b8b6a52;border-radius:8px;background:#161d18dc;box-shadow:0 12px 35px #0006;text-align:center;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.invite-spark{font-size:17px;color:#cbb37f}.invite-hint strong{font-size:11px;font-weight:600}.invite-hint small{font-size:9px;color:#969e93}.board-footer{min-height:48px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.turn-status{display:flex;align-items:center;gap:8px;color:#c9d2c3;font-size:10px;font-weight:600}.turn-status.finished{color:#d1bd8b}.turn-indicator{width:7px;height:7px;border-radius:50%;background:#a5c3a0;box-shadow:0 0 0 3px #a5c3a020;flex:none}.finished .turn-indicator{background:#cbb377}.board-tools{display:flex;align-items:center;gap:9px}.board-hint{display:flex;align-items:center;gap:6px;color:#777f76;font-size:9px;white-space:nowrap}.hint-dot{width:5px;height:5px;border-radius:50%;background:#a8c197}.tool-divider{height:15px;width:1px;background:#343a33}.board-tool{display:grid;place-items:center;width:26px;height:27px;border:0;border-radius:5px;background:transparent;color:#8f978d}.post-board-line{display:flex;align-items:center;justify-content:space-between;padding:11px 2px;color:#7e867c;font-size:9px}.post-board-line>span:first-child{display:flex;align-items:center;gap:7px}.gold-dot{width:6px;height:6px;border-radius:50%;background:#bfaa78}.game-rail{display:grid;gap:12px}.panel-card{border:1px solid #2b312c;border-radius:8px;background:linear-gradient(145deg,#191e1a,#161a17);padding:13px}.panel-title-row{height:21px;display:flex;align-items:center;justify-content:space-between;color:#8b9389}.panel-title-row>div{display:flex;align-items:center;gap:9px}.panel-title-row .panel-kicker{font-size:8px}.quiet-more{width:22px;height:21px;border:none;background:transparent}.opponent-identity{display:flex;align-items:center;gap:9px;padding:12px 0 4px}.big-avatar{width:41px;height:41px;border-radius:9px;background:#d6cfbb;color:#536250;display:grid;place-items:center;font-size:25px;position:relative}.cpu-avatar{background:#29372d;color:#b3c9b4}.big-avatar i{position:absolute;right:-2px;bottom:-2px;width:9px;height:9px;border:2px solid #191e1a;background:#86ab82;border-radius:50%}.opponent-name{display:grid;gap:4px;min-width:0}.opponent-name strong{font-size:11px;font-weight:600}.opponent-name>span{font-size:9px;color:#858d84}.elo-chip{margin-left:auto;color:#bba878;font:10px var(--mono)}.section-rule{height:1px;background:#2a302b;margin:14px 0 12px}.difficulty-header{display:flex;align-items:center;justify-content:space-between;color:#7e887e}.difficulty-header>div{display:grid;gap:5px}.difficulty-header .panel-kicker{font-size:8px}.difficulty-header small{font-size:9px;color:#858c82}.difficulty-list{display:grid;gap:5px;margin-top:10px}.difficulty-option{display:flex;align-items:center;gap:8px;min-height:40px;padding:5px 7px;border:1px solid transparent;border-radius:5px;background:transparent;text-align:left;transition:.15s}.difficulty-option:hover{background:#202721}.difficulty-option.selected{border-color:#435346;background:#222c24}.difficulty-pip{width:21px;height:21px;display:grid;place-items:center;border:1px solid #424a40;border-radius:5px;color:#92998f;font:9px var(--mono);flex:none}.selected .difficulty-pip{border-color:#95ae90;background:#809d7d;color:#101510}.difficulty-copy{display:grid;gap:3px;flex:1}.difficulty-copy strong{font-size:10px;font-weight:600;color:#d3d8cd}.difficulty-copy small{font-size:8px;color:#858d82}.difficulty-rating{color:#9da392;font:9px var(--mono)}.friend-panel{display:flex;align-items:center;gap:10px;margin-top:15px;padding:12px 4px 1px;border-top:1px solid #2b312c}.friend-icon{width:32px;height:32px;border:1px solid #3a453b;background:#202922;color:#a9c2a7;display:grid;place-items:center;border-radius:7px}.friend-panel strong{font-size:10px;font-weight:600}.friend-panel p{margin:4px 0 0;color:#7f887e;font-size:9px;line-height:1.5}.moves-card{min-height:190px;display:flex;flex-direction:column}.moves-card>.panel-title-row>svg{margin-right:2px}.move-count{padding:2px 5px;border-radius:4px;background:#252c26;color:#b5bdad;font:9px var(--mono)}.move-list{max-height:230px;min-height:106px;overflow:auto;margin:8px -3px 0;scrollbar-width:thin;scrollbar-color:#424a41 transparent}.empty-moves{min-height:106px;display:grid;justify-items:center;align-content:center;gap:5px;color:#8b9288}.empty-mark{font-size:20px;color:#a4946b}.empty-moves strong{font-size:10px;font-weight:500;color:#b4bab0}.empty-moves small{font-size:8px;color:#777f75}.move-row{height:30px;display:grid;grid-template-columns:30px 1fr 1fr;align-items:center;padding:0 5px;border-radius:4px;font-family:var(--mono);font-size:10px;color:#9ca398}.move-row:nth-child(2n){background:#1d231e}.move-number{color:#687169;font-size:9px}.move-white,.move-black{padding:5px 6px;color:#d1d4ca}.move-white.recent,.move-black.recent{border-radius:3px;background:#333a2e;color:#e3d8b5}.move-black{color:#bbc1b6}.text-link{border:0;background:transparent;display:flex;align-items:center;gap:6px;margin-top:auto;padding:11px 1px 0;color:#a9b99e;font-size:9px}.text-link:hover{color:#d5e1cf}.tip-card{min-height:95px;display:flex;gap:10px;padding:12px;border:1px solid #3b4131;border-radius:7px;background:linear-gradient(120deg,#262b21,#1e241d)}.tip-icon{width:26px;height:26px;display:grid;place-items:center;border:1px solid #5e6142;border-radius:6px;color:#d0bf86;flex:none}.tip-card>div:last-child{display:grid;align-content:start;gap:5px}.tip-card>div>span{font:8px var(--mono);letter-spacing:.08em;color:#c5b780}.tip-card strong{font-size:10px;font-weight:600;color:#e3e1d5}.tip-card small{font-size:8px;color:#a09e8e;line-height:1.55}.full-button{width:100%;margin-top:4px}.workspace-footer{height:51px;flex:none;margin-top:9px;border-top:1px solid #252a26;display:flex;align-items:center;justify-content:space-between;color:#737a71;font-size:9px}.workspace-footer>span:first-child{font:9px var(--mono);letter-spacing:.1em}.footer-sep{color:#b39d69;padding:0 2px}.workspace-footer>button{display:flex;align-items:center;gap:6px;border:0;background:none;color:#9fa69b;font-size:9px}.workspace-footer>span:nth-child(2){font-size:9px;color:#777f75}.room-banner{min-height:58px;display:flex;align-items:center;gap:11px;padding:8px 12px;margin:-5px 0 13px;border:1px solid #343c34;border-radius:7px;background:#1a201b}.room-banner.waiting{border-color:#4b4c39;background:#22241c}.room-icon{width:31px;height:31px;border-radius:7px;background:#29352c;color:#b5c6aa;display:grid;place-items:center}.room-copy{display:grid;gap:4px;min-width:0;flex:1}.room-copy strong{font-size:10px;font-weight:600}.room-copy>span{font-size:9px;color:#899084}.room-code{display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid #555640;border-radius:5px;background:#2d3022;color:#e4d4a3;font:12px var(--mono);letter-spacing:.1em}.room-code svg{color:#b9b89c}.room-leave{width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:5px;background:transparent;color:#828a80}.room-leave:hover{background:#323631;color:#dbb19a}.leaderboard-page{width:min(100%,1100px);margin:0 auto;flex:1}.leaderboard-heading{padding:34px 0 22px}.leaderboard-total{display:flex;align-items:center;gap:10px;padding:9px 13px;border:1px solid #313a32;border-radius:6px;color:#bcae81;background:#1a201b}.leaderboard-total span{display:grid;gap:3px}.leaderboard-total strong{font:15px var(--mono);color:#ddd9c8}.leaderboard-total small{font:8px var(--mono);letter-spacing:.1em;color:#848b80}.leaderboard-feature{position:relative;overflow:hidden;min-height:250px;border:1px solid #363d32;border-radius:9px;background:radial-gradient(ellipse at 50% 14%,#394334,#252d24 36%,#1a201c 75%);padding:14px 18px 0}.leaderboard-feature:after{content:"";position:absolute;width:500px;height:1px;left:calc(50% - 250px);bottom:73px;background:linear-gradient(90deg,transparent,#7e8054,transparent);opacity:.6}.feature-top{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center}.feature-tag,.feature-date{font:8px var(--mono);letter-spacing:.1em;color:#a9b79d}.feature-tag{display:flex;align-items:center;gap:7px}.feature-date{color:#858a78}.feature-tag .live-dot{width:5px;height:5px}.podium{position:relative;z-index:1;height:217px;display:flex;justify-content:center;align-items:flex-end;gap:23px;padding-top:10px}.podium-place{width:150px;display:flex;align-items:center;flex-direction:column;position:relative;padding-bottom:5px}.podium-avatar{width:47px;height:47px;display:grid;place-items:center;border:1px solid #74734f;border-radius:50%;color:#e4d8b0;background:radial-gradient(circle at 35% 25%,#6b6c4e,#32382c 75%);font-size:18px;box-shadow:0 0 30px #c7b7791c}.podium-1{width:58px;height:58px;color:#f0d990;border-color:#bda86f;background:radial-gradient(circle at 35% 25%,#9b8860,#414437 74%)}.place-2 .podium-avatar,.place-3 .podium-avatar{margin-bottom:4px}.podium-medal{position:absolute;left:calc(50% + 19px);top:33px;font:8px var(--mono);color:#171a14;background:#c6b278;border-radius:3px;padding:2px 3px}.place-1 .podium-medal{top:43px;left:calc(50% + 22px)}.place-2 .podium-medal{background:#a8b4a1}.place-3 .podium-medal{background:#ae896c}.podium-place>strong{margin-top:8px;color:#ebe7d9;font-size:10px;font-weight:600}.podium-rating{margin-top:4px;color:#d2c99f;font:11px var(--mono)}.podium-rating small{font-size:8px;color:#848875}.podium-step{width:100%;height:34px;display:grid;place-items:center;margin-top:8px;background:linear-gradient(180deg,#444a37,#363d30);border-top:1px solid #777857;border-radius:3px 3px 0 0;color:#c6c39d;font:8px var(--mono);letter-spacing:.09em}.place-1 .podium-step{height:56px;background:linear-gradient(180deg,#56583c,#353b2c);border-color:#a8965f}.place-3 .podium-step{background:linear-gradient(180deg,#3a4237,#2d342d);border-color:#696d52}.rank-list-card{margin-top:17px;border:1px solid #2b312c;border-radius:8px;background:#171b18;padding:15px 17px 8px}.rank-list-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px}.rank-list-head>div{display:grid;gap:5px}.rank-list-head h2{margin:0;font-size:14px;font-weight:600;letter-spacing:-.03em}.filter-button{height:29px;font-size:9px;color:#a6ad9f}.rank-header,.rank-entry{display:grid;grid-template-columns:70px minmax(130px,1fr) 110px 100px;align-items:center;column-gap:9px}.rank-header{min-height:29px;border-top:1px solid #292f2a;border-bottom:1px solid #292f2a;color:#737b72;font:8px var(--mono);letter-spacing:.08em}.rank-header span:first-child{padding-left:5px}.rank-entry{min-height:45px;border-bottom:1px solid #282e29}.rank-entry:last-child{border-bottom:0}.rank-num{padding-left:5px;color:#81887e;font:10px var(--mono)}.rank-num.top-rank{color:#c1ac76}.rank-player{display:flex;align-items:center;gap:9px;min-width:0}.rank-player i{width:25px;height:25px;display:grid;place-items:center;border:1px solid #40473c;border-radius:6px;background:#222922;color:#bccbb3;font-style:normal;font-size:9px}.rank-player strong{color:#d9ddd2;font-size:10px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.you-tag{margin-left:2px;padding:2px 4px;border:1px solid #464b35;border-radius:3px;color:#c5b77f;font:7px var(--mono);letter-spacing:.07em}.rank-wins,.rank-elo{color:#bac1b5;font:10px var(--mono)}.rank-wins small,.rank-elo small{font-size:8px;color:#747d73}.rank-elo{color:#c9b57d}.leaderboard-demo-note{border-top:1px solid #2b312c;padding:10px 0 3px;color:#838a7f;font-size:9px}.loading-board{height:140px;display:flex;align-items:center;justify-content:center;gap:9px;color:#9ca498;font-size:10px}.rank-callout{display:flex;align-items:center;gap:12px;margin-top:13px;padding:11px 13px;border:1px solid #373f35;border-radius:7px;background:linear-gradient(100deg,#222b24,#1a201b)}.callout-icon{width:31px;height:31px;display:grid;place-items:center;border:1px solid #54563e;border-radius:7px;color:#c8b474}.rank-callout>div:nth-child(2){display:grid;gap:4px;flex:1}.rank-callout strong{font-size:10px;font-weight:600}.rank-callout span{color:#899186;font-size:9px}.rank-callout .button-primary{height:32px;min-height:32px;font-size:9px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:20px;background:#080a08c9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadein .15s ease-out}@keyframes fadein{0%{opacity:0}to{opacity:1}}.modal-card{position:relative;width:min(100%,416px);padding:25px;border:1px solid #3a423a;border-radius:10px;background:linear-gradient(150deg,#1e241f,#171b18 80%);box-shadow:0 26px 100px #0009}.modal-close{position:absolute;right:15px;top:14px;width:29px;height:29px;display:grid;place-items:center;border:1px solid #333a33;border-radius:5px;background:#1a201b;color:#939b91}.modal-card h2{margin:7px 0 20px;font-size:21px;line-height:1.22;font-weight:600;letter-spacing:-.05em}.online-tabs{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:3px;margin-bottom:17px;border:1px solid #303730;border-radius:6px;background:#131713}.online-tabs button{height:32px;border:0;border-radius:4px;background:transparent;color:#899087;font-size:10px}.online-tabs button.active{background:#283329;color:#d4e0d0;box-shadow:0 1px 3px #0004}.field-label{display:grid;gap:7px;margin:0 0 15px;color:#95a092;font:9px var(--mono);letter-spacing:.11em}.field-label input{width:100%;height:40px;padding:0 11px;border:1px solid #3c443c;border-radius:5px;outline:none;background:#121612;color:#e8e9e0;font:12px var(--display);letter-spacing:0}.field-label input:focus{border-color:#91aa8e;box-shadow:0 0 0 2px #91aa8e24}.field-label input::placeholder{color:#656d64}.field-label input.code-input{text-transform:uppercase;font:15px var(--mono);letter-spacing:.22em}.modal-info{display:flex;gap:11px;padding:12px;margin:2px 0 16px;border:1px solid #313a32;border-radius:6px;background:#1a201b}.modal-info-icon{width:31px;height:31px;display:grid;place-items:center;border:1px solid #424d41;border-radius:6px;color:#adc2a4;flex:none}.modal-info strong,.setup-note strong{font-size:10px;font-weight:600;color:#e0e3d9}.modal-info p,.setup-note p{margin:4px 0 0;color:#8d958a;font-size:9px;line-height:1.6}.modal-submit{width:100%;height:40px;margin-top:3px}.fine-print{display:block;margin-top:10px;text-align:center;color:#747c72;font-size:9px}.setup-note{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid #494337;border-radius:6px;background:#242319;color:#ccb983}.setup-note>div{display:grid;gap:5px}.setup-note code{color:#d9cea8;font:9px var(--mono)}.setup-note span{color:#b5af96;font-size:9px}.profile-preview{display:flex;align-items:center;gap:9px;padding:11px;margin-bottom:13px;border:1px solid #333a33;border-radius:6px;background:#181d19}.profile-preview>div{display:grid;gap:4px;flex:1}.profile-preview>div strong{font-size:11px}.profile-preview>div small{color:#848c81;font-size:9px}.account-state{display:flex;align-items:center;gap:6px;color:#9da496;font-size:8px}.help-steps{display:grid;gap:7px}.help-steps>div{display:flex;align-items:flex-start;gap:12px;padding:11px;border:1px solid #303730;border-radius:6px;background:#191e1a}.help-steps>div>span{font:10px var(--mono);color:#c2ae7a;padding-top:1px}.help-steps p{display:grid;gap:4px;margin:0;color:#92998e;font-size:9px;line-height:1.5}.help-steps strong{color:#e2e5dc;font-size:10px;font-weight:600}.help-note{display:flex;gap:8px;align-items:center;color:#9aa294;font-size:9px;line-height:1.5}.notation-examples{display:grid;gap:0;margin:-3px 0 15px}.notation-examples span{display:flex;gap:10px;padding:9px 1px;border-bottom:1px solid #2a302b;color:#98a092;font-size:10px}.notation-examples b{min-width:48px;color:#d4c18b;font:11px var(--mono)}.notation-examples i{color:#666}.toast-message{position:fixed;z-index:20;right:25px;bottom:22px;display:flex;align-items:center;gap:9px;max-width:min(380px,calc(100vw - 30px));padding:11px 14px;border:1px solid #4a5a47;border-radius:7px;background:#202a22;color:#e0e7dd;box-shadow:0 10px 34px #0007;font-size:10px;animation:slideup .18s ease-out}@keyframes slideup{0%{transform:translateY(7px);opacity:0}to{transform:translateY(0);opacity:1}}.toast-message>span{width:20px;height:20px;display:grid;place-items:center;border-radius:5px;background:#40543e;color:#c6dfbd;flex:none}@media(min-width:1500px){.workspace{padding-left:50px;padding-right:50px}.play-layout{grid-template-columns:minmax(450px,1fr) 295px;gap:24px}.board-scene-wrap{height:min(58vw,690px)}.panel-card{padding:15px}.game-rail{gap:14px}}@media(max-width:1150px){.sidebar{width:218px;padding-left:13px;padding-right:13px}.workspace{padding:0 24px}.play-layout{grid-template-columns:minmax(340px,1fr) 248px;gap:14px}.board-scene-wrap{min-height:385px;height:min(59vw,560px)}.board-hint{display:none}.game-heading h1{font-size:26px}}@media(max-width:900px){.sidebar{width:66px;padding:22px 9px 13px;align-items:center}.brand{padding:0}.brand-word,.side-caption,.nav-item span:not(.live-dot),.club-card,.profile-copy,.profile-chevron,.sidebar-foot{display:none}.side-nav{width:100%;margin-top:34px}.side-nav+.side-nav{margin-top:20px}.nav-item{width:46px;height:44px;justify-content:center;padding:0;position:relative}.nav-item>span:nth-child(2){display:none}.nav-item .live-dot{position:absolute;right:5px;top:6px}.profile-link{margin-top:auto;padding:12px 0 6px;border-top:1px solid #292e29}.workspace{padding:0 18px}.play-layout{grid-template-columns:minmax(340px,1fr) 220px;gap:12px}.panel-card{padding:10px}.difficulty-option{gap:6px;padding:4px}.board-scene-wrap{height:52vw;min-height:355px}.topbar{height:62px}}@media(max-width:680px){body{min-width:360px}.sidebar{width:52px;padding:18px 4px 10px}.brand-mark{width:30px;height:30px}.nav-item{width:39px;height:40px}.profile-link{padding-top:9px}.profile-link .avatar{width:29px;height:29px}.workspace{padding:0 12px}.topbar{height:56px}.crumb{gap:7px;font-size:9px}.topbar-actions{gap:8px}.connection-state{font-size:8px;gap:5px}.help-button{display:none}.top-new-game{height:31px;min-height:31px;padding:0 8px;font-size:9px}.top-new-game svg{width:14px}.game-heading{padding:21px 0 14px;align-items:flex-start}.game-heading h1,.leaderboard-heading h1{font-size:22px}.game-heading p{max-width:260px;font-size:9px;line-height:1.55}.mode-pill{height:30px;padding:0 7px;font-size:9px}.ai-pill{font-size:8px}.play-layout{grid-template-columns:1fr;gap:6px}.board-scene-wrap{height:90vw;min-height:340px;max-height:520px}.player-card{min-height:47px;padding:6px 8px}.player-avatar{width:30px;height:30px}.player-clock{padding:6px;font-size:10px}.board-footer{min-height:42px;padding:0 8px}.turn-status{font-size:9px}.board-tools{gap:3px}.board-tool{width:25px}.tool-divider{margin:0 3px}.post-board-line{padding:9px 1px}.game-rail{grid-template-columns:1fr 1fr;align-items:start;margin-top:2px;gap:8px}.opponent-card{grid-column:1/-1}.opponent-card{display:block}.opponent-identity{padding:8px 0 2px}.opponent-card .section-rule{margin:9px 0}.difficulty-header{display:none}.difficulty-list{grid-template-columns:1fr 1fr;margin-top:9px}.difficulty-option{min-height:38px}.difficulty-rating{display:none}.friend-panel{margin-top:9px}.moves-card{min-height:184px}.move-list{max-height:175px}.tip-card{min-height:184px;padding:11px;display:grid;align-content:start}.tip-card small{line-height:1.6}.workspace-footer{height:auto;min-height:46px;margin-top:9px}.workspace-footer>span:nth-child(2){display:none}.workspace-footer>span:first-child{font-size:8px}.workspace-footer>button{font-size:8px}.room-banner{margin:-3px 0 10px;gap:7px;padding:7px}.room-icon{width:27px;height:27px}.room-copy>span{font-size:8px}.room-copy strong{font-size:9px}.room-code{gap:5px;padding:7px;font-size:10px}.room-leave{width:24px}.waiting-invite{right:69px;font-size:8px}.leaderboard-heading{padding:24px 0 17px}.leaderboard-feature{min-height:218px;padding:12px 11px 0}.podium{height:189px;gap:4px}.podium-place{width:31%}.podium-place>strong{max-width:100%;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium-avatar{width:41px;height:41px}.podium-1{width:51px;height:51px}.podium-medal{left:calc(50% + 12px);top:30px}.place-1 .podium-medal{top:39px;left:calc(50% + 15px)}.podium-step{height:26px;font-size:7px}.place-1 .podium-step{height:43px}.feature-date{font-size:7px}.rank-list-card{padding:12px 9px 7px;margin-top:11px}.rank-header,.rank-entry{grid-template-columns:39px minmax(100px,1fr) 56px 62px;gap:3px}.rank-header{font-size:7px}.rank-player{gap:5px}.rank-player i{width:21px;height:21px}.rank-player strong{font-size:8px}.rank-num,.rank-wins,.rank-elo{font-size:9px}.rank-wins small,.rank-elo small,.you-tag{display:none}.rank-callout{padding:9px;gap:7px}.rank-callout strong{font-size:9px}.rank-callout span{font-size:8px}.rank-callout .button-primary{padding:0 8px;font-size:8px;white-space:nowrap}.leaderboard-total{padding:7px 9px}.leaderboard-total svg{width:15px}.modal-card{padding:22px 18px}.connection-state{max-width:100px;white-space:nowrap}.board-scene-wrap .invite-hint{width:185px;padding:12px}.game-heading .subtle-button{margin-top:3px}}@media(max-width:410px){.workspace{padding:0 9px}.sidebar{width:48px}.topbar-actions{gap:5px}.connection-state{max-width:78px;overflow:hidden}.crumb{font-size:8px}.board-scene-wrap{min-height:315px}.room-leave{display:none}.board-footer{gap:2px}.board-tools{gap:1px}.turn-status{font-size:8px}.rank-callout .callout-icon{display:none}}.club-card-bg{background-image:url(/media/catur-club/images/board-art.svg),url(/images/board-art.svg);background-position:center,center;background-size:cover,cover}.heading-tools{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex:none}.heading-tools .mode-pill{margin:0}.camera-view-switch{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid #343b34;border-radius:7px;background:#151a16}.camera-view-button{height:26px;padding:0 9px;border:0;border-radius:4px;background:transparent;color:#899287;font-size:9px;transition:background .16s,color .16s}.camera-view-button:hover{color:#d9e1d4}.camera-view-button.active{background:#2c382d;color:#dbe8d8;box-shadow:inset 0 0 0 1px #455547}.camera-reset{height:33px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 9px;border:1px solid #343b34;border-radius:6px;background:#171c18;color:#adb6a9;font-size:9px;white-space:nowrap}.camera-reset:hover{border-color:#65715f;color:#e0e7dc}.scene-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;color:#bdc9b9;text-align:center;font-size:12px}@media(max-width:680px){.game-heading{flex-wrap:wrap;gap:12px}.game-heading>div:first-child{flex:1 1 100%}.heading-tools{width:100%;justify-content:flex-start;flex-wrap:wrap}.camera-view-button{height:25px;padding:0 8px}.camera-reset,.mode-pill{height:31px}}@media(max-width:410px){.heading-tools{gap:5px}.camera-reset,.camera-view-button{padding:0 7px}.mode-pill{font-size:8px}}