.game-menu-dialog,.arcade-dialog{border:0;padding:0;background:transparent;color:#f7ead0}
.game-menu-dialog::backdrop,.arcade-dialog::backdrop{background:#07100be6;backdrop-filter:blur(8px)}
.wood-menu{position:relative;width:min(430px,92vw);padding:34px 42px 40px;border:7px solid #3a2011;border-radius:18px;background:linear-gradient(90deg,#6d3b1d,#a9612d 15%,#7d431e 50%,#ad6931 84%,#653519);box-shadow:inset 0 0 0 3px #d6974f66,0 35px 90px #000a;text-align:center}
.wood-menu:before{content:"";position:absolute;inset:7px;background:repeating-linear-gradient(7deg,transparent 0 22px,#2b160b30 23px 25px,transparent 26px 43px);pointer-events:none}
.wood-menu h2{position:relative;margin:5px 0 25px;color:#fff5da;text-shadow:0 3px #3b1e10}
.wood-menu .eyebrow{position:relative;color:#f3ce86}
.selected-opponent-label{position:relative;margin:-16px 0 20px;color:#ffe0a6;font:700 12px Georgia,serif}
.wood-menu-close{position:absolute;z-index:2;right:14px;top:8px;border:0;background:transparent;color:#ffe5b2;font-size:28px;cursor:pointer}
.wood-menu-list{position:relative;display:grid;gap:11px}
.wood-menu-list button{position:relative;border:2px solid #4a260f;border-radius:7px;padding:12px 18px;background:linear-gradient(#bd7237,#8b481e);box-shadow:inset 0 2px #edaf66,0 5px 0 #49240f,0 8px 12px #0005;color:#fff8e8;font:700 18px Georgia,serif;letter-spacing:.03em;text-shadow:0 2px #35190b;cursor:pointer;transition:.16s}
.wood-menu-list button:before,.wood-menu-list button:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;top:50%;transform:translateY(-50%);background:#d8c29a;box-shadow:inset 0 1px #fff,0 1px 2px #321}
.wood-menu-list button:before{left:10px}.wood-menu-list button:after{right:10px}
.wood-menu-list button:hover,.wood-menu-list button:focus-visible{transform:translateY(-2px);filter:brightness(1.13)}
.arcade-dialog{width:100vw;height:100vh;max-width:none;max-height:none}
.arcade-shell{min-height:100%;padding:22px 34px;background:radial-gradient(circle at 50% 25%,#52624d,#111b16 72%)}
.arcade-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #ffffff18;padding-bottom:14px}.arcade-header>div{text-align:center}.arcade-header h2{margin:3px 0}.arcade-header #arcadeExit{justify-self:end}
.arcade-scorebar{max-width:1180px;margin:15px auto;display:grid;grid-template-columns:1fr 2fr 1fr;gap:14px;align-items:center}.arcade-scorebar>div{padding:10px 15px;border:1px solid #ffffff14;border-radius:10px;background:#0e1813c9;display:flex;justify-content:space-between}.arcade-scorebar span{color:#9ba59e;font-size:11px}.arcade-scorebar b{color:#e6c675}.arcade-scorebar b.fives-score{font-size:12px;white-space:nowrap}.arcade-scorebar p{text-align:center;margin:0;color:#f0e6d0}
.arcade-stage{max-width:1180px;margin:auto;display:grid;grid-template-columns:minmax(520px,820px) 280px;gap:20px;align-items:start}
.arcade-side-column{display:grid;gap:14px;align-content:start}
.arcade-board{min-height:600px;border:10px solid #53321d;border-radius:8px;background:#b88b58;box-shadow:inset 0 0 0 3px #d4a978,0 24px 65px #0009;overflow:auto}
.arcade-moving-piece{position:fixed!important;z-index:5000!important;margin:0!important;pointer-events:none!important;transition:none!important;transform-origin:center}.arcade-piece-arriving{opacity:0!important}
.arcade-board.grid-board{display:grid;grid-template-columns:repeat(8,1fr);aspect-ratio:1;min-height:0}
.arcade-cell{position:relative;border:0;display:grid;place-items:center;font-size:clamp(25px,5vw,50px);padding:0;cursor:pointer}.arcade-cell.light{background:#d8b783}.arcade-cell.dark{background:#6d432a}.arcade-cell.selected{box-shadow:inset 0 0 0 5px #f3d36c}.arcade-cell.legal:after{content:"";position:absolute;width:24%;height:24%;border-radius:50%;background:#f5df7dcc;box-shadow:0 0 0 4px #2b1d1244}.arcade-cell.last{box-shadow:inset 0 0 0 4px #88b78699}
.corner-piece{width:62%;height:62%;border-radius:50%;border:3px solid;box-shadow:inset 0 6px #ffffff38,inset 0 -7px #0005,0 5px 5px #0005}.corner-piece.player{background:#e6d4ad;border-color:#fff0ce}.corner-piece.bot{background:#293636;border-color:#526261}
.arcade-board.chess-board-frame{width:min(100%,680px);min-height:0;aspect-ratio:1;margin-inline:auto;display:grid;grid-template-columns:30px minmax(0,1fr) 30px;grid-template-rows:30px minmax(0,1fr) 30px;padding:0;overflow:hidden;border-color:#4e2c18;background:#cfa879;box-shadow:inset 0 0 0 3px #e4c394,0 24px 65px #0009}
.chess-grid{grid-column:2;grid-row:2;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr));min-width:0;min-height:0;box-shadow:0 0 0 2px #4e2c18}
.chess-grid .arcade-cell{width:100%;height:100%;min-width:0;min-height:0;aspect-ratio:1}
.chess-grid .arcade-cell.light{background:#dfc49b}.chess-grid .arcade-cell.dark{background:#805333}
.chess-axis{display:grid;place-items:stretch;color:#4a2817;background:linear-gradient(135deg,#dab889,#cda272);font:700 12px Georgia,serif;text-shadow:0 1px #f3d5a8;user-select:none}
.chess-axis span{display:grid;place-items:center}
.chess-files-top{grid-column:2;grid-row:1;grid-template-columns:repeat(8,1fr)}
.chess-files-bottom{grid-column:2;grid-row:3;grid-template-columns:repeat(8,1fr)}
.chess-ranks-left{grid-column:1;grid-row:2;grid-template-rows:repeat(8,1fr)}
.chess-ranks-right{grid-column:3;grid-row:2;grid-template-rows:repeat(8,1fr)}
.chess-piece{line-height:1;font-family:"Segoe UI Symbol","Noto Sans Symbols 2",serif;font-weight:400;filter:drop-shadow(0 3px 2px #0005);paint-order:stroke fill}
.chess-piece.white{color:#fffdf5;-webkit-text-stroke:1.2px #6f472c;text-shadow:0 1px #fff}
.chess-piece.black{color:#4a2919;-webkit-text-stroke:1px #24140c;text-shadow:0 1px #b88a63}
.arcade-sidebar{max-height:calc(100vh - 170px);overflow:auto;background:#0e1813d9;border:1px solid #ffffff16;border-radius:13px;padding:18px;box-shadow:0 18px 45px #0006}.arcade-sidebar h3{margin:0 0 8px;font:18px Georgia,serif}.arcade-sidebar p{font-size:12px;line-height:1.55;color:#aeb7b0}.arcade-info{margin-top:16px;font-size:12px;color:#d6c8aa;display:grid;gap:7px}.arcade-actions{display:grid;gap:9px;margin-top:18px}.arcade-actions button{border:1px solid #ffffff1f;border-radius:8px;padding:10px;background:#ffffff0d;color:#eee4ce;cursor:pointer}.arcade-actions button.primary{background:#d7ad62;color:#271c11;font-weight:700}
.arcade-history-navigation{display:grid;gap:7px;margin-top:16px;padding:11px;border:1px solid #d7ad6226;border-radius:10px;background:#07100c72}.arcade-history-navigation>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.arcade-history-navigation button{min-width:0;border:1px solid #d7ad6238;border-radius:7px;padding:8px 6px;color:#ead7ae;background:#d7ad620d;font-size:9px;cursor:pointer}.arcade-history-navigation button:disabled{border-color:#ffffff0c;color:#59645d;background:transparent;cursor:default}.arcade-history-navigation output{color:#c7ae79;text-align:center;font:9px ui-monospace,Consolas,monospace}.arcade-sidebar .arcade-history-navigation p{min-height:28px;margin:0;color:#748078;text-align:center;font-size:9px;line-height:1.4}.arcade-sidebar .arcade-history-navigation p.is-reviewing{color:#e5c77f}
.arcade-difficulty{margin:15px -7px 0;padding:12px 7px 9px;border-block:1px solid #ffffff0d;background:#08110d55}.arcade-difficulty h3{margin:3px 0 5px;font-size:14px}.arcade-difficulty .difficulty-options{grid-template-columns:1fr 1fr;padding:4px 0}.arcade-difficulty .difficulty-options button{grid-template-columns:27px 1fr;min-height:32px;padding:4px}.arcade-difficulty>p{min-height:43px;margin:5px 2px 0;padding:7px 2px 0;border-top:1px solid #ffffff0c;color:#78837c;font-size:9px;line-height:1.4}
.arcade-difficulty .difficulty-options button:disabled{cursor:not-allowed;opacity:.52}.arcade-difficulty .difficulty-options button.selected:disabled{opacity:1;box-shadow:0 0 0 2px #d7ad6244}
.arcade-chat{min-width:0;padding:14px;border:1px solid #ffffff16;border-radius:13px;background:#0e1813e8;box-shadow:0 18px 45px #0006}.arcade-chat h3{margin:0 0 9px;font:16px Georgia,serif}.arcade-chat-messages{height:170px;overflow:auto;display:grid;align-content:start;gap:7px;padding:9px;border:1px solid #ffffff0d;border-radius:9px;background:#07100c88}.arcade-chat-messages p{margin:0;padding:7px 8px;border-radius:7px;background:#ffffff08;font-size:10px;line-height:1.4}.arcade-chat-messages p b,.arcade-chat-messages p span{display:block}.arcade-chat-messages p b{margin-bottom:2px;color:#e0bf77}.arcade-chat-messages p.system{color:#8f9b93;background:transparent;text-align:center}.arcade-chat form{display:grid;grid-template-columns:1fr 35px;gap:6px;margin-top:8px}.arcade-chat input{min-width:0;border:1px solid #ffffff1a;border-radius:7px;padding:9px;color:#f2ead9;background:#07100c}.arcade-chat form button{border:0;border-radius:7px;color:#281b0f;background:#d7ad62;font-weight:800;cursor:pointer}
.arcade-board.domino-table{width:min(100%,800px);min-height:0;aspect-ratio:1;margin-inline:auto;padding:18px;display:grid;grid-template-columns:minmax(130px,20%) minmax(0,1fr);gap:14px;overflow:hidden;border-color:#4e2c18;background:repeating-linear-gradient(8deg,#ffffff0b 0 1px,transparent 1px 12px),linear-gradient(135deg,#cfa879,#b98755 52%,#c99f6e);box-shadow:inset 0 0 0 3px #e4c394,0 24px 65px #0009}
.domino-player-zone,.domino-play-zone{min-width:0;min-height:0;border:1px solid #5a351d66;border-radius:10px;background:#e5c89a38;box-shadow:inset 0 0 18px #5a351d20}
.domino-player-zone{display:flex;flex-direction:column;padding:11px 8px}.domino-play-zone{display:grid;grid-template-rows:auto auto minmax(0,1fr);padding:11px}
.domino-label{text-align:center;color:#4a2919;font:700 11px Georgia,serif;letter-spacing:.03em}.domino-label b{color:#704425}
.domino-hand{display:flex;gap:8px}.domino-player-hand{min-height:0;margin-top:10px;flex:1;flex-direction:column;align-items:center;overflow-y:auto;padding:4px}
.domino-bot-rack{height:45px;display:flex;justify-content:center;align-items:center;margin:5px 0 4px}.domino-bot-rack .domino-tile{margin-left:-38px;transform:rotate(-3deg)}.domino-bot-rack .domino-tile:first-child{margin-left:0}
.domino-chain{min-width:0;min-height:0;display:grid;grid-template-columns:repeat(var(--domino-grid-size,7),64px);grid-auto-rows:64px;place-content:center;gap:4px;overflow:hidden;padding:10px 6px;border:2px solid #68402655;border-radius:10px;background:repeating-linear-gradient(9deg,#ffffff08 0 1px,transparent 1px 10px),#b88758}
.domino-tile{display:inline-grid;grid-template-columns:1fr 1fr;width:76px;height:40px;flex:0 0 auto;padding:0;overflow:hidden;border:2px solid #5a351f;border-radius:6px;background:repeating-linear-gradient(7deg,#ffffff15 0 1px,transparent 1px 6px),linear-gradient(135deg,#f1d7a8,#d8b57e);box-shadow:inset 0 0 0 2px #fff0c655,0 4px 5px #3b210f55;cursor:pointer}
.domino-half{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:1px;padding:4px;border-right:2px solid #704526}.domino-half:last-child{border-right:0}
.domino-half i{display:block;width:7px;height:7px;place-self:center;border-radius:50%;visibility:hidden;background:#4a2919;box-shadow:inset 0 1px #895b38,0 1px #fff4c855}.domino-half i.pip-on{visibility:visible}
.domino-tile.playable{outline:3px solid #f4db7c;outline-offset:1px;transform:translateY(-1px);box-shadow:inset 0 0 0 2px #fff0c655,0 0 14px #f4db7c88}.domino-tile:disabled:not(.hidden-tile){cursor:default;filter:saturate(.75);opacity:.72}
.domino-tile.hidden-tile{width:64px;background:repeating-linear-gradient(45deg,#704326 0 5px,#8a5935 6px 10px);pointer-events:none}.domino-tile.hidden-tile .domino-half{visibility:hidden}
.domino-bot-rack .domino-tile.revealed-tile:disabled{opacity:1;filter:none}
.domino-chain .domino-tile{width:62px;height:32px;place-self:center;pointer-events:none}
.domino-chain .domino-tile.chain-vertical{width:32px;height:62px;grid-template-columns:1fr;grid-template-rows:1fr 1fr;z-index:2}
.domino-chain .domino-tile.chain-vertical .domino-half{padding:3px;border-right:0;border-bottom:2px solid #704526}
.domino-chain .domino-tile.chain-vertical .domino-half:last-child{border-bottom:0}
.domino-chain .domino-half i{width:6px;height:6px}
.domino-chain.home-layout{grid-template-columns:repeat(var(--domino-grid-size,11),minmax(0,1fr));grid-template-rows:repeat(var(--domino-grid-size,11),minmax(0,1fr));grid-auto-rows:unset;padding:7px;gap:1px}
.domino-chain.home-layout .domino-tile{width:46px;height:25px}
.domino-chain.home-layout .domino-tile.chain-vertical{width:25px;height:46px}
.domino-chain .domino-home{position:relative;z-index:5;outline:3px solid #f3ce68;outline-offset:3px;box-shadow:inset 0 0 0 2px #fff0c655,0 0 18px #f5d26dbb}
.domino-chain .domino-home:after{content:"ДОМ";position:absolute;z-index:6;transform:translateY(-31px);padding:2px 5px;border-radius:5px;color:#fff0b6;background:#5e371fe8;font:700 7px Georgia,serif;letter-spacing:.08em}
.domino-tile.home-priority{outline-color:#fff0a3;box-shadow:inset 0 0 0 2px #fff0c655,0 0 18px #fff0a3}
.home-move-hint{padding:7px 8px;border:1px solid #d7ad6244;border-radius:7px;color:#f1d48e;background:#d7ad6212}
.arcade-market-slot{padding:13px;border:1px solid #ffffff14;border-radius:13px;background:#0e1813d9;box-shadow:0 18px 45px #0006}.arcade-market-slot.hidden{display:none}.domino-market-zone{display:grid;grid-template-columns:128px 1fr;align-items:center;gap:14px}.domino-market-button{position:relative;width:100%;min-height:120px;border:2px solid #56321b;border-radius:12px;color:#fff0cf;background:linear-gradient(145deg,#9c6337,#673b21);box-shadow:inset 0 0 0 3px #d6a36c55,0 6px 0 #452613,0 10px 16px #0005;cursor:pointer}.domino-market-button i{display:block;width:54px;height:38px;margin:0 auto 10px;border:3px solid #4a2919;border-radius:5px;background:linear-gradient(135deg,#efd5a4,#d0a66e);box-shadow:-5px 5px #bd8f59,-10px 10px #8c5c34}.domino-market-button b,.domino-market-button span{display:block}.domino-market-button b{font:700 15px Georgia,serif;letter-spacing:.08em}.domino-market-button span{margin-top:4px;color:#ddc49d;font-size:9px}.domino-market-button:not(:disabled):hover{filter:brightness(1.12);transform:translateY(-1px)}.domino-market-button:disabled{cursor:default;filter:saturate(.55);opacity:.68}.domino-market-zone p{margin:0;color:#9ba59e;font-size:10px;line-height:1.5}
@media(max-width:800px){.arcade-shell{padding:12px}.arcade-stage{grid-template-columns:1fr}.arcade-board{min-height:auto}.arcade-side-column{order:-1}.arcade-sidebar{max-height:none}.arcade-scorebar{grid-template-columns:1fr}.arcade-header{grid-template-columns:auto 1fr auto}.wood-menu{padding-inline:24px}.arcade-board.chess-board-frame{grid-template-columns:24px minmax(0,1fr) 24px;grid-template-rows:24px minmax(0,1fr) 24px}.chess-axis{font-size:10px}}
@media(max-width:520px){.arcade-board.domino-table{grid-template-columns:64px minmax(0,1fr);gap:5px;padding:6px}.domino-player-zone,.domino-play-zone{padding:5px 3px}.domino-label{font-size:8px}.domino-player-hand{gap:5px}.domino-player-hand .domino-tile{width:54px;height:29px}.domino-chain{grid-template-columns:repeat(var(--domino-grid-size,6),38px);grid-auto-rows:40px;gap:2px;padding:4px 2px}.domino-chain .domino-tile{width:37px;height:21px}.domino-chain .domino-tile.chain-vertical{width:21px;height:37px}.domino-chain.home-layout .domino-tile{width:29px;height:17px}.domino-chain.home-layout .domino-tile.chain-vertical{width:17px;height:29px}.domino-chain .domino-home:after{transform:translateY(-21px);font-size:5px}.domino-half{padding:2px}.domino-half i,.domino-chain .domino-half i{width:4px;height:4px}.domino-market-zone{grid-template-columns:96px 1fr}.domino-market-button{min-height:96px;padding:4px}.domino-market-button i{width:37px;height:25px}.domino-market-button b{font-size:10px}.domino-market-button span,.domino-market-zone p{font-size:7px}}
.domino-chain.home-layout{gap:3px}
.domino-chain.home-layout .domino-tile{width:calc(100% - 4px);max-width:46px;height:auto;aspect-ratio:46/25}
.domino-chain.home-layout .domino-tile.chain-vertical{width:auto;max-width:25px;height:calc(100% - 4px);max-height:46px;aspect-ratio:25/46}