main{max-width:1150px;grid-template-columns:minmax(370px,640px) minmax(300px,340px);gap:30px;padding-top:28px}.right-stack{display:flex;flex-direction:column;gap:17px;min-width:0}.right h2{font-size:24px;line-height:1.2;margin-bottom:15px}.right{padding:22px}.brand{display:flex;align-items:center;gap:0;font-size:23px;letter-spacing:-.9px}.brand .brand-icon{width:38px;height:38px;margin-right:12px;filter:drop-shadow(0 2px 6px #0003)}.brand b{margin-left:2px}.account-button{display:flex;align-items:center;gap:8px;text-align:left;min-height:39px}.account-button small{display:block;font-size:9px;color:#8ca17f;line-height:1.2}.account-button:has(.user-avatar){padding:5px 12px 5px 6px}.user-avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;border:1px solid #4c6138;border-radius:9px;font:28px Georgia,serif;overflow:hidden;background:linear-gradient(145deg,#4b6230,#182115);color:#cce6ad}.user-avatar img{height:100%;width:100%;object-fit:cover}.user-avatar.preset-rook{background:linear-gradient(145deg,#52665d,#1e2e28);color:#c5d9cd}.user-avatar.preset-queen{background:linear-gradient(145deg,#795e2f,#2d2414);color:#efd3a0}.user-avatar.preset-bishop{background:linear-gradient(145deg,#485b77,#1d2433);color:#bed1e9}.user-avatar.preset-king{background:linear-gradient(145deg,#72504e,#32201f);color:#e4bdb8}.user-avatar.preset-pawn{background:linear-gradient(145deg,#65656c,#25252c);color:#dddde4}.user-avatar.tiny{height:27px;width:27px;border-radius:7px;font-size:22px}.user-avatar.large{height:45px;width:45px;font-size:35px}.user-avatar.profile-size{height:65px;width:65px;font-size:50px;border-radius:14px}.player>.avatar{border:0;background:none;width:43px;height:43px}.player>.avatar .user-avatar{width:43px;height:43px;font-size:34px}.profile-avatar-preview{display:flex;align-items:center;gap:17px;margin:18px 0}.profile-avatar-preview p{font-size:11px;margin:4px 0}.avatar-options{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin:18px 0}.avatar-options button{display:grid;place-items:center;padding:7px 0;border:1px solid transparent;border-radius:9px}.avatar-options button.selected{border-color:#b3db6c;background:#2b3a20}.avatar-options button:hover{border-color:#67814b}.avatar-upload{padding:14px;border:1px dashed #5c7545;border-radius:9px;cursor:pointer;color:#d2e5b8}.avatar-upload span{display:block;font-size:10px;color:#96aa86;margin-top:2px}.avatar-upload input{margin-top:11px;font-size:11px;padding:8px}.avatar-upload input::file-selector-button{background:#344b23;border:1px solid #64834c;border-radius:4px;color:#d7eec2;padding:5px 8px;margin-right:7px}#avatar-status{font-size:11px;color:#c4d6b7;min-height:15px}.rankings{padding:20px}.rank-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:15px}.rank-heading h2{font-size:19px;line-height:1.2;margin:5px 0 0}.rank-heading .mode-label{font-size:8px}.top-tag{font:8px monospace;letter-spacing:1px;border:1px solid #3c4b31;padding:4px 6px;border-radius:5px;color:#a3b58e}.champion{padding:14px;background:radial-gradient(ellipse at 95% 0%,#a4ca3633,transparent 85%),#1d2b16;border:1px solid #526838;border-radius:10px}.champion-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:13px;color:#c8ef8b;font:9px monospace;letter-spacing:1px}.champion-top b{font:bold 20px 'DM Sans',sans-serif;color:#ddfaad}.champion-player{display:flex;align-items:center;gap:10px;min-width:0}.champion-player>div:not(.champion-score){min-width:0;flex:1}.champion-player strong{display:block;overflow:hidden;text-overflow:ellipsis;font-size:13px;white-space:nowrap}.champion-player small{display:block;font-size:9px;color:#9aad85;margin-top:3px}.champion-score{font-size:23px;font-weight:700;color:#dff4b9;line-height:1.1;text-align:right}.champion-score small{letter-spacing:1.5px;font:8px monospace}.empty-champion>strong{font-size:15px;line-height:1.3;display:block;color:#d5e5c0}.empty-champion p{font-size:11px;margin:8px 0 12px;color:#9bac8b}.empty-champion button{color:#d1f58f;font-size:11px;padding:0}.ranking-table{margin-top:12px}.ranking-row{display:grid;grid-template-columns:19px minmax(0,1fr) 36px 37px;align-items:center;gap:7px;padding:9px 0;border-bottom:1px solid #2c3928;font-size:10px}.ranking-row>span:first-child{color:#8b9e7c;font:10px monospace}.ranking-row>span:nth-child(3){text-align:right;color:#93a287}.ranking-row>b{text-align:right;color:#d9eac8;font-size:12px}.rank-player{display:flex;align-items:center;gap:7px;min-width:0}.rank-player>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500}.rank-player small{font:7px monospace;color:#cbf78e;padding-left:4px}.ranking-row.table-head{font-size:8px;color:#859775;padding:3px 0 8px}.ranking-row.table-head>span:last-child{text-align:right}.ranking-row.is-you{background:#a1c34e0d}.rank-note{font-size:10px;color:#a9bc95;line-height:1.8;margin-top:13px}.rank-note>span{font-size:9px;color:#7f9172}.room-facts{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 18px}.room-facts>span{padding:4px 7px;background:#202c1a;border:1px solid #36482b;border-radius:5px;font-size:10px;color:#c0d3ad}.lobby-intro{font-size:11px;line-height:1.6;margin:0 0 13px}.join-block{border-top:1px solid #303e28;padding-top:15px;margin-top:20px}.join-block label{margin:0;font-size:12px;color:#c8d7b9}.join-block>span{display:block;font-size:9px;color:#809571;margin-top:8px}.join-row{margin-top:10px;gap:7px}.join-row input{font-size:11px;padding:11px 8px}.join-row button{white-space:nowrap;padding:7px 9px;font-size:10px;background:#25351c}.count-badge{font:10px monospace;color:#d0edae;background:#2b3c21;border-radius:5px;padding:2px 5px;margin-left:4px}.room-list{display:grid;gap:10px}.table-card{background:#0f180f;border:1px solid #36492b;border-radius:10px;padding:12px}.table-host{display:flex;align-items:center;gap:9px}.table-host>div{min-width:0;flex:1}.table-host strong{display:block;overflow:hidden;text-overflow:ellipsis;font-size:12px}.table-host small{display:block;font-size:9px;color:#93a580;margin-top:2px}.waiting-pill{font-size:8px;color:#c9ed96;background:#35472166;border-radius:4px;padding:4px;white-space:nowrap}.table-info{display:flex;gap:14px;color:#a1b78c;font-size:10px;margin:12px 0}.table-card .secondary{font-size:11px;padding:9px}.empty-tables{padding:20px 13px;border:1px dashed #3a4e2d;border-radius:9px;text-align:center;background:#142011}.empty-tables>span{font-size:30px;color:#718b57;display:block;line-height:1.1;margin-bottom:10px}.empty-tables strong{font-size:12px;display:block}.empty-tables p{font-size:10px;line-height:1.65;margin:7px 0 0;color:#94a77f}.seats{display:grid;gap:9px}.seat{display:flex;align-items:center;gap:9px;padding:11px;border:1px solid #35442c;border-radius:9px;background:#10190f}.seat:not(.filled){border-style:dashed}.seat>span:nth-child(2){flex:1;min-width:0}.seat strong{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis}.seat small{display:block;font-size:10px;color:#8fa67b}.seat strong small{display:inline;font:7px monospace;color:#c8eaa5}.seat i{font-size:9px;font-style:normal;color:#abc790}.vacant{background:#23331b;color:#99b47f;border-style:dashed}.invite-box{background:#0d150d;border:1px solid #33432a;padding:12px;border-radius:8px;margin-top:17px}.invite-box label{margin:0 0 6px;font:8px monospace;color:#869e70;letter-spacing:1px}.invite-box>div{display:flex;justify-content:space-between;align-items:center}.invite-box code{font:14px monospace;letter-spacing:1px;color:#d0e6b6}.invite-box button{font-size:10px;color:#c6f38a}.duel-disclaimer{font:10px/1.7 monospace;color:#b1bd9e;background:#222a19;border-radius:7px;padding:10px;margin:15px 0}.move-history{border:1px solid #2c382c;border-radius:9px;background:#121a14;margin-top:10px}.move-history summary{display:flex;justify-content:space-between;cursor:pointer;padding:12px 14px;color:#97aa88;font-size:11px;list-style:none}.move-history summary:before{content:'⌄';margin-right:9px;color:#bfd899}.move-history summary>span:first-child{flex:1}.move-history summary>span:last-child{font:9px monospace}.move-history #moves{padding:0 15px;height:auto;max-height:180px;overflow:auto}.result-card{margin-top:12px}.board-actions{padding-bottom:0;border-top:0}.board-actions button{padding:6px 8px;border:1px solid transparent;border-radius:6px}.board-actions button:hover{border-color:#3b4c31;background:#202c1a}.board-actions button:disabled{border-color:transparent;background:none}.square{background:#b2bcb2;box-shadow:inset 1px 1px #f2f6f122,inset -1px -1px #0000000a}.square.dark{background:#46554a}.square svg{width:87%;height:87%;filter:drop-shadow(0 3px 1px #080e0a88)}.square .coord{color:#273a2fbb}.square.dark .coord{color:#c9d3c9bb}.square.selected{background:#b6ce79;box-shadow:inset 0 0 0 3px #dbff7b}.square.last{background:#a5bd7a}.square.last.dark{background:#607746}.square.legal:before{background:#182a1f66;box-shadow:0 0 0 2px #eaffd94d}.square.dark.legal:before{background:#d0e6ae88}.square.capture:before{background:none;border-color:#cfff70;box-shadow:inset 0 0 0 2px #18251566}.square.dark.capture:before{background:none}.board-frame{background:#1c2720;border-color:#4b5f50}.clock{color:#99a895}.clock.running{background:#2b3c21;border-color:#678447;color:#efffd5}.room-banner{padding:9px 12px;gap:10px}.room-banner .code{display:none}.room-banner>span{min-width:0}.room-banner button{white-space:nowrap}footer{max-width:1150px}
@media(max-width:1000px){main{grid-template-columns:minmax(330px,1fr) 300px;gap:20px;padding-inline:20px}.right{padding:18px}.right h2{font-size:22px}.rankings{padding:17px}.waiting-pill{font-size:7px}.table-host{gap:6px}.champion-score{font-size:21px}header{gap:20px}.brand{font-size:21px}.account-button{max-width:185px}.account-button>span{overflow:hidden;text-overflow:ellipsis}}
@media(max-width:760px){main{display:flex;flex-direction:column;padding:17px 12px 0;gap:18px;max-width:600px}.arena,.right-stack{width:100%}.right-stack{gap:14px}.brand{font-size:19px;flex:none}.brand .brand-icon{width:31px;height:31px;margin-right:8px}.account-button{margin-left:auto;max-width:170px;font-size:10px}.rankings{padding:18px}.rank-player>strong{font-size:12px}.ranking-row{grid-template-columns:25px minmax(0,1fr) 50px 50px}.right h2{font-size:23px}.room-banner small{font-size:9px}.board-actions{gap:4px}.board-actions button{padding:5px 6px}.champion-score{font-size:25px}.champion-player strong{font-size:15px}.avatar-options{gap:2px}.avatar-options button{padding:5px 1px}.avatar-options .user-avatar{width:33px;height:33px}.empty-tables p{max-width:280px;margin:8px auto 0}.brand-icon{flex-shrink:0}header .brand b{margin-left:1px}}

.square svg.chess-piece{width:88%;height:88%;filter:none}

/* Slate board: neutral squares, restrained frame and readable pieces. */
.board-frame{padding:12px;border-radius:14px;background:#1c242e;border:1px solid #45515e;box-shadow:0 16px 38px #0005,inset 0 1px #ffffff0d}
#board{border:1px solid #141b23;border-radius:5px;overflow:hidden}
.square{background:#c5cbd1;box-shadow:none}
.square.dark{background:#667686}
.square:hover{filter:brightness(1.06)}
.square svg.chess-piece{width:96%;height:96%;filter:none}
.square .coord{color:#455363;font-size:9px;font-weight:600}
.square.dark .coord{color:#e0e5eb}
.square.last{background:#c6d5a7}
.square.last.dark{background:#8b9e72}
.square.selected,.square.selected.last{background:#b5cc82;box-shadow:inset 0 0 0 3px #d1f279}
.square.selected svg{transform:translateY(-2px)}
.square.legal:before{background:#2b3d4c55;box-shadow:none;width:17%;height:17%}
.square.dark.legal:before{background:#e6efce88}
.square.capture:before,.square.dark.capture:before{width:88%;height:88%;background:none;border:3px solid #d8efaa;box-shadow:0 0 0 1px #27372d66}
.square.in-check{background:radial-gradient(ellipse,#d27972,#a45e61)}
@media(max-width:760px){.board-frame{padding:8px;border-radius:10px}}

/* 04 / JADE — polished stone board and sculpted jade set. */
.board-frame{padding:14px;background:linear-gradient(135deg,#38695d,#173d33 35%,#102f27 75%,#497366);border:1px solid #729184;border-radius:10px;box-shadow:0 16px 42px #0006,inset 0 0 0 3px #0d2b2588,inset 0 0 0 5px #8aa89630}
#board{border:1px solid #092b24;border-radius:2px;box-shadow:0 0 0 2px #92b1a044}
.square{background:#a5b6a5;box-shadow:inset 0 1px #e8f1df18}
.square.dark{background:#315d51}
.square:after{background:url("assets/jade-stone.svg") center/205% 205%;mix-blend-mode:soft-light;opacity:.7}
.square:nth-child(3n):after{background-position:90% 20%;transform:rotate(90deg)}
.square:nth-child(5n):after{background-position:30% 80%;transform:rotate(180deg)}
.square svg.jade-piece{width:90%;height:90%;filter:drop-shadow(0 2px 1px #08251c55)}
.square .coord{color:#284e41;font-weight:500}
.square.dark .coord{color:#b1cdbd}
.square.last{background:#b7c791}
.square.last.dark{background:#5e8058}
.square.selected,.square.selected.last{background:#8aa973;box-shadow:inset 0 0 0 3px #d0eb9e}
.square.legal:before{background:#143e3066;box-shadow:0 0 0 1px #d4e8ba55}
.square.dark.legal:before{background:#d8eabe99}
.square.in-check{background:radial-gradient(#bd7360,#6f4437)}
.choice-grid svg.jade-piece{display:block;aspect-ratio:1;max-width:100%}
@media(max-width:760px){.board-frame{padding:9px}.square svg.jade-piece{width:92%;height:92%}}

/* Brand set — cut silhouettes, no stone, bevels or painted shading. */
.board-frame{padding:12px;background:#111c17;border:1px solid #52634f;border-radius:12px;box-shadow:0 14px 35px #0005}
#board{border:1px solid #0b1510;border-radius:4px;box-shadow:none}
.square{background:#8a9b8e;box-shadow:none}
.square.dark{background:#394b40}
.square:after{display:none}
.square svg.brand-piece{width:92%;height:92%;filter:none}
.square .coord{color:#293e30}
.square.dark .coord{color:#a8bcab}
.square.last{background:#93a865}
.square.last.dark{background:#5a7040}
.square.selected,.square.selected.last{background:#69834b;box-shadow:inset 0 0 0 3px #c7f83e}
.square.legal:before{background:#16291d66;box-shadow:none}
.square.dark.legal:before{background:#cbf88388}
.square.in-check{background:#995449}

/* Signature set — satin ivory and graphite, lime inlays. */
.board-frame{padding:12px;background:#1b2425;border:1px solid #53615d;border-radius:12px;box-shadow:0 18px 44px #0006,inset 0 1px #ffffff0a}
#board{border:1px solid #121b19;border-radius:4px}
.square{background:#a0aaa3;box-shadow:none}
.square.dark{background:#52655d}
.square:after{display:none}
.square svg.signature-piece{width:94%;height:94%;filter:drop-shadow(0 2px 1px #10171344)}
.square.selected svg.signature-piece{transform:translateY(-2px)}
.choice-grid svg.signature-piece{display:block;width:100%;aspect-ratio:1}
.square .coord{color:#31453c}
.square.dark .coord{color:#bdccc2}
.square.last{background:#adbb8e}
.square.last.dark{background:#738557}
.square.selected,.square.selected.last{background:#869d62;box-shadow:inset 0 0 0 3px #c7f83e}
@media(max-width:760px){.board-frame{padding:8px}}

/* Signature arena: inset playing surface and machined perimeter. */
.board-frame{--rail:25px;padding:var(--rail);border:1px solid #728076;border-radius:3px;background:linear-gradient(125deg,#4e5c53 0%,#29382f 8%,#19271f 48%,#34453a 89%,#647367);box-shadow:0 5px 0 #0a130e,0 6px 0 #46574b,0 22px 40px #0007,inset 0 0 0 4px #111d17,inset 0 0 0 5px #65766388}
.board-frame:before{content:"";position:absolute;inset:8px;border:1px solid #8fa58644;pointer-events:none;clip-path:polygon(0 0,40% 0,40% 100%,0 100%,0 0,60% 0,100% 0,100% 100%,60% 100%,60% 0)}
.board-frame:after{content:"";position:absolute;width:46px;height:3px;bottom:7px;left:calc(50% - 23px);background:#c7f83e;box-shadow:0 0 0 2px #0f1913,0 0 9px #b6ea3c22;border-radius:1px;pointer-events:none}
#board{border:1px solid #09150e;border-radius:0;box-shadow:0 0 0 1px #7b8c6f66,0 0 0 4px #111d17,0 0 0 5px #8b9d7b33;position:relative}
.square{background:linear-gradient(135deg,#aeb7a6,#9da995);box-shadow:inset 0 1px #edf4e716}
.square.dark{background:linear-gradient(135deg,#526958,#415948);box-shadow:inset 0 1px #9ab19b0c}
.square:after{display:block;mix-blend-mode:soft-light;opacity:.18;background:url("assets/jade-stone.svg") center/200% 200%;transform:none}
.square .coord{display:none}
.board-coordinates{position:absolute;display:grid;pointer-events:none;user-select:none;color:#aebea6;font:9px/1 monospace;letter-spacing:0;text-align:center}
.board-coordinates.files{left:var(--rail);right:var(--rail);grid-template-columns:repeat(8,1fr);height:var(--rail);align-items:center}
.board-coordinates.ranks{top:var(--rail);bottom:var(--rail);grid-template-rows:repeat(8,1fr);width:var(--rail);align-items:center}
.board-coordinates.rail-top{top:0}.board-coordinates.rail-bottom{bottom:0}
.board-coordinates.rail-left{left:0}.board-coordinates.rail-right{right:0}
.board-coordinates.rail-bottom{padding-bottom:2px}
@media(max-width:760px){.board-frame{--rail:20px;padding:var(--rail)}.board-coordinates{font-size:8px}.board-frame:after{bottom:5px;width:28px;left:calc(50% - 14px);height:2px}.board-frame:before{inset:6px}}

/* Arena board — luminous tiles and a single sculpted perimeter. */
.board-frame{--rail:25px;padding:var(--rail);border:1px solid #9cbba3;border-radius:12px;background:linear-gradient(135deg,#385849,#142d26 35%,#101e1c 75%,#365546);box-shadow:inset 0 0 0 2px #bbf48728,inset 0 0 16px #90cf7540,0 0 0 3px #0c1917,0 18px 45px #0009,0 0 25px #b8e66b12}
.board-frame:before{content:"";position:absolute;inset:3px;border:1px solid #a9d58c70;border-radius:9px;clip-path:none;pointer-events:none}
.board-frame:after{content:"";position:absolute;left:calc(50% - 24px);bottom:5px;width:48px;height:2px;background:#c4f378;box-shadow:0 0 8px #aeea6399;border-radius:2px}
#board{border:1px solid #d4edc2;border-radius:3px;box-shadow:0 0 0 2px #668a6677,0 0 12px #a6d47a44}
.square{background:#d2dcca;box-shadow:inset 0 0 0 1px #eef8e9,inset 0 0 0 4px #b7caaa,inset 0 0 9px #edf6df}
.square.dark{background:#233e35;box-shadow:inset 0 0 0 1px #80a385,inset 0 0 0 3px #476950,inset 0 0 12px #7aa76a66}
.square:after{display:block;inset:14%;opacity:.42;transform:none!important;background:none!important;mix-blend-mode:normal;border:1px solid #91b278;box-shadow:inset 0 0 0 6px #d2dcca,inset 0 0 0 7px #a5be90,inset 0 0 0 13px #d2dcca,inset 0 0 0 14px #b6cba4}
.square.dark:after{border-color:#71976c26;box-shadow:inset 0 0 0 6px #233e35,inset 0 0 0 7px #64895d20;opacity:.45}
.square.selected,.square.selected.last{background:#8dad5e;box-shadow:inset 0 0 0 3px #d7ff91,inset 0 0 16px #d2ff7e66}
.square.selected:after,.square.last:after,.square.legal:after,.square.in-check:after{display:none}
.square.last{background:#c2d49e;box-shadow:inset 0 0 0 2px #a1bf79}
.square.last.dark{background:#537244;box-shadow:inset 0 0 0 2px #a1bf79}
.square.in-check{background:#b16e61;box-shadow:inset 0 0 0 2px #e5a397}
.square svg.signature-piece{width:96%;height:96%;filter:drop-shadow(0 2px 1px #0c1d1688)}
.board-coordinates{color:#e1eadb;font:600 10px/1 'DM Sans',sans-serif;text-shadow:0 1px 2px #000}
@media(max-width:760px){.board-frame{--rail:20px;padding:var(--rail)}.board-coordinates{font-size:9px}.square:after{inset:16%;box-shadow:inset 0 0 0 4px #d2dcca,inset 0 0 0 5px #a5be90}.board-frame:after{bottom:4px;width:32px;left:calc(50% - 16px)}}

/* Interface finish — shared surfaces, balanced spacing and clear hierarchy. */
body{background:radial-gradient(ellipse at 30% 28%,#24433533,transparent 65%),#0b1210}
header{background:#0c1512;border-bottom:1px solid #33493b;box-shadow:none;padding-inline:30px;gap:32px}
header nav{gap:4px}
nav button{padding-inline:19px;font-size:12px}
nav button.active{background:linear-gradient(0deg,#c6f36c12,transparent 70%)}
.account-button{background:#17221b;border-color:#4b624b;border-radius:9px;min-height:40px}
main{padding-top:24px;gap:24px}
.panel{background:linear-gradient(145deg,#1a2921,#111d17);border:1px solid #3b5141;box-shadow:inset 0 1px #d4edbd08,0 10px 28px #0002;border-radius:14px}
.right{padding:22px}
.right h2{font-size:23px;letter-spacing:-.7px}
.mode-label{color:#a0b49b;font-size:9px;letter-spacing:1.6px}
.bot-list{gap:9px}
.bot-card{min-height:70px;background:#101c15;border-color:#314837;border-radius:10px;padding:13px}
.bot-card.active{background:linear-gradient(110deg,#31452a,#23351f);border-color:#98ba60;box-shadow:inset 3px 0 #c6ee79}
.bot-card b{font-size:14px}.bot-card small{font-size:11px;color:#a7b79b}
.primary{border-radius:9px;background:#c7f36e;border:1px solid #d5fa9a;color:#16200d;box-shadow:inset 0 1px #eaffc566,0 4px 12px #0002;min-height:47px;font-size:13px;margin-top:17px}
.secondary{border-radius:8px;border-color:#506b4b;background:#25371e55}
.compact-note{color:#9eaf94;font-size:10px;line-height:1.7}
.rankings{padding:20px}.rank-heading{margin-bottom:16px}
.champion{background:radial-gradient(ellipse at 100% 0%,#b1db4c18,transparent 80%),#22341c;border-color:#5d7844}
.champion-top{color:#bcdc94}.empty-champion p{color:#afbea0}
.rank-note{color:#aab89f}.rank-note>span{color:#80967b}
.player{height:66px;padding:0 5px;gap:11px}
.player-name b{font-size:14px;line-height:1.5}.player-name small{font-size:11px;color:#a1b39b}
.clock{border-radius:8px;font-size:24px;letter-spacing:1px;padding:5px 12px;background:#111c15;border:1px solid #3c5140;color:#a9b8a2;box-shadow:none}
.clock.running{background:#2c4022;color:#e6facb;border-color:#90ad64;box-shadow:inset 0 1px #d3ef9b12}
.board-actions{padding:11px 0 7px;gap:8px}
.board-actions button{font-size:11px;padding:7px 10px;background:#17251b;border-color:#324832}
.board-actions span{font-size:9px;color:#b9d59a}
.move-history{background:#132018;border-color:#354b39;border-radius:9px}
.move-history summary{padding:12px 14px;color:#aabd9f}
dialog{background:linear-gradient(145deg,#1b2c22,#101c16);border:1px solid #69835a;border-radius:15px;box-shadow:0 25px 80px #0009}
dialog h2{letter-spacing:-.7px}
input,select{background:#0c1911;border-color:#3b563e}
footer{color:#8ba182;padding-top:22px}
.square svg.signature-piece{width:96%;height:96%}
@media(max-width:760px){header{padding:0 14px;gap:12px}header nav{gap:0}nav button{padding-inline:10px}.right{padding:19px}main{padding-top:16px;gap:17px}.clock{font-size:21px;min-width:88px}.board-actions button{padding:7px 8px}.account-button{min-height:35px}.player{height:61px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.square .signature-piece > svg{width:auto;height:auto;filter:none;transform:none;transition:none}