.dds{--cab:#0a0810;--cab-2:#12101c;--plate:#0e0b16;--bezel:#07060b;--edge:#2b2540;--edge-2:#3a3358;--well:#0b0913;--paper:#f4efe2;--ink:#1b2430;--mute:#8b8aa3;--mute-2:#5d5a75;--gold:#f2b636;--gold-deep:#b3821c;--cyan:#35e5d4;--mag:#ff4f9a;--grass:#5aa34e;--disp:var(--font-disp), "Arial Black", "Avenir Next Heavy", sans-serif;--ui:var(--font-ui), "Avenir Next", "Segoe UI", system-ui, sans-serif;--px:var(--font-px), ui-monospace, Menlo, monospace;background:var(--cab);color:var(--paper);font-family:var(--ui);min-height:100vh;position:relative}.dds *,.dds :before,.dds :after{box-sizing:border-box}.dds:before,.dds:after{content:"";background:repeating-linear-gradient(135deg, #f2b63614 0 8px, transparent 8px 20px), var(--cab-2);pointer-events:none;width:26px;position:absolute;top:0;bottom:0}.dds:before{border-right:1px solid var(--edge);left:0}.dds:after{border-left:1px solid var(--edge);right:0}.dds .wrap{flex-direction:column;gap:16px;max-width:1280px;margin:0 auto;padding:22px 50px 32px;display:flex;position:relative}.dds .strip{font:400 10px/1.4 var(--px);letter-spacing:.16em;text-transform:uppercase;color:var(--mute);justify-content:space-between;align-items:center;gap:16px;display:flex}.dds .strip .brand{flex:none}.dds .strip .brand .short{display:none}.dds .strip .aside{color:var(--mute-2);text-align:right}.dds .strip .aside.hot{color:var(--mag)}.dds .marquee{border:2px solid var(--edge);background:var(--plate);text-align:center;padding:26px 30px 22px;position:relative;overflow:hidden}.dds .marquee:before{content:"";background:radial-gradient(72% 150% at 50% 112%,#f2b6362e 0%,#0000 68%);position:absolute;inset:0}.dds .marquee .inner{flex-direction:column;align-items:center;gap:13px;display:flex;position:relative}.dds .marquee h1{font:400 clamp(1.9rem, 5.2vw, 3.6rem)/1 var(--disp);letter-spacing:.045em;text-transform:uppercase;color:var(--paper);text-shadow:2px 0 #ff4f9a70,-2px 0 #35e5d470,0 0 36px #f2b63659;text-wrap:balance;margin:0}.dds .marquee .sub{align-items:center;gap:12px;display:flex}.dds .marquee .sub .rule{background:#f2b6364d;width:44px;height:2px}.dds .marquee .sub .txt{font:400 10px/1.4 var(--px);letter-spacing:.16em;text-transform:uppercase;color:var(--cyan)}.dds .kicker{background:var(--gold);color:var(--ink);font:400 10px/1 var(--px);letter-spacing:.15em;text-transform:uppercase;border-radius:0;padding:6px 11px;display:inline-block}.dds .statusbar{border:2px solid var(--edge);background:var(--plate);flex-wrap:wrap;align-items:center;gap:26px;padding:15px 20px;display:flex}.dds .statusbar .id{flex-direction:column;align-items:flex-start;gap:7px;display:flex}.dds .statusbar h1{font:400 clamp(1.2rem, 2.6vw, 1.6rem)/1 var(--disp);letter-spacing:.045em;text-transform:uppercase;color:var(--paper);text-shadow:1px 0 #ff4f9a5c,-1px 0 #35e5d45c;margin:0}.dds .statusbar .codeout{flex-direction:column;gap:8px;display:flex}.dds .statusbar .codeout .lbl,.dds .readout .lbl{font:400 9px/1 var(--px);letter-spacing:.16em;text-transform:uppercase;color:var(--cyan)}.dds .statusbar .codeout .val{border:2px solid var(--edge);background:var(--well);font:400 16px/1 var(--px);letter-spacing:.16em;text-transform:uppercase;color:var(--paper);word-break:break-all;padding:10px 13px;box-shadow:inset 0 -2px #00000080}.dds .statusbar .right{align-items:center;gap:18px;margin-left:auto;display:flex}.dds .livechip{font:400 10px/1 var(--px);letter-spacing:.16em;text-transform:uppercase;color:var(--mag);background:#24091a;border:1px solid #ff4f9a5c;align-items:center;gap:7px;padding:7px 11px;display:flex}.dds .livechip.set{color:var(--cyan);background:#0f1a26;border-color:#35e5d44d}.dds .livechip.done{color:var(--gold);background:#241c07;border-color:#f2b6364d}.dds .livechip i{background:currentColor;flex:none;width:8px;height:8px}.dds .readout{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.dds .readout .val{font:400 clamp(1.4rem, 3vw, 1.9rem)/1 var(--px);color:var(--cyan);letter-spacing:.04em;font-variant-numeric:tabular-nums}.dds .stage{background:var(--bezel);box-shadow:inset 0 0 0 1px #000, 0 0 0 1px var(--edge-2), 0 20px 54px #000000a6;border:3px solid #241f36;border-radius:0;padding:10px}.dds .screen{background:var(--grass);position:relative;overflow:hidden}.dds canvas.race{width:100%;height:auto;display:block}.dds .hud{pointer-events:none;background:#0a0812f0;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:14px;height:30px;padding:0 13px;display:flex;position:absolute;top:0;left:0;right:0}.dds .hud .group{align-items:center;gap:16px;display:flex}.dds .hud .item{font:400 9px/1 var(--px);letter-spacing:.16em;text-transform:uppercase;color:var(--mute);white-space:nowrap;align-items:center;gap:7px;display:flex}.dds .hud .item i{background:currentColor;flex:none;width:8px;height:8px}.dds .hud .item.live{color:var(--mag)}.dds .hud .item.lock{color:var(--gold)}.dds .hud .item.ready{color:var(--cyan)}.dds .scan,.dds .vig{pointer-events:none;position:absolute;inset:0}.dds .scan{background:repeating-linear-gradient(#00000038 0 1px,#0000 1px 3px)}.dds .vig{background:radial-gradient(120% 120%,#0000 52%,#00000073 100%)}.dds .countdown{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.dds .countdown span{font:400 clamp(4rem, 16vw, 9rem)/1 var(--disp);color:var(--paper);text-shadow:3px 0 #ff4f9a80,-3px 0 #35e5d480,0 0 40px #f2b63666;animation:.9s both dds-pop}.dds .countdown span.go{color:var(--gold);text-shadow:3px 0 #ff4f9a80,-3px 0 #35e5d480,0 0 48px #f2b636a6}@keyframes dds-pop{0%{opacity:0;transform:scale(.3)}25%{opacity:1;transform:scale(1.15)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.4)}}@media (prefers-reduced-motion:reduce){.dds .countdown span{animation:none}}.dds .deck{grid-template-columns:minmax(0,1fr) 372px;align-items:start;gap:16px;display:grid}.dds .panel{border:2px solid var(--edge);background:var(--plate);border-radius:0;flex-direction:column;gap:13px;padding:14px 16px 16px;display:flex}.dds .panel .head{border-bottom:1px solid #241f36;justify-content:space-between;align-items:center;gap:10px;padding-bottom:9px;display:flex}.dds .panel h2{font:400 10px/1.4 var(--px);letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);margin:0}.dds .panel .meta{font:400 9px/1.4 var(--px);letter-spacing:.16em;text-transform:uppercase;color:var(--mute-2)}.dds .panel.gold h2,.dds .panel.gold .meta.on{color:var(--gold)}.dds .controls{flex-direction:column;gap:14px;display:flex}.dds .code-field{flex-direction:column;gap:8px;display:flex}.dds .code-field label{font:400 9px/1 var(--px);letter-spacing:.16em;text-transform:uppercase;color:var(--cyan)}.dds .code-field input{border:2px solid var(--edge);background:var(--well);width:100%;color:var(--paper);caret-color:var(--gold);font:400 18px/1 var(--px);letter-spacing:.2em;text-transform:uppercase;border-radius:2px;padding:15px 16px;box-shadow:inset 0 -2px #00000080}.dds .code-field input:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-color:var(--gold)}.dds .code-field input:disabled{color:var(--mute);opacity:.7}.dds .code-hint{font:400 12px/1.55 var(--ui);letter-spacing:.02em;color:var(--mute);max-width:560px;margin:0}.dds .buttons{flex-wrap:wrap;gap:10px;display:flex}.dds button.primary,.dds button.ghost{cursor:pointer;border-radius:2px;justify-content:center;align-items:center;gap:9px;min-height:52px;display:inline-flex}.dds button.primary{appearance:none;background:var(--gold);color:var(--ink);font:400 15px/1 var(--disp);letter-spacing:.06em;text-transform:uppercase;box-shadow:0 6px 0 var(--gold-deep), 0 7px 14px #0006;border:0;padding:17px 26px;transition:transform 60ms,box-shadow 60ms}.dds button.primary:hover{filter:brightness(1.05)}.dds button.primary:active{box-shadow:0 1px 0 var(--gold-deep);transform:translateY(5px)}.dds button.primary:focus-visible{outline:3px solid var(--paper);outline-offset:3px}.dds button.primary[disabled]{border:2px solid var(--edge);color:var(--mute-2);box-shadow:none;cursor:default;filter:none;background:#14111d;transform:none}.dds button.ghost{appearance:none;border:2px solid var(--edge);color:#b8b4cc;font:600 13px/1 var(--ui);letter-spacing:.14em;text-transform:uppercase;background:#100d19;padding:15px 18px}.dds button.ghost:hover:not([disabled]){border-color:var(--gold);color:var(--gold)}.dds button.ghost:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.dds button.ghost[disabled]{opacity:.4;cursor:default}@media (prefers-reduced-motion:reduce){.dds button.primary{transition:none}}.dds .feed{flex-direction:column;gap:11px;display:flex}.dds .feed .line{align-items:baseline;gap:10px;display:flex}.dds .feed .line:before{content:"▸";font:400 11px/1.6 var(--px);color:var(--mute);flex:none}.dds .feed .line:first-child:before{content:"▸▸"}.dds .feed .line.finish:before{color:var(--gold)}.dds .feed .line.spin:before{color:var(--mag)}.dds .feed .line.boost:before{color:var(--cyan)}.dds .feed p{font:400 15px/1.4 var(--ui);letter-spacing:.02em;color:#a29eb8;margin:0}.dds .feed .line:first-child p{color:var(--paper);font-size:17px;font-weight:600}.dds .feed p b{color:var(--paper);font-weight:700}.dds .feed .finish p b{color:var(--gold)}.dds .feed .spin p b{color:var(--mag)}.dds .order{font-variant-numeric:tabular-nums;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 14px;display:grid}.dds .order .slot{background:#0c0a14;border-left:2px solid #171326;align-items:center;gap:9px;padding:8px 10px;display:flex}.dds .order .slot .n{font:400 12px/1 var(--px);color:var(--mute-2);flex:none;width:2.2em}.dds .order .slot .dot{background:#221d33;flex:none;width:11px;height:11px}.dds .order .slot .who{font:600 14px/1.1 var(--ui);letter-spacing:.03em;color:var(--mute-2)}.dds .order .slot .tail{font:400 8px/1 var(--px);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);flex:none;margin-left:auto;display:flex}.dds .order .slot.filled{border-left-color:var(--edge);background:#141024}.dds .order .slot.filled .n{color:var(--gold)}.dds .order .slot.filled .who{color:var(--paper)}.dds .order .slot.prov{background:#100d1c;border-left-color:#201b30}.dds .order .slot.prov .who{color:var(--mute);font-style:italic}.dds .order .slot.prov .dot{opacity:.45}.dds .order .slot.prov .tail{color:var(--mute-2)}.dds .order .slot.first{background:var(--gold);border-left-color:var(--gold-deep)}.dds .order .slot.first .n,.dds .order .slot.first .who,.dds .order .slot.first .tail{color:var(--ink)}.dds .order .slot.first .dot{box-shadow:0 0 0 1.5px var(--ink)}.dds .order .slot.last{background:#191426}.dds .finale{z-index:20;background:#05040ae6;justify-content:center;align-items:center;padding:16px;display:none;position:fixed;inset:0}.dds .finale.show{display:flex}.dds .board{border:3px solid var(--gold);background:var(--plate);width:100%;max-width:1010px;max-height:92vh;color:var(--paper);flex-direction:column;gap:20px;padding:28px 32px 26px;display:flex;position:relative;overflow-y:auto;box-shadow:0 0 0 1px #000,0 26px 64px #000000b3,inset 0 0 70px #f2b6360f}.dds .board .top{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.dds .board .top .titles{flex-direction:column;gap:10px;display:flex}.dds .board h2{font:400 clamp(1.5rem, 3.8vw, 2.6rem)/1 var(--disp);letter-spacing:.045em;text-transform:uppercase;color:var(--paper);text-shadow:2px 0 #ff4f9a63,-2px 0 #35e5d463;margin:0}.dds .board .eyebrow{font:400 10px/1.4 var(--px);letter-spacing:.16em;text-transform:uppercase;color:var(--cyan)}.dds .board button.close{appearance:none;cursor:pointer;border:2px solid var(--edge);color:#b8b4cc;background:#100d19;border-radius:2px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.dds .board button.close:hover{border-color:var(--gold);color:var(--gold)}.dds .board button.close:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.dds .board .codeline{border-top:1px solid #241f36;border-bottom:1px solid #241f36;flex-wrap:wrap;align-items:center;gap:14px;padding:13px 0;display:flex}.dds .board .codeline .val{border:2px solid var(--edge);background:var(--well);font:400 15px/1 var(--px);letter-spacing:.16em;text-transform:uppercase;color:var(--paper);word-break:break-all;padding:9px 12px;box-shadow:inset 0 -2px #00000080}.dds .board .codeline .note{font:400 11px/1.5 var(--ui);letter-spacing:.07em;text-transform:uppercase;color:var(--mute-2)}.dds .board .hero{background:var(--gold);color:var(--ink);align-items:center;gap:20px;padding:16px 22px;display:flex}.dds .board .hero .tro{flex:none;display:flex}.dds .board .hero .plate{background:var(--ink);flex:none;justify-content:center;align-items:center;width:62px;height:62px;display:flex}.dds .board .hero img{width:50px;height:50px;image-rendering:pixelated}.dds .board .hero .names{flex-direction:column;gap:5px;display:flex}.dds .board .hero .lbl{font:400 10px/1 var(--px);letter-spacing:.16em;text-transform:uppercase;color:#6b5410}.dds .board .hero .who{font:400 clamp(1.3rem, 3.2vw, 2rem)/1 var(--disp);letter-spacing:.04em;text-transform:uppercase;color:var(--ink)}.dds .board .hero .aside{text-align:right;font:400 10px/1.6 var(--px);letter-spacing:.12em;text-transform:uppercase;color:#6b5410;margin-left:auto}.dds .board ol{font-variant-numeric:tabular-nums;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 14px;margin:0;padding:0;list-style:none;display:grid}.dds .board li{border-left:2px solid var(--edge);background:#141024;align-items:center;gap:9px;padding:8px 10px;display:flex}.dds .board li .pk{font:400 12px/1 var(--px);color:var(--gold);flex:none;width:2.2em}.dds .board li .dot{flex:none;width:11px;height:11px}.dds .board li .who{font:600 14px/1.1 var(--ui);letter-spacing:.03em;color:var(--paper)}.dds .board li .tail{font:400 8px/1 var(--px);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin-left:auto}.dds .board li.last{background:#191426}.dds .board .again{flex-wrap:wrap;justify-content:flex-end;gap:10px;padding-top:2px;display:flex}.dds canvas.confetti{pointer-events:none;z-index:30;position:fixed;inset:0}.dds footer{font:400 11px/1.6 var(--ui);letter-spacing:.07em;text-transform:uppercase;color:var(--mute-2);max-width:900px}@media (max-width:900px){.dds .deck{grid-template-columns:minmax(0,1fr)}}@media (max-width:620px){.dds:before,.dds:after{display:none}.dds .wrap{gap:12px;padding:16px 14px 26px}.dds .strip{letter-spacing:.08em;gap:10px;font-size:8px}.dds .strip .brand .long{display:none}.dds .strip .brand .short{display:inline}.dds .marquee{padding:18px 14px 16px}.dds .statusbar{gap:14px;padding:13px 14px}.dds .statusbar .right{justify-content:space-between;width:100%;margin-left:0}.dds .hud{gap:8px;height:24px;padding:0 9px}.dds .hud .group{gap:10px}.dds .hud .item{letter-spacing:.1em;gap:5px;font-size:8px}.dds .hud .item i{width:7px;height:7px}.dds .buttons{flex-direction:column;align-items:stretch}.dds .buttons button.primary,.dds .buttons button.ghost{width:100%}.dds .board{padding:20px 16px 18px}.dds .board ol{grid-template-columns:minmax(0,1fr)}.dds .board .hero{flex-wrap:wrap;gap:14px}.dds .board .hero .aside{text-align:left;margin-left:0}}