*{box-sizing:border-box}:root{--page-bg:#242321;--panel:#2c2b28;--panel-dark:#1d1c1a;--panel-hover:#403f3b;--text:#f1f1ef;--muted:#908f8a;--green:#769656;--green-hover:#83a964;--light-square:#e8edcf;--dark-square:#769656;--last-light:#f4f680;--last-dark:#baca44;--board-size:min(92vw, calc(100dvh - 190px), 740px)}html,body{width:100%;min-height:100%;margin:0}body{min-height:100dvh;color:var(--text);background:radial-gradient(circle at 50% -10%,#36342f 0%,#242321 40%,#1d1c1a 100%);font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.game-page{justify-content:center;width:100%;min-height:100dvh;padding:10px 14px;display:flex;overflow:hidden}.game-container{width:var(--board-size);flex-direction:column;display:flex}.classic-game-container{--board-size:min(92vw, calc(100dvh - 190px), 740px)}.blind-game-container{width:auto}.blind-game-container.blind-setup{--board-size:min(calc(100vw - 120px), calc(100dvh - 245px), 700px)}.blind-game-container.blind-playing{--board-size:min(92vw, calc(100dvh - 190px), 740px);width:var(--board-size)}.top-actions{flex-shrink:0;grid-template-columns:1fr auto 1fr;align-items:center;min-height:48px;display:grid}.top-actions>:last-child{justify-self:end}.game-heading{flex-direction:column;align-items:center;gap:1px;display:flex}.game-heading strong{font-size:16px}.game-heading span{color:#777671;text-transform:uppercase;letter-spacing:.8px;font-size:9px}.secondary-button{color:#d8d8d5;cursor:pointer;background:#34332f;border:1px solid #ffffff0a;border-radius:7px;min-width:72px;padding:8px 12px}.secondary-button:hover{background:var(--panel-hover)}.primary-button{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:7px;padding:11px 18px;font-weight:700}.primary-button:hover{background:var(--green-hover)}.home-menu{flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;display:flex}.home-logo{flex-direction:column;align-items:center;display:flex}.home-logo img{object-fit:contain;width:82px;height:82px}.home-logo h1{margin:3px 0 0;font-size:44px}.home-logo p{color:var(--muted);margin:5px 0 22px;font-size:13px}.home-section-label{color:#706f6a;text-transform:uppercase;letter-spacing:1px;width:min(90vw,310px);margin:0 0 6px;font-size:9px;font-weight:700}.home-section-label.local-label{margin-top:18px}.home-menu-buttons{flex-direction:column;gap:8px;width:min(90vw,310px);display:flex}.home-menu-buttons button{color:#fff;cursor:pointer;background:#34332f;border:1px solid #ffffff0a;border-radius:9px;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:13px 15px;display:flex}.home-menu-buttons button:hover{background:#403f3b}.home-menu-buttons button strong{font-size:14px}.home-menu-buttons button span{color:#94938e;font-size:10px}.home-menu-buttons .online-home-button{background:var(--green)}.home-menu-buttons .online-home-button:hover{background:var(--green-hover)}.home-menu-buttons .online-home-button span{color:#ffffffb8}.player-row{border-radius:8px;flex-shrink:0;align-items:center;gap:9px;height:54px;padding:0 3px;display:flex}.player-row.active-player{background:#76965612}.player-avatar{border-radius:6px;flex:0 0 38px;place-items:center;width:38px;height:38px;display:grid;overflow:hidden}.player-avatar img{object-fit:contain;width:90%;height:90%}.white-avatar{background:#d8d8d4}.black-avatar{background:#181817}.player-info{flex-direction:column;gap:2px;display:flex}.player-info strong{font-size:14px}.player-info span{color:#8b8a85;font-size:11px}.turn-badge{color:#888;justify-content:flex-end;align-items:center;gap:5px;min-width:70px;margin-left:auto;font-size:11px;font-weight:600;display:flex}.turn-badge.active{color:#cdddbc}.turn-dot{background:#8caf68;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #8caf6880}.classic-board-shell,.board-wrapper{width:var(--board-size);height:var(--board-size);flex:0 0 var(--board-size);position:relative}.board{border-radius:5px;grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));width:100%;height:100%;display:grid;overflow:hidden;box-shadow:0 12px 32px #00000047}.square{cursor:pointer;border:0;place-items:center;width:100%;min-width:0;height:100%;min-height:0;padding:0;display:grid;position:relative;overflow:hidden}.square.light{background:var(--light-square)}.square.dark{background:var(--dark-square)}.square.last-move.light{background:var(--last-light)}.square.last-move.dark{background:var(--last-dark)}.square.selected{box-shadow:inset 0 0 0 5px #ffe246d1}.square.checked:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(circle,#ff2a2ac7 0%,#c20a0a8c 38%,#7800001f 72%,#0000 100%);position:absolute;inset:0}.square.drag-over:after{content:"";z-index:7;pointer-events:none;border:4px solid #ffffffeb;border-radius:5px;position:absolute;inset:6px;box-shadow:inset 0 0 18px #ffffff40,0 0 14px #fff6}.square.setup-allowed:before{content:"";z-index:1;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #ffffff0e}.square.setup-blocked:before{content:"";z-index:2;pointer-events:none;background:#181817ab;position:absolute;inset:0}.piece-image{z-index:3;object-fit:contain;-webkit-user-select:none;user-select:none;cursor:grab;width:90%;height:90%;position:relative}.piece-image:active{cursor:grabbing}.piece-image.dragging{opacity:.3}.move-dot{z-index:4;aspect-ratio:1;pointer-events:none;background:#14141438;border-radius:50%;width:24%;position:absolute}.capture-ring{z-index:4;pointer-events:none;border:clamp(3px,.45vw,6px) solid #14141436;border-radius:50%;position:absolute;inset:7%}.rank-label,.file-label{z-index:8;pointer-events:none;font-size:clamp(10px,1.4vw,14px);font-weight:700;position:absolute}.rank-label{top:4px;left:5px}.file-label{bottom:3px;right:5px}.on-dark{color:var(--light-square)}.on-light{color:var(--dark-square)}.game-status{color:#92918c;justify-content:center;align-items:center;min-height:25px;font-size:12px;font-weight:600;display:flex}.game-status.check-status{color:#e7968c}.game-over-overlay{z-index:30;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1212118c;place-items:center;display:grid;position:absolute;inset:0}.game-over-card{background:#2d2c29;border-radius:12px;flex-direction:column;align-items:center;min-width:250px;padding:24px 28px;display:flex;box-shadow:0 20px 55px #00000073}.game-over-eyebrow{color:#8e8d88;text-transform:uppercase;letter-spacing:1.2px;font-size:10px;font-weight:700}.game-over-card h2{margin:7px 0 2px;font-size:27px}.game-over-card p{color:#9d9c97;margin:0 0 18px;font-size:12px}.promotion-overlay{z-index:25;background:#00000061;place-items:center;display:grid;position:absolute;inset:0}.promotion-panel{background:#312f2c;border-radius:9px;gap:5px;padding:7px;display:flex}.promotion-panel button{aspect-ratio:1;background:var(--light-square);cursor:pointer;border:0;border-radius:6px;width:clamp(62px,10vw,88px);padding:4px}.promotion-panel img{object-fit:contain;width:100%;height:100%}.setup-header{align-items:center;gap:10px;min-height:58px;display:flex}.setup-header>div:last-child{flex-direction:column;gap:3px;display:flex}.setup-header strong{font-size:14px}.setup-header span{color:#8d8c87;font-size:11px}.setup-color-icon{border-radius:6px;flex:0 0 38px;place-items:center;width:38px;height:38px;display:grid}.setup-color-icon.white{background:#dadad6}.setup-color-icon.black{background:#171716}.setup-color-icon img{object-fit:contain;width:90%;height:90%}.blind-settings,.online-blind-settings{grid-template-columns:repeat(2,1fr);gap:7px;margin-bottom:8px;display:grid}.online-blind-settings{grid-template-columns:1fr}.blind-setting{background:var(--panel-dark);border-radius:7px;align-items:center;gap:12px;min-height:56px;padding:9px 11px;display:flex}.blind-setting>div{flex-direction:column;flex:1;gap:3px;display:flex}.blind-setting strong{font-size:12px}.blind-setting span{color:#7d7c77;font-size:10px}.toggle{cursor:pointer;background:#484743;border:0;border-radius:20px;flex:0 0 42px;width:42px;height:23px;padding:0;position:relative}.toggle>span{background:#dededb;border-radius:50%;width:17px;height:17px;transition:transform .15s;position:absolute;top:3px;left:3px}.toggle.enabled{background:var(--green)}.toggle.enabled>span{transform:translate(19px)}.toggle:disabled{opacity:.4;cursor:not-allowed}.blind-board-area{align-items:flex-end;gap:9px;display:flex}.blind-bench{width:72px;height:var(--board-size);background:var(--panel-dark);border-radius:7px;flex-direction:column;flex:0 0 72px;padding:7px;display:flex;overflow:hidden}.reserve-title{color:#6f6e69;text-transform:uppercase;flex:0 0 26px;justify-content:center;align-items:center;font-size:9px;font-weight:700;display:flex}.reserve-pieces{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:5px;min-height:0;display:flex;overflow-y:auto}.bench-empty{color:#666560;margin:auto 0;font-size:10px}.bench-piece{cursor:grab;background:#34332f;border-radius:5px;flex:0 0 54px;place-items:center;width:54px;height:54px;display:grid}.bench-piece img{object-fit:contain;pointer-events:none;width:92%;height:92%}.hidden-piece{aspect-ratio:1;z-index:3;color:#dededa;pointer-events:none;background:#343330;border:3px solid #00000047;border-radius:50%;justify-content:center;align-items:center;width:67%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hidden-piece span{font-size:clamp(25px,5vw,48px);font-weight:800;line-height:1;transform:translateY(-2%)}.blind-ready-button{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:7px;flex-shrink:0;width:100%;height:43px;margin-top:8px;font-size:13px;font-weight:700}.blind-ready-button:disabled{color:#777671;cursor:not-allowed;background:#41403d}.online-room-settings-summary{gap:8px;margin-bottom:8px;display:flex}.online-room-settings-summary span{color:#8e8d88;background:#302f2c;border-radius:5px;padding:5px 8px;font-size:9px}.setup-ready-overlay{z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#161615a8;place-items:center;display:grid;position:absolute;inset:0}.setup-ready-overlay>div{flex-direction:column;align-items:center;gap:5px;display:flex}.setup-ready-overlay strong{font-size:19px}.setup-ready-overlay span{color:#9a9994;font-size:11px}.setup-waiting-text{color:#888782;text-align:center;margin-top:7px;font-size:10px}.online-page{place-items:center;min-height:100dvh;padding:20px;display:grid}.online-card{background:var(--panel);border-radius:12px;width:min(92vw,420px);padding:32px;position:relative;box-shadow:0 20px 55px #0000004d}.online-back{position:absolute;top:14px;left:14px}.online-title{text-align:center;margin:32px 0 24px}.online-title h1{margin:0;font-size:28px}.online-title p{color:#888;margin:6px 0 0;font-size:12px}.online-main-button,.join-room-row button{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:12px 16px;font-weight:700}.online-main-button{width:100%}.online-main-button:hover,.join-room-row button:hover{background:var(--green-hover)}.online-divider{color:#777;align-items:center;margin:18px 0;font-size:10px;display:flex}.online-divider:before,.online-divider:after{content:"";background:#44423e;flex:1;height:1px}.online-divider span{padding:0 10px}.join-room-row{gap:7px;display:flex}.join-room-row input{color:#fff;text-transform:uppercase;letter-spacing:2px;background:#201f1d;border:1px solid #45433f;border-radius:7px;outline:0;flex:1;min-width:0;padding:11px}.join-room-row input:focus{border-color:var(--green)}.online-error{color:#e58b82;text-align:center;margin-top:10px;font-size:11px}.online-board-overlay{z-index:30;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#141413ba;place-items:center;display:grid;position:absolute;inset:0}.online-board-overlay>div{flex-direction:column;align-items:center;gap:7px;display:flex}.online-board-overlay strong{font-size:19px}@media (max-width:700px){.game-page{padding:6px;overflow-y:auto}.classic-game-container,.blind-game-container.blind-playing{--board-size:min(97vw, calc(100dvh - 175px))}.blind-game-container.blind-setup{--board-size:96vw;width:var(--board-size)}.top-actions{min-height:42px}.secondary-button{min-width:0;padding:7px 9px;font-size:11px}.game-heading strong{font-size:14px}.player-row{height:48px}.player-avatar{flex-basis:34px;width:34px;height:34px}.blind-settings{grid-template-columns:1fr}.blind-board-area{flex-direction:column;align-items:center}.blind-bench{width:var(--board-size);flex-direction:row;flex:0 0 68px;align-items:center;height:68px}.reserve-title{flex:0 0 50px;width:50px}.reserve-pieces{flex-direction:row;justify-content:flex-start;overflow:auto hidden}.bench-piece{flex-basis:50px;width:50px;height:50px}.online-room-settings-summary{flex-wrap:wrap}}