.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;max-width:1100px;font-family:var(--cs-body);border-radius:16px;margin-inline:auto;position:relative;box-shadow:0 2px #00000080,0 30px 60px -24px #0000008c,0 8px 18px #0000004d}.td.is-drag{box-shadow:0 0 0 3px #e2873a,0 30px 60px -24px #0000008c}.td button{font-family:inherit}.td :focus-visible{outline-offset:2px;outline:3px solid #2f6fd6}.td-deck{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%);border-radius:16px;grid-template-columns:minmax(170px,220px) minmax(0,1fr) auto;align-items:start;gap:28px;padding:30px 34px 28px;display:grid;position:relative;box-shadow:inset 0 2px #ffffffb3,inset 0 -1px #00000026}.td-screw{background:linear-gradient(35deg,#0000 43%,#4d4c49 44% 56%,#0000 57%),radial-gradient(circle at 35% 30%,#fbfbf9,#a3a29d 60%,#6b6a66);border-radius:50%;width:14px;height:14px;position:absolute;box-shadow:0 1px 1px #ffffffb3,inset 0 0 0 1px #00000040}.td-screw.s1{top:12px;left:12px}.td-screw.s2{top:12px;right:12px}.td-screw.s3{bottom:12px;left:12px}.td-screw.s4{bottom:12px;right:12px}.td-side{flex-direction:column;align-items:center;gap:14px;display:flex;position:relative}.td-plate{font:700 13px/1 var(--cs-cond);letter-spacing:.14em;text-transform:uppercase;color:var(--td-ink2);background:linear-gradient(#c3bcae,#d6d0c4);border-radius:4px;align-self:center;padding:5px 14px;box-shadow:inset 0 1px 2px #00000040,0 1px #fff9}.td-reel-btn{aspect-ratio:1;cursor:pointer;background:0 0;border:0;border-radius:50%;width:100%;max-width:220px;padding:0;position:relative}.td-reel-btn.is-static{cursor:default}.td-reel{filter:drop-shadow(0 8px 10px #00000059);width:100%;height:100%;display:block}.td-reel-turn{transform-origin:0 0}.td-reel .td-reel-turn{animation:2.4s linear infinite paused td-spin}.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(360deg)}}@media (prefers-reduced-motion:reduce){.td-reel .td-reel-turn{animation:none}}.td-reel-hint{width:70%;font:700 15px/1.3 var(--cs-cond);letter-spacing:.02em;color:#f3eee4;text-align:center;background:#1c1a18d1;border-radius:8px;padding:10px 12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 10px #0000004d}.td-reel-btn:hover .td-reel-hint{background:#1c1a18eb}.td-label-wrap{justify-content:center;width:100%;display:flex;position:relative}.td-mask{max-width:100%;min-height:40px;font:600 16px/1.25 var(--cs-body);color:#25221c;text-align:center;cursor:pointer;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 #00000040);background:linear-gradient(#f2e7c8,#e5d7b0);border:0;align-items:center;gap:8px;padding:6px 16px 5px;display:inline-flex;transform:rotate(-1deg)}.td-mask>span:first-child{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.td-mask.is-out{cursor:default;transform:rotate(1deg)}.td-mask.is-empty{cursor:default;color:#8a7f68;transform:rotate(1deg)}.td-out{flex-direction:column;align-items:center;gap:14px;width:100%;display:flex}.td-pop{top:calc(100% + 8px);left:50%;transform:translate(-50%)}.td-center{flex-direction:column;justify-self:center;align-items:stretch;gap:18px;width:100%;max-width:520px;padding-top:6px;display:flex;position:relative}.td-counter{justify-content:center;align-items:center;gap:14px;display:flex}.td-wheels{background:linear-gradient(#0c0c0c,#1d1d1d);border-radius:7px;align-items:center;padding:7px 8px;display:inline-flex;box-shadow:inset 0 3px 6px #000000e6,0 1px #ffffffb3}.td-wheel{width:34px;height:52px;font:600 36px/1 var(--cs-cond);color:#f3efe4;background:linear-gradient(#151515 0%,#353535 30%,#2c2c2c 49%,#000 49.5% 50.5%,#232323 51%,#2a2a2a 70%,#101010 100%);border-radius:3px;place-items:center;margin:0 2px;display:grid;position:relative}.td-wheel:after{content:"";background:linear-gradient(#0000008c,#0000 25% 75%,#0009);border-radius:3px;position:absolute;inset:0}.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{color:var(--td-ink);font-size:20px;display:block}.td .cs-readout{justify-content:space-between;height:118px;padding:12px 14px;box-shadow:inset 0 3px 8px #000000f2,0 0 0 3px #1d1c1a,0 0 0 4px #8e877a,0 1px 0 4px #ffffff80}.td-transport{flex-wrap:wrap;align-items:stretch;gap:14px 16px;display:flex}.td-keybed{background:linear-gradient(#1f1d1b,#2d2a27);border-radius:9px;gap:6px;padding:8px 8px 12px;display:flex;box-shadow:inset 0 4px 8px #000000bf,0 1px #ffffffb3}.td-key{cursor:pointer;min-width:72px;height:60px;font:600 14px/1 var(--cs-cond);letter-spacing:.03em;color:#2a2824;background:linear-gradient(#f6f4ee 0%,#e3dfd6 70%,#d3cec3 100%);border:0;border-radius:5px 5px 7px 7px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:0 12px;display:flex;position:relative;transform:translateY(-6px);box-shadow:inset 0 1px #fff,inset 0 -3px #00000012,0 6px #a29c90,0 7px #5d5850,0 9px 10px #00000080}.td-key svg{fill:#2a2824;stroke:#2a2824;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.td-key:active:not(:disabled),.td-key.is-down{background:linear-gradient(#d9d5cc,#cfcabf);transform:translateY(-1px);box-shadow:inset 0 2px 4px #00000040,0 1px #8f897d,0 2px #4e4a43,0 3px 4px #0006}.td-key:disabled{cursor:default;color:#8d877c}.td-key:disabled svg{fill:#a29c90;stroke:#a29c90}.td-kled{background:#2c3a26;border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:7px}.td-key.is-down .td-kled{background:radial-gradient(circle at 35% 30%,#f4ffe6,#86c25a 45%,#3f6a26);box-shadow:0 0 5px #86c25acc}.td-key--wide{flex-direction:row;gap:8px;height:44px;transform:translateY(-4px);box-shadow:inset 0 1px #fff,0 4px #a29c90,0 5px #5d5850,0 7px 8px #00000073}.td-key--wide svg{fill:none}.td-go{cursor:pointer;text-align:left;color:#2b1405;background:radial-gradient(130% 120% at 50% 20%,#ffd29a 0%,#f2a252 40%,#d77a2c 80%,#b0601f 100%);border:0;border-radius:6px 6px 8px 8px;flex-direction:column;flex:190px;justify-content:center;align-items:flex-start;gap:4px;min-width:0;min-height:64px;padding:0 18px;display:flex;transform:translateY(-6px);box-shadow:inset 0 1px #ffffff8c,inset 0 -3px #0000001f,0 6px #8f4c16,0 7px #4a2708,0 9px 10px #00000080}.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 #00000040,0 1px #8f4c16,0 2px #4a2708}.td-run{cursor:pointer;height:40px;font:600 14px/1 var(--cs-cond);color:#2a2824;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#f1ede5,#dcd7cc);border:0;border-radius:6px;padding:0 14px;overflow:hidden;box-shadow:inset 0 1px #fff,0 3px #a29c90,0 4px #5d5850,0 5px 6px #00000059}.td-run:active{transform:translateY(2px);box-shadow:inset 0 1px #fff,0 1px #a29c90,0 2px #5d5850}.td-balance{text-align:center;height:14px;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-area:2/1/auto/-1;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 #e2873a59}.td-reel-btn.is-heard{box-shadow:0 0 0 4px #e2873a,0 0 18px 4px #e2873a73}.td-reel-btn.is-pick:after{content:"";background:#6b6559;border-radius:50%;width:9px;height:9px;margin-left:-4.5px;position:absolute;top:-14px;left:50%;box-shadow:inset 0 1px 2px #0009}.td-reel-btn.is-heard:after{background:#ffb15c;box-shadow:0 0 8px 2px #ffa046cc}.td-outs{margin:0;padding:0;list-style:none}.td-outs li{flex-direction:column;align-items:center;gap:10px;min-width:0;display:flex}.td-outs .td-mask{max-width:100%;padding-inline:10px;font-size:15px;transform:none}.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{flex-direction:column;gap:22px;display:flex}.td-outs--two li{grid-template-rows:auto auto;grid-template-columns:150px 150px;align-items:center;gap:10px 16px;display:grid}.td-outs--two .td-reel-btn{grid-row:1/3;max-width:150px}.td-outs--two .td-mask{place-self:end start}.td-outs--two .td-dl,.td-outs--two .td-wait{place-self:start}.td-outs--grid{grid-template-columns:repeat(2,112px);justify-content:center;gap:20px 14px;display:grid}.td-outs--grid .td-reel-btn{max-width:96px}.td-outs--grid .td-mask{text-align:center;min-height:30px;padding:4px 8px 3px;font-size:13px}.td-outs--grid .td-dl{height:34px;padding:0 10px}.td-outs--grid .td-dl span{display:none}.td-more{text-align:center;background:#00000012;border-radius:50%;justify-content:center;align-self:center;width:96px;height:96px;margin-inline:auto;box-shadow:inset 0 2px 5px #00000026}.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{border-top:1px solid #0000001a;grid-column:1/-1;padding-top:18px}.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{flex-direction:column;flex:1;align-items:center;display:flex}.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{padding-inline:6px;font-size:13px}.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{cursor:pointer;font:inherit;letter-spacing:inherit;color:#8a3f0c;text-underline-offset:2px;background:0 0;border:0;padding:0;text-decoration:underline}.td-lane{width:100%;max-width:150px}.td-lane .wb-lane{cursor:pointer;background:#14120f;border-radius:4px;height:26px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #000c,0 1px #ffffff80}.td-lane canvas{width:100%;height:100%;position:absolute;inset:0}.td-lane .wb-lane.is-off canvas{opacity:.3}.td-lane .wb-lane-wait{font:600 12px var(--cs-cond);color:#7d766a;position:absolute;top:4px;left:8px}.td-lane .wb-ph{pointer-events:none;background:#fff;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;box-shadow:0 0 4px #fffc}.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{min-height:16px;font:600 12px/1.3 var(--cs-cond);color:#6f675b;text-align:center;margin:5px 0 0}.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%}