:root{color-scheme:dark;--paper:#030708;--panel:#0b1112;--ink:#fff9e9;--muted:#b9b39f;--gold:#d9bc78;--gold-soft:#f2dda4;--blue:#27b7eb;--coral:#ff6b61;--spring:cubic-bezier(.22,1.25,.4,1);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}body{margin:0;min-height:100svh;overflow:hidden;background:radial-gradient(circle at 50% 38%,#16392f 0,#09130f 36%,#030504 76%);-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--gold-soft);outline-offset:3px}.home-bar{position:relative;z-index:30;display:flex;width:100%;min-height:calc(52px + env(safe-area-inset-top));align-items:center;justify-content:center;gap:10px;border-bottom:1px solid #f4dfa5;padding-top:env(safe-area-inset-top);background:linear-gradient(110deg,#b18a38,#f0d98e 48%,#b18a38);color:#090806;box-shadow:0 8px 28px #0009,inset 0 1px #fff8;font-size:.88rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.home-bar::before{content:"←";font-size:1.15rem}.preview-capture .home-bar{display:none}.preview-capture .game-shell{height:100svh}.game-shell{position:relative;display:flex;width:min(100%,700px);height:calc(100svh - 52px - env(safe-area-inset-top));min-height:600px;flex-direction:column;margin-inline:auto;padding:9px 12px calc(7px + env(safe-area-inset-bottom))}.scorebar{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:7px;overflow:hidden;border:1px solid #554625;border-radius:11px;background:linear-gradient(145deg,#1b1811,#0c0b08);box-shadow:inset 0 1px #fff2,0 5px 15px #0008}.scorebar>div{padding:6px 2px;text-align:center;border-right:1px solid #3c321d}.scorebar>div:last-child{border:0}.scorebar span{display:block;color:#aaa086;font-size:8px;font-weight:800;letter-spacing:.12em}.scorebar strong{display:block;margin-top:1px;color:var(--gold-soft);font:400 18px/1.1 Georgia,serif;font-variant-numeric:tabular-nums}.player-strip{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:5px}.player-card{display:grid;min-width:0;height:51px;grid-template-columns:45px 1fr;align-items:center;gap:4px;border:1px solid #484333;border-radius:12px;padding:2px 7px 2px 2px;background:#0a0d0d;box-shadow:inset 0 1px #fff1;transition:border-color .25s,box-shadow .25s,transform .25s}.player-card img{display:block;width:45px;height:45px;object-fit:contain;filter:drop-shadow(0 4px 5px #0008)}.player-card div{min-width:0}.player-card b,.player-card span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-card b{color:#cbd7db;font:800 11px/1.2 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.08em}.player-card span{margin-top:3px;color:#9b9a8f;font-size:8px}.player-card.blue.is-active{border-color:#5ad8ff;box-shadow:0 0 16px #27b7eb55,inset 0 0 12px #27b7eb18}.player-card.coral.is-active{border-color:#ff8b84;box-shadow:0 0 16px #ff6b6155,inset 0 0 12px #ff6b6118}.status{display:grid;min-height:28px;place-items:center;margin:0 0 5px;color:#ece2c8;font-size:12px;text-align:center}.board-wrap{position:relative;display:grid;width:min(100%,calc(100svh - 380px),620px);aspect-ratio:1;flex:0 0 auto;place-items:center;align-self:center;border:1px solid #7c6230;border-radius:22px;padding:8px;background:radial-gradient(circle at 25% 18%,#b9ebff 0 8%,transparent 28%),linear-gradient(180deg,#73cbed 0 24%,#7fbd73 24% 56%,#34673c 100%);box-shadow:inset 0 0 28px #fff3,0 16px 34px #000b;overflow:hidden}.board-wrap::before{content:"";position:absolute;inset:auto -12% -8% -12%;height:42%;background:radial-gradient(ellipse at 20% 100%,#16391e 0 28%,transparent 29%),radial-gradient(ellipse at 51% 100%,#275b2d 0 35%,transparent 36%),radial-gradient(ellipse at 84% 100%,#1d4926 0 31%,transparent 32%);opacity:.86}.sky-cloud{position:absolute;width:72px;height:19px;border-radius:50%;background:#effcffb8;filter:blur(.2px);box-shadow:19px -6px 0 1px #effcffb8,-20px 2px 0 -3px #effcffb8}.cloud-a{left:7%;top:5%}.cloud-b{right:8%;top:16%;transform:scale(.66)}.board{position:relative;z-index:1;display:grid;width:100%;height:100%;grid-template-columns:repeat(var(--board-size,10),1fr);grid-template-rows:repeat(var(--board-size,10),1fr);overflow:hidden;border:3px solid #ead18a;border-radius:15px;background:#e9d9ac;box-shadow:inset 0 0 0 2px #6a481d,0 8px 22px #11240dbb;touch-action:manipulation}.cell{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:flex-start;min-width:0;min-height:0;border:1px solid #6a512c4f;padding:2px;background:linear-gradient(145deg,#fff0c2,#ddc17e);color:#523c23;font-size:var(--cell-font,8px);font-weight:900;text-shadow:0 1px #fff8}.cell:nth-of-type(4n+1){background:linear-gradient(145deg,#d6f0cf,#8dca87)}.cell:nth-of-type(4n+2){background:linear-gradient(145deg,#ffe2a6,#f0a95f)}.cell:nth-of-type(4n+3){background:linear-gradient(145deg,#cbeaff,#76c4e9)}.cell:nth-of-type(4n){background:linear-gradient(145deg,#f8cfcb,#ed8f88)}.cell.is-start{background:radial-gradient(circle,#fff8cc 0 20%,#69d899 64%,#258254);color:#163e29}.cell.is-finish{background:radial-gradient(circle,#fff8c2 0 16%,#f2c558 56%,#aa671a);color:#45280f}.cell.is-special::after{content:"";position:absolute;inset:15%;border:1px solid #fff8;border-radius:50%;box-shadow:inset 0 0 6px #fff7}.route-layer{position:absolute;inset:0;z-index:2;width:100%;height:100%;overflow:visible;pointer-events:none}.ladder-rail{stroke:#f7e4a8;stroke-width:1.9;stroke-linecap:round;filter:drop-shadow(0 1px 1px #45290e)}.ladder-rung{stroke:#9e642c;stroke-width:1.25;stroke-linecap:round}.slide-shadow{fill:none;stroke:#481d4f88;stroke-width:5.2;stroke-linecap:round}.slide-path{fill:none;stroke:#b95bc8;stroke-width:3.8;stroke-linecap:round;filter:drop-shadow(0 1px 1px #3a173e)}.slide-highlight{fill:none;stroke:#f3b9ffcc;stroke-width:.7;stroke-linecap:round}.slide-mouth{fill:#f6b4ff;stroke:#6e2877;stroke-width:.8}.pieces{position:absolute;inset:0;z-index:4;pointer-events:none}.piece{position:absolute;left:var(--x);top:var(--y);width:var(--piece-width,11%);height:var(--piece-height,14%);transform:translate(calc(-50% + var(--offset-x)),calc(-76% + var(--offset-y)));transition:left .17s ease,top .17s ease,transform .25s var(--spring);filter:drop-shadow(0 3px 3px #0009)}.piece img{display:block;width:100%;height:100%;object-fit:contain}.piece.is-current{z-index:2;transform:translate(calc(-50% + var(--offset-x)),calc(-78% + var(--offset-y))) scale(1.14);filter:drop-shadow(0 0 5px #fff8) drop-shadow(0 4px 3px #0009)}.piece.is-sliding{transition:left .55s cubic-bezier(.28,.6,.5,1),top .55s cubic-bezier(.28,.6,.5,1),transform .55s ease;transform:translate(calc(-50% + var(--offset-x)),calc(-70% + var(--offset-y))) rotate(12deg)}.piece.is-climbing{transition:left .55s var(--spring),top .55s var(--spring),transform .55s var(--spring);transform:translate(calc(-50% + var(--offset-x)),calc(-82% + var(--offset-y))) scale(1.18)}.dice-panel{display:grid;width:min(100%,620px);grid-template-columns:62px 1fr;gap:8px;margin:7px auto 0}.dice{display:grid;aspect-ratio:1;place-items:center;border:1px solid #f4d889;border-radius:15px;background:linear-gradient(145deg,#fff9e9,#ddc47f);color:#1c160d;box-shadow:inset 0 2px #fff,0 7px 16px #0009;font:48px/1 Georgia,serif;transition:transform .35s var(--spring)}.dice.is-rolling{transform:rotate(270deg) scale(.84)}.roll-button{display:flex;min-height:62px;flex-direction:column;align-items:center;justify-content:center;border:1px solid #e2c471;border-radius:15px;background:linear-gradient(145deg,#b68b34,#e2c46f 54%,#8b641f);color:#151006;box-shadow:inset 0 1px #fff8,0 7px 16px #0008;font-weight:900;letter-spacing:.04em}.roll-button small{display:block;margin-top:3px;font-size:8px;font-weight:700;letter-spacing:0;opacity:.72}.roll-button:active:not(:disabled){transform:scale(.97)}.roll-button:disabled{opacity:.55}.ad-reservation{display:grid;min-height:42px;place-items:center;margin-top:7px;border:1px dashed #66552e;border-radius:10px;color:#8b8064;font-size:8px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
dialog{width:min(calc(100% - 28px),500px);max-height:min(86svh,760px);border:1px solid #66552e;border-radius:20px;padding:22px;background:#0d0c09;color:#f7f0de;box-shadow:0 24px 80px #000}dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.dialog-top h2,dialog h2{margin:0;color:var(--gold-soft);font:400 26px/1.1 Georgia,serif}.dialog-top>.icon-button{display:grid;width:38px;height:38px;place-items:center;border:1px solid #66552e;border-radius:50%;background:#15130e;color:var(--gold-soft)}form{display:grid;gap:12px}.select-field,.switch-row{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:14px;border:1px solid #4e4228;border-radius:12px;padding:10px 12px;background:#15130e}.select-field span{display:grid;gap:3px}.select-field small,.dialog-note{color:#aba18b;font-size:11px;line-height:1.4}.select-field select{max-width:49%;border:1px solid #786537;border-radius:8px;padding:8px;background:#090806;color:#f7e7ba}.switch-row input{width:23px;height:23px;accent-color:#d6b866}.primary-button,.secondary-button{min-height:46px;border-radius:11px;padding:10px 16px;font-weight:800}.primary-button{border:1px solid #ead18a;background:linear-gradient(145deg,#e8cf87,#a98235);color:#0c0905}.secondary-button{border:1px solid #65552e;background:#15130e;color:#ead9ab}.record-panel{border:1px solid #5d4d2a;border-radius:14px;padding:14px;background:#15130e}.eyebrow{margin:0 0 8px;color:#c6a95e;font-size:9px;font-weight:900;letter-spacing:.16em}.record-grid{display:grid;grid-template-columns:1fr auto;gap:7px;color:#beb59f;font-size:12px}.record-grid strong{color:#f1ddb0}.rules{margin-top:18px}.rules h3{margin:18px 0 7px;color:#ead49b;font:400 20px Georgia,serif}.rules p{color:#c7c0ae;font-size:13px;line-height:1.5}.control-rule{display:grid;grid-template-columns:35px 1fr;align-items:center;gap:10px}.control-symbol{display:grid;width:34px;height:34px;place-items:center;border:1px solid #66552e;border-radius:50%;color:#ead49b}.control-rule p{margin:5px 0}.dialog-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.result-dialog{text-align:center}.result-mark{font-size:50px}.result-dialog>p{color:#bfb6a2}.result-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}.result-stats div{border:1px solid #574926;border-radius:12px;padding:10px;background:#15130e}.result-stats strong,.result-stats span{display:block}.result-stats strong{color:#f3d995;font:28px Georgia,serif}.result-stats span{color:#9e947e;font-size:9px;letter-spacing:.12em}.result-best{min-height:20px;color:#f1ce73!important}.result-dialog .primary-button,.result-dialog .result-close{width:100%;margin-top:8px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
@media(max-width:370px){.game-shell{padding-inline:8px}.player-card{grid-template-columns:39px 1fr;padding-right:4px}.player-card img{width:39px;height:39px}.player-card b{font-size:9px}.player-card span{font-size:7px}.board-wrap{padding:6px}.status{font-size:11px}.roll-button small{font-size:7px}}
@media(min-width:700px) and (orientation:portrait){.game-shell{padding:12px 22px 10px}.scorebar>div{padding:8px}.scorebar strong{font-size:23px}.player-card{height:64px;grid-template-columns:58px 1fr}.player-card img{width:58px;height:58px}.player-card b{font-size:14px}.player-card span{font-size:10px}.status{min-height:34px;font-size:15px}.board-wrap{padding:12px}.dice-panel{grid-template-columns:76px 1fr}.dice-panel,.roll-button{min-height:76px}.dice{font-size:61px}.roll-button{font-size:18px}.roll-button small{font-size:10px}.ad-reservation{min-height:50px}}
@media(orientation:landscape) and (max-height:800px){.game-shell{width:min(100%,980px);display:grid;height:calc(100svh - 52px);grid-template-columns:minmax(300px,1fr) minmax(290px,430px);grid-template-rows:71px auto auto 1fr auto;gap:7px 14px}.topbar{grid-column:1/-1;margin:0!important}.scorebar,.demo-bar,.player-strip,.status,.dice-panel,.ad-reservation{grid-column:2;margin:0}.board-wrap{grid-column:1;grid-row:2/6;width:min(100%,calc(100svh - 145px));align-self:start}.scorebar{grid-row:2}.demo-bar,.player-strip{grid-row:3}.status{grid-row:4;align-self:start}.dice-panel{grid-row:4;align-self:center}.ad-reservation{grid-row:5}.cell{font-size:8px}}
.player-card>div>span{display:block;margin-top:3px}.player-card>div>span span{display:inline;margin:0}
.scorebar .turn-value{display:flex;min-height:23px;align-items:center;justify-content:center;gap:5px;margin-top:1px}.scorebar .turn-value img{display:block;width:27px;height:27px;object-fit:contain;filter:drop-shadow(0 2px 2px #0008)}.scorebar .turn-value strong{margin:0;font-size:15px}.dice{position:relative;display:block;aspect-ratio:1;border:1px solid #806a39;border-radius:15px;background:linear-gradient(145deg,#f4ead0,#cdb983);box-shadow:0 7px 0 #6b5528,0 13px 22px #0009;color:#15120b;will-change:transform;perspective:700px}.die-face{position:absolute;inset:0;overflow:hidden;border-radius:inherit}.pip{position:absolute;width:14%;aspect-ratio:1;border-radius:50%;background:#18140c;box-shadow:inset 0 1px 1px #0008}.pip[data-position=tl]{left:22%;top:22%}.pip[data-position=tr]{right:22%;top:22%}.pip[data-position=ml]{left:22%;top:43%}.pip[data-position=mc]{left:43%;top:43%}.pip[data-position=mr]{right:22%;top:43%}.pip[data-position=bl]{left:22%;bottom:22%}.pip[data-position=br]{right:22%;bottom:22%}.dice.is-spinning{animation:dice-tumble .24s linear infinite;box-shadow:0 10px 0 #6b5528,0 18px 30px #000c}.dice.is-spinning .die-face{animation:face-flurry .15s linear infinite;filter:blur(.45px)}.dice.is-settling{animation:die-lock .4s var(--spring)}.piece.is-bumped{transition:left .58s cubic-bezier(.35,.02,.52,1),top .58s cubic-bezier(.35,.02,.52,1),transform .58s ease;transform:translate(calc(-50% + var(--offset-x)),calc(-66% + var(--offset-y))) rotate(-15deg) scale(.9)}.roll-button{font-size:15px}.select-field select{min-width:130px}.preview-capture .dice{animation:none!important}
@keyframes dice-tumble{0%{transform:translate(-4px,-7px) rotate(-5deg) scale(1.04)}25%{transform:translate(5px,1px) rotate(4deg) scale(.98)}50%{transform:translate(-1px,7px) rotate(7deg) scale(1)}75%{transform:translate(-6px,0) rotate(-3deg) scale(.97)}100%{transform:translate(-4px,-7px) rotate(-5deg) scale(1.04)}}@keyframes face-flurry{0%{transform:translateY(-12%);opacity:.7}50%{transform:translateY(12%);opacity:1}100%{transform:translateY(-12%);opacity:.7}}@keyframes die-lock{0%{transform:translateY(-12px) scale(.9)}55%{transform:translateY(4px) scale(1.08)}78%{transform:translateY(-1px) scale(.985)}100%{transform:translateY(0) scale(1)}}
.cell{appearance:none;font-family:inherit;line-height:1;text-align:left}.cell:disabled{opacity:1;color:#523c23}.cell.is-target{z-index:3;border:2px solid #fff7a8;background:radial-gradient(circle,#fffbd0 0 18%,#f2d13b 50%,#e77d31 100%);box-shadow:inset 0 0 8px #fff,0 0 0 3px #ffe861aa,0 0 22px 8px #ffe450;animation:target-pulse .85s ease-in-out infinite;cursor:pointer}.piece{--piece-lift:-76%;appearance:none;border:0;padding:0;background:transparent;transform:translate(calc(-50% + var(--offset-x)),calc(var(--piece-lift) + var(--offset-y)))}.piece.is-current{transform:translate(calc(-50% + var(--offset-x)),calc(var(--piece-lift) + var(--offset-y))) scale(1.14)}.piece.is-sliding{transform:translate(calc(-50% + var(--offset-x)),calc(var(--piece-lift) + var(--offset-y))) rotate(12deg)}.piece.is-climbing{transform:translate(calc(-50% + var(--offset-x)),calc(var(--piece-lift) + var(--offset-y))) scale(1.18)}.piece.is-bumped{transform:translate(calc(-50% + var(--offset-x)),calc(var(--piece-lift) + var(--offset-y))) rotate(-15deg) scale(.9)}.piece.is-selectable{pointer-events:auto;cursor:pointer;animation:piece-ready .9s ease-in-out infinite}.piece.is-selectable:focus-visible{outline:3px solid #fff59c;outline-offset:1px;border-radius:45%}.piece:disabled{opacity:1}.piece img{pointer-events:none}@keyframes target-pulse{50%{filter:brightness(1.2);box-shadow:inset 0 0 11px #fff,0 0 0 4px #fff09a,0 0 28px 10px #ffe450}}@keyframes piece-ready{50%{filter:drop-shadow(0 0 9px #fff59c) drop-shadow(0 4px 3px #0009);transform:translate(calc(-50% + var(--offset-x)),calc(var(--piece-lift) + var(--offset-y))) scale(1.2)}}
.scorebar .turn-panel{position:relative}.scorebar .turn-panel.is-switching{animation:turn-switch .78s ease-in-out}@keyframes turn-switch{0%,100%{background:transparent;box-shadow:inset 0 0 0 transparent}42%{background:#f2dda426;box-shadow:inset 0 0 18px #f8dfa58f;filter:brightness(1.55)}72%{background:#050504;box-shadow:inset 0 0 12px #000b;filter:brightness(.72)}}
.snake{filter:none}.snake-shadow,.snake-outline,.snake-body,.snake-scales,.snake-highlight{fill:none;stroke-linecap:round;stroke-linejoin:round}.snake-shadow{display:none}.snake-outline{stroke:#4b553dcc;stroke-width:3.75}.snake-body{stroke-width:3.2}.snake-scales{stroke-width:1.65;stroke-dasharray:.3 1.75;opacity:.56}.snake-highlight{stroke:#fff9d699;stroke-width:.4;transform:translate(-.32px,-.22px)}.snake-head{filter:none}.snake-head-shine{fill:none;stroke:#fffbe0a8;stroke-width:.34;stroke-linecap:round}.snake-eye{fill:#f4e09a;stroke:#4a3d24;stroke-width:.16}.snake-pupil{fill:#282015}.snake-nostril{fill:#554332}.snake-tongue{fill:none;stroke:#a52b3d;stroke-width:.3;stroke-linecap:round;stroke-linejoin:round}
.snake.is-biting{animation:snake-bite 1s steps(1,end)}.snake:is(.is-biting,.is-glowing) .snake-body{stroke:#f5d96c!important}.snake:is(.is-biting,.is-glowing) .snake-scales{stroke:#fffbe0!important;opacity:1}.snake:is(.is-biting,.is-glowing) .snake-head>ellipse:first-child{fill:#f5d96c!important}.snake.is-glowing{filter:drop-shadow(0 0 2px #fff2a8) brightness(1.28)}.piece.is-sliding{transition:left 1.15s cubic-bezier(.28,.6,.5,1),top 1.15s cubic-bezier(.28,.6,.5,1),transform 1.15s ease}@keyframes snake-bite{0%,25%,50%,75%,100%{filter:drop-shadow(0 0 2px #fff2a8) brightness(1.38);opacity:1}12.5%,37.5%,62.5%,87.5%{filter:none;opacity:.68}}
@media(max-width:430px){header.topbar .game-identity>.header-title-medium{font-size:17px!important}html[lang="de"] header.topbar .game-identity>.header-title-medium{font-size:15px!important;letter-spacing:-.6px}}
.ladder-rail{stroke:#9d7a40;filter:drop-shadow(0 .5px .45px #3c2918)}.ladder-rung{stroke:#644326}.ladder:is(.is-blinking,.is-glowing) .ladder-rail{stroke:#ffe48a}.ladder:is(.is-blinking,.is-glowing) .ladder-rung{stroke:#fff5c3}.ladder.is-blinking{animation:ladder-blink 1s steps(1,end)}.ladder.is-glowing{filter:drop-shadow(0 0 2px #ffe585) brightness(1.2)}.piece.is-climbing{transition:left 1.15s cubic-bezier(.28,.6,.5,1),top 1.15s cubic-bezier(.28,.6,.5,1),transform 1.15s ease}@keyframes ladder-blink{0%,25%,50%,75%,100%{filter:drop-shadow(0 0 2px #ffe585) brightness(1.32);opacity:1}12.5%,37.5%,62.5%,87.5%{filter:none;opacity:.58}}