.td{--td-hi:#ddd7cb;--td-mid:#cdc7ba;--td-lo:#bdb6a8;--td-ink:#2a2824;--td-ink2:#57524a;--td-tape:#ece0bf;--cs-cond:var(--font-barlow-cond),"Arial Narrow",sans-serif;--cs-body:var(--font-barlow),"Helvetica Neue",sans-serif;position:relative;max-width:1100px;margin-inline:auto;border-radius:16px;font-family:var(--cs-body);box-shadow:0 2px 0 rgba(0,0,0,.5),0 30px 60px -24px rgba(0,0,0,.55),0 8px 18px rgba(0,0,0,.3)}.td.is-drag{box-shadow:0 0 0 3px #e2873a,0 30px 60px -24px rgba(0,0,0,.55)}.td button{font-family:inherit}.td :focus-visible{outline:3px solid #2f6fd6;outline-offset:2px}.td-deck{position:relative;display:grid;grid-template-columns:minmax(170px,220px) minmax(0,1fr) auto;gap:28px;align-items:start;padding:30px 34px 28px;border-radius:16px;color:var(--td-ink);background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .08 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"),linear-gradient(180deg,var(--td-hi) 0,var(--td-mid) 50%,var(--td-lo) 100%);box-shadow:inset 0 2px 0 rgba(255,255,255,.7),inset 0 -1px 0 rgba(0,0,0,.15)}.td-screw{position:absolute;width:14px;height:14px;border-radius:50%;background:linear-gradient(35deg,transparent 43%,#4d4c49 44% 56%,transparent 57%),radial-gradient(circle at 35% 30%,#fbfbf9,#a3a29d 60%,#6b6a66);box-shadow:0 1px 1px rgba(255,255,255,.7),inset 0 0 0 1px rgba(0,0,0,.25)}.td-screw.s1{left:12px;top:12px}.td-screw.s2{right:12px;top:12px}.td-screw.s3{left:12px;bottom:12px}.td-screw.s4{right:12px;bottom:12px}.td-side{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px}.td-plate{align-self:center;padding:5px 14px;border-radius:4px;font:700 13px/1 var(--cs-cond);letter-spacing:.14em;text-transform:uppercase;color:var(--td-ink2);background:linear-gradient(#c3bcae,#d6d0c4);box-shadow:inset 0 1px 2px rgba(0,0,0,.25),0 1px 0 rgba(255,255,255,.6)}.td-reel-btn{position:relative;width:100%;max-width:220px;aspect-ratio:1;padding:0;border:0;background:none;cursor:pointer;border-radius:50%}.td-reel-btn.is-static{cursor:default}.td-reel{display:block;width:100%;height:100%;filter:drop-shadow(0 8px 10px rgba(0,0,0,.35))}.td-reel-turn{transform-origin:0 0}.td-reel .td-reel-turn{animation:td-spin 2.4s linear infinite paused}.td-reel.is-spin .td-reel-turn{animation-play-state:running}.td-reel.is-slow .td-reel-turn{animation-duration:7s}@keyframes td-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.td-reel .td-reel-turn{animation:none}}.td-reel-hint{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:70%;padding:10px 12px;border-radius:8px;font:700 15px/1.3 var(--cs-cond);letter-spacing:.02em;color:#f3eee4;text-align:center;background:rgba(28,26,24,.82);box-shadow:0 4px 10px rgba(0,0,0,.3)}.td-reel-btn:hover .td-reel-hint{background:rgba(28,26,24,.92)}.td-label-wrap{position:relative;width:100%;display:flex;justify-content:center}.td-mask{display:inline-flex;align-items:center;gap:8px;max-width:100%;min-height:40px;padding:6px 16px 5px;border:0;font:600 16px/1.25 var(--cs-body);color:#25221c;text-align:center;cursor:pointer;background:linear-gradient(180deg,#f2e7c8,#e5d7b0);transform:rotate(-1deg);clip-path:polygon(0 10%,2% 0,30% 4%,62% 0,98% 3%,100% 0,99% 35%,100% 70%,98% 100%,60% 96%,25% 100%,2% 97%,0 100%,1% 55%);filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}.td-mask>span:first-child{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.td-mask.is-empty,.td-mask.is-out{cursor:default;transform:rotate(1deg)}.td-mask.is-empty{color:#8a7f68}.td-out{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%}.td-pop{top:calc(100% + 8px);left:50%;transform:translateX(-50%)}.td-center{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:18px;padding-top:6px;max-width:520px;width:100%;justify-self:center}.td-counter{display:flex;align-items:center;justify-content:center;gap:14px}.td-wheels{display:inline-flex;align-items:center;padding:7px 8px;border-radius:7px;background:linear-gradient(#0c0c0c,#1d1d1d);box-shadow:inset 0 3px 6px rgba(0,0,0,.9),0 1px 0 rgba(255,255,255,.7)}.td-wheel{position:relative;width:34px;height:52px;margin:0 2px;border-radius:3px;display:grid;place-items:center;font:600 36px/1 var(--cs-cond);color:#f3efe4;background:linear-gradient(180deg,#151515,#353535 30%,#2c2c2c 49%,#000 49.5% 50.5%,#232323 51%,#2a2a2a 70%,#101010)}.td-wheel:after{content:"";position:absolute;inset:0;border-radius:3px;background:linear-gradient(180deg,rgba(0,0,0,.55),transparent 25%,transparent 75%,rgba(0,0,0,.6))}.td-colon{font:600 32px/1 var(--cs-cond);color:#f3efe4;margin:0 2px}.td-len{font:600 14px/1.2 var(--cs-cond);letter-spacing:.04em;color:var(--td-ink2)}.td-len b{display:block;font-size:20px;color:var(--td-ink)}.td .cs-readout{height:118px;justify-content:space-between;padding:12px 14px;box-shadow:inset 0 3px 8px rgba(0,0,0,.95),0 0 0 3px #1d1c1a,0 0 0 4px #8e877a,0 1px 0 4px rgba(255,255,255,.5)}.td-transport{display:flex;flex-wrap:wrap;align-items:stretch;gap:14px 16px}.td-keybed{display:flex;gap:6px;padding:8px 8px 12px;border-radius:9px;background:linear-gradient(#1f1d1b,#2d2a27);box-shadow:inset 0 4px 8px rgba(0,0,0,.75),0 1px 0 rgba(255,255,255,.7)}.td-key{position:relative;min-width:72px;height:60px;padding:0 12px;border:0;border-radius:5px 5px 7px 7px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font:600 14px/1 var(--cs-cond);letter-spacing:.03em;color:#2a2824;background:linear-gradient(180deg,#f6f4ee,#e3dfd6 70%,#d3cec3);box-shadow:inset 0 1px 0 #fff,inset 0 -3px 0 rgba(0,0,0,.07),0 6px 0 #a29c90,0 7px 0 #5d5850,0 9px 10px rgba(0,0,0,.5);transform:translateY(-6px)}.td-key svg{width:20px;height:20px;fill:#2a2824;stroke:#2a2824;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.td-key.is-down,.td-key:active:not(:disabled){transform:translateY(-1px);background:linear-gradient(180deg,#d9d5cc,#cfcabf);box-shadow:inset 0 2px 4px rgba(0,0,0,.25),0 1px 0 #8f897d,0 2px 0 #4e4a43,0 3px 4px rgba(0,0,0,.4)}.td-key:disabled{cursor:default;color:#8d877c}.td-key:disabled svg{fill:#a29c90;stroke:#a29c90}.td-kled{position:absolute;top:6px;right:7px;width:8px;height:8px;border-radius:50%;background:#2c3a26}.td-key.is-down .td-kled{background:radial-gradient(circle at 35% 30%,#f4ffe6,#86c25a 45%,#3f6a26);box-shadow:0 0 5px rgba(134,194,90,.8)}.td-key--wide{flex-direction:row;gap:8px;height:44px;transform:translateY(-4px);box-shadow:inset 0 1px 0 #fff,0 4px 0 #a29c90,0 5px 0 #5d5850,0 7px 8px rgba(0,0,0,.45)}.td-key--wide svg{fill:none}.td-go{flex:1 1 190px;min-width:0;min-height:64px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;padding:0 18px;border:0;border-radius:6px 6px 8px 8px;cursor:pointer;text-align:left;color:#2b1405;background:radial-gradient(130% 120% at 50% 20%,#ffd29a 0,#f2a252 40%,#d77a2c 80%,#b0601f 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -3px 0 rgba(0,0,0,.12),0 6px 0 #8f4c16,0 7px 0 #4a2708,0 9px 10px rgba(0,0,0,.5);transform:translateY(-6px)}.td-go b{font:700 20px/1.05 var(--cs-cond);letter-spacing:.02em}.td-go small{font:600 13px/1 var(--cs-cond);color:#4a250c}.td-go:active{transform:translateY(-1px);box-shadow:inset 0 2px 4px rgba(0,0,0,.25),0 1px 0 #8f4c16,0 2px 0 #4a2708}.td-run{height:40px;padding:0 14px;border:0;border-radius:6px;cursor:pointer;font:600 14px/1 var(--cs-cond);color:#2a2824;background:linear-gradient(180deg,#f1ede5,#dcd7cc);box-shadow:inset 0 1px 0 #fff,0 3px 0 #a29c90,0 4px 0 #5d5850,0 5px 6px rgba(0,0,0,.35);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.td-run:active{transform:translateY(2px);box-shadow:inset 0 1px 0 #fff,0 1px 0 #a29c90,0 2px 0 #5d5850}.td-balance{height:14px;text-align:center;font:600 13px/1 var(--cs-cond);letter-spacing:.06em;color:var(--td-ink2)}.td-signin{top:auto;bottom:-12px;transform:translateY(100%)}@media (max-width:980px){.td-deck{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:16px;padding:26px 18px 22px}.td-center{grid-column:1/-1;grid-row:2;max-width:none}.td-reel-btn{max-width:170px}}@media (max-width:560px){.td-transport{flex-direction:column}.td-keybed .td-key{flex:1}.td-go{flex:none;min-height:60px}.td-mask{font-size:14px}}.td-reel-btn.is-pick{transition:box-shadow .15s}.td-reel-btn.is-pick:hover{box-shadow:0 0 0 4px rgba(226,135,58,.35)}.td-reel-btn.is-heard{box-shadow:0 0 0 4px #e2873a,0 0 18px 4px rgba(226,135,58,.45)}.td-reel-btn.is-pick:after{content:"";position:absolute;left:50%;top:-14px;width:9px;height:9px;margin-left:-4.5px;border-radius:50%;background:#6b6559;box-shadow:inset 0 1px 2px rgba(0,0,0,.6)}.td-reel-btn.is-heard:after{background:#ffb15c;box-shadow:0 0 8px 2px rgba(255,160,70,.8)}.td-outs{list-style:none;margin:0;padding:0}.td-outs li{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0}.td-outs .td-mask{padding-inline:10px;font-size:15px;transform:none;max-width:100%}.td-wait{font:600 13px/1 var(--cs-cond);letter-spacing:.06em;color:#8a7f68}.td-dl{height:40px;padding:0 14px;transform:none}.td-dl svg{width:18px;height:18px}.td-outs--one li{width:210px}.td-outs--one .td-reel-btn{max-width:210px}.td-outs--two{display:flex;flex-direction:column;gap:22px}.td-outs--two li{display:grid;grid-template-columns:150px 150px;grid-template-rows:auto auto;column-gap:16px;row-gap:10px;align-items:center}.td-outs--two .td-reel-btn{grid-row:1/3;max-width:150px}.td-outs--two .td-mask{justify-self:start;align-self:end}.td-outs--two .td-dl,.td-outs--two .td-wait{justify-self:start;align-self:start}.td-outs--grid{display:grid;grid-template-columns:repeat(2,112px);gap:20px 14px;justify-content:center}.td-outs--grid .td-reel-btn{max-width:96px}.td-outs--grid .td-mask{font-size:13px;padding:4px 8px 3px;min-height:30px;text-align:center}.td-outs--grid .td-dl{height:34px;padding:0 10px}.td-outs--grid .td-dl span{display:none}.td-more{justify-content:center;align-self:center;height:96px;border-radius:50%;width:96px;margin-inline:auto;background:rgba(0,0,0,.07);box-shadow:inset 0 2px 5px rgba(0,0,0,.15);text-align:center}.td-more span{font:700 18px/1 var(--cs-cond);color:var(--td-ink)}.td-more small{font:600 11px/1.2 var(--cs-cond);color:var(--td-ink2);padding-inline:8px}@media (min-width:981px){.td-deck{grid-template-columns:minmax(180px,210px) minmax(0,1fr) auto;align-items:center}.td-deck>.td-side:first-of-type{align-self:center}.td-deck:has(.td-wide){grid-template-columns:minmax(180px,210px) minmax(0,1fr)}.td-wide{grid-column:1/-1;padding-top:18px;border-top:1px solid rgba(0,0,0,.1)}.td-wide .td-outs--grid{grid-template-columns:repeat(auto-fill,112px);width:100%}}@media (max-width:980px){.td-outs--two{flex-direction:row;justify-content:center;gap:12px}.td-outs--two li{display:flex;flex-direction:column;align-items:center;flex:1}.td-outs--one li{width:auto}.td-side--out:has(.td-outs--grid){grid-column:1/-1}.td-side--out .td-outs--grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));width:100%}}@media (max-width:560px){.td-outs .td-mask{font-size:13px;padding-inline:6px}.td-dl span{display:none}.td-dl{padding:0 12px}}.td-load{transform:none}.td-load svg{fill:none}.td-go:disabled{cursor:default;filter:saturate(.35) brightness(1.05);opacity:.8}.td-go:disabled:active{transform:none}.td-signin-link{border:0;background:none;padding:0;cursor:pointer;font:inherit;letter-spacing:inherit;color:#8a3f0c;text-decoration:underline;text-underline-offset:2px}.td-lane{width:100%;max-width:150px}.td-lane .wb-lane{position:relative;height:26px;border-radius:4px;background:#14120f;box-shadow:inset 0 1px 3px rgba(0,0,0,.8),0 1px 0 rgba(255,255,255,.5);cursor:pointer;overflow:hidden}.td-lane canvas{position:absolute;inset:0;width:100%;height:100%}.td-lane .wb-lane.is-off canvas{opacity:.3}.td-lane .wb-lane-wait{position:absolute;left:8px;top:4px;font:600 12px var(--cs-cond);color:#7d766a}.td-lane .wb-ph{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 4px rgba(255,255,255,.8);pointer-events:none}.td-outs--two li{grid-template-rows:auto auto auto}.td-outs--two .td-reel-btn{grid-row:1/4}.td-outs--two .td-lane{justify-self:start}.td-outs--grid .td-lane{max-width:104px}.td-outs--grid .td-lane .wb-lane{height:20px}.td-label-wrap .keep-note{margin:5px 0 0;min-height:16px;font:600 12px/1.3 var(--cs-cond);color:#6f675b;text-align:center}.td-label-wrap .keep-note.is-soon{color:#a3321a}.td-label-wrap:has(>.keep-note){flex-wrap:wrap}.td-label-wrap>.keep-note{flex-basis:100%}