@font-face{font-family:DM Serif Display;src:url(/assets/DMSerifDisplay-Regular-CVKzmwbz.ttf)format("truetype");font-display:block}@font-face{font-family:Bebas Neue;src:url(/assets/BebasNeue-Regular-37KXJlK_.ttf)format("truetype");font-display:block}:root{--panel:#120c0ad1;--panel-solid:#140e0b;--brass:#d9b45a;--brass-dim:#8a6a2e;--cream:#f5efe0;--muted:#b9ab8e;--win:#7cff9b;--lose:#ff6b6b;--red:#d1283a;--serif:"DM Serif Display", Georgia, serif;--numbers:"Bebas Neue", "Oswald", Impact, sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;color:var(--cream);font-family:var(--serif);-webkit-font-smoothing:antialiased;background:#070504;margin:0;overflow:hidden}canvas{display:block}.hud-root{pointer-events:none;position:fixed;inset:0}.stage{transform-origin:50%;width:1920px;height:1080px;position:absolute;top:50%;left:50%}.stage button,.stage select{pointer-events:auto}.eyebrow{font-family:var(--numbers);letter-spacing:.22em;color:var(--brass);text-transform:uppercase;font-size:18px}.hint{color:var(--muted);font-family:system-ui,sans-serif;font-size:15px}.panel{background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #d9b45a59;box-shadow:0 18px 50px #0000008c,inset 0 1px #ffffff0f}.join-card{background:var(--panel);border:1px solid #d9b45a59;border-radius:18px;align-items:center;gap:18px;padding:14px 22px 14px 14px;display:flex;position:absolute;top:34px;left:34px;box-shadow:0 18px 50px #0000008c}.join-card .qr{background:#f5eedd;border-radius:10px;width:118px;height:118px;overflow:hidden}.join-card .qr svg{width:100%;height:100%;display:block}.join-card .code{font-family:var(--numbers);letter-spacing:.14em;color:var(--cream);font-size:64px;line-height:.95}.join-card .hint{max-width:220px}.join-card.big{gap:32px;width:fit-content;margin:34px auto 30px;padding:24px 36px 24px 24px;position:relative;top:0;left:0}.join-card.big .qr{width:230px;height:230px}.join-card.big .code{font-size:120px}.join-card.big .hint{max-width:320px;font-size:18px}.start-overlay{pointer-events:auto;background:radial-gradient(#0a060473,#050302e6);place-items:center;display:grid;position:absolute;inset:0}.start-card{text-align:center}.brand{font-family:var(--serif);color:var(--cream);text-shadow:0 6px 40px #000c;font-size:150px;line-height:1}.brand span{font-family:var(--numbers);color:var(--brass);letter-spacing:.2em;vertical-align:.9em;margin-left:18px;font-size:64px}.tagline{font-family:var(--numbers);letter-spacing:.3em;color:var(--brass);text-transform:uppercase;font-size:26px}.site-link{color:var(--muted);text-underline-offset:3px;margin-top:8px;font-family:system-ui,sans-serif;font-size:15px;display:inline-block}.site-link:hover{color:inherit}.start-button{font-family:var(--numbers);letter-spacing:.18em;border:2px solid var(--brass);color:#1a1109;cursor:pointer;background:linear-gradient(#f3d989,#c99a3b);border-radius:999px;margin-bottom:14px;padding:16px 64px 12px;font-size:40px;box-shadow:0 10px 40px #d9b45a59}.start-button:hover{filter:brightness(1.08)}.scoreboard{background:var(--panel);border:1px solid #d9b45a59;border-radius:16px;align-items:center;gap:18px;padding:12px 18px;display:flex;position:absolute;bottom:30px;right:34px;box-shadow:0 18px 50px #0000008c}.puck-col{border-right:1px solid #d9b45a40;flex-direction:column;align-items:center;gap:4px;padding-right:18px;display:flex}.puck-col .eyebrow{font-size:14px}.puck{width:70px;height:70px;font-family:var(--numbers);letter-spacing:.04em;border-radius:50%;place-items:center;font-size:34px;display:grid;box-shadow:inset 0 -4px #00000040,0 6px 18px #00000080}.puck.on{color:#111;background:radial-gradient(circle at 35% 30%,#fff,#dcd6c8);border:4px solid #111;font-size:44px}.puck.off{color:#f2f2f2;background:radial-gradient(circle at 35% 30%,#3a3a3a,#0c0c0c);border:4px solid #f2f2f2;font-size:26px}.history{align-items:flex-end;gap:8px;display:flex}.history-cell{opacity:.85;background:#ffffff0a;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:4px 6px;display:flex}.history-cell.latest{opacity:1;background:#d9b45a2e;padding:6px 10px}.history-cell .dice{gap:3px;display:flex}.history-cell .sum{font-family:var(--numbers);color:var(--cream);font-size:30px;line-height:1}.history-cell.latest .sum{font-size:44px}.history-cell.seven .sum{color:var(--lose)}.history-cell.craps .sum{color:#ffc34d}.history-cell.yo .sum{color:var(--win)}.mini-die{background:linear-gradient(145deg,#d31f2e,#8e0c17);border-radius:22%;display:inline-block;position:relative;box-shadow:inset 0 -2px #00000059,0 2px 4px #00000080}.mini-die .pip{background:#f7f4ec;border-radius:50%;width:18%;height:18%;position:absolute}.call-banner{background:var(--panel);white-space:nowrap;border:1px solid #d9b45a59;border-radius:999px;align-items:center;gap:22px;max-width:1240px;padding:12px 34px;display:flex;position:absolute;top:40px;left:50%;transform:translate(-50%);box-shadow:0 18px 50px #0000008c}.call-banner .call-text{font-family:var(--serif);font-size:34px}.call-banner.idle .call-text{color:var(--muted);font-size:26px}.call-banner.rolling .call-text{font-family:var(--numbers);letter-spacing:.25em;color:var(--brass);font-size:42px;animation:.9s ease-in-out infinite pulse}.call-banner.call{animation:.35s cubic-bezier(.2,1.4,.4,1) pop-in}.call-banner.call.big{border-color:var(--brass);padding:16px 42px}.call-banner.call.big .call-text{font-size:44px}.call-banner.seven-out{border-color:var(--red);background:#3c080ce0}.call-sum{font-family:var(--numbers);color:var(--brass);text-align:center;min-width:56px;font-size:64px;line-height:.9}@keyframes pop-in{0%{opacity:0;transform:translate(-50%)scale(.7)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes pulse{50%{opacity:.55}}.player-rail{gap:14px;max-width:1180px;display:flex;position:absolute;bottom:30px;left:34px}.plate{background:var(--panel);border:1px solid #d9b45a4d;border-radius:14px;min-width:150px;transition:transform .3s,opacity .3s;display:flex;position:relative;box-shadow:0 14px 40px #0000008c}.plate.shooting{border-color:var(--brass);transform:translateY(-8px);box-shadow:0 0 0 2px #d9b45a66,0 20px 50px #0009}.plate.away{opacity:.45}.plate-bar{background:var(--pc);border-radius:14px 0 0 14px;width:8px}.plate-body{padding:10px 16px 10px 14px}.plate-name{white-space:nowrap;font-size:24px;line-height:1.1}.plate-name .tag{font-family:var(--numbers);letter-spacing:.15em;color:var(--muted);vertical-align:middle;background:#ffffff1a;border-radius:4px;margin-left:8px;padding:1px 6px;font-size:14px}.plate-money{font-family:var(--numbers);color:var(--cream);font-size:34px;line-height:1}.plate-sub{color:var(--muted);font-family:system-ui,sans-serif;font-size:13px}.shooter-badge{font-family:var(--numbers);letter-spacing:.2em;color:#1a1109;background:linear-gradient(#f3d989,#c99a3b);border-radius:999px;padding:3px 10px 1px;font-size:15px;position:absolute;top:-14px;right:12px}.net-popup{font-family:var(--numbers);letter-spacing:.04em;text-shadow:0 4px 16px #000000e6;pointer-events:none;font-size:44px;animation:4.2s ease-out forwards float-up;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.net-popup.win{color:var(--win)}.net-popup.lose{color:var(--lose)}@keyframes float-up{0%{opacity:0;transform:translate(-50%,20px)scale(.8)}10%{opacity:1;transform:translate(-50%,-30px)scale(1.1)}80%{opacity:1;transform:translate(-50%,-60px)scale(1)}to{opacity:0;transform:translate(-50%,-80px)scale(1)}}.start-row{justify-content:center;align-items:center;gap:28px;margin:26px 0;display:flex}.start-row .join-card.big{margin:0}.settings-card{background:var(--panel);text-align:left;pointer-events:auto;border:1px solid #d9b45a59;border-radius:18px;width:640px;padding:20px 24px 12px;box-shadow:0 18px 50px #0000008c}.settings-title{font-family:var(--serif);margin-bottom:8px;font-size:30px}.settings-row{border-top:1px solid #d9b45a24;justify-content:space-between;align-items:center;gap:18px;padding:9px 0;display:flex}.settings-hint{color:var(--muted);max-width:250px;font-family:system-ui,sans-serif;font-size:13px}.segmented{border:1px solid #d9b45a73;border-radius:999px;flex-shrink:0;display:flex;overflow:hidden}.segmented button{font-family:var(--numbers);letter-spacing:.06em;color:var(--cream);cursor:pointer;background:0 0;border:none;padding:7px 13px 5px;font-size:19px}.segmented button+button{border-left:1px solid #d9b45a40}.segmented button.active{color:#1a1109;background:linear-gradient(#f3d989,#c99a3b)}.settings-button{font-family:var(--numbers);letter-spacing:.14em;background:var(--panel);color:var(--brass);cursor:pointer;text-transform:uppercase;border:1px solid #d9b45a73;border-radius:999px;padding:10px 18px 8px;font-size:18px;position:absolute;top:34px;right:34px}.settings-modal{pointer-events:auto;background:#05030299;place-items:center;display:grid;position:absolute;inset:0}.settings-done{font-family:var(--numbers);letter-spacing:.16em;border:2px solid var(--brass);color:#1a1109;cursor:pointer;background:linear-gradient(#f3d989,#c99a3b);border-radius:999px;margin:14px auto 0;padding:10px 40px 8px;font-size:24px;display:block}.clock-pill{font-family:var(--numbers);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:5px 14px 3px;font-size:22px}.clock-pill.betting{color:#1a1109;background:linear-gradient(#f3d989,#c99a3b)}.clock-pill.shot{color:var(--cream);border:1px solid #f5efe066}.clock-pill.urgent,.shooter-badge.urgent{color:#fff;background:var(--red);border-color:var(--red);animation:.8s ease-in-out infinite pulse}.call-banner.chatter .call-text{color:var(--cream);font-style:italic}.bet-callout{border-left:.3em solid var(--pc);white-space:nowrap;background:#0e0a08db;border-radius:.5em;flex-direction:column;align-items:flex-start;padding:.25em .7em .2em .6em;font-size:clamp(14px,1.15vw,28px);animation:2.6s ease-out forwards callout;display:flex;transform:translateY(-2.2em);box-shadow:0 .4em 1.2em #0009}.bet-callout .who{font-family:var(--serif);color:var(--cream);font-size:1.05em;line-height:1.1}.bet-callout .what{font-family:var(--numbers);letter-spacing:.06em;color:var(--brass);font-size:1.1em}@keyframes callout{0%{opacity:0;transform:translateY(-1.2em)scale(.85)}10%{opacity:1;transform:translateY(-2.2em)scale(1)}80%{opacity:1;transform:translateY(-2.6em)}to{opacity:0;transform:translateY(-3em)}}.notices{flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:130px;left:50%;transform:translate(-50%)}.notice{background:var(--panel);border:1px solid #d9b45a59;border-radius:10px;padding:10px 18px;font-family:system-ui,sans-serif;font-size:18px}.notice.error{border-color:var(--lose)}.booting{color:var(--muted);place-items:center;font-size:40px;display:grid;position:absolute;inset:0}.fatal{background:var(--panel-solid);border:1px solid var(--lose);border-radius:20px;width:900px;padding:40px 48px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fatal-title{margin-bottom:14px;font-size:44px}.fatal-body{color:var(--muted);font-family:system-ui,sans-serif;font-size:22px;line-height:1.5}.dev-panel{pointer-events:auto;background:#0a0a0ad9;border:1px dashed #666;border-radius:12px;padding:10px;font-family:system-ui,sans-serif;position:absolute;top:96px;right:34px}.dev-panel button,.dev-panel select{color:#eee;cursor:pointer;background:#222;border:1px solid #555;border-radius:6px;padding:6px 10px;font-size:15px}.dev-row{gap:6px;margin-top:6px;display:flex}.dev-toggle{width:100%}body:has(.hud-root.broadcast){cursor:none}.hud-root.broadcast{z-index:30}.hud-root.broadcast .notices{top:auto;bottom:170px}.stream-overlay{flex-direction:column;align-items:flex-start;gap:14px;display:flex;position:absolute;top:34px;left:34px}.stream-overlay .join-card{position:relative;top:0;left:0}.stream-card{background:var(--panel);border:1px solid #d9b45a59;border-radius:18px;width:400px;padding:16px 22px 14px;box-shadow:0 18px 50px #0000008c}.stream-brand{align-items:center;gap:14px;display:flex}.stream-brand .brand{font-size:44px}.stream-brand .brand span{margin-left:8px;font-size:22px}.live-pill{font-family:var(--numbers);letter-spacing:.18em;text-transform:uppercase;background:var(--red);color:#fff;border-radius:6px;padding:3px 10px 1px;font-size:20px;animation:2.4s ease-in-out infinite pulse;box-shadow:0 0 18px #d1283a99}.stream-session{font-family:var(--numbers);letter-spacing:.12em;color:var(--brass);margin:4px 0 12px;font-size:24px}.stream-panel{border-top:1px solid #d9b45a40;min-height:150px;padding-top:10px;animation:.6s ease-out fade-in}.stream-stats{gap:18px;margin:8px 0 6px;display:flex}.stream-stat-value{font-family:var(--numbers);font-size:40px;line-height:1}.stream-stat-label,.stream-line,.stream-footnote{color:var(--muted);font-family:system-ui,sans-serif;font-size:15px}.stream-line{margin-top:4px}.stream-commands{font-family:var(--numbers);letter-spacing:.06em;word-spacing:.3em;color:var(--cream);margin:6px 0;font-size:24px}.stream-footnote{opacity:.7;margin-top:10px;font-size:12px}.stream-leaders{counter-reset:leader;margin:8px 0 0;padding:0;list-style:none}.stream-leaders li{counter-increment:leader;justify-content:space-between;gap:12px;font-size:22px;line-height:1.35;display:flex}.stream-leaders li:before{content:counter(leader);width:22px;font-family:var(--numbers);color:var(--brass)}.stream-leaders .name{flex:1}.stream-leaders .net{font-family:var(--numbers);letter-spacing:.04em}.stream-leaders .net.up{color:var(--win)}.stream-leaders .net.down{color:var(--lose)}.plate-strategy{color:var(--brass);opacity:.9;font-family:system-ui,sans-serif;font-size:12px}.highlight-banner{text-align:center;border:2px solid var(--brass);background:radial-gradient(at 50% 0,#d9b45a59,#120c0aeb 70%);border-radius:22px;padding:18px 56px 16px;animation:.5s cubic-bezier(.2,1.5,.4,1) highlight-in;position:absolute;top:130px;left:50%;transform:translate(-50%);box-shadow:0 0 60px #d9b45a73,0 24px 60px #0009}.highlight-banner.bigWin,.highlight-banner.fire{border-color:#ffb13d;box-shadow:0 0 80px #ff96288c,0 24px 60px #0009}.highlight-title{font-family:var(--numbers);letter-spacing:.08em;color:var(--cream);text-shadow:0 0 30px #d9b45ab3;font-size:76px;line-height:1}.highlight-detail{font-family:var(--serif);color:var(--brass);margin-top:6px;font-size:28px}@keyframes highlight-in{0%{opacity:0;transform:translate(-50%)scale(.4)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.stream-side{flex-direction:column;gap:14px;width:380px;display:flex;position:absolute;top:34px;right:34px}.chat-panel{background:var(--panel);border:1px solid #d9b45a59;border-radius:18px;padding:14px 18px 12px;box-shadow:0 18px 50px #0000008c}.chat-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.chat-clock{font-family:var(--numbers);letter-spacing:.1em;color:var(--muted);border:1px solid #d9b45a4d;border-radius:999px;padding:2px 10px 0;font-size:20px}.chat-clock.open{color:#1a1210;background:var(--brass)}.chat-dice{border:1px solid var(--red);background:#d1283a40;border-radius:10px;margin-bottom:10px;padding:8px 10px;font-family:system-ui,sans-serif;font-size:16px}.chat-throws{float:right;color:var(--muted)}.chat-options{flex-direction:column;gap:6px;display:flex}.chat-option{background:#ffffff0d;border-radius:8px;justify-content:space-between;align-items:center;padding:5px 10px;font-size:21px;display:flex;position:relative;overflow:hidden}.chat-bar{background:linear-gradient(90deg,#d9b45a80,#d9b45a1f);transition:width .4s ease-out;position:absolute;inset:0 auto 0 0}.chat-label,.chat-votes{position:relative}.chat-votes{font-family:var(--numbers);color:var(--brass);font-size:26px}.chat-last{color:var(--cream);margin-top:10px;font-family:system-ui,sans-serif;font-size:15px}.chat-spotlight{background:#ffb13d2e;border:1px solid #ffb13d;border-radius:10px;margin-top:8px;padding:8px 10px;font-size:18px}.chat-recent{color:var(--muted);flex-direction:column;gap:2px;margin-top:10px;font-family:system-ui,sans-serif;font-size:13px;display:flex}.chat-recent b{color:var(--cream);font-weight:600}.chat-platform{color:#fff;border-radius:3px;margin-right:6px;padding:1px 4px;font-size:10px;font-weight:700;display:inline-block}.chat-platform.youtube{background:#f03}.chat-platform.twitch{background:#9146ff}.viewers-panel .stream-line b{font-family:var(--numbers);letter-spacing:.04em;color:var(--cream);font-size:18px;font-weight:400}.viewers-board{border-top:1px solid #d9b45a33;margin-top:10px;padding-top:8px;animation:.6s ease-out fade-in}.viewers-board-title{font-size:15px}.viewers-board .stream-leaders li{font-size:19px}.tourney-panel.live,.tourney-panel.registration{border-color:var(--brass);box-shadow:0 0 30px #d9b45a40,0 18px 50px #0000008c}.tourney-panel .stream-line b{color:var(--cream)}.tourney-panel .stream-leaders li{font-size:19px}.tip-card{text-align:center;background:var(--panel);border:1px solid var(--brass);border-radius:18px;max-width:900px;padding:14px 28px 16px;animation:.6s ease-out fade-in;position:absolute;bottom:150px;left:50%;transform:translate(-50%);box-shadow:0 18px 50px #0000008c}.tip-text{font-family:var(--serif);margin-top:4px;font-size:28px;line-height:1.25}.lesson-badge{font-family:var(--serif);color:var(--cream);text-shadow:0 4px 24px #000c;font-size:40px;position:absolute;top:34px;left:34px}.lesson-badge span{font-family:var(--numbers);letter-spacing:.2em;color:var(--brass);vertical-align:.9em;margin-left:8px;font-size:20px}.lesson-caption{background:var(--panel);border:1px solid #d9b45a73;border-radius:20px;width:1200px;padding:16px 30px 20px;position:absolute;bottom:150px;left:50%;transform:translate(-50%);box-shadow:0 18px 50px #0009}.lesson-head{justify-content:space-between;align-items:center;display:flex}.lesson-dots{gap:6px;display:flex}.lesson-dots span{background:#f5efe033;border-radius:50%;width:12px;height:12px}.lesson-dots span.done{background:var(--brass-dim)}.lesson-dots span.now{background:var(--brass);box-shadow:0 0 10px var(--brass)}.lesson-text{font-family:var(--serif);margin-top:8px;font-size:38px;line-height:1.25;animation:.5s ease-out fade-in}.lesson-card{text-align:center;border:2px solid var(--brass);background:#120c0ae6;border-radius:26px;padding:40px 70px 46px;animation:.6s cubic-bezier(.2,1.4,.4,1) highlight-in;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 80px #d9b45a4d,0 30px 80px #000000b3}.lesson-card .eyebrow{font-size:26px}.lesson-card-title{font-family:var(--serif);margin-top:6px;font-size:96px;line-height:1.05}.lesson-card-next{color:var(--muted);margin-top:14px;font-family:system-ui,sans-serif;font-size:22px}.stage.vertical .lesson-caption{width:960px;bottom:330px}.stage.vertical .lesson-text{font-size:44px}.stage.vertical .lesson-card{width:900px}.stage.vertical .lesson-card-title{font-size:84px}.stage.vertical .scoreboard{bottom:60px;right:50%;transform:translate(50%)}.stage.vertical .player-rail{bottom:200px;left:60px}