:root{--oak:#d4a268;--felt:#9dbf5f;--birch:#f3d39c;--pine:#c98f55;--rim:#7c4f2c;--rim-deep:#553419;--walnut:#3f2716;--red:#d9482b;--red-deep:#a8321b;--sun:#f3b62f;--sun-deep:#c98a12;--blue:#3b73c8;--blue-deep:#28579e;--leaf:#4c9a45;--cream:#fff7e4;--display:"Sniglet", "Arial Rounded MT Bold", system-ui, sans-serif;--body:"Andika", system-ui, sans-serif}*{box-sizing:border-box}body{background:var(--oak);min-width:320px;color:var(--walnut);margin:0}button{font:inherit;color:inherit}.tb-page{--chrome-x:76px;--chrome-y:372px;--tile-max:112px;min-height:100svh;font-family:var(--body);background:linear-gradient(180deg, #ffeecd38, #5a2d0c24), repeating-linear-gradient(0deg, transparent 0 116px, #703e184d 116px 118px), repeating-linear-gradient(0deg, #ffffff0b 0 2px, transparent 2px 7px), repeating-linear-gradient(90deg, transparent 0 260px, #703e181f 260px 262px), var(--oak);place-items:start center;padding:12px;display:grid;overflow-x:hidden}.tb-table{grid-template-areas:"header""levels""sign""board""crate";justify-items:center;gap:10px;width:min(100%,780px);display:grid}.tb-header{grid-area:header;grid-template-columns:50px 1fr 50px;align-items:center;gap:10px;width:100%;display:grid}.tb-peg{border:3px solid var(--rim);background:radial-gradient(circle at 35% 30%, #fbe3b6, var(--birch) 55%, #e2b877);width:50px;height:50px;box-shadow:0 4px 0 var(--rim-deep);color:var(--walnut);cursor:pointer;border-radius:50%;place-items:center;text-decoration:none;transition:translate .15s,box-shadow .15s;display:grid}.tb-peg svg{width:26px;height:26px}.tb-peg:active{box-shadow:0 1px 0 var(--rim-deep);translate:0 3px}.tb-peg:focus-visible{outline:4px solid var(--blue);outline-offset:3px}.tb-title{text-align:center}.tb-title p{color:var(--rim-deep);letter-spacing:.14em;text-transform:uppercase;margin:0 0 2px;font-size:.78rem;font-weight:700}.tb-title h1{font-family:var(--display);text-shadow:0 2px 0 var(--cream), 0 5px 0 #3f271647;margin:0;font-size:clamp(1.8rem,4.6vw,2.7rem);font-weight:800;line-height:.95}.tb-title h1 span:first-child{color:var(--red)}.tb-title h1 span:last-child{color:var(--blue)}.tb-levels{grid-area:levels;justify-content:center;align-items:flex-end;gap:5px;max-width:100%;padding:0 10px 12px;display:flex;position:relative}.tb-levels:after{content:"";background:repeating-linear-gradient(90deg, var(--rim) 0 4px, transparent 4px 12px) 0 0 / 100% 100%, linear-gradient(transparent 0 2px, var(--rim-deep) 2px 5px, transparent 5px);border-radius:4px;height:7px;position:absolute;bottom:0;left:0;right:0}.tb-levels__engine{flex:none;order:99;width:52px;height:34px;margin-bottom:1px}.tb-wagon{border:2.5px solid var(--rim-deep);background:var(--birch);width:40px;height:30px;font-family:var(--display);cursor:pointer;border-radius:7px 7px 4px 4px;place-items:center;margin-bottom:7px;padding:0;font-size:1.05rem;font-weight:800;transition:translate .2s;display:grid;position:relative}.tb-wagon:before,.tb-wagon:after{content:"";background:radial-gradient(circle, var(--sun) 0 2px, var(--walnut) 2.5px);border-radius:50%;width:10px;height:10px;position:absolute;bottom:-9px}.tb-wagon:before{left:4px}.tb-wagon:after{right:4px}.tb-wagon:hover:not(:disabled){translate:0 -2px}.tb-wagon:focus-visible{outline:4px solid var(--blue);outline-offset:3px}.tb-wagon:disabled{cursor:default}.tb-wagon.is-done{background:var(--sun)}.tb-wagon.is-current{background:var(--red);border-color:var(--red-deep);color:var(--cream);translate:0 -3px}.tb-wagon.is-locked{color:#3f271659;background:#e7cfa6;border-color:#b58e5f}.tb-wagon__star{width:18px;height:18px;position:absolute;top:-15px;left:50%;translate:-50%}.tb-sign{border:3px solid var(--rim);width:100%;min-height:54px;box-shadow:0 4px 0 var(--rim-deep);background:linear-gradient(#fffaf0,#f8e8c6);border-radius:14px;grid-area:sign;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:6px 7px 6px 16px;transition:border-color .3s,box-shadow .3s;display:grid}.tb-sign p{margin:0;font-size:clamp(1rem,2.3vw,1.2rem);font-weight:700;line-height:1.25}.tb-sign.is-gap,.tb-sign.is-wrong-way,.tb-sign.is-loop,.tb-sign.is-missed,.tb-sign.is-notice{border-color:var(--red);box-shadow:0 4px 0 var(--red-deep)}.tb-sign.is-arrived{border-color:var(--leaf);box-shadow:0 4px #2f6b2b}.tb-hear{background:var(--sun);width:42px;height:42px;box-shadow:0 3px 0 var(--sun-deep);color:var(--walnut);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid}.tb-hear svg{width:22px;height:22px}.tb-hear:active{box-shadow:0 1px 0 var(--sun-deep);translate:0 2px}.tb-hear:focus-visible{outline:4px solid var(--blue);outline-offset:2px}.tb-frame{box-shadow:0 8px 0 var(--rim-deep), 0 18px 34px #4622084d, inset 0 2px 0 #ffffff2e;background:repeating-linear-gradient(97deg,#ffffff0d 0 5px,#0000 5px 14px),linear-gradient(#8d5b33,#6d4324);border-radius:28px;grid-area:board;padding:12px}.tb-mat{background:radial-gradient(#ffffff1c .9px, transparent 1.3px) 0 0 / 7px 7px, radial-gradient(#32480e21 .9px, transparent 1.3px) 3px 4px / 9px 9px, var(--felt);border-radius:18px;padding:12px;position:relative;box-shadow:inset 0 3px 10px #1e280540}.tb-mat:after{content:"";pointer-events:none;border:2px dashed #fff8e18c;border-radius:14px;position:absolute;inset:5px}.tb-board{--tile:clamp(44px, min(calc((100vw - var(--chrome-x)) / var(--cols)), calc((100svh - var(--chrome-y)) / var(--rows))), var(--tile-max));z-index:1;width:calc(var(--tile) * var(--cols));height:calc(var(--tile) * var(--rows));position:relative}.tb-board svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.tb-board__hits{grid-template-columns:repeat(var(--cols), 1fr);grid-template-rows:repeat(var(--rows), 1fr);display:grid;position:absolute;inset:0}.tb-hit{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:20%;margin:0;padding:0}.tb-hit:hover:not(:disabled){background:#fffae629}.tb-hit:active:not(:disabled){background:#fffae647}.tb-hit:focus-visible{outline:4px solid var(--sun);outline-offset:-5px}.tb-hit:disabled{cursor:default}.tb-hand{font-size:calc(var(--tile) * .44);pointer-events:none;filter:drop-shadow(0 3px 2px #2814054d);place-self:end;line-height:1;animation:1.8s ease-in-out infinite tb-point;translate:10% 45%}.tb-turn,.tb-pop,.tb-slot,.tb-puff,.tb-trouble{transform-box:fill-box;transform-origin:50%}.tb-turn{transition:transform .34s cubic-bezier(.34,1.56,.64,1)}.tb-pop{animation:.36s cubic-bezier(.34,1.56,.64,1) tb-pop}.tb-slot{animation:3s ease-in-out infinite tb-breathe}.tb-slot.is-filled{opacity:.35;animation:none}.tb-slot.is-shake{animation:.5s ease-in-out tb-shake}.tb-wave{transform-box:fill-box;transform-origin:50% 100%;animation:2.6s ease-in-out infinite tb-wave}.tb-puff{fill:#fffaf0;animation:2.4s ease-out forwards tb-puff}.tb-trouble{fill:#fff4d633;stroke:var(--sun);stroke-width:5px;stroke-dasharray:12 9;animation:1.8s ease-in-out infinite tb-trouble}.tb-trouble__mark{fill:var(--red);font-family:var(--display);font-size:22px;font-weight:800}.tb-crate{border:3px solid var(--rim-deep);background:repeating-linear-gradient(180deg, transparent 0 34px, #55341959 34px 36px), repeating-linear-gradient(92deg, #ffffff0f 0 4px, transparent 4px 13px), var(--pine);width:100%;box-shadow:0 6px 0 var(--rim-deep), inset 0 2px 0 #ffffff40;border-radius:20px;grid-area:crate;grid-template-columns:auto auto 1fr;align-items:center;gap:12px;padding:12px;display:grid}.tb-crate__pieces{gap:10px;display:flex}.tb-pick{cursor:pointer;background:#3f27163d;border:3px solid #3f27164d;border-radius:18px;width:86px;height:86px;padding:9px;transition:translate .2s,background .2s,box-shadow .2s;box-shadow:inset 0 4px 9px #28140561}.tb-pick svg{width:100%;height:100%;display:block;overflow:visible}.tb-pick:hover:not(:disabled){translate:0 -2px}.tb-pick:focus-visible{outline:4px solid var(--blue);outline-offset:3px}.tb-pick:disabled{cursor:default;opacity:.7}.tb-pick.is-held{border-color:var(--red);background:var(--cream);box-shadow:0 5px 0 var(--red-deep), 0 0 0 5px #d9482b38;translate:0 -4px}.tb-pickup{border:3px solid var(--rim);background:radial-gradient(circle at 35% 30%, #fbe3b6, var(--birch) 55%, #e2b877);width:56px;height:56px;box-shadow:0 4px 0 var(--rim-deep);color:var(--walnut);cursor:pointer;border-radius:50%;place-items:center;display:grid}.tb-pickup svg{width:28px;height:28px}.tb-pickup:active:not(:disabled){box-shadow:0 1px 0 var(--rim-deep);translate:0 3px}.tb-pickup:focus-visible{outline:4px solid var(--blue);outline-offset:3px}.tb-pickup:disabled{cursor:default;opacity:.5}.tb-go{border:3px solid var(--sun-deep);background:linear-gradient(180deg, #ffd35c, var(--sun));min-width:156px;height:76px;box-shadow:0 6px 0 var(--sun-deep);color:var(--walnut);cursor:pointer;font-family:var(--display);border-radius:40px;justify-content:center;justify-self:end;align-items:center;gap:10px;padding:0 24px 0 18px;font-size:2rem;font-weight:800;transition:translate .15s,box-shadow .15s,opacity .2s;display:flex}.tb-go__engine{flex:none;width:56px;height:36px}.tb-go:active:not(:disabled){box-shadow:0 2px 0 var(--sun-deep);translate:0 4px}.tb-go:focus-visible{outline:4px solid var(--blue);outline-offset:4px}.tb-go:disabled{cursor:default;opacity:.55}.tb-go.is-ready{animation:2.4s ease-in-out infinite tb-ready}.tb-win{z-index:10;backdrop-filter:blur(3px);background:#3f271673;place-items:center;padding:18px;animation:.4s both tb-fade;display:grid;position:fixed;inset:0;overflow:hidden}.tb-steam i{background:radial-gradient(circle,#fffaf06b,#fffaf000 70%);border-radius:50%;width:60px;height:60px;animation:14s linear infinite tb-steam;position:absolute;bottom:-70px}.tb-ticket-drop{width:min(100%,560px);filter:drop-shadow(0 8px 0 var(--sun-deep)) drop-shadow(0 22px 28px #28140561);animation:.6s cubic-bezier(.34,1.56,.64,1) both tb-ticket-in}.tb-ticket{--stub:124px;grid-template-columns:var(--stub) 1fr;color:var(--walnut);mask:radial-gradient(circle at var(--stub) 0, transparent 13px, #000 13.5px) top / 100% 51% no-repeat, radial-gradient(circle at var(--stub) 100%, transparent 13px, #000 13.5px) bottom / 100% 51% no-repeat;background:repeating-linear-gradient(135deg,#ffffff1f 0 8px,#0000 8px 16px),linear-gradient(135deg,#ffe690,#f6c643);border-radius:18px;display:grid}.tb-ticket__stub{font-family:var(--display);border-right:3px dashed #3f271659;align-content:center;justify-items:center;gap:8px;padding:18px 10px;font-size:1.3rem;font-weight:800;display:grid}.tb-ticket__engine{width:78px;height:52px}.tb-ticket__main{padding:22px 26px 24px}.tb-ticket__kicker{letter-spacing:.14em;text-transform:uppercase;opacity:.75;font-size:.8rem;font-weight:700;display:block}.tb-ticket h2{color:var(--red);font-family:var(--display);text-shadow:0 3px 0 var(--cream);margin:4px 0 8px;font-size:clamp(2.3rem,7vw,3.2rem);font-weight:800;line-height:1}.tb-ticket p{margin:0 0 18px;font-size:1.1rem;line-height:1.35}.tb-ticket__actions{flex-wrap:wrap;align-items:center;gap:12px 18px;display:flex}.tb-ticket__next{background:var(--blue);box-shadow:0 4px 0 var(--blue-deep);color:var(--cream);cursor:pointer;font-family:var(--display);border:0;border-radius:30px;padding:12px 24px;font-size:1.3rem;font-weight:800}.tb-ticket__next:active{box-shadow:0 1px 0 var(--blue-deep);translate:0 3px}.tb-ticket__next:focus-visible{outline:4px solid var(--walnut);outline-offset:3px}.tb-ticket__stay{cursor:pointer;text-underline-offset:4px;background:0 0;border:0;padding:6px 2px;font-weight:700;text-decoration:underline}.tb-ticket__stay:focus-visible{outline:3px solid var(--walnut);outline-offset:3px}@keyframes tb-pop{0%{opacity:.4;transform:scale(.6)}}@keyframes tb-breathe{50%{opacity:.6}}@keyframes tb-shake{20%,60%{transform:translate(-7px)}40%,80%{transform:translate(7px)}}@keyframes tb-wave{50%{transform:translateY(-3px)rotate(-5deg)}}@keyframes tb-puff{0%{opacity:.9;transform:scale(.5)}to{opacity:0;transform:scale(2.8)}}@keyframes tb-trouble{50%{transform:scale(.92)}}@keyframes tb-point{50%{translate:10% 25%}}@keyframes tb-ready{50%{box-shadow:0 6px 0 var(--sun-deep), 0 0 0 9px #f3b62f59}}@keyframes tb-fade{0%{opacity:0}}@keyframes tb-ticket-in{0%{opacity:0;transform:translateY(40px)rotate(-4deg)}}@keyframes tb-steam{to{transform:translateY(-120vh)scale(2.2)}}@media (width>=900px) and (aspect-ratio>=5/4){.tb-page{--chrome-x:calc(100vw - min(100vw, 1180px) + 318px);--chrome-y:286px;--tile-max:124px;padding:16px 20px}.tb-table{grid-template-columns:auto 196px;grid-template-areas:"header header""levels levels""sign crate""board crate";column-gap:20px;width:auto}.tb-crate{flex-direction:column;align-self:stretch;align-items:center;gap:14px;display:flex}.tb-crate__pieces{flex-direction:column;gap:14px}.tb-pick{width:104px;height:104px}.tb-go{border-radius:28px;flex-direction:column;gap:0;width:100%;min-width:0;height:96px;margin-top:auto;padding:6px 10px;font-size:1.9rem}}@media (width<=560px){.tb-page{--chrome-x:48px;--chrome-y:332px;padding:8px}.tb-table{gap:8px}.tb-header{grid-template-columns:44px 1fr 44px;gap:6px}.tb-peg{width:44px;height:44px}.tb-peg svg{width:22px;height:22px}.tb-title p{font-size:.68rem}.tb-levels{gap:3px;padding:0 4px 11px}.tb-levels__engine{width:38px;height:26px}.tb-wagon{border-width:2px;border-radius:5px 5px 3px 3px;width:27px;height:25px;font-size:.85rem}.tb-wagon:before,.tb-wagon:after{width:8px;height:8px;bottom:-8px}.tb-wagon:before{left:2px}.tb-wagon:after{right:2px}.tb-wagon__star{width:15px;height:15px;top:-13px}.tb-sign{min-height:50px;padding-left:12px}.tb-sign p{font-size:.98rem}.tb-hear{width:38px;height:38px}.tb-frame{border-radius:22px;padding:8px}.tb-mat{border-radius:15px;padding:8px}.tb-mat:after{inset:3px}.tb-crate{gap:8px;padding:9px}.tb-crate__pieces{gap:8px}.tb-pick{border-radius:15px;width:70px;height:70px;padding:7px}.tb-pickup{width:48px;height:48px}.tb-go{gap:6px;min-width:0;height:66px;padding:0 16px 0 12px;font-size:1.5rem}.tb-go__engine{width:40px;height:26px}.tb-ticket{--stub:88px}.tb-ticket__engine{width:58px;height:38px}.tb-ticket__main{padding:18px 18px 20px}.tb-ticket p{font-size:1rem}}@media (width<=370px){.tb-pick{width:60px;height:60px}.tb-go__engine{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.tb-steam{display:none}}