*{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{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%}.player-loading{text-align:center;padding:50px;font:18px Arial,sans-serif}.player-account-button{box-sizing:border-box;min-height:40px;height:calc(40px * var(--text-scale,1));color:#304d36;font-size:calc(12px * var(--text-scale,1));cursor:pointer;background:#e7ecdf;border:1px solid #d5dfcf;border-radius:7px;align-items:center;gap:7px;min-width:0;max-width:210px;padding:0 12px;display:flex}.player-account-button>span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.account-shade{z-index:1000;background:#18251b77;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow:auto}.account-modal{background:#fff;border-radius:12px;width:min(520px,100%);max-height:calc(100dvh - 40px);padding:30px;position:relative;overflow:auto;box-shadow:0 20px 80px #15271a40}.account-modal h2{margin:0 28px 20px 0}.account-modal p,.account-modal small{line-height:1.65}.account-modal small{color:#60715b;margin:14px 0;display:block}.account-modal label:not(.clock-toggle){gap:7px;margin:16px 0;display:grid}.account-modal input:not([type=checkbox]){box-sizing:border-box;width:100%;min-width:0;font:inherit;border:1px solid #d2dcca;border-radius:6px;padding:12px}.account-modal .modal-close{cursor:pointer;background:0 0;border:0;font-size:27px;position:absolute;top:8px;right:12px}.account-name{overflow-wrap:anywhere;display:block}.account-sync-error{color:#a32c2c;text-align:right;flex-basis:100%;font-size:12px}.account-sync-error button{color:inherit;cursor:pointer;background:0 0;border:0;text-decoration:underline}.personal-settings p{line-height:1.65}.player>div{min-width:0}.player strong,.chat-message strong,.profile-name{overflow-wrap:anywhere}@media (width<=600px){.account-shade{padding:12px}.account-modal{max-height:calc(100dvh - 24px);padding:24px 18px}.player-account-button{max-width:100%}}.profile>div:last-child{min-width:0}.profile strong{text-overflow:ellipsis;white-space:nowrap;max-width:160px;display:block;overflow:hidden}header .header-controls{flex-wrap:wrap;gap:8px}.social-button{position:relative}.social-button b{background:#e7ede5;border-radius:12px;padding:2px 6px;font-size:11px}.social-button em,.social-user>b{color:#fff;background:#a54e36;border-radius:12px;padding:3px 6px;font:600 11px Arial}.social-own-menu{position:relative}.social-own-menu .profile-icon{cursor:pointer;border:0;position:relative}.presence-dot{background:#a4aaa3;border:2px solid #fff;border-radius:50%;width:9px;height:9px;display:block;position:absolute;bottom:0;right:0}.presence-dot.online{background:#57946a}.presence-dot.away{background:#d3a23e}.presence-dot.offline{background:#9b9d9a}.social-profile-pop{z-index:70;color:#334136;background:#fffdf8;border:1px solid #dadfd3;border-radius:12px;width:280px;max-height:75vh;padding:20px;position:absolute;bottom:52px;left:0;overflow:auto;box-shadow:0 15px 50px #19271b30}.social-settings{border-top:1px solid #e2e4da;gap:10px;margin-top:18px;padding-top:16px;display:grid}.social-settings h3{margin:0}.social-settings label{margin:0;display:block}.social-settings .check-label{align-items:center;gap:8px;display:flex}.social-settings input[type=range]{accent-color:#54765a;width:100%}.social-settings select{width:100%}.social-settings small{color:#737d70;line-height:1.5}.social-settings .secondary{justify-content:center;align-items:center;gap:8px;padding:9px;display:flex}.social-shade{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:85;background:#1f2b2055;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.social-window{background:#fdfcf7;border:1px solid #dfe4d7;border-radius:16px;flex-direction:column;width:min(900px,100%);height:min(720px,92dvh);display:flex;overflow:hidden;box-shadow:0 24px 90px #13271640}.social-window-top{border-bottom:1px solid #e0e4d8;justify-content:space-between;align-items:center;gap:10px;padding:16px 20px;display:flex}.social-window-top h2{align-items:center;gap:10px;margin:0;font-size:19px;display:flex}.social-window-top>button,.social-chat-top>button,.social-peer>button,.social-toast button,.social-dismiss{color:#52644f;cursor:pointer;background:0 0;border:0;padding:5px}.social-columns{flex:1;grid-template-columns:270px minmax(0,1fr);min-height:0;display:grid}.social-directory{border-right:1px solid #e0e4d8;flex-direction:column;gap:12px;padding:16px;display:flex;overflow:auto}.social-directory>input{background:#fff;border:1px solid #d8dfd2;border-radius:6px;width:100%;padding:10px}.social-directory>.check-label{gap:7px;margin:0;font-size:12px;display:flex}.social-user-list{flex:1;min-height:100px;overflow:auto}.social-user{text-align:left;cursor:pointer;color:#344b37;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:12px 8px;display:flex}.social-user.chosen,.social-user:hover{background:#edf1e6}.user-avatar{color:#4b684b;background:#e7eddf;border-radius:50%;flex-shrink:0;place-items:center;width:35px;height:35px;font-weight:600;display:grid;position:relative}.social-user>span:nth-child(2){flex:1;min-width:0}.social-user strong,.social-peer strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.social-user small,.social-peer small{color:#8a9283;margin-top:3px;font-size:11px;display:block}.social-chat{background:#fffefb;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.social-chat-top{color:#63735c;border-bottom:1px solid #e3e7dc;justify-content:space-between;align-items:center;gap:8px;padding:14px 16px;font-size:12px;display:flex}.social-chat-top>span{align-items:center;gap:7px;display:flex}.social-chat-top>button{font-size:11px}.social-peer{border-bottom:1px solid #e3e7dc;align-items:center;gap:10px;padding:12px 16px;display:flex;position:relative}.social-peer>.user-avatar{cursor:pointer;border:0}.social-peer>button:last-child{flex-shrink:0}.peer-menu{z-index:3;background:#fdfcf7;border:1px solid #d8dece;border-radius:8px;padding:14px;position:absolute;top:60px;left:12px;right:12px;box-shadow:0 8px 24px #22342022}.peer-menu .check-label{align-items:center;gap:8px;font-size:12px;display:flex}.peer-menu>button{background:#e9eedf;border:0;border-radius:5px;margin-top:10px;padding:5px 12px;display:block}.social-chat-feed{overscroll-behavior:contain;flex:1;min-height:100px;padding:16px;overflow:auto}.social-chat textarea{resize:vertical;width:calc(100% - 24px);min-height:64px;max-height:140px;font:inherit;background:#fbfcf7;border:1px solid #d9dfcf;border-radius:7px;margin:8px 12px 0;padding:12px}.social-chat .chat-tools{padding:10px 12px}.social-chat .chat-message{margin-bottom:12px}.social-chat .chat-message p{white-space:pre-wrap;overflow-wrap:anywhere}.social-chat .chat-message strong{text-overflow:ellipsis;white-space:nowrap;max-width:55%;overflow:hidden}.social-chat .chat-message time{white-space:nowrap;font-size:10px}.social-chat audio{width:100%;max-width:100%}.social-inline{align-self:start;height:570px}.social-empty{color:#85907d;text-align:center;margin:auto;padding:25px 16px;font-size:13px;line-height:1.6}.social-empty svg{margin:auto}.social-empty .secondary{margin-top:12px}.social-error{color:#a34e3d;overflow-wrap:anywhere;margin:6px 12px 12px;font-size:12px}.call-message{align-items:center;gap:7px;display:flex}.social-toast{z-index:110;color:#40503a;background:#fffdf5;border:1px solid #d2dcc8;border-left:4px solid #6a8d57;border-radius:12px;width:min(350px,100vw - 32px);padding:20px;position:fixed;bottom:22px;right:22px;box-shadow:0 12px 45px #273e2733}.social-toast.calling{border-left-color:#b18b42}.social-toast>strong{overflow-wrap:anywhere;align-items:center;gap:8px;padding-right:16px;display:flex}.social-toast>p{overflow-wrap:anywhere;white-space:pre-wrap;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:12px 0;font-size:13px;display:-webkit-box;overflow:hidden}.social-toast>button:not(.social-dismiss){background:#edf1e2;border-radius:5px;margin:0 6px 0 0;padding:7px 10px;font-size:12px}.social-dismiss{position:absolute;top:8px;right:8px}.social-mobile-back{display:none}.message-attention header{animation:3s ease-in-out infinite message-header}@keyframes message-header{0%,to{background-color:#fbfcf8;box-shadow:inset 0 -3px #d4dfc9}50%{background-color:#e5edda;box-shadow:inset 0 -3px #a7ba8d}}@media (prefers-reduced-motion:reduce){.message-attention header{animation:none;box-shadow:inset 0 -3px #a7ba8d}}@media (width<=1100px){header .connection{display:none}.social-button>span{text-overflow:ellipsis;max-width:130px;overflow:hidden}.header-controls{gap:5px}.social-inline{height:490px}}@media (width<=700px){.social-shade{padding:8px}.social-window{border-radius:10px;height:94dvh}.social-columns{grid-template-columns:minmax(0,1fr)}.social-directory{border:0}.social-window:not(.has-peer) .social-chat,.social-window.has-peer .social-directory{display:none}.social-mobile-back{align-items:center;display:flex!important}.social-window-top{padding:13px}.social-window-top h2{font-size:16px}.social-inline{height:400px}.social-profile-pop{width:min(300px,100vw - 24px);position:fixed;bottom:20px;left:12px}.social-button>span{max-width:100px}.social-toast{bottom:12px;right:12px}.social-chat .chat-message>div{flex-wrap:wrap}.social-chat .chat-message strong{max-width:100%}}.social-directory .check-label input[type=checkbox],.social-settings .check-label input[type=checkbox],.peer-menu .check-label input[type=checkbox]{accent-color:#5c7a51;flex:0 0 16px;width:16px;height:16px;min-height:0;margin:0}.social-directory>.check-label{justify-content:flex-start;align-items:center}.voice-call-panel{z-index:130;color:#32492e;background:#fbfff6;border:1px solid #bccda9;border-radius:14px;width:min(370px,100vw - 24px);padding:19px;position:fixed;bottom:22px;right:22px;box-shadow:0 12px 50px #28432644}.voice-call-panel>strong{overflow-wrap:anywhere;align-items:center;gap:9px;display:flex}.voice-call-panel p{margin:13px 0;font-size:13px}.voice-call-panel>div{flex-wrap:wrap;gap:9px;display:flex}.voice-call-panel button{font:inherit;cursor:pointer;color:#3a5431;background:#edf4e4;border:1px solid #d3dfc5;border-radius:7px;align-items:center;gap:6px;padding:9px;font-size:12px;display:flex}.voice-call-panel button.voice-end{color:#fff;background:#a95743;border-color:#a95743}.voice-call-panel .primary{color:#fff;background:#577b45}.voice-call-panel>button{margin-top:12px}.chat-file-upload{align-items:center;gap:6px;display:flex}.file-progress{background:#f6faef;border:1px solid #d0dbbf;border-radius:7px;align-items:center;gap:6px;padding:10px;display:flex;position:absolute;bottom:56px;left:12px;right:12px;box-shadow:0 4px 18px #1b321b20}.file-progress>span{text-overflow:ellipsis;white-space:nowrap;max-width:40%;font-size:11px;overflow:hidden}.file-progress progress{accent-color:#66854d;flex:1;width:70px}.file-progress small{font-size:11px}.social-chat{position:relative}.file-download{text-align:left;color:#48603d;cursor:pointer;background:#f7faef;border:1px solid #d9e2cc;border-radius:7px;align-items:center;gap:9px;width:100%;padding:10px;display:flex;overflow:hidden}.file-download>span{overflow-wrap:anywhere;min-width:0}.file-download small{margin-top:5px;font-size:11px;display:block}.voice-settings{margin:20px 0}.voice-settings textarea{border:1px solid #ccd7c0;border-radius:6px;width:100%;min-height:80px;padding:10px}.voice-settings>small{margin-top:12px;line-height:1.6;display:block}@media (width<=700px){.voice-call-panel{padding:14px;bottom:12px;right:12px}.social-chat .chat-tools{gap:5px}}.relay-label{color:#748267;margin:8px 0 12px;font-size:11px;display:block}.voice-call-panel .voice-levels{grid-template-columns:1fr 1fr;gap:10px;margin:12px 0;display:grid}.voice-levels label{gap:5px;min-width:0;font-size:10px;line-height:1.4;display:grid}.voice-levels progress{accent-color:#729158;width:100%;height:7px}.voice-settings details{margin-top:12px}.voice-settings summary{cursor:pointer;color:#7b8472;font-size:12px}.game-layout.with-chat{grid-template-columns:minmax(210px,260px) minmax(0,650px) minmax(220px,290px);grid-template-areas:"chat board controls";gap:20px}.with-chat>.social-inline{border-radius:9px;grid-area:chat;align-self:start;width:100%;min-width:0;height:clamp(420px,74dvh,650px);max-height:none;padding:0}.with-chat>.board-section{grid-area:board;width:100%;min-width:0;max-width:650px;margin:0 auto}.with-chat>.game-panel{grid-area:controls;min-width:0}.with-chat .social-chat-top{flex-wrap:wrap;gap:6px;padding:12px}.with-chat .social-peer{flex-wrap:wrap;gap:7px;padding:10px}.social-game-invite{align-items:center;gap:5px;display:flex}.social-game-invite>span{font-size:11px}.with-chat .social-chat-feed{padding:12px}.social-chat .chat-tools{flex-wrap:wrap}.social-chat .chat-tools .send{margin-left:auto}.social-chat textarea,.social-chat-top>span{min-width:0}.social-chat .voice-draft{flex-wrap:wrap;min-width:0}.social-chat .voice-draft audio{min-width:0;max-width:100%}.invite-picker{min-width:0}.invite-picker label{margin:12px 0 8px!important}.invite-players{overscroll-behavior:contain;background:#fff;border:1px solid #dce4d5;border-radius:8px;min-width:0;max-height:220px;overflow-y:auto}.invite-player{text-align:left;border-bottom:1px solid #edf1e9;align-items:center;gap:10px;width:100%;min-width:0;padding:10px;display:flex}.invite-player:last-child{border-bottom:0}.invite-player>span:nth-child(2){flex:1;min-width:0}.invite-player strong{overflow-wrap:anywhere;font-size:13px;display:block}.invite-player small{color:#7b8875;font-size:11px;margin:4px 0 0!important;display:block!important}.invite-player.chosen{background:#e9f1e2;box-shadow:inset 3px 0 #58764a}.invite-player>svg{flex-shrink:0}.invite-players>p{padding:14px;margin:0!important}.invitation-state{overflow-wrap:anywhere;background:#eef4e9;border-radius:7px;gap:6px;padding:12px;display:grid}.invitation-state strong{font-size:13px}.invitation-state small{font-size:12px;line-height:1.5}.waiting-invitation .invite-players{max-height:170px}.waiting-invitation .primary.full,.waiting-invitation .secondary.full{width:100%!important;margin:8px 0 0!important}.invitation-shade{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:145;background:#1d2e28aa;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.invitation-dialog{width:460px;min-width:0}.invitation-name{overflow-wrap:anywhere;font-size:18px;line-height:1.5;display:block}.invitation-dialog p{overflow-wrap:anywhere}.invitation-buttons{flex-wrap:wrap;gap:10px;display:flex}.invitation-buttons>button{overflow-wrap:anywhere;flex:1;min-width:0}.invitation-dialog textarea{resize:vertical;width:100%;min-height:90px;font:inherit;border:1px solid #d3ddca;border-radius:7px;margin:10px 0 20px;padding:10px;display:block}.invitation-result{z-index:140;overflow-wrap:anywhere;background:#fffef8;border:1px solid #ccdabe;border-left:4px solid #5a7c46;border-radius:10px;width:min(380px,100% - 32px);padding:20px;position:fixed;bottom:18px;right:18px;box-shadow:0 12px 40px #203b2333}.invitation-result p{font-size:13px;line-height:1.5}.invitation-result .invitation-buttons>button{font-size:12px}main,.game-layout,.game-layout>*,.game-panel>*,.header-controls,.header-room,.board-scene,.board-wrap{min-width:0}.player>div:nth-child(2){flex:1;min-width:0}.player strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.player small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board-footer{flex-wrap:wrap}.board-footer>span{overflow-wrap:anywhere;min-width:0}.game-actions{flex-wrap:wrap;row-gap:10px}.mode-options>button{overflow-wrap:anywhere;min-width:0}.modal,.panel-card{overflow-wrap:anywhere}.header-controls>*,.header-room>*{min-width:0;max-width:100%}.player-account-button{min-width:0}.player-account-button>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.header-room,.archive-toolbar{flex-wrap:wrap}.archive-toolbar>*,.archive-row .archive-game>div{min-width:0}.modal input,.modal select,.panel-card select{max-width:100%}@media (width<=1400px){.game-layout.with-chat{grid-template-columns:minmax(200px,240px) minmax(0,650px);grid-template-areas:"chat board""chat controls"}.with-chat>.game-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.with-chat .status-card,.with-chat .moves-card,.with-chat .actions-card,.with-chat .save-note{grid-column:1/-1}.with-chat .status-card>.full{width:100%;margin-left:0}.with-chat .board-section{grid-area:1/2}}@media (orientation:portrait) and (width<=950px),(orientation:portrait) and (pointer:coarse){.game-layout.with-chat{grid-template-columns:minmax(0,1fr);grid-template-areas:"board""chat""controls";gap:16px}.with-chat>.board-section{grid-area:board}.with-chat>.social-inline{height:420px;min-height:320px;max-height:65dvh}.with-chat>.game-panel{grid-area:controls}.with-chat .status-card>.full{width:100%;margin-left:0}}@media (width<=730px){html,body{width:100%;max-width:100%}.app{min-width:0}.sidebar{flex-wrap:wrap;gap:8px;padding:10px 12px}.sidebar nav{flex-wrap:wrap;gap:3px;min-width:0;max-width:100%}.sidebar nav button{min-width:0;max-width:100%;padding:8px}.sidebar .brand{min-width:0}.sidebar .brand div{overflow-wrap:anywhere}.sidebar-bottom{min-width:0;max-width:100%}main{width:100%;max-width:100%;margin-left:0;padding:0 12px}header{flex-wrap:wrap;gap:8px;height:auto;min-height:52px;padding:8px 0}.header-controls{flex:1;justify-content:flex-end;gap:6px}.header-room{gap:6px}.page-heading{gap:8px;padding:18px 0}.page-heading>div{min-width:0}.page-heading p{overflow-wrap:anywhere}.eyebrow{letter-spacing:1px}.version{letter-spacing:.5px;flex-shrink:0;margin-left:0}.game-layout:not(.with-chat),.game-panel,.with-chat>.game-panel{grid-template-columns:minmax(0,1fr)}.board-footer button{margin-left:auto}.player-end{flex-shrink:0}.reading{grid-template-columns:minmax(0,1fr)}.book-list,.lesson-list{grid-template-columns:repeat(2,minmax(0,1fr))}.book-main,.lesson-layout>*{min-width:0}.archive-toolbar select{flex-basis:130px;width:100%}.archive-toolbar .search{flex-basis:100%}.archive-row .archive-game{gap:8px;min-width:0}.archive-game strong{overflow-wrap:anywhere}.archive-game .tag{white-space:normal}.room-summary{flex-wrap:wrap}.room-form>*{min-width:0}.modal-shade{padding:12px}.modal{max-height:calc(100dvh - 24px);padding:25px 18px}.mode-options{gap:6px}.mode-options button{padding:14px 6px}.social-window .social-chat-top,.social-peer{flex-wrap:wrap}.social-chat .chat-tools{gap:6px}.social-chat .chat-message>div{flex-wrap:wrap;min-width:0}.social-chat .chat-message strong{max-width:100%}.social-profile-pop{max-width:calc(100vw - 24px)}.invitation-shade{padding:12px}.invitation-result{bottom:12px;right:12px}.player-end{display:none}.rank,.file{font-size:clamp(8px,2.4vw,11px)}}@media (orientation:landscape) and (width<=1100px) and (height<=650px){.sidebar{border:0;border-bottom:1px solid #dfe5da;flex-flow:wrap;align-items:center;gap:8px;width:100%;padding:8px 12px;position:static}.sidebar .brand{margin:0}.sidebar .brand>span{font-size:30px}.sidebar .brand div{font-size:15px}.sidebar .brand small,.sidebar .nav-caption,.sidebar .new-side,.sidebar-bottom{display:none}.sidebar nav{flex-wrap:wrap;gap:3px;display:flex}.sidebar nav button{padding:8px}.sidebar .brand br{display:none}main{width:100%;max-width:none;margin-left:0;padding:0 12px}header{height:auto;min-height:46px;padding:6px 0}.page-heading{padding:12px 0}.page-heading .eyebrow,.page-heading p{display:none}.page-heading h1{margin:3px 0;font-size:24px}.game-layout.with-chat{grid-template-columns:minmax(150px,.55fr) minmax(0,1fr);grid-template-areas:"chat board""chat controls";gap:12px}.with-chat>.board-section{grid-area:board}.with-chat>.social-inline{grid-area:chat;height:calc(100dvh - 80px);min-height:300px;max-height:650px;position:sticky;top:8px}.with-chat>.game-panel{grid-area:controls;grid-template-columns:minmax(0,1fr)}.with-chat .player{align-items:center;height:45px}.with-chat .player:first-child{height:45px}.with-chat .player-end{display:none}.with-chat .avatar{width:30px;height:30px;font-size:23px}.with-chat .social-chat-top{padding:9px}.with-chat .social-peer{padding:8px}.with-chat .social-chat-feed{padding:9px}.with-chat .social-chat textarea{min-height:55px;padding:8px}.with-chat .social-game-invite>span{display:none}}.new-game-settings{border-top:1px solid #dce4d6;margin-top:16px;padding-top:13px}.new-game-settings>summary{cursor:pointer;color:#536b4b;padding:5px 0;font-size:13px}.new-game-settings .info-box{margin-bottom:12px}@media (width<=950px){.photo-wood .board-scene,.photo-ivory .board-scene{margin-inline:12px}.board-section{overflow:clip visible}}@media (width<=480px){.sidebar .brand div{display:none}.sidebar .brand>span{font-size:29px}.sidebar nav button{padding:8px 7px}.social-button>span,.header-controls>.rooms-button:not(.social-button)>svg{display:none}.header-controls{justify-content:space-between}.header-room{width:100%}.page-heading{padding:12px 0}.page-heading .eyebrow,.page-heading p{display:none}.page-heading h1{font-size:25px}.language-switch select{width:105px}.rooms-button.social-button{gap:5px;padding-inline:8px}}.invite-player strong,.invitation-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.invitation-name{-webkit-line-clamp:3}.profile>div{min-width:0}.profile strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.profile small{overflow-wrap:anywhere}.player-avatar-image{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.player-avatar-symbol{place-items:center;width:100%;min-width:0;height:100%;display:grid;overflow:hidden}.avatar-settings{border-top:1px solid var(--border,#deddd5);gap:8px;padding-top:10px;display:grid}.avatar-options{flex-wrap:wrap;gap:5px;display:flex}.avatar-options button{width:36px;height:36px;padding:2px;font-size:23px}.avatar-options button.chosen{outline:2px solid #52795e}.avatar-upload{cursor:pointer;border:1px solid #bccbbe;border-radius:8px;padding:8px;display:block}.avatar-upload input{max-width:100%;margin-top:6px;font-size:11px;display:block}.social-own-menu .profile-icon{overflow:visible}.profile-icon .player-avatar-image{border-radius:50%}.social-group-list{gap:5px;margin:9px 0;display:grid}.social-group-list button{text-align:left;gap:6px;min-width:0;display:flex}.social-group-list button span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.social-group-list .chosen{background:#e7efe6}.social-chat-feed .chat-message{flex-shrink:0;position:relative}.message-actions{justify-content:flex-end;gap:4px;margin-top:4px;display:flex!important}.message-actions button{opacity:.75;min-height:26px;padding:4px 8px}.message-actions button:hover{opacity:1}.forward-caption{color:#537060;overflow-wrap:anywhere;display:block}.deleted-message{opacity:.6;font-style:italic}.chat-action-shade{z-index:220;background:#15281c70;justify-content:center;align-items:center;padding:14px;display:flex;position:fixed;inset:0}.chat-action-dialog{background:#fffdf8;border:1px solid #cdd3c7;border-radius:16px;gap:12px;width:420px;min-width:0;max-width:100%;max-height:90dvh;padding:18px;display:grid;overflow:auto;box-shadow:0 16px 70px #0004}.chat-action-dialog header{justify-content:space-between;align-items:center;gap:8px;display:flex}.chat-action-dialog h3{min-width:0;margin:0}.chat-action-dialog p{overflow-wrap:anywhere;margin:0}.chat-action-dialog input{min-width:0;max-width:100%}.chat-target-list{gap:3px;max-height:38dvh;display:grid;overflow:auto}.chat-target-list label{border-bottom:1px solid #e5e8df;align-items:center;gap:9px;min-width:0;padding:9px;display:flex}.chat-target-list label span{overflow-wrap:anywhere;min-width:0}.chat-target-list input{flex-shrink:0}.group-invitation{z-index:210;background:#fffdf5;border:1px solid #c0cbb9;border-radius:14px;width:330px;max-width:calc(100vw - 28px);padding:16px;position:fixed;bottom:20px;right:18px;box-shadow:0 8px 32px #0003}.group-invitation p{overflow-wrap:anywhere}.group-invitation>div{gap:8px;display:flex}.social-peer .peer-menu{z-index:12;gap:7px;max-width:calc(100vw - 50px);display:grid}.social-peer{flex-wrap:wrap}.social-profile-pop{max-height:80dvh;overflow-y:auto}.social-chat-feed audio{max-width:100%}.social-user .user-avatar,.social-peer .user-avatar{flex-shrink:0;padding:0;position:relative}.chat-message .message-actions{align-items:center}.social-chat-feed .chat-message>div:first-child{flex-wrap:wrap;gap:4px}.chat-message strong{overflow-wrap:anywhere;min-width:0}.social-directory>.secondary{white-space:normal;width:100%}.group-invitation small{color:#b42d2d;display:block}.chat-message>.message-actions{justify-content:flex-end}.social-group-list button{background:#fafbf6;border:1px solid #dce3d7;border-radius:8px;padding:9px}.social-group-list button.chosen{background:#e7efe6}.clients-shade{z-index:180;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#182c2270;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.clients-window{background:#fffdf7;border:1px solid #d7decf;border-radius:18px;width:900px;min-width:0;max-width:100%;max-height:92dvh;padding:24px;overflow:auto;box-shadow:0 24px 90px #13271640}.clients-title{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:20px;display:flex}.clients-title h2{margin:0}.clients-title p{color:#74816e;margin:8px 0 0}.clients-title>button{background:0 0;border:0;flex-shrink:0}.clients-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.clients-grid article{background:#f7f9f1;border:1px solid #dfe5d7;border-radius:12px;min-width:0;padding:20px}.clients-grid h3{margin:12px 0 8px}.clients-grid p,.clients-help p{line-height:1.6}.clients-grid h4{margin:22px 0 6px}.clients-grid ol{padding-left:20px;font-size:13px;line-height:1.7}.clients-grid li{margin:6px 0}.clients-grid small{color:#697762;margin-top:10px;line-height:1.6;display:block}.client-download{background:#4e7056;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;padding:11px 14px;line-height:1.4;text-decoration:none;display:inline-flex;color:#fff!important}.clients-help{border:1px solid #e0e5d7;border-radius:10px;gap:8px;min-width:0;margin-top:20px;padding:16px;font-size:13px;display:grid}.clients-help code{overflow-wrap:anywhere;white-space:normal;display:block}.clients-help p{margin:0}.clients-help a{color:#3b6447;text-decoration:underline}.clients-help details{padding:8px 0}.clients-help summary{cursor:pointer}.clients-help .cert-fingerprint{margin-top:8px;font-size:10px}.clients-button{height:36px}@media (width<=650px){.clients-grid{grid-template-columns:minmax(0,1fr)}.clients-window{max-height:94dvh;padding:16px}.clients-shade{padding:10px}.clients-grid article{padding:16px}.header-controls .clients-button{padding-inline:9px}.clients-button svg{display:none}.clients-button{font-size:11px}}.account-avatar{border-radius:50%;flex-shrink:0;place-items:center;width:25px;height:25px;display:grid;overflow:hidden}.session-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 16px;display:flex}.session-toolbar button{border:1px solid #d7dfce;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:8px 12px;font-size:13px;display:inline-flex}.session-toolbar .end-game-button{color:#8d493b;background:#fbf3ed;border-color:#ddc5b8}.sidebar nav button .nav-label{min-width:0}.sidebar nav button svg{flex-shrink:0}@media (width<=950px){.app>.sidebar{border-bottom:1px solid #dfe5da;border-right:0;flex-flow:row;justify-content:space-between;align-items:center;gap:3px;width:100%;height:46px;min-height:46px;padding:5px 10px;display:flex;position:static;inset:auto;overflow:visible}.app>.sidebar .brand{flex:0 0 27px;justify-content:center;align-items:center;gap:0;width:27px;min-width:0;height:32px;margin:0;padding:0;display:flex}.app>.sidebar .brand>span{font-size:27px;line-height:1}.app>.sidebar .brand div,.app>.sidebar .nav-caption,.app>.sidebar .sidebar-bottom{display:none}.app>.sidebar nav{display:contents}.app>.sidebar .new-side,.app>.sidebar nav button{border:0;border-radius:6px;flex:1 1 0;justify-content:center;align-items:center;gap:0;width:auto;min-width:0;height:34px;min-height:34px;margin:0;padding:5px 2px;font-size:0;display:inline-flex}.app>.sidebar .nav-label,.app>.sidebar nav button>.nav-label,.app>.sidebar nav button b{display:none}.app>.sidebar nav button svg,.app>.sidebar .new-side svg{flex-shrink:0;width:20px;height:20px;display:block}.app>.sidebar nav button.active{color:#35563e;background:#dfe8d9}.app>.sidebar .new-side{color:#fff;background:#345941}.app>main{margin-left:0;padding:0 12px}.app>main>header{flex-flow:row;justify-content:space-between;align-items:center;gap:6px;height:46px;min-height:46px;padding:5px 0;font-size:12px;display:flex}.app>main>header .header-room{flex-wrap:nowrap;flex:1;gap:4px;width:auto;min-width:0;display:flex}.app>main>header .header-controls{flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:6px;width:100%;min-width:0;display:flex}.app>main>header .connection,.app>main>header .breadcrumb,.app>main>header .room-back{display:none}.app>main>header .language-switch{flex:auto;width:auto;min-width:72px;max-width:120px}.app>main>header .language-switch>span{display:none}.app>main>header .language-switch select{width:100%;min-width:0;height:32px;padding:3px 5px;font-size:12px;display:block}.app>main>header .rooms-button{flex:0 0 32px;justify-content:center;align-items:center;gap:0;width:32px;min-width:32px;height:32px;min-height:32px;padding:4px;font-size:0;display:inline-flex}.app>main>header .rooms-button svg{width:18px;height:18px;display:block}.app>main>header .rooms-button>span{display:none}.app>main>header .rooms-button.social-button{flex-basis:46px;gap:3px;width:46px}.app>main>header .social-button b{padding:1px 3px;font-size:10px;display:block}.app>main>header .social-button em{padding:1px 3px;font-size:9px;position:absolute;top:-5px;right:-3px}.app>main>header .player-account-button{flex:0 0 34px;justify-content:center;gap:0;width:34px;min-width:34px;max-width:34px;height:32px;min-height:32px;margin:0;padding:3px}.app>main>header .player-account-button>.account-label{display:none}.app>main>header .account-avatar{width:24px;height:24px;font-size:15px}.app>main>header .account-sync-error{z-index:30;background:#fff9e7;max-width:calc(100vw - 24px);padding:8px;position:absolute;top:92px;right:12px}.session-toolbar{flex-wrap:nowrap;gap:8px;margin-bottom:12px}.session-toolbar button{flex:1;min-width:0;padding:7px 8px;font-size:12px;line-height:1.3}.app>main>header .header-controls>.rooms-button:not(.social-button)>svg{width:18px;height:18px;display:block}}.sidebar nav button>.nav-label{font-size:inherit;line-height:1.3}.sidebar .brand>span{font-size:44px}.sidebar .brand div{font-size:calc(20px * var(--text-scale,1));overflow-wrap:anywhere;min-width:0}.social-peer>.user-avatar{flex:0 0 32px;width:32px;height:32px}.social-peer>div:not(.peer-menu){flex:110px;min-width:70px}.social-peer>button:not(.user-avatar){flex:none}@media (width<=950px){.app>main>header .connection{flex:0 0 8px;justify-content:center;align-items:center;gap:0;width:8px;min-width:8px;max-width:8px;margin:0;padding:0;font-size:0;line-height:0;display:flex}.app>main>header .connection i{flex-shrink:0;width:6px;height:6px;margin:0;display:block}}.user-management,.cluster-settings{margin-bottom:18px}.managed-user-list{max-height:440px;margin:12px 0;overflow:auto}.managed-user-list article{border-bottom:1px solid var(--border,#d9dfda);min-width:0;padding:12px 0}.managed-user-list strong{overflow-wrap:anywhere;display:block}.managed-user-list small{margin:5px 0;display:block}.managed-user-list article>div{flex-wrap:wrap;gap:7px;display:flex}.managed-user-list button,.cluster-settings>button{font-size:inherit;padding:7px 10px}.management-confirm{overflow-wrap:anywhere;border:1px solid #be8e79;border-radius:10px;margin:12px 0;padding:14px}.management-confirm button{margin:8px 8px 0 0}.compute-node{border:1px solid #d2dcd4;border-radius:10px;margin:12px 0;padding:12px}.compute-node label{display:block}.compute-node input{width:100%;min-width:0}.cluster-notice{border-left:3px solid #ad815e;padding-left:12px}.account-modal .user-management{margin-top:18px;padding:12px}.account-modal{max-height:90dvh;overflow-y:auto}.federation-settings{margin:18px 0}.federation-settings label{margin:12px 0;display:block}.federation-settings textarea,.federation-settings input:not([type=checkbox]){width:100%;min-width:0;display:block}.sync-conflict{overflow-wrap:anywhere;border:1px solid #ad815e;border-radius:10px;margin:12px 0;padding:12px}.local-archive{overflow-wrap:anywhere;border-block:1px solid #d2dcd4;margin:15px 0;padding:15px 0}.local-archive label{margin-top:12px;display:block}.local-archive input{max-width:100%}