@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{color:#27452f;font-synthesis:none;background:#f6f5ed;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}[hidden]{display:none!important}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.title-screen{background:radial-gradient(#202056,#08071b 75%);place-items:center;min-height:100svh;padding:16px;display:grid}.title-play{background:#08071b;border:0;border-radius:20px;width:min(1440px,100%,177.683svh - 56.8587px);padding:0;display:block;box-shadow:0 0 65px #762dff30}.title-play img{border-radius:inherit;width:100%;height:auto;display:block}.title-play:focus-visible{outline-offset:5px;outline:4px solid #62e9ff}.title-play:hover{box-shadow:0 0 65px #ed3bff55}@media (width<=650px){.title-screen{padding:8px}.title-play{border-radius:10px}}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,summary:focus-visible,input:focus-visible{outline-offset:4px;outline:3px solid #b65a27}.game{max-width:1016px;margin:0 auto;padding:58px 48px 24px}.heading{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.eyebrow{color:#657557;text-transform:uppercase;letter-spacing:.15em;margin:0 0 10px;font-size:11px;font-weight:700}h1{letter-spacing:-.055em;margin:0;font:700 clamp(38px,6vw,64px)/1.08 Outfit,system-ui,sans-serif}.title-dot{color:#cc8449}.byline{color:#697361;margin:12px 0 0;font-size:13px}.byline span{color:#a7ac98;margin:0 6px}.mascot{width:88px;height:88px;image-rendering:pixelated;transform:rotate(-7deg)}.play-area{background:#fffef8;border:1px solid #d6ddcb;border-radius:18px;overflow:hidden;box-shadow:0 12px 32px #2c462d0b}.toolbar{border-bottom:1px solid #e4e7d9;flex-wrap:wrap;align-items:center;gap:14px;padding:18px 22px;display:flex}.roll{color:#fffdf0;background:#294a32;border:0;border-radius:10px;align-items:center;gap:10px;min-height:52px;padding:10px 14px 10px 10px;font-weight:700;display:flex}.roll:hover{background:#3b6041}.roll[aria-disabled=true]{color:#4c5d46;background:#e7ebdf}.roll img{image-rendering:pixelated;border-radius:5px}.key-hint{border:1px solid #ffffff50;border-radius:4px;margin-left:12px;padding:3px 5px;font-size:10px;font-weight:400}.toolbar-options{align-items:center;gap:8px;margin-left:auto;display:flex}.auto-controls{align-items:center;gap:12px;display:flex}.auto-controls label{cursor:pointer;white-space:nowrap;color:#40543b;align-items:center;gap:5px;min-height:44px;font-size:11px;display:flex}.auto-controls input{accent-color:#294a32;cursor:pointer;width:16px;height:16px;margin:0}.auto-controls img{object-fit:contain;image-rendering:pixelated}.tool-button{color:#40543b;background:0 0;border:1px solid #dfe3d5;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:9px 11px;font-size:12px;display:flex}.tool-button:hover,.sound-button:hover{background:#edf0e5}.tool-button img{image-rendering:pixelated}#restart>span{font-size:21px;line-height:1}.race-caption{letter-spacing:.13em;color:#75846b;justify-content:space-between;align-items:center;gap:8px;padding:18px 25px 12px;font-size:9px;font-weight:700;display:flex}.caption-arrow{padding-left:8px}.board{border:2px solid #526d3b;border-radius:8px;margin:0 22px;overflow:hidden}.lane{aspect-ratio:10;grid-template-columns:repeat(10,1fr);display:grid;position:relative}.lane+.lane{border-top:1px solid #45633155}.tile{min-width:0;image-rendering:pixelated;background:#8aaf56 url(/assets/grassbackground.gif) 50%/100% 100%;border-right:1px solid #45633130}.finish-tile{background-image:url(/assets/rockbackground.gif);border-left:2px solid #eae9b5;border-right:0}.snail{--position:0;top:0;bottom:0;left:calc(var(--position) * 10%);background:0 0;border:0;border-radius:7px;width:10%;padding:0;transition:left .22s ease-out;position:absolute}.snail img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;pointer-events:none;display:block}.snail:hover{background:#ffffdb40}.snail:focus-visible{outline-offset:-3px;z-index:2}.snail.expected{background:#fffbdc33;box-shadow:inset 0 0 0 3px #fff9bc}.snail-number{color:#fff;background:#27452fbd;border-radius:4px;width:14px;height:14px;font-size:9px;line-height:14px;position:absolute;bottom:3px;left:4px}.finish-badge{color:#4d492b;background:#fff6c0;border-radius:50%;width:19px;height:19px;font-size:11px;font-weight:700;line-height:19px;display:none;position:absolute;top:2px;right:2px;box-shadow:0 1px 3px #0003}.finished .finish-badge{display:block}.status-bar{align-items:center;gap:9px;min-height:62px;padding:14px 24px;display:flex}.status-light{background:#709353;border-radius:50%;flex-shrink:0;width:7px;height:7px}#status{flex:1;margin:0;font-size:13px;line-height:1.5}#finish-count{color:#6b785e;font-variant-numeric:tabular-nums;flex-shrink:0;font-size:11px}.below-board{justify-content:space-between;align-items:flex-start;gap:36px;padding:24px 2px;display:flex}.below-board p{color:#727b68;max-width:440px;margin:0;font-size:12px;line-height:1.8}.below-board strong{text-transform:uppercase;letter-spacing:.1em;color:#405639;margin-bottom:3px;font-size:11px;display:block}.sound-controls{flex-wrap:wrap;align-items:center;gap:9px;padding-top:4px;display:flex}.sound-button{color:#536548;white-space:nowrap;background:0 0;border:1px solid #d7ddcc;border-radius:6px;min-height:36px;padding:6px 10px;font-size:11px}.sound-controls label{color:#697760;font-size:11px}#volume{accent-color:#5d7d43;width:70px;min-height:36px;margin:0}.about{color:#6b7861;border-top:1px solid #dde1d2;padding:18px 2px;font-size:12px}.about summary{cursor:pointer;width:fit-content}.about p{max-width:640px;line-height:1.8}footer{color:#697760;justify-content:space-between;gap:16px;padding-top:20px;font-size:10px;display:flex}@media (width>=1400px){.game{padding-top:80px}}@media (width<=650px){.game{padding:30px 16px 20px}.heading{margin-bottom:24px}.mascot{width:58px;height:58px}.eyebrow{font-size:9px}.byline{max-width:240px;font-size:11px;line-height:1.6}.toolbar{flex-wrap:wrap;gap:10px;padding:12px}.roll{flex:1;justify-content:center;font-size:13px}.auto-controls{gap:10px}.auto-controls label{gap:4px;font-size:10px}.toolbar-options{flex-basis:100%;justify-content:flex-end}.tool-button{white-space:nowrap;padding:8px;font-size:11px}.key-hint{display:none}.board{margin:0 12px}.lane{aspect-ratio:auto;height:clamp(44px,9vw,60px)}.snail{min-width:32px}.snail-number{display:none}.finish-badge{width:14px;height:14px;font-size:9px;line-height:14px}.race-caption{padding:16px 14px 10px;font-size:8px}.race-caption>span:nth-child(2){letter-spacing:.06em;font-size:7px}.status-bar{gap:7px;padding:13px 14px}#status{font-size:12px}#finish-count{font-size:9px}.below-board{flex-direction:column;gap:14px;padding:20px 2px}footer{flex-direction:column;gap:8px;padding-top:10px}}@media (prefers-reduced-motion:reduce){.snail{transition:none}}.header-options{flex-direction:column;align-items:center;gap:12px;display:flex}.theme-picker{color:#657557;white-space:nowrap;align-items:center;gap:8px;font-size:11px;display:flex}.theme-picker select{font:inherit;color:#27452f;cursor:pointer;background:#fffef8;border:1px solid #d6ddcb;border-radius:7px;min-height:38px;padding:7px 26px 7px 10px;font-weight:600}select:focus-visible{outline-offset:4px;outline:3px solid #b65a27}[data-board-theme=original] .board{background:#48652b url(/assets/original/garden.svg) 0 0/180px 60px;border:3px solid #53662b;border-radius:10px;padding:28px 20px;box-shadow:inset 0 0 0 1px #e8d57a,0 3px #c2b280}[data-board-theme=original] .lane{background:#f2d979;border:0;border-bottom:5px solid #537337}[data-board-theme=original] .lane:first-child{border-top:5px solid #537337}[data-board-theme=original] .tile{image-rendering:auto;background:#f3dc7c url(/assets/original/paper.svg) 50%/128px;border-right:5px solid #537337;position:relative}[data-board-theme=original] .tile:first-child{border-left:3px solid #537337}[data-board-theme=original] .tile:first-child:before{content:"";background:var(--lane-color);clip-path:polygon(0 25%,58% 25%,58% 0,100% 50%,58% 100%,58% 75%,0 75%);filter:drop-shadow(0 1px #0004);width:42%;height:29%;position:absolute;top:35%;left:29%}[data-board-theme=original] .finish-tile{background-image:url(/assets/original/paper.svg);border-left:5px solid #0000}[data-board-theme=original] .finish-tile:before{content:"";background:repeating-conic-gradient(#fff6d9 0% 25%,#bc4d33 0% 50%) 0 0/10px 10px;width:5px;position:absolute;top:0;bottom:0;left:-5px}[data-board-theme=original] .finish-tile:after{content:"";aspect-ratio:1;background:var(--lane-color);border:1px solid #66532170;border-radius:50%;width:32%;position:absolute;top:33%;left:34%}[data-board-theme=original] .snail{z-index:1;min-width:0}[data-board-theme=original] .snail img,[data-board-theme=original] .mascot,[data-board-theme=original] .roll img,[data-board-theme=original] .auto-controls img{image-rendering:auto}[data-board-theme=original] .snail.expected{background:#fff6b86b;box-shadow:inset 0 0 0 2px #846b2e}[data-board-theme=original] .snail-number{background:#745e37aa}@media (width<=650px){.heading{align-items:flex-start;gap:12px}.header-options{align-items:flex-end;gap:8px}.theme-picker{flex-direction:column;align-items:flex-end;gap:4px;font-size:10px}.theme-picker select{min-height:34px}[data-board-theme=original] .board{background-size:150px 48px;padding:22px 8px}[data-board-theme=original] .lane{border-bottom-width:4px}[data-board-theme=original] .tile{border-right-width:3px}[data-board-theme=original] .finish-tile{border-left-width:4px}[data-board-theme=original] .finish-tile:before{background-size:8px 8px;width:4px;left:-4px}}[data-board-theme=neon]{color:#ecedff;background:#100c22}[data-board-theme=neon] body{background:radial-gradient(at 12% 10%,#132c4f90,#0000 45%),radial-gradient(at 93% 65%,#4c154970,#0000 50%)}[data-board-theme=neon] h1{color:#effcff;text-shadow:0 0 22px #29e6ff45}[data-board-theme=neon] .title-dot{color:#ff48c4;text-shadow:0 0 16px #ff48c4}[data-board-theme=neon] .eyebrow{color:#62e9ff}[data-board-theme=neon] .byline,[data-board-theme=neon] .theme-picker{color:#bfbbdb}[data-board-theme=neon] .theme-picker select{color:#f3ecff;background:#231b3e;border-color:#63518c}[data-board-theme=neon] .play-area{background:#18122d;border-color:#594080;box-shadow:0 0 35px #b435ff16,0 12px 30px #0004}[data-board-theme=neon] .toolbar{border-color:#3a2b58}[data-board-theme=neon] .roll{color:#fff;background:linear-gradient(125deg,#342667,#25436b);border:1px solid #65deff;box-shadow:0 0 14px #30dbff26}[data-board-theme=neon] .roll:hover{background:#3e3d79}[data-board-theme=neon] .roll[aria-disabled=true]{color:#d4cde8;box-shadow:none;background:#2d2445;border-color:#61517b}[data-board-theme=neon] .tool-button,[data-board-theme=neon] .sound-button{color:#e0d7f3;border-color:#5b4778}[data-board-theme=neon] .tool-button:hover,[data-board-theme=neon] .sound-button:hover{background:#32224b}[data-board-theme=neon] #rules-icon{background:#eee4ff;border-radius:4px}[data-board-theme=neon] .auto-controls label,[data-board-theme=neon] .race-caption{color:#c9bee2}[data-board-theme=neon] input{accent-color:#f74dc7}[data-board-theme=neon] .board{background:#100c25 url(/assets/neon/snail-lights.svg) 0 0/270px 48px;border:1px solid #57e8ff;border-radius:12px;padding:36px 10px;box-shadow:0 0 12px #35eaff35,inset 0 0 14px #35eaff18}[data-board-theme=neon] .lane{border:0;border-bottom:1px solid var(--lane-color);box-shadow:0 1px 5px color-mix(in srgb, var(--lane-color) 35%, transparent);background:#100e28}[data-board-theme=neon] .lane:first-child{border-top:1px solid var(--lane-color)}[data-board-theme=neon] .tile{background:radial-gradient(ellipse at 50% 110%, color-mix(in srgb, var(--lane-color) 20%, transparent), transparent 90%), linear-gradient(#17142e, #201733);image-rendering:auto;border-right:1px solid #bda5ff20;position:relative}[data-board-theme=neon] .tile:first-child:before{content:"›";color:var(--lane-color);text-shadow:0 0 8px var(--lane-color);font-size:24px;line-height:1;position:absolute;top:20%;left:38%}[data-board-theme=neon] .finish-tile{background:repeating-conic-gradient(#b6a0ff18 0% 25%,#141126 0% 50%) 0 0/12px 12px;border-left:3px solid #ae91ed}[data-board-theme=neon] .finish-tile:after{content:"";aspect-ratio:1;background:var(--lane-color);width:25%;box-shadow:0 0 10px var(--lane-color), 0 0 20px color-mix(in srgb, var(--lane-color) 50%, transparent);border-radius:50%;position:absolute;top:38%;left:37%}[data-board-theme=neon] .snail{z-index:1;min-width:0}[data-board-theme=neon] .snail img,[data-board-theme=neon] .mascot,[data-board-theme=neon] .roll img,[data-board-theme=neon] .auto-controls img{image-rendering:auto}[data-board-theme=neon] .snail img{filter:drop-shadow(0 0 4px color-mix(in srgb, var(--lane-color) 60%, transparent))}[data-board-theme=neon] .snail:hover{background:#fff1}[data-board-theme=neon] .snail.expected{box-shadow:inset 0 0 0 2px var(--lane-color), 0 0 12px color-mix(in srgb, var(--lane-color) 40%, transparent);background:#fff1}[data-board-theme=neon] .snail-number{color:#f2ecff;background:#20113ddd}[data-board-theme=neon] .finish-badge{color:#fff;background:#743cab;box-shadow:0 0 8px #dd7aff}[data-board-theme=neon] .status-light{background:#58f5d1;box-shadow:0 0 8px #58f5d1}[data-board-theme=neon] #finish-count,[data-board-theme=neon] .below-board p,[data-board-theme=neon] .sound-controls label,[data-board-theme=neon] .about,[data-board-theme=neon] footer{color:#bcb0d4}[data-board-theme=neon] .below-board strong{color:#8debff}[data-board-theme=neon] .about{border-color:#403252}[data-board-theme=neon] :focus-visible{outline-color:#6af4ff}@media (width<=650px){[data-board-theme=neon] .board{background-size:210px 38px;padding:28px 5px}[data-board-theme=neon] .tile:first-child:before{font-size:18px}}