*{box-sizing:border-box}body{color:#24332e;font-family:Arial,Helvetica,sans-serif;font-size:calc(14px * var(--text-scale,1));background:#f8f9f5;margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #d7aa4a}input:focus,select:focus{outline:2px solid #58765d}a{color:inherit;text-decoration:none}button{transition:background .15s,box-shadow .15s}button:hover:not(:disabled){filter:brightness(.96)}.app{--light:#eceddb;--dark:#7e9877;--highlight:#d2ce6c;min-height:100vh}.walnut{--light:#efdfc4;--dark:#ac805c;--highlight:#d5bd53}.slate{--light:#dee3e6;--dark:#8799a7;--highlight:#b6ca8d}.sidebar{background:#eff2eb;border-right:1px solid #dfe5da;flex-direction:column;width:232px;padding:33px 23px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;margin-bottom:38px;display:flex}.brand>span{font-size:calc(51px * var(--text-scale,1));color:#38543e;line-height:1}.brand div{font-family:Georgia,serif;font-size:calc(22px * var(--text-scale,1));line-height:1.08}.brand small{font:calc(8px * var(--text-scale,1)) Arial;letter-spacing:1.45px;color:#758271;margin-top:12px;display:block}.primary{color:#fff;font-weight:600;font-size:calc(13px * var(--text-scale,1));background:#345941;border:1px solid #345941;border-radius:7px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:13px 17px;display:inline-flex}.new-side{width:100%;margin-bottom:35px}.nav-caption{font-size:calc(9px * var(--text-scale,1));color:#899182;letter-spacing:1.8px;margin:0 9px 14px}nav{gap:6px;display:grid}nav button{text-align:left;color:#677266;border-radius:6px;align-items:center;gap:13px;padding:13px 12px;display:flex}nav button.active{color:#34513c;background:#e0e7d9;font-weight:600}nav button>span{font-size:calc(23px * var(--text-scale,1));line-height:18px}nav b{font-size:calc(11px * var(--text-scale,1));background:#d2dccb;border-radius:4px;margin-left:auto;padding:2px 6px}.sidebar-bottom{margin-top:auto}.quiet-quote{font:italic calc(18px * var(--text-scale,1))/1.6 Georgia;color:#8c9885;border-left:2px solid #d6dece;margin:35px 7px;padding-left:15px}.help{color:#697466;font-size:calc(12px * var(--text-scale,1));align-items:center;gap:9px;padding:12px 7px;display:flex}.profile{border-top:1px solid #d8dfd1;align-items:center;gap:10px;margin-top:18px;padding-top:22px;display:flex}.profile-icon{color:#52684a;background:#dce5d4;border-radius:50%;place-items:center;width:35px;height:35px;display:grid}.profile strong{font-size:calc(12px * var(--text-scale,1))}.profile small{font-size:calc(10px * var(--text-scale,1));color:#879180;margin-top:5px;display:block}main{max-width:1650px;margin-left:232px;padding:0 40px}header{height:76px;font-size:calc(11px * var(--text-scale,1));border-bottom:1px solid #e4e7df;justify-content:space-between;align-items:center;display:flex}.breadcrumb{color:#526050}.breadcrumb span{color:#b4b9af;margin:0 12px}.connection{color:#758270;font-size:calc(10px * var(--text-scale,1));align-items:center;gap:7px;display:flex}i{background:#66815c;border-radius:50%;width:6px;height:6px;display:inline-block}.offline i{background:#cb8359}.page-heading{justify-content:space-between;align-items:center;padding:30px 0 28px;display:flex}.eyebrow{color:#819076;letter-spacing:2px;font-size:calc(9px * var(--text-scale,1));font-weight:600}h1{font:normal clamp(calc(26px * var(--text-scale,1)),2.7vw,38px)/1.2 Georgia,serif;letter-spacing:-.6px;margin:9px 0 10px}.page-heading p{font-size:calc(12px * var(--text-scale,1));color:#8c9386;margin:0}.version{font-size:calc(8px * var(--text-scale,1));letter-spacing:1.5px;color:#929b89;white-space:nowrap;margin-left:15px}.version span{font-size:calc(10px * var(--text-scale,1));border:1px solid #dbe0d3;border-radius:4px;margin-left:5px;padding:4px 6px}.game-layout{grid-template-columns:minmax(300px,650px) minmax(260px,320px);justify-content:center;align-items:start;gap:30px;display:grid}.player{align-items:center;gap:12px;height:63px;padding:0 1px;display:flex}.player:first-child{align-items:flex-start;height:56px;padding-top:0}.avatar{color:#f3f3e6;width:39px;height:39px;font-size:calc(28px * var(--text-scale,1));background:#39493c;border-radius:7px;place-items:center;line-height:1;display:grid}.white-avatar{color:#5b6851;background:#f0efe7;border:1px solid #e0e2d6}.player strong{font-size:calc(12px * var(--text-scale,1));margin:3px 0 6px;font-weight:600;display:block}.player small{font-size:calc(10px * var(--text-scale,1));color:#919889;display:block}.player-end{font-size:calc(8px * var(--text-scale,1));color:#9aa18e;letter-spacing:1px;align-items:center;gap:6px;margin-left:auto;padding-top:10px;display:flex}.turn .player-end{color:#4b704a}.board-wrap{border:7px solid #f0f0e7;border-radius:7px;overflow:hidden;box-shadow:0 9px 24px #253e2220,0 0 0 1px #dce2d2}.board{aspect-ratio:1;grid-template-columns:repeat(8,1fr);display:grid}.square{aspect-ratio:1;border-radius:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.square.light{background:var(--light)}.square.dark{background:var(--dark)}.square.last{background:var(--highlight)}.square.selected{background:#e3c95c}.square.checked{background:#c77862}.piece{z-index:1;-webkit-user-select:none;user-select:none;pointer-events:none;font-family:DejaVu Sans,Segoe UI Symbol,Arial Unicode MS,serif;font-size:clamp(28px,4.6vw,66px);line-height:1;position:relative}.piece.w{color:#fffdf3;-webkit-text-stroke:1px #4d5945;filter:drop-shadow(0 2px 1px #3f4e4244)}.piece.b{color:#28342e;-webkit-text-stroke:.7px #17251b;filter:drop-shadow(0 2px 1px #182a2930)}.modern .piece{filter:none;-webkit-text-stroke:1.4px #283b2b;font-family:"Noto Sans Symbols 2",Segoe UI Symbol,sans-serif;transform:scale(.88)}.rank,.file{font-size:calc(10px * var(--text-scale,1));z-index:2;font-weight:600;line-height:1;position:absolute}.rank{top:5px;left:5px}.file{bottom:4px;right:5px}.light .rank,.light .file{color:var(--dark)}.dark .rank,.dark .file{color:var(--light)}.move-dot{z-index:2;pointer-events:none;background:#1d43264d;border-radius:50%;width:23%;height:23%;position:absolute}.capture-dot{z-index:2;pointer-events:none;border:5px solid #294e4a65;border-radius:50%;position:absolute;inset:3%}.board-footer{font-size:calc(10px * var(--text-scale,1));color:#929a8b;border-top:1px solid #e5e9df;justify-content:space-between;align-items:center;gap:10px;padding:13px 0;display:flex}.board-footer button{white-space:nowrap;align-items:center;gap:6px;display:flex}.game-panel{gap:16px;padding-top:0;display:grid}.panel-card{background:#fff;border:1px solid #e2e6dc;border-radius:9px;padding:22px}.panel-label{font-size:calc(9px * var(--text-scale,1));color:#8a9681;letter-spacing:1.5px;justify-content:space-between;align-items:center;font-weight:600;display:flex}.small-knight{font-size:calc(22px * var(--text-scale,1));color:#8a9d7f}.panel-card h2{font:normal calc(25px * var(--text-scale,1))/1.2 Georgia;margin:14px 0 10px}.panel-card p{font-size:calc(12px * var(--text-scale,1));color:#8b9484;margin:0 0 20px;line-height:1.8}.full{width:100%;margin-top:8px}.secondary{color:#5d6d54;min-height:44px;font-size:calc(12px * var(--text-scale,1));background:#fbfcf9;border:1px solid #dce3d5;border-radius:7px;justify-content:center;align-items:center;gap:9px;padding:12px 15px;display:flex}.moves-card{padding:20px 0 0}.moves-card>.panel-label{border-bottom:1px solid #edf0e8;padding:0 20px 14px}.panel-label>span:not(.small-knight){font-size:calc(10px * var(--text-scale,1));letter-spacing:0;font-weight:400}.moves-scroll{height:205px;padding:7px 10px;overflow:auto}.empty-moves{flex-direction:column;justify-content:center;align-items:center;height:100%;padding-top:10px;display:flex}.empty-moves>span{font-size:calc(40px * var(--text-scale,1));color:#c4cdbb;margin-bottom:9px}.empty-moves strong{font-size:calc(12px * var(--text-scale,1));color:#88977e;font-weight:400}.empty-moves p{font-size:calc(10px * var(--text-scale,1));text-align:center;margin:9px 0;line-height:1.7}.move-row{font-size:calc(12px * var(--text-scale,1));border-radius:4px;grid-template-columns:38px 1fr 1fr;align-items:center;gap:5px;padding:4px 5px;display:grid}.move-row:nth-child(2n){background:#f6f8f2}.move-row>span{color:#9ba28f;font-size:calc(11px * var(--text-scale,1));padding-left:9px}.move-row button{text-align:left;border-radius:4px;padding:6px 10px}.move-row button.current{color:#365231;background:#e2e9d8;font-weight:700}.replay-controls{color:#7b8970;border-top:1px solid #edf0e7;justify-content:space-evenly;align-items:center;height:60px;display:flex}.replay-controls button{place-items:center;padding:6px;display:grid}.replay-controls .play-button{color:#506546;background:#e8eee1;border-radius:50%;width:33px;height:33px}.save-note{font-size:calc(10px * var(--text-scale,1));color:#97a08f;text-align:center;justify-content:center;gap:6px;display:flex}.save-note>span{color:#7b956b}.actions-card{padding:16px 20px}.actions-card label{font-size:calc(11px * var(--text-scale,1));color:#7f8d74}.actions-card select{margin-top:8px}.game-actions{justify-content:space-between;gap:5px;margin-top:14px;display:flex}.game-actions button{font-size:calc(10px * var(--text-scale,1));align-items:center;gap:5px;display:flex}.result-badge{font-size:calc(11px * var(--text-scale,1));color:#657c52;background:#eef3e8;border-radius:4px;align-items:center;gap:7px;padding:8px 12px;display:inline-flex}.draw-offer{font-size:calc(12px * var(--text-scale,1));background:#f5f0de;margin-top:12px;padding:12px;line-height:1.8}.draw-offer button{margin-right:12px;text-decoration:underline;display:inline-block}.text-button{font-size:calc(11px * var(--text-scale,1));color:#78876c;margin:auto;padding:12px;display:block}.archive{min-height:550px}.archive-toolbar{gap:12px;margin:5px 0 25px;display:flex}.archive-toolbar select{width:auto}.search{background:#fff;border:1px solid #dce2d5;border-radius:6px;flex:1;align-items:center;gap:8px;padding:0 12px;display:flex}.search input{background:0 0;border:0;margin:0}.game-list{background:#fff;border:1px solid #e0e5d9;border-radius:8px;overflow:hidden}.archive-game{text-align:left;border-bottom:1px solid #edf0e7;align-items:center;gap:18px;width:100%;padding:21px;display:flex}.archive-game:last-child{border:0}.archive-icon{color:#6b835a;background:#edf2e6;border-radius:7px;padding:11px}.archive-game>div{flex:1}.archive-game strong{font-size:calc(13px * var(--text-scale,1))}.archive-game strong span{color:#a7af9e;padding:0 5px;font-weight:400}.archive-game small{font-size:calc(10px * var(--text-scale,1));color:#9ca491;margin-top:7px;display:block}.archive-game>b{font-size:calc(14px * var(--text-scale,1));text-align:center;min-width:55px}.tag{font-size:calc(10px * var(--text-scale,1));white-space:nowrap;color:#819071;background:#f1f3ec;border-radius:4px;padding:6px 9px}.tag.active{color:#59754b;background:#e6f0df}.tag.waiting{color:#a18c4d;background:#f5efd8}.archive-game>span:not(.archive-icon):not(.tag){font-size:calc(10px * var(--text-scale,1));color:#879478}.archive-empty{color:#8d9b81;flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.archive-empty h2{font:calc(28px * var(--text-scale,1)) Georgia;color:#526749}.archive-empty p{font-size:calc(13px * var(--text-scale,1));margin-bottom:25px}footer{color:#a7ae9e;font-size:calc(9px * var(--text-scale,1));border-top:1px solid #e5e8df;justify-content:space-between;margin-top:25px;padding:27px 0;display:flex}footer>span:first-child{letter-spacing:1.8px;font-size:calc(8px * var(--text-scale,1))}.modal-shade{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1d2e28aa;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fcfdf8;border-radius:13px;width:440px;max-width:100%;max-height:90vh;padding:35px;position:relative;overflow:auto;box-shadow:0 20px 100px #10231366}.close{color:#819073;position:absolute;top:15px;right:15px}.modal h2{font:normal calc(28px * var(--text-scale,1)) Georgia;margin:8px 0 12px}.modal p{font-size:calc(13px * var(--text-scale,1));color:#86927c;line-height:1.8}.modal-symbol{font-size:calc(44px * var(--text-scale,1));color:#557047}.modal label{font-size:calc(12px * var(--text-scale,1));color:#6e7f61;margin:20px 0 9px;display:block}input,select{color:#47583f;background:#fff;border:1px solid #dbe2d3;border-radius:6px;width:100%;min-width:0;margin-top:8px;padding:11px 12px}.modal small{color:#8a967e;font-size:calc(11px * var(--text-scale,1));margin-top:18px;line-height:1.7;display:block}.mode-options{gap:10px;margin:22px 0;display:flex}.mode-options button{font-size:calc(11px * var(--text-scale,1));border:1px solid #e0e6d7;border-radius:7px;flex-direction:column;flex:1;align-items:center;gap:10px;padding:18px 8px;display:flex}.mode-options .chosen,.theme-options .chosen{color:#416039;background:#edf3e7;border-color:#567248;box-shadow:0 0 0 1px #567248}.info-box{color:#8b977e;font-size:calc(11px * var(--text-scale,1));background:#eff3e9;border-radius:6px;margin:20px 0 12px;padding:13px}.theme-options{gap:10px;display:flex}.theme-options button{font-size:calc(11px * var(--text-scale,1));border:1px solid #dce3d3;border-radius:6px;flex:1;gap:10px;padding:12px;display:grid}.swatch{background:conic-gradient(var(--dark) 25%,var(--light) 0 50%,var(--dark) 0 75%,var(--light) 0);background-size:44px 44px;border-radius:3px;width:100%;height:44px;display:block}.promotion-options{gap:7px;display:flex}.promotion-options button{font-size:calc(50px * var(--text-scale,1));padding:5px}.toast{color:#fff;z-index:30;background:#344a37;border-radius:9px;align-items:center;gap:20px;max-width:90vw;padding:16px 22px;line-height:1.6;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 8px 35px #13251533}.toast button{color:#fff;display:flex}.status-card .text-button{padding-bottom:0}@media (width>=1500px){.piece{font-size:calc(68px * var(--text-scale,1))}}@media (width<=1180px){.sidebar{width:200px;padding:25px 17px}main{margin-left:200px;padding:0 25px}.game-layout{grid-template-columns:minmax(280px,1fr) 270px;gap:20px}.version{display:none}.panel-card{padding:18px}.moves-card{padding:18px 0 0}.piece{font-size:5vw}.brand div{font-size:calc(20px * var(--text-scale,1))}}@media (width<=950px){.sidebar{width:75px;padding:23px 10px}.brand{justify-content:center}.brand div,.new-side,.nav-caption,.sidebar-bottom,nav button b{display:none}nav button{justify-content:center;padding:15px 0;font-size:0}nav button svg{width:23px;height:23px}nav button>span{font-size:calc(25px * var(--text-scale,1))}.brand>span{font-size:calc(44px * var(--text-scale,1))}main{margin-left:75px;padding:0 20px}.piece{font-size:5.7vw}.game-layout{grid-template-columns:minmax(240px,1fr) 250px;gap:18px}.panel-card h2{font-size:calc(22px * var(--text-scale,1))}.board-footer>span{font-size:calc(9px * var(--text-scale,1))}.page-heading{padding:26px 0}.page-heading p{font-size:calc(11px * var(--text-scale,1))}.archive-game{gap:10px}.archive-toolbar{flex-wrap:wrap}.search{min-width:200px}}@media (width<=730px){.sidebar{border-bottom:1px solid #dde4d5;border-right:0;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:13px 18px;display:flex;position:static}.brand{gap:8px;margin:0}.brand>span{font-size:calc(34px * var(--text-scale,1))}.brand div{font-size:calc(15px * var(--text-scale,1));display:block}.brand br,.brand small{display:none}nav{gap:8px;display:flex}nav button{padding:10px}nav button.active{background:#e1e8d9}main{margin-left:0;padding:0 17px}header{height:48px;font-size:calc(9px * var(--text-scale,1))}.connection{font-size:calc(8px * var(--text-scale,1));max-width:180px}.breadcrumb span{margin:0 6px}.page-heading{padding:24px 0 20px}h1{font-size:calc(27px * var(--text-scale,1))}.page-heading p{font-size:calc(11px * var(--text-scale,1))}.eyebrow{font-size:calc(8px * var(--text-scale,1))}.game-layout{grid-template-columns:1fr;gap:20px}.board-section{width:100%;max-width:560px;margin:auto}.piece{max-height:100%;font-size:10vw}.board-wrap{border-width:5px}.game-panel{grid-template-columns:1fr 1fr;gap:12px}.status-card{grid-column:1/-1}.status-card>.full{vertical-align:top;width:calc(50% - 5px);margin-top:0;display:inline-flex}.status-card>.full+.full{margin-left:10px}.status-card h2{margin-top:8px}.status-card p{margin-bottom:15px}.moves-card,.actions-card,.save-note{grid-column:1/-1}.moves-scroll{height:180px}.panel-card h2{font-size:calc(25px * var(--text-scale,1))}.archive-toolbar select{flex:1}.archive-game{flex-wrap:wrap;padding:15px}.archive-game>div{min-width:180px}.archive-game>span:not(.archive-icon){font-size:calc(9px * var(--text-scale,1))}.archive-icon{padding:8px}footer{font-size:calc(8px * var(--text-scale,1))}.modal{padding:28px}.archive-empty p{text-align:center}.archive-empty h2{font-size:calc(25px * var(--text-scale,1))}}@media (width>=560px) and (width<=730px){.piece{font-size:calc(58px * var(--text-scale,1))}}.board{position:relative}.direction-overlay{pointer-events:none;z-index:3;width:100%;height:100%;position:absolute;inset:0}.square.legal-target{background-image:linear-gradient(#2d9f5226,#2d9f5226);box-shadow:inset 0 0 0 3px #2b994e88}.move-dot{background:#23853ac4;width:21%;height:21%;box-shadow:0 0 0 3px #d4f6d64d}.capture-dot{border-color:#259c49}.square.illegal-target{animation:.3s 3 illegalPulse;box-shadow:inset 0 0 0 4px #b42c25;background:#df6b67!important}@keyframes illegalPulse{50%{background:#f5aaa3}}.clock{font-variant-numeric:tabular-nums;font-family:Arial,sans-serif;font-size:calc(24px * var(--text-scale,1));letter-spacing:1px;color:#7c886f;text-align:center;background:#e8ecdf;border-radius:5px;min-width:96px;margin-left:auto;padding:8px 10px}.clock.running{color:#284e32;background:#dcebcf;box-shadow:inset 0 0 0 1px #b7cfa3}.clock.low{color:#b44534;background:#f3e3d9}.clock+.player-end{font-size:calc(8px * var(--text-scale,1));letter-spacing:0;margin-left:0}.clock-toggle{align-items:center;gap:9px;display:flex!important}.clock-toggle input{accent-color:#345941;width:18px;min-width:18px;height:18px;margin:0}.clock-options{gap:15px;display:flex}.clock-options label{flex:1;margin-top:0}.game-actions{flex-wrap:wrap;justify-content:flex-start;gap:14px 12px}.game-actions button{background:#f2f5ee;border-radius:4px;padding:7px 9px}.tag.paused{color:#7f7292;background:#e8e6f1}.with-chat{grid-template-columns:210px minmax(260px,650px) 265px;gap:20px}.chat-card{flex-direction:column;align-self:stretch;min-height:500px;max-height:700px;padding:18px 13px;display:flex}.chat-card .panel-label{letter-spacing:.8px;border-bottom:1px solid #e4e9dd;flex-wrap:wrap;gap:9px;padding-bottom:14px;display:flex}.chat-card .panel-label>span{font-size:calc(9px * var(--text-scale,1));align-items:center;gap:6px;font-weight:600;display:flex}.chat-card .panel-label>small{font-size:calc(9px * var(--text-scale,1));letter-spacing:0;font-weight:400}.chat-feed{flex:1;min-height:230px;max-height:485px;padding-top:10px;overflow-y:auto}.chat-empty{color:#b2bea6;flex-direction:column;justify-content:center;align-items:center;min-height:230px;display:flex}.chat-empty p{text-align:center;font-size:calc(11px * var(--text-scale,1));color:#96a18b;margin:15px 4px;line-height:1.7}.chat-message{overflow-wrap:anywhere;background:#f0f3eb;border-radius:7px;margin:7px 15px 7px 0;padding:10px}.chat-message.mine{background:#e4eddc;margin:7px 0 7px 15px}.chat-message>div{justify-content:space-between;align-items:center;gap:5px;display:flex}.chat-message strong{font-size:calc(10px * var(--text-scale,1));color:#688157;font-weight:600}.chat-message time{font-size:calc(8px * var(--text-scale,1));color:#95a28c}.chat-message p{font-size:calc(12px * var(--text-scale,1));white-space:pre-wrap;color:#46573c;margin:7px 0 0;line-height:1.6}.chat-card textarea{resize:vertical;min-height:70px;max-height:150px;font:calc(12px * var(--text-scale,1))/1.5 Arial;color:#45523e;background:#fafcf7;border:1px solid #dfe5d5;border-radius:6px;width:100%;margin-top:12px;padding:10px}.chat-card textarea:focus{outline:2px solid #719364}.chat-tools{align-items:center;gap:9px;margin-top:10px;display:flex}.chat-tools button,.chat-tools .attach{font-size:calc(10px * var(--text-scale,1));color:#6b825a;justify-content:center;align-items:center;gap:5px;padding:5px 0;display:flex}.chat-tools .send{color:#fff;background:#345941;border-radius:5px;margin-left:auto;padding:9px}.attach{cursor:pointer}.attach input{display:none}.chat-tools .recording{color:#b93530}.chat-hint{font-size:calc(8px * var(--text-scale,1));color:#9aa58f;margin-top:10px;line-height:1.6}.chat-message audio,.voice-draft audio{width:100%;height:34px;margin-top:9px}.voice-load{font-size:calc(10px * var(--text-scale,1));color:#597947;text-align:left;align-items:center;gap:6px;margin-top:8px;display:flex}.voice-draft{border:1px solid #c9d7bd;border-radius:5px;padding:8px;position:relative}.voice-draft>button{position:absolute;top:4px;right:4px}.voice-draft small{font-size:calc(9px * var(--text-scale,1));color:#839774;margin-top:5px;display:block}.chat-notice{color:#84713d;font-size:calc(11px * var(--text-scale,1));background:#f3edcd;border-radius:5px;padding:10px}.admin-page{min-height:600px}.admin-login{max-width:420px;margin:25px auto}.admin-page h2{font:calc(25px * var(--text-scale,1)) Georgia;color:#3f5935;margin:0 0 20px}.admin-page label{font-size:calc(12px * var(--text-scale,1));color:#6e815f;margin:16px 0 10px;display:block}.admin-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.admin-top h2{margin:0}.admin-columns{grid-template-columns:1fr 1fr;gap:20px;display:grid}.admin-page small{font-size:calc(10px * var(--text-scale,1));color:#8b997d;margin-top:12px;line-height:1.6;display:block}.admin-games{margin-top:20px}.admin-table{overflow:auto}table{border-collapse:collapse;width:100%;font-size:calc(12px * var(--text-scale,1))}th,td{text-align:left;border-bottom:1px solid #e4eadc;padding:12px 9px}th{font-size:calc(10px * var(--text-scale,1));color:#819472}.admin-page .panel-card p{margin-bottom:12px}.with-chat .piece{font-size:clamp(22px,3.6vw,64px)}@media (width>=1600px){.with-chat .piece{font-size:calc(62px * var(--text-scale,1))}.with-chat{grid-template-columns:235px minmax(300px,650px) 290px}}@media (width<=1250px){.with-chat{grid-template-columns:185px minmax(240px,1fr) 235px;gap:14px}.with-chat .panel-card{padding:15px 12px}.with-chat .moves-card{padding:15px 0 0}.clock{font-size:calc(20px * var(--text-scale,1));min-width:77px;padding:7px 6px}.clock+.player-end{display:none}.with-chat .game-panel{gap:12px}.chat-tools{gap:5px}.chat-tools .send{font-size:calc(9px * var(--text-scale,1));padding:8px 6px}}@media (width<=1050px){.with-chat{grid-template-columns:minmax(280px,1fr) 250px}.with-chat .board-section{grid-area:1/1}.with-chat .game-panel{grid-area:1/2/3}.with-chat .chat-card{grid-area:2/1;min-height:360px;max-height:470px}.with-chat .piece{font-size:clamp(28px,5vw,55px)}}@media (width<=730px){.with-chat{grid-template-columns:1fr}.with-chat .board-section,.with-chat .chat-card,.with-chat .game-panel{grid-area:auto/1}.with-chat .board-section{order:0}.with-chat .chat-card{order:1;min-height:350px;max-height:480px}.with-chat .game-panel{order:2}.with-chat .piece{font-size:10vw}.admin-columns{grid-template-columns:1fr}.player:first-child{align-items:center}.clock+.player-end{display:none}.chat-feed{max-height:280px}.admin-top h2{font-size:calc(22px * var(--text-scale,1))}.chat-card .chat-tools .send{font-size:calc(12px * var(--text-scale,1));padding:10px 15px}.chat-hint{font-size:calc(10px * var(--text-scale,1))}}@media (width>=560px) and (width<=730px){.with-chat .piece{font-size:calc(58px * var(--text-scale,1))}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only}.svg-piece{pointer-events:none;z-index:1;forced-color-adjust:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;width:88%;height:96%;display:block;position:relative}.svg-piece svg{width:100%;height:100%;overflow:visible}.modern .svg-piece svg{filter:none;transform:scale(.9)}.three-d .svg-piece svg,.creative-three-d .svg-piece svg{filter:drop-shadow(3px 6px 2px #10201c88);transform:perspective(250px)rotateX(10deg)rotateY(-14deg)translateY(-3%)}.three-d .board-wrap,.creative-three-d .board-wrap{box-shadow:0 12px #596650,0 18px 35px #18271855}.creative .danger svg,.creative-three-d .danger svg{filter:drop-shadow(0 0 5px #e65c4c);animation:1.4s ease-in-out infinite puff}.pawn-wave{transform-origin:0 100%;z-index:5;font-size:clamp(12px,1.7vw,25px);animation:1.2s ease-in-out infinite wave;position:absolute;top:20%;right:-3%}.steam{font-size:calc(22px * var(--text-scale,1));color:#b93b2b;animation:1.2s infinite steam;position:absolute;top:-8%;right:0}.creative .protected svg,.creative-three-d .protected svg{filter:drop-shadow(0 0 3px #549c5c)}@keyframes wave{50%{transform:rotate(25deg)}}@keyframes puff{50%{filter:drop-shadow(0 0 7px #dc422e)sepia(.3)saturate(1.8);transform:scale(1.05)}}@keyframes steam{50%{opacity:.4;transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.svg-piece *,.pawn-wave,.steam{animation:none!important}}.reading{grid-template-columns:240px minmax(260px,700px);align-items:start;gap:25px;display:grid}.book-list{gap:12px;display:grid}.book-list>button{text-align:left;background:#fff;border:1px solid #dbe2d3;border-radius:8px;padding:17px}.book-list strong{font-family:Georgia;font-size:calc(19px * var(--text-scale,1));display:block}.book-list small{font-size:calc(11px * var(--text-scale,1));color:#8b9880;margin-top:8px;line-height:1.6;display:block}.book-list .chosen{background:#edf4e5;border-color:#507648}.book-list label{font-size:calc(12px * var(--text-scale,1));cursor:pointer}.book-list input{width:120px;font-size:calc(9px * var(--text-scale,1));border:0}.book-main .panel-card{margin-bottom:20px}.book-main h2{font:calc(28px * var(--text-scale,1)) Georgia;margin:0 0 10px}.book-main strong{font-size:calc(12px * var(--text-scale,1))}.book-main p{font-size:calc(13px * var(--text-scale,1));margin:15px 0;line-height:1.8}.book-main a,.admin-page a{font-size:calc(12px * var(--text-scale,1));color:#456e48;text-decoration:underline}.study-board{border:5px solid #e4e8da;border-radius:5px;width:100%;max-width:600px;overflow:hidden}.study-controls{flex-wrap:wrap;align-items:center;gap:10px;margin:15px 0;display:flex}.study-notation{background:#fff;border:1px solid #dce3d3;border-radius:8px;padding:14px;line-height:2}.study-notation button{border-radius:4px;padding:5px 8px}.study-notation .current{background:#dae8ce}.admin-page input{max-width:100%}@media (width<=730px){.reading{grid-template-columns:1fr}.book-list{grid-template-columns:1fr 1fr;gap:8px}.book-list strong{font-size:calc(17px * var(--text-scale,1))}.book-list small{font-size:calc(10px * var(--text-scale,1))}.pawn-wave,.steam{font-size:calc(20px * var(--text-scale,1))}}.hint-result:empty{display:none}.hint-result{font-size:calc(12px * var(--text-scale,1));color:#6e623a;background:#f3efd5;border:1px solid #e2d9aa;border-radius:5px;margin-top:13px;padding:10px;line-height:1.7}.piece-layer{pointer-events:none;z-index:2;position:absolute;inset:0}.moving-piece{pointer-events:none;will-change:left,top;justify-content:center;align-items:center;width:12.5%;height:12.5%;transition:left .45s cubic-bezier(.2,.65,.25,1),top .45s cubic-bezier(.2,.65,.25,1);display:flex;position:absolute}.moving-piece .svg-piece{width:88%;height:96%}.archive-tabs{gap:10px;margin:0 0 20px;display:flex}.archive-tabs button{color:#7b8c6d;background:#eef2e7;border-radius:6px;padding:10px 16px}.archive-tabs .chosen{color:#fff;background:#345941}.archive-row{border-bottom:1px solid #edf0e7;align-items:center;display:flex}.archive-row:last-child{border:0}.archive-row .archive-game{border:0;flex:1;min-width:0}.archive-delete{color:#9b6152;font-size:calc(11px * var(--text-scale,1));white-space:nowrap;border:1px solid #ebddd3;border-radius:6px;justify-content:center;align-items:center;gap:6px;margin-right:15px;padding:13px;display:flex}.archive-delete:hover{background:#f6ece5}.archive-game{width:auto}.status-card .primary.full{margin-bottom:0}@media (width<=730px){.archive-delete{margin-right:8px;padding:10px}.archive-delete span{display:none}.archive-game>div{min-width:130px}.archive-row .archive-game{gap:8px;padding:13px 9px}}@media (prefers-reduced-motion:reduce){.moving-piece{will-change:auto;transition:none}}.personal-style,.personal-style .app,.custom-font :is(h1,h2,h3,.brand div,.quiet-quote){font-family:var(--user-font)}.personal-settings{border-bottom:1px solid #dce3d8;margin-bottom:24px;padding-bottom:20px}.personal-settings h3{font-size:calc(18px * var(--text-scale,1));margin:0 0 16px}.personal-settings small{color:#74816f;line-height:1.6}.personal-settings input[type=range]{accent-color:#345941;width:100%;padding:0}.header-room{align-items:center;gap:8px;display:flex}.rooms-button{font-size:calc(12px * var(--text-scale,1));white-space:nowrap;background:#e7ecdf;border:1px solid #d5dfcf;border-radius:7px;align-items:center;gap:8px;padding:9px 12px;font-weight:600;display:flex}.room-back{font-size:calc(11px * var(--text-scale,1));color:#416647;text-decoration:underline}header{gap:15px}.room-shade{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:35;background:#19281b60;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.rooms-dialog{color:#24332e;background:#f8f9f5;border:1px solid #dbe2d4;border-radius:14px;width:min(1100px,100%);max-height:92dvh;padding:28px;overflow:auto;box-shadow:0 25px 80px #18331e35}.room-toolbar{z-index:2;background:#f8f9f5;border-bottom:1px solid #dfe5d8;justify-content:space-between;align-items:center;gap:15px;padding-bottom:18px;display:flex;position:sticky;top:-28px}.room-toolbar h2{font:normal calc(25px * var(--text-scale,1)) Georgia;align-items:center;gap:12px;margin:0;display:flex}.room-toolbar>button{padding:8px}.rooms-switch{align-items:center;gap:12px;margin:20px 0;display:flex}.rooms-switch select{flex:1;min-width:0;max-width:600px}.rooms-dialog :is(input,select){font-size:calc(14px * var(--text-scale,1));color:#273b2d;background:#fff;border:1px solid #d6ded0;border-radius:6px;width:100%;padding:11px 12px}.rooms-dialog input[type=checkbox]{width:auto}.room-form{gap:14px;max-width:560px;margin:24px auto;display:grid}.rooms-dialog label{font-size:calc(13px * var(--text-scale,1));gap:8px;display:grid}.rooms-dialog .clock-toggle{align-items:center;display:flex}.rooms-dialog p{color:#73816b;line-height:1.6;font-size:calc(13px * var(--text-scale,1))}.rooms-dialog small{color:#798672;font-size:calc(11px * var(--text-scale,1));line-height:1.5}.room-form>small{margin-top:-8px}.room-summary{justify-content:space-between;align-items:center;gap:15px;display:flex}.room-summary h3{font:normal calc(27px * var(--text-scale,1)) Georgia;margin:15px 0 5px}.room-summary p{margin:0 0 15px}.room-controls{flex-wrap:wrap;gap:10px;margin:15px 0;display:flex}.room-columns{grid-template-columns:minmax(200px,.85fr) minmax(280px,1.6fr);gap:30px;margin-top:22px;display:grid}.room-columns section>h3{font-size:calc(15px * var(--text-scale,1));align-items:center;gap:10px;display:flex}.member-list{gap:8px;display:grid}.member-list>div{border-bottom:1px solid #e4e8dd;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;display:flex}.member-list strong{font-size:calc(13px * var(--text-scale,1));word-break:break-word}.member-list small{display:block}.member-list button{padding:8px 12px}.room-boards{gap:12px;display:grid}.room-match{background:#fff;border:1px solid #dce3d4;border-radius:9px;gap:10px;padding:17px;display:grid}.room-match>strong{font-size:calc(14px * var(--text-scale,1));overflow-wrap:anywhere}.room-match>b{font:calc(24px * var(--text-scale,1)) Georgia;color:#345941}.room-match>div{flex-wrap:wrap;gap:8px;display:flex}.room-match .secondary{font-size:calc(12px * var(--text-scale,1));align-items:center;gap:6px;padding:9px 12px;display:inline-flex}.current-board{color:#345941;background:#eef3e8;border-color:#64815a!important}.room-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:25px 0;display:grid}.room-list>button{text-align:left;background:#fff;border:1px solid #dce3d4;border-radius:9px;align-items:center;gap:12px;padding:20px;display:flex}.room-list strong,.room-list small{overflow-wrap:anywhere;display:block}.room-list strong{margin-bottom:7px}.room-join{border-top:1px solid #dce3d4;align-items:end;gap:12px;padding-top:20px;display:flex}.room-join label{flex:1;min-width:0}.room-join button{margin-bottom:0}.queue-list{padding:0;list-style-position:inside}.queue-list li{font-size:calc(13px * var(--text-scale,1));border-bottom:1px solid #dce3d4;padding:12px 0}.queue-list li>span:first-child{overflow-wrap:anywhere;margin-left:7px}.queue-actions{gap:8px;margin-top:10px;display:flex}.queue-actions button{font-size:calc(11px * var(--text-scale,1));border:1px solid #cbd8c2;border-radius:5px;align-items:center;gap:3px;padding:7px;display:flex}.queue-request{background:#eaf0e3;border-radius:7px;margin-top:10px;padding:12px}.queue-request .primary{padding:9px 12px}.room-winner{font-size:calc(18px * var(--text-scale,1));background:#eaf0dc;border:1px solid #d4dfbd;border-radius:9px;align-items:center;gap:10px;margin-top:15px;padding:20px;display:flex}.room-explanation{font-size:calc(12px * var(--text-scale,1))!important}.danger-text{color:#a44735!important}.room-link{margin-bottom:8px}.rooms-dialog .info-box{font-size:calc(13px * var(--text-scale,1));line-height:1.6}.modal{max-height:92dvh;overflow:auto}footer small{font-size:calc(10px * var(--text-scale,1));color:#899181;text-transform:none;letter-spacing:0}@media (width<=850px){header .breadcrumb{display:none}.rooms-dialog{padding:18px}.room-toolbar{top:-18px}.room-columns,.room-list{grid-template-columns:1fr}.room-shade{padding:10px}.room-toolbar h2{font-size:calc(20px * var(--text-scale,1))}.room-summary{align-items:flex-start}.room-summary h3{font-size:calc(23px * var(--text-scale,1))}.rooms-switch{align-items:stretch}.rooms-switch .secondary,.room-summary .secondary{padding:10px}.room-join{flex-wrap:wrap}header .connection{font-size:calc(9px * var(--text-scale,1))}footer{flex-wrap:wrap;gap:12px}}.language-switch{font-size:calc(11px * var(--text-scale,1));color:#63755d;align-items:center;gap:7px;display:flex}.language-switch select{font:inherit;font-size:calc(12px * var(--text-scale,1));color:#304d36;background:#fff;border:1px solid #d4ddcd;border-radius:6px;width:112px;padding:8px}.header-room{flex-wrap:wrap}header{flex-wrap:wrap;height:auto;min-height:76px;padding:12px 0}.learning-tabs{flex-wrap:wrap;gap:8px;margin-bottom:23px;display:flex}.learning-tabs button{font-size:calc(13px * var(--text-scale,1));background:#f0f3ea;border:1px solid #d4deca;border-radius:6px;padding:11px 17px}.learning-tabs .chosen,.lesson-list .chosen{color:#305438;background:#e1ead6;border-color:#6c875d}.rules-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.rules-grid .panel-card{padding:25px}.rules-grid h2{font-size:calc(21px * var(--text-scale,1));margin-top:0}.rules-grid p{font-size:calc(14px * var(--text-scale,1));color:#5b6c54;line-height:1.8}.rules-source{font-size:calc(12px * var(--text-scale,1));color:#718267;margin-top:25px;line-height:1.7}.rules-source a{text-decoration:underline}.lesson-layout{grid-template-columns:250px minmax(0,720px);gap:28px;display:grid}.lesson-list{align-content:start;gap:7px;display:grid}.lesson-list h2{font-size:calc(21px * var(--text-scale,1));margin:0 0 5px}.lesson-list>small{color:#6d7e62;margin-bottom:12px}.lesson-list button{text-align:left;font-size:calc(13px * var(--text-scale,1));background:#f0f3e9;border:1px solid #dae2d2;border-radius:6px;padding:13px 12px;line-height:1.5}.lesson-text{margin-bottom:20px;padding:23px}.lesson-text h2{margin-top:0}.lesson-text p{font-size:calc(14px * var(--text-scale,1));color:#68785f;line-height:1.8}.lesson-text strong{line-height:1.7}.lesson-board{max-width:580px}.lesson-hint{box-shadow:inset 0 0 0 4px #48a15e}.lesson-feedback{background:#f4e6d8;border-radius:6px;padding:16px;line-height:1.6}.lesson-feedback.success{color:#355b2f;background:#e1eed5}.coach-arrows{z-index:5;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.coach-panel{padding:18px}.coach-panel .chosen{color:#345941;background:#e2edd8}.coach-key{font-size:calc(11px * var(--text-scale,1));flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.coach-panel .green{color:#168443}.coach-panel .blue{color:#176cc1}.coach-panel .red{color:#c93e32}.coach-panel>small{color:#75846a;margin-top:12px;line-height:1.6;display:block}.coach-panel details{font-size:calc(11px * var(--text-scale,1));color:#6a795f;margin-top:13px;line-height:1.7}.coach-panel summary{cursor:pointer}.coach-moves{gap:5px;margin:12px 0;display:grid}.coach-moves button{text-align:left;font-size:calc(12px * var(--text-scale,1));background:#f8faf4;border:1px solid #dfe5d8;border-radius:5px;justify-content:space-between;gap:8px;padding:9px;display:flex}.coach-moves small{font-size:calc(10px * var(--text-scale,1));line-height:1.5}.book-list{align-content:start;max-height:75dvh;padding-right:8px;position:sticky;top:16px;overflow:auto}.book-list>small{font-size:calc(11px * var(--text-scale,1));color:#7a896d}.book-search{font-size:calc(13px * var(--text-scale,1));background:#fff;border:1px solid #d5dfca;border-radius:6px;width:100%;min-width:0;padding:12px}.reading .book-list button{min-width:0}.book-main>section>small{margin:12px 0;display:block}.book-main .study-controls{gap:8px}.book-main>section a{margin:8px 0;display:inline-block}@media (width<=850px){.rules-grid,.lesson-layout{grid-template-columns:1fr}.lesson-list{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-list h2,.lesson-list>small{grid-column:1/-1}.lesson-list button{font-size:calc(12px * var(--text-scale,1))}.book-list{max-height:300px;position:static}.header-room{gap:8px}.language-switch>span{display:none}.language-switch select{width:105px}.connection{margin-left:auto}.lesson-text{padding:18px}}.svg-piece>.photo-piece,.photo-wood .svg-piece>svg:not(.photo-piece),.photo-ivory .svg-piece>svg:not(.photo-piece){display:none}.photo-wood .svg-piece>.photo-piece,.photo-ivory .svg-piece>.photo-piece{filter:drop-shadow(0 1px 1px #0006);display:block;overflow:hidden;transform:none}.photo-ivory .svg-piece[data-color=w]>.photo-piece{filter:grayscale()brightness(1.45)drop-shadow(0 1px 1px #0007)}.photo-ivory .svg-piece[data-color=b]>.photo-piece{filter:grayscale()brightness(1.2)drop-shadow(0 1px 1px #fff5)}.photo-walnut{--light:#edcea0;--dark:#69452f;--highlight:#c8bd6a;--board-photo:url(/appearance/walnut-maple.png);--frame:#5f3b24}.photo-marble{--light:#eae7de;--dark:#153c32;--highlight:#a0b789;--board-photo:url(/appearance/green-marble.png);--frame:#244b40}.photo-walnut .board,.photo-marble .board{background:var(--board-photo) center/100% 100%;isolation:isolate}.photo-walnut .square,.photo-marble .square{background-color:#0000}.photo-walnut .board-wrap,.photo-marble .board-wrap{border:8px solid var(--frame);box-shadow:0 5px 0 var(--frame),0 12px 25px #162c2640,inset 0 0 0 1px #fff6}.photo-walnut .study-board,.photo-marble .study-board{border-color:var(--frame)}.photo-walnut .square.last,.photo-marble .square.last{background-color:#d8ca5a66}.photo-walnut .square.selected,.photo-marble .square.selected{background-color:#f2cc63bb;box-shadow:inset 0 0 0 3px #785600}.photo-walnut .square.checked,.photo-marble .square.checked{background-color:#e4403fa6}.photo-walnut .square .file,.photo-walnut .square .rank,.photo-marble .square .file,.photo-marble .square .rank{color:#fff;mix-blend-mode:normal;text-shadow:0 1px 2px #000,0 0 2px #000;z-index:3;font-weight:700}.theme-options{flex-wrap:wrap}.theme-options button{flex:28%;min-width:95px}.photo-walnut .swatch,.photo-marble .swatch{background:var(--board-photo) center/cover}.material-preview{margin-top:18px}.material-preview .board{aspect-ratio:3;background-position:0 0;background-size:133.333% 400%;grid-template-columns:repeat(6,1fr)}.material-preview .svg-piece{width:100%;height:100%}.material-preview small{margin-top:10px}@media (width<=600px){.photo-walnut .board-wrap,.photo-marble .board-wrap{border-width:5px}}.board-scene{position:relative}.photo-wood .board-scene,.photo-ivory .board-scene{padding-top:8%;padding-bottom:2%}.photo-wood .board-scene .board-wrap,.photo-ivory .board-scene .board-wrap{overflow:visible}.photo-wood .moving-piece .svg-piece,.photo-ivory .moving-piece .svg-piece{width:calc(88% * var(--piece-scale,1.8));height:calc(96% * var(--piece-scale,1.8));transform-origin:50% 95%;flex:none;position:absolute;bottom:2%;left:50%;transform:translate(-50%)}.table-view .board-scene{perspective:1500px;perspective-origin:50% 42%;padding-top:5%;padding-bottom:0}.table-view .board-scene .board-wrap{transform-origin:50% 60%;transform-style:preserve-3d;box-shadow:0 10px 0 var(--frame,#596650),0 18px 22px #17291d55;transform:rotateX(25deg)}.table-view .board-scene .board{transform-style:preserve-3d;isolation:auto}.table-view .piece-layer,.table-view .moving-piece{transform-style:preserve-3d}.table-view .moving-piece .svg-piece{transform-origin:50% 95%;backface-visibility:hidden;transform:translate(-50%)rotateX(-25deg)}.photo-wood .moving-piece .photo-piece image,.photo-ivory .moving-piece .photo-piece image{pointer-events:visiblePainted;cursor:pointer}.photo-wood .piece-layer.choosing-square .photo-piece image,.photo-ivory .piece-layer.choosing-square .photo-piece image{pointer-events:none}.photo-wood .material-preview .board,.photo-ivory .material-preview .board{aspect-ratio:2.4;row-gap:16px}.photo-wood .material-preview .svg-piece,.photo-ivory .material-preview .svg-piece{transform-origin:50% 95%;transform:scale(1.25)}.material-preview .board-wrap{padding-top:20px;overflow:visible}.internet-card{margin-bottom:22px}.internet-card strong{color:#345941;margin:12px 0;display:block}.internet-card label{margin:14px 0;display:block}.internet-card small{color:#6c7868;line-height:1.7;display:block}.internet-actions{flex-wrap:wrap;gap:10px;display:flex}.internet-card>p{margin-top:14px}.internet-card [role=alert]{color:#a42f27;white-space:pre-wrap;overflow-wrap:anywhere}@media (width<=600px){.table-view .board-scene{perspective:900px}}.header-room{max-width:100%}.header-controls{align-items:center;gap:8px;width:max-content;max-width:100%;display:flex}.header-room .language-switch{flex:0 auto;align-self:center;min-width:0;margin:0}.header-room .rooms-button{flex-shrink:0}.header-room .language-switch select,.header-room .rooms-button{box-sizing:border-box;height:calc(40px * var(--text-scale,1));min-height:40px;font-size:calc(12px * var(--text-scale,1));border-radius:7px;align-self:center;margin:0;padding:0 12px;line-height:1.2}.header-room .language-switch select{width:calc(130px * var(--text-scale,1));max-width:100%}