.snakes-workspace{display:grid;grid-template-columns:minmax(0,1fr) 324px;gap:24px;align-items:start}.board-panel{min-width:0;border:1px solid var(--line);border-radius:20px;background:var(--panel);overflow:hidden}.board-heading{padding:21px 23px;display:flex;gap:14px;align-items:center}.board-heading h2{font-size:18px;margin-top:5px}.board-status{margin-left:auto;font-size:10px;font-weight:600;letter-spacing:1px;color:var(--lime);border:1px solid #e6ff8540;padding:7px 9px;border-radius:6px}.board-heading .icon-button{border:0;width:30px;height:30px;color:#a8bdb1}.board-ribbon{display:flex;align-items:center;gap:22px;padding:14px 23px;border-top:1px solid var(--line);background:#182620;color:#c4d3c6;font-size:12px}.board-ribbon>span{display:flex;gap:8px;align-items:center}.board-ribbon i{width:8px;height:8px;border-radius:50%;background:#8dc4a9}.board-ribbon .legend-snake{background:#e29982}.board-ribbon strong{margin-left:auto;color:#e6ff85;font-size:9px;letter-spacing:.8px;font-weight:500}.board-surround{background:#263e34;padding:18px}.snakes-board{position:relative;isolation:isolate;aspect-ratio:1;width:100%;border:3px solid #e6e8bd;border-radius:10px;box-shadow:0 10px 0 #172d23,0 15px 22px #0b1b1940;--piece-time:170ms;background:#dfead1}.board-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));grid-template-rows:repeat(10,minmax(0,1fr));border-radius:6px;overflow:hidden}.board-cell{position:relative;background:#edf0d6;border-right:1px solid #2f60431c;border-bottom:1px solid #2f60431c;min-width:0}.board-cell:nth-child(2n){background:#d7e7ce}.board-cell:nth-child(n+11):nth-child(-n+20),.board-cell:nth-child(n+31):nth-child(-n+40),.board-cell:nth-child(n+51):nth-child(-n+60),.board-cell:nth-child(n+71):nth-child(-n+80),.board-cell:nth-child(n+91):nth-child(-n+100){background:#e2eacb}.board-cell:nth-child(n+11):nth-child(-n+20):nth-child(2n),.board-cell:nth-child(n+31):nth-child(-n+40):nth-child(2n),.board-cell:nth-child(n+51):nth-child(-n+60):nth-child(2n),.board-cell:nth-child(n+71):nth-child(-n+80):nth-child(2n),.board-cell:nth-child(n+91):nth-child(-n+100):nth-child(2n){background:#f1f1d8}.cell-number{position:absolute;left:7px;top:5px;font-size:clamp(10px,1.1vw,15px);line-height:1;color:#315345;font-weight:600;font-variant-numeric:tabular-nums}.board-cell.ladder-cell{box-shadow:inset 0 0 0 2px #256c5a55}.board-cell.snake-cell{box-shadow:inset 0 0 0 2px #ca796a55}.cell-destination{position:absolute;bottom:4px;right:4px;color:#407762;font-size:9px;font-weight:700}.snake-cell .cell-destination{color:#ab645a}.board-cell.first-cell{background:#b7dbad!important}.board-cell.goal-cell{background:#e2f784!important;box-shadow:inset 0 0 0 2px #789d44}.cell-goal{position:absolute;inset:0;display:grid;place-items:center;color:#59783f;font-size:clamp(14px,2vw,27px)}.goal-cell .cell-number{z-index:1;color:#3b5c2c}.board-paths{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.board-ladder{opacity:.72}.board-snake{opacity:.87}.board-pieces{position:absolute;inset:0;pointer-events:none;z-index:3}.board-piece{position:absolute;width:7.4%;aspect-ratio:1;transform:translate(-50%,-50%);transition:left var(--piece-time) ease-in-out,top var(--piece-time) ease-in-out,width .15s;filter:drop-shadow(0 3px 2px #142f2550);will-change:left,top;z-index:2}.board-piece:before{content:'';position:absolute;inset:28% 4% 0;border-radius:50%;background:var(--piece-color);border:2px solid #ffffffb3;box-shadow:0 1px 3px #193c2760}.board-piece img{position:absolute;inset:-15% -8% 0;width:116%;height:116%;object-fit:contain}.board-piece b{position:absolute;right:-2px;bottom:-2px;display:grid;place-items:center;background:var(--piece-color);color:#254730;border:1px solid #fff9;border-radius:50%;font-size:10px;width:15px;height:15px;line-height:1}.board-piece.stacked{width:4.6%}.board-piece.stacked b{width:12px;height:12px;font-size:8px}.board-piece.current-piece{z-index:4}.board-piece.current-piece:before{box-shadow:0 0 0 3px #e6ff85,0 3px 10px #263e4b70}.cell-highlight{animation:cell-flash .4s infinite alternate}.board-dock-row{display:flex;align-items:center;gap:12px;min-height:65px;padding:7px 23px;color:#94afa0;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:.5px}.board-dock-row #board-dock{display:flex;gap:3px;min-width:20px;height:43px}.board-dock-row img{width:40px;height:43px;object-fit:contain}.board-direction{margin-left:auto;font-size:11px;letter-spacing:0}.board-announcement{padding:18px 23px;color:#d8e7d8;font-size:14px;line-height:1.6;min-height:60px}.board-sidebar{display:flex;flex-direction:column;gap:17px;min-width:0}.board-turn-panel,.board-team-panel,.board-log-panel{padding:22px;border-radius:18px;background:var(--panel);border:1px solid var(--line)}.board-turn-header{display:flex;align-items:center;gap:11px}.board-turn-header>img{width:49px;height:49px;object-fit:contain;background:#384534;border-radius:12px}.board-turn-header>div:nth-child(2){min-width:0;flex:1}.board-turn-header h2{font-size:16px;margin:5px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-turn-counter{text-align:right;border-left:1px solid var(--line);padding-left:13px}.board-turn-counter>span{font-size:8px;color:var(--muted);letter-spacing:1px;display:block}.board-turn-counter strong{font-size:23px;display:block;margin-top:3px;font-weight:500;font-variant-numeric:tabular-nums}.dice-stage{display:flex;align-items:center;flex-direction:column;padding:25px 0 17px;gap:17px;perspective:300px}.dice-stage>span{font-size:11px;color:var(--muted)}.dice-face{width:76px;height:76px;border-radius:17px;background:#f1f3de;box-shadow:0 6px 0 #b0bf9b,0 13px 24px #0003,inset 0 0 0 1px #fff9;padding:17px;display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr);gap:5px;transform:rotate(-8deg);transition:transform .2s}.dice-face i,.mini-dice i{border-radius:50%;background:#274d3b;opacity:0;aspect-ratio:1}.dice-face[data-value="1"] i:nth-child(5),.mini-dice[data-value="1"] i:nth-child(5),[data-value="2"] i:nth-child(1),[data-value="2"] i:nth-child(9),[data-value="3"] i:nth-child(1),[data-value="3"] i:nth-child(5),[data-value="3"] i:nth-child(9),[data-value="4"] i:nth-child(1),[data-value="4"] i:nth-child(3),[data-value="4"] i:nth-child(7),[data-value="4"] i:nth-child(9),[data-value="5"] i:nth-child(1),[data-value="5"] i:nth-child(3),[data-value="5"] i:nth-child(5),[data-value="5"] i:nth-child(7),[data-value="5"] i:nth-child(9),[data-value="6"] i:nth-child(1),[data-value="6"] i:nth-child(3),[data-value="6"] i:nth-child(4),[data-value="6"] i:nth-child(6),[data-value="6"] i:nth-child(7),[data-value="6"] i:nth-child(9){opacity:1}.dice-face.rolling{animation:roll-cube .17s infinite}.board-needs{font-size:12px;line-height:1.6;text-align:center;color:#c7dabf;margin:0 0 18px;min-height:20px}.board-turn-panel .start-button{width:100%;font-size:14px;gap:10px;padding:12px 16px}.board-turn-panel .start-button>span{margin-right:auto}.board-turn-panel kbd{font-size:7px}.board-auto-controls{display:flex;gap:10px;align-items:center;margin-top:15px}.board-auto-controls button{border:1px solid #53654f;border-radius:7px;font-size:12px;padding:9px 10px;background:#263329;color:#d2dfc9;white-space:nowrap}.board-auto-controls button.selected{border-color:var(--lime);color:var(--lime);background:#e6ff850b}.board-auto-controls label{font-size:10px;color:#9db29d;display:flex;align-items:center;gap:6px;margin-left:auto}.board-auto-controls select{font:inherit;font-size:11px;color:#dce9d4;border:1px solid #46563e;background:#1a251c;border-radius:6px;padding:8px 3px;min-width:0}.board-team-panel{padding:20px 17px}.board-team-panel .section-label{padding:0 4px;margin-bottom:15px}.board-team-panel h3,.board-log-panel h3{font-size:14px}.board-team-panel .section-label>span{font-size:9px;color:#9bb093}.board-player{display:flex;gap:9px;align-items:center;padding:9px 6px;border-bottom:1px solid #344135}.board-player:last-child{border-bottom:0}.board-player-photo{width:39px;height:39px;flex-shrink:0;background:#303e30;border-radius:9px}.board-player-photo img{width:100%;height:100%;object-fit:contain;transform:scale(1.15)}.board-player-details{flex:1;min-width:0}.board-player input{font-size:13px;font-weight:500;background:none;border:none;padding:3px 0;width:100%;color:#e7f1df}.board-player-caption{font-size:8px;letter-spacing:.6px;color:#92ab91;display:block;margin-top:3px}.board-player-position{font-size:19px;font-weight:500;font-variant-numeric:tabular-nums;min-width:24px;text-align:right;color:#c5d4bd}.board-player.current-player{background:#e6ff850a;border-radius:9px;box-shadow:inset 3px 0 var(--lime)}.board-player.current-player .board-player-position{color:var(--lime)}.board-player.finished-player .board-player-caption{color:var(--lime)}.mini-dice{width:22px;height:22px;background:#e0e9ca;border-radius:5px;display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr);gap:1.5px;padding:4px;flex-shrink:0}.board-new{margin:17px 0 0;border:0;background:none;color:#b3c7a9;padding:5px;font-size:12px;display:flex;align-items:center;gap:7px;width:100%;justify-content:center}.board-new svg{width:14px;height:14px}.board-rules{border:1px solid #e6ff8524;background:#e6ff8506;border-radius:14px;padding:18px 20px}.board-rules>span{font-size:9px;letter-spacing:.8px;color:var(--lime)}.board-rules p{font-size:13px;color:#a9bda2;line-height:1.7;margin:9px 0 0}.board-rules strong{color:#d7e7c8;font-weight:500}.board-log-panel{padding:19px 20px}.board-log-panel .section-label>span{font-size:8px;color:#91a685;letter-spacing:.3px}.board-log-panel p{font-size:12px;line-height:1.7;color:#a7bba0;border-top:1px solid #344135;padding:10px 0;margin:0;overflow-wrap:anywhere}.board-log-panel p:first-child{border:0;padding-top:3px;color:#d7e6c9}.board-log-panel p:last-child{padding-bottom:0}.board-log-empty{font-size:12px!important;color:#8fa285!important}.header nav{gap:24px;margin-left:15px}.header-actions .local-badge{display:none}.board-panel:fullscreen{max-height:100vh;border:0;border-radius:0;display:flex;flex-direction:column;align-items:center;background:#131a1c;padding:10px}.board-panel:fullscreen .board-heading,.board-panel:fullscreen .board-ribbon,.board-panel:fullscreen .board-dock-row,.board-panel:fullscreen .board-announcement{width:min(85vh,100%)}.board-panel:fullscreen .board-surround{width:min(75vh,100%);flex-shrink:1;padding:10px}.board-panel:fullscreen .board-heading{padding:8px 15px}.board-panel:fullscreen .board-ribbon{padding:8px 15px}.board-panel:fullscreen .board-announcement{padding:8px 15px;font-size:12px}.board-panel:fullscreen .board-dock-row{display:none}@keyframes roll-cube{0%{transform:rotate(-12deg) translateY(0)}35%{transform:rotate(16deg) translateY(-10px)}70%{transform:rotate(-22deg) translateY(-4px)}100%{transform:rotate(-12deg) translateY(0)}}@keyframes cell-flash{from{filter:brightness(1)}to{filter:brightness(1.25)}}@media(min-width:1600px){.snakes-workspace{grid-template-columns:minmax(0,1fr) 345px}.board-sidebar{gap:20px}.board-surround{padding:24px}.cell-number{font-size:17px}.board-turn-panel{padding:25px}}
@media(max-width:1150px){.snakes-workspace{grid-template-columns:minmax(0,1fr) 300px;gap:18px}.board-turn-panel{padding:20px}.header nav{gap:20px;margin-left:0}.board-surround{padding:13px}.board-heading{padding:20px}.board-ribbon{gap:15px;padding:13px 20px;font-size:11px}.board-ribbon strong{font-size:8px}.board-auto-controls{gap:7px}.board-auto-controls button{font-size:11px;padding:9px}.board-auto-controls label{gap:4px}.board-auto-controls select{font-size:10px}.board-direction{font-size:10px}.board-piece b{font-size:9px;width:13px;height:13px}.cell-number{left:5px;top:4px}.cell-destination{font-size:8px}}
@media(max-width:920px){.snakes-workspace{grid-template-columns:minmax(0,1fr) 270px;gap:15px}.board-heading{padding:18px 16px;gap:10px}.board-heading h2{font-size:16px}.board-status{font-size:8px;padding:6px}.board-heading .icon-button{width:26px}.board-ribbon{padding:12px 15px;gap:12px}.board-ribbon strong{display:none}.board-turn-panel{padding:18px 16px}.board-turn-header{gap:8px}.board-turn-header>img{width:40px;height:40px}.board-turn-header h2{font-size:14px}.board-turn-counter{padding-left:9px}.board-team-panel{padding:18px 12px}.board-rules{padding:16px}.board-log-panel{padding:16px}.board-auto-controls{flex-wrap:wrap}.board-auto-controls label{font-size:11px}.board-auto-controls select{font-size:11px}.board-auto-controls button{font-size:12px}.cell-destination{display:none}.board-surround{padding:10px}.board-dock-row{padding:7px 15px;gap:6px;flex-wrap:wrap}.board-direction{width:100%;margin:0 0 3px;font-size:9px}.board-player{gap:7px}.board-player input{font-size:12px}.board-player-photo{width:34px;height:34px}.board-player-position{font-size:17px}.header .brand-sub{max-width:150px;font-size:6px}}
@media(max-width:740px){.snakes-workspace{grid-template-columns:minmax(0,1fr);gap:16px}.board-sidebar{display:grid;grid-template-columns:1fr;gap:15px}.board-panel{border-radius:16px}.board-heading{padding:18px 15px}.board-heading h2{font-size:17px}.board-status{font-size:9px}.board-ribbon{font-size:11px;gap:18px}.board-surround{padding:10px}.cell-number{font-size:11px;left:4px;top:3px}.board-cell.ladder-cell,.board-cell.snake-cell{box-shadow:none}.board-piece b{font-size:8px;width:11px;height:11px;right:-3px;bottom:-2px}.board-piece.stacked b{font-size:6px;width:9px;height:9px;right:-3px;bottom:-2px}.board-dock-row{flex-wrap:nowrap;gap:8px;min-height:54px}.board-dock-row img{width:29px;height:35px}.board-dock-row #board-dock{height:35px}.board-direction{width:auto;font-size:8px;margin:0 0 0 auto;max-width:105px;line-height:1.6}.board-dock-row>span:first-child{font-size:8px}.board-announcement{font-size:13px;padding:15px;min-height:55px}.board-turn-panel{padding:20px}.dice-stage{padding:20px 0 17px}.board-turn-header>img{width:45px;height:45px}.board-turn-header h2{font-size:17px}.board-auto-controls label{margin-left:auto}.board-auto-controls select{font-size:12px;padding:8px}.board-auto-controls button{font-size:13px;padding:10px 14px}.board-turn-panel .start-button{font-size:15px}.board-needs{font-size:13px}.board-team-panel{padding:20px 15px}.board-player{padding:10px 8px}.board-player-photo{width:43px;height:43px}.board-player input{font-size:14px}.board-player-caption{font-size:9px}.board-player-position{font-size:21px}.board-team-panel .section-label{margin-bottom:13px}.board-rules p{font-size:14px}.board-log-panel h3{font-size:14px}.board-log-panel p{font-size:13px}.header{flex-wrap:wrap;height:auto;min-height:110px;gap:0;position:relative;padding:16px 0 0;align-content:space-between}.header .brand-sub{max-width:none;font-size:6px}.header .header-actions{margin-left:auto}.header nav{order:3;flex:0 0 100%;height:43px;justify-content:space-between;gap:12px;margin-left:0}.header .nav-link{font-size:12px;white-space:nowrap}.header .header-actions .icon-button:last-child{display:grid}.page-heading{margin-top:25px}.page-heading h1{font-size:32px}.board-turn-counter span{font-size:9px}.board-turn-header .micro-label{font-size:10px}}
@media(prefers-reduced-motion:reduce){.board-piece{transition:none}.dice-face.rolling,.cell-highlight{animation:none}}
.board-mobile-controls{display:none}@media(max-width:740px){.board-mobile-controls{display:flex;align-items:center;gap:13px;position:fixed;left:17px;right:17px;bottom:14px;z-index:15;padding:12px;background:#1c2b23f5;border:1px solid #7c9e5c;border-radius:14px;box-shadow:0 6px 35px #0008;backdrop-filter:blur(10px)}.board-mobile-controls>div{flex:1;min-width:0;padding-left:4px}.board-mobile-controls>div>span{font-size:8px;letter-spacing:1px;color:#9db58e;display:block;margin-bottom:5px}.board-mobile-controls strong{font-size:14px;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-mobile-controls .start-button{font-size:13px;min-height:43px;padding:10px 17px}.app-shell:has(#snakes-workspace:not([hidden])){padding-bottom:85px}}
@media(min-width:741px){.board-surround .snakes-board{max-width:min(100%,max(430px,calc(100dvh - 420px)));margin-inline:auto}}.board-panel:fullscreen .board-surround .snakes-board{max-width:100%}
/* A 20 × 20 map: overview plus a scrollable, readable enlarged board. */
.board-grid{grid-template-columns:repeat(20,minmax(0,1fr));grid-template-rows:repeat(20,minmax(0,1fr))}.board-cell{background:#edf0d6!important}.board-cell.dark-cell{background:#d7e7ce!important}.board-cell.goal-cell{background:#e2f784!important}.board-cell.first-cell{background:#b7dbad!important}.cell-number{font-size:clamp(8px,.85vw,12px);left:3px;top:3px}.cell-destination{font-size:7px;bottom:2px;right:2px}.cell-goal{font-size:15px}.board-piece{width:3.7%}.board-piece.stacked{width:2.3%}.board-piece b{font-size:7px;width:11px;height:11px;border-width:.5px}.board-piece.stacked b{font-size:6px;width:8px;height:8px}.board-piece.current-piece:before{box-shadow:0 0 0 2px #e6ff85,0 2px 6px #263e4b70}.board-snake{opacity:.8}.board-snake.long-snake{opacity:1;filter:drop-shadow(0 1px 1px #8f29372b)}.board-rules .long-snake-description{color:#e5a58e;border-top:1px solid #e6ff8524;padding-top:10px;margin-top:12px;font-size:12px}.board-heading .board-zoom{border:1px solid #516348;color:#cdddba;font-size:12px;flex-shrink:0}.board-surround.is-zoomed{overflow:auto;max-height:min(75dvh,850px);overscroll-behavior:contain;scrollbar-color:#92ac6b #263e34}.board-surround.is-zoomed .snakes-board{max-width:none;width:1000px;min-width:1000px;margin:0}.board-surround.is-zoomed .cell-number{font-size:14px;left:5px;top:4px}.board-surround.is-zoomed .cell-destination{display:block;font-size:9px}.board-surround.is-zoomed .board-piece b{width:13px;height:13px;font-size:9px}.board-surround.is-zoomed .board-piece.stacked b{width:10px;height:10px;font-size:7px}.board-surround.is-zoomed .cell-goal{font-size:23px}@media(max-width:740px){.board-heading{gap:8px}.board-heading h2{font-size:15px}.board-status{font-size:8px;padding:5px 6px}.board-heading .icon-button{width:27px;height:27px}.cell-number{font-size:8px;left:2px;top:2px}.cell-goal{font-size:12px}.board-piece b{width:8px;height:8px;font-size:6px}.board-piece.stacked b{width:6px;height:6px;font-size:5px}.board-ribbon{font-size:10px;gap:15px}}
.board-grid{grid-template-columns:repeat(var(--board-size,20),minmax(0,1fr));grid-template-rows:repeat(var(--board-size,20),minmax(0,1fr))}.board-piece{width:calc(74% / var(--board-size,20))}.board-piece.stacked{width:calc(46% / var(--board-size,20))}.board-config-panel{padding:20px 22px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.board-config-panel h3{font-size:14px}.board-config-panel>label{display:block;font-size:12px;color:#b8cbb0;margin:13px 0 7px}.board-config-panel>select{display:block;width:100%;border:1px solid #465b41;border-radius:8px;padding:11px 10px;background:#15241b;color:#e1edda;font-size:13px}.board-config-panel>p{font-size:11px;line-height:1.7;color:#8fa588;margin:13px 0 10px}.board-config-panel>button{width:100%;display:flex;justify-content:center;gap:7px;align-items:center;border:1px dashed #657d51;border-radius:8px;background:#e6ff8506;color:#cfdfbe;font-size:12px;padding:10px}.board-config-panel svg{width:14px;height:14px}.board-finish-progress{font-size:11px;color:var(--lime);text-align:center;line-height:1.6;margin:0 0 9px}.board-player.loser-player{background:#d8876812;border-radius:8px;box-shadow:inset 3px 0 #dc957a}.board-player.loser-player .board-player-caption,.board-player.loser-player .board-player-position{color:#e9a18a}.result-rank.loser-rank{background:#e0867012;color:#e7a08d}.result-rank.loser-rank>span:last-child{color:#edac96}.result-dialog.loser-result .winner-halo{background:radial-gradient(circle,#e9947e30,transparent 70%)}.result-dialog.loser-result .result-eyebrow{color:#efb294}@media(max-width:740px){.board-config-panel{padding:18px 20px}.board-config-panel>select{font-size:14px}.board-config-panel>p{font-size:12px}.board-config-panel>label{font-size:13px}.board-config-panel>button{font-size:13px}}
/* Cell numbers remain above the routes; all route geometry stays in its own free corridor. */
.snakes-board{container-type:inline-size}.cell-number{z-index:2;background:#edf0d6df;border-radius:2px;padding:0 1px;left:2px;top:2px;font-size:clamp(5px,calc(28cqw / var(--board-size,20)),14px)}.cell-destination{z-index:2;background:#edf0d6db;border-radius:2px;padding:0 1px}.board-surround.is-zoomed .cell-number{font-size:14px}.board-ladder{opacity:.82}.board-snake{opacity:.95}.board-snake.long-snake{opacity:1}
.board-ribbon{flex-wrap:wrap;gap:10px 17px}.board-ribbon .balance-pill{font-size:10px;color:#dff897;background:#4b683b44;padding:5px 7px;border-radius:5px;letter-spacing:.3px}.board-rules .board-balance-description{color:#c5dca7;border-top:1px solid #e6ff8524;padding-top:10px;margin-top:12px;font-size:12px}.board-ribbon strong{white-space:nowrap}
.board-surround.is-generating{position:relative}.board-surround.is-generating .snakes-board{opacity:.3;filter:blur(1px)}.board-surround.is-generating:after{content:'Рисуем карту и проверяем баланс…';position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:24px;color:var(--lime);font-size:14px;font-weight:600;z-index:5;background:#18262055}