.chess-screen{position:relative;min-height:100%;overflow:auto;color:#fff;background-image:linear-gradient(#082b96e8,#090b53ee),url("/assets/domino/home-texture.png?v=20260727b");background-size:auto,cover}
.chess-reference-screen{display:grid;padding:42px 22px;place-items:center}
.chess-reference-panel{position:relative;width:min(100%,360px);padding:72px 28px 30px;border:11px solid #ff9415;border-radius:42px 42px 54px 54px;background:linear-gradient(180deg,#1247b7,#071d70 76%);box-shadow:inset 0 0 0 5px #ffbf18,0 16px 28px #02062c99}
.chess-reference-panel::before{content:"";position:absolute;inset:20px 18px auto;height:8px;border-radius:10px;background:#ffc51b}
.chess-reference-panel h1{position:absolute;top:-33px;left:50%;min-width:230px;margin:0;padding:15px 26px;transform:translateX(-50%);border:8px solid #ff9714;border-radius:18px;color:#fff;text-align:center;background:linear-gradient(#164bb8,#092274);box-shadow:inset 0 0 0 3px #ffc31b;text-shadow:0 3px #07144c;font-size:24px;font-weight:1000}
.chess-reference-panel-body{text-align:center}
.chess-panel-close{position:absolute;z-index:2;top:-31px;right:-27px;width:54px;height:54px;border:7px solid #ff9814;border-radius:50%;color:#ffd128;background:#07348f;box-shadow:inset 0 0 0 3px #ffc51a;font-size:30px;font-weight:1000}
.chess-mode-actions{display:grid;gap:14px;padding:18px;border:5px solid #ffc31b;border-radius:12px;background:linear-gradient(145deg,#ffdf1c,#ff9813)}
.chess-choice{min-height:54px;border:4px solid #ffb31b;border-radius:20px;color:#fff;background:linear-gradient(#ffad21,#ee6810);box-shadow:inset 0 0 0 2px #ffd21b,0 4px 0 #d75b0b;text-shadow:0 2px #7a2500;font-size:17px;font-weight:1000}
.chess-choice.active{border-color:#8e31df;background:linear-gradient(#bd5df6,#7a20cd);box-shadow:inset 0 0 0 2px #d987ff,0 4px 0 #5b149f}
.chess-next{display:block;width:90%;min-height:55px;margin:25px auto 0;border:5px solid #ffc320;border-radius:999px;color:#fff;background:linear-gradient(#1d52bc,#062778);box-shadow:inset 0 0 0 2px #fff3;text-shadow:0 2px #07134a;font-size:18px;font-weight:1000}
.chess-next.secondary{margin-top:11px;background:linear-gradient(#9848dc,#671eb0)}
.chess-field{display:block;margin:14px 0;text-align:right;font-size:17px;font-weight:1000}
.chess-field input,.chess-field select{width:100%;height:53px;margin-top:7px;padding:0 14px;border:0;border-radius:11px;color:#17296c;background:#fff;font:inherit}
.chess-gold-field>select{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.chess-gold-stepper{direction:ltr;display:grid;grid-template-columns:46px 1fr 46px;align-items:center;gap:8px;margin-top:8px;padding:10px;border:4px solid #ffaf12;border-radius:12px;background:linear-gradient(135deg,#ffdc1b,#f79a10)}
.chess-gold-stepper button{height:42px;border:4px solid #fff;border-radius:12px;color:#fff;background:#1648af;box-shadow:0 3px 0 #082b80;font-size:28px;font-weight:1000}
.chess-gold-stepper strong{color:#fff;text-align:center;text-shadow:0 2px #8b4b00;font-size:20px}
.chess-search-orbit{display:grid;width:82px;height:82px;margin:4px auto 18px;place-items:center;border:8px solid #9c3be2;border-top-color:#ffc722;border-radius:50%;animation:chess-spin 1s linear infinite}.chess-search-orbit i{width:25px;height:25px;border-radius:50%;background:#ffc722}@keyframes chess-spin{to{transform:rotate(360deg)}}
.chess-setup-summary{display:flex;justify-content:center;gap:12px;margin-top:18px}.chess-setup-summary b{padding:10px 14px;border-radius:10px;color:#082b83;background:#ffc424}
.chess-play-screen{min-height:100%;padding:0 12px 78px;overflow:hidden}
.chess-play-header{height:91px;margin:0 -12px 14px;padding:15px 24px;display:flex;align-items:center;justify-content:space-between;border-radius:0 0 26px 26px;background:linear-gradient(155deg,#b565fb,#751dd6);box-shadow:0 7px 0 #5420a8}
.chess-play-header span{padding:8px 22px;border-radius:999px;color:#192b72;background:#ffd327;font-size:16px;font-weight:1000}
.chess-play-header button,.chess-rules-button{width:48px;height:48px;border:5px solid #ffc61d;border-radius:50%;color:#fff;background:#08379d;box-shadow:inset 0 0 0 2px #fff3;font-size:23px;font-weight:1000}
.chess-opponent-zone,.chess-self-zone{display:flex;width:100%;max-width:500px;margin:0 auto 8px;align-items:center;justify-content:space-between;gap:8px}
.chess-player-chip{display:flex;align-items:center;gap:8px;min-width:0}.chess-player-chip .avatar{width:54px;height:54px;border:4px solid #ffac14;border-radius:50%}.chess-player-chip strong,.chess-player-chip small{display:block}.chess-player-chip strong{overflow:hidden;max-width:155px;text-overflow:ellipsis;white-space:nowrap}.chess-player-chip small{font-size:11px}
.chess-opponent-zone time,.chess-self-zone time{padding:9px 10px;border:5px solid #8b3bdd;border-radius:12px;color:#082c88;background:#ffc322;font-weight:1000}
.chess-board-shell{direction:ltr;display:grid;grid-template:20px minmax(0,1fr) 20px/20px minmax(0,1fr) 20px;width:100%;max-width:500px;aspect-ratio:1;margin:4px auto 8px;border:7px solid #ff9d13;border-radius:24px;background:linear-gradient(#ffd526,#f3960f);box-shadow:inset 0 0 0 3px #ffd326,0 8px 0 #c65d08,0 13px 28px #02072d99;overflow:hidden}
.chess-file-labels{display:grid;grid-template-columns:repeat(8,1fr);align-items:center;color:#111;text-align:center;font-size:10px}.chess-file-labels.top{grid-column:2;grid-row:1}.chess-file-labels.footer{grid-column:2;grid-row:3}
.chess-rank-labels{display:grid;grid-template-rows:repeat(8,1fr);align-items:center;color:#111;text-align:center;font-size:10px}.chess-rank-labels.left{grid-column:1;grid-row:2}.chess-rank-labels.right{grid-column:3;grid-row:2}
.chess-board{grid-column:2;grid-row:2;display:grid;grid-template-columns:repeat(8,1fr);width:100%;aspect-ratio:1;background:#fff;overflow:hidden}
.chess-square{position:relative;display:grid;aspect-ratio:1;padding:0;border:0;place-items:center}.chess-square.light{background:#fff}.chess-square.purple{background:linear-gradient(150deg,#bc66f6,#781dd3)}
.chess-square.selected{box-shadow:inset 0 0 0 5px #ffe724}.chess-square.legal-from::after{content:"";position:absolute;width:16%;aspect-ratio:1;border-radius:50%;background:#ffd31c}.chess-square.legal-target::after{content:"";position:absolute;width:36%;aspect-ratio:1;border:4px solid #ffd31c;border-radius:50%}
.chess-piece{position:relative;z-index:1;font-family:"Segoe UI Symbol","Noto Sans Symbols 2",serif;font-size:clamp(25px,8vw,46px);line-height:1}.chess-piece.white{color:#d49b00;-webkit-text-stroke:1px #fff;text-shadow:0 2px #815600}.chess-piece.black{color:#08080d;-webkit-text-stroke:1px #fff;text-shadow:0 2px #000}
.chess-self-zone{direction:ltr;margin-top:5px}.chess-self-zone .self{direction:rtl;margin-left:auto}.chess-self-zone time{order:-1}
.chess-controls{direction:ltr;position:absolute;right:12px;bottom:14px;left:12px;display:flex;justify-content:flex-start;gap:10px}.chess-controls button{position:relative;width:48px;height:48px;padding:0;border:5px solid #ffc623;border-radius:50%;color:#fff;background:#07328f}.chess-controls button.active{background:#8126db}.chess-controls button i{position:absolute;top:-5px;right:-5px;width:12px;height:12px;border-radius:50%;background:#f02}
.chess-dialog{position:relative;width:min(100%,390px);margin:0 auto;padding:25px 20px 22px;border:7px solid #ff9b16;border-radius:25px;color:#fff;text-align:center;background:linear-gradient(180deg,#0b3fa4,#082676);box-shadow:inset 0 0 0 4px #ffbb22,0 12px 25px #02072d99}.chess-dialog h2{display:inline-block;margin:-48px auto 22px;padding:10px 27px;border:5px solid #ffad14;border-radius:12px;background:#07378e}
.chess-chat-panel{position:absolute;z-index:12;inset:105px 16px 70px;display:flex;flex-direction:column;padding:14px;border:5px solid #ffc528;border-radius:24px;background:linear-gradient(180deg,rgba(174,185,255,.72),rgba(54,35,130,.78));backdrop-filter:blur(3px)}.chess-chat-panel header{display:flex;justify-content:space-between;color:#092c84;font-size:19px}.chess-chat-panel header button{width:37px;height:37px;border:0;border-radius:50%;color:#fff;background:#8127da;font-size:27px}
.chess-messages{flex:1;overflow:auto;padding:8px;border-radius:15px;background:#1f125b88;scrollbar-width:none}.chess-messages p{width:max-content;max-width:80%;padding:8px 11px;border:2px solid #e8d792;border-radius:10px;color:#142b75;background:#fff9dc}.chess-messages p.mine{margin-right:auto;color:#fff;background:#8127da}.chess-chat-panel form{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:8px}.chess-chat-panel input{min-width:0;padding:10px;border:0;border-radius:11px}.chess-chat-panel form button{border:0;border-radius:11px;color:#092d86;background:#43ddc7;font-weight:900}
.chess-chat-panel.quick{inset:auto 16px 70px;max-height:58%}.chess-quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:10px;overflow:auto}.chess-quick-grid button{min-height:48px;border:1px solid #fff7;border-radius:12px;color:#fff;background:#4b318eaa;font-weight:800}
.promotion-pieces{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.promotion-pieces button{aspect-ratio:1;border:3px solid #ffc623;border-radius:12px;color:#ffd221;background:#fff;font-size:42px}
@media(max-height:760px){.chess-play-header{height:68px;margin-bottom:6px}.chess-opponent-zone,.chess-self-zone{margin-bottom:2px}.chess-board-shell{width:min(100%,66vh)}}