@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700;800&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--yellow:#ffe500;--purple:#9000e9;--muted:#898990}*{box-sizing:border-box}body{color:#fff;background:#050505;margin:0;font-family:DM Sans,Arial,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}:is(button:focus-visible,a:focus-visible){outline:3px solid var(--yellow);outline-offset:5px}a{color:inherit;text-decoration:none}button{border:0}canvas{max-width:100%;display:block}.welcome{flex-direction:column;min-height:100svh;padding:32px 5vw;display:flex;position:relative;overflow:hidden}.ambient{pointer-events:none;background:radial-gradient(#35125040,#0000 65%);width:800px;height:800px;position:absolute;top:-20%;left:-30%}.intro-header,.entry-footer{letter-spacing:2px;z-index:1;justify-content:space-between;align-items:center;gap:24px;font-size:10px;font-weight:700;display:flex}.intro-header a{color:var(--yellow)}.intro-header>span{color:var(--muted)}.entry{flex:1;grid-template-columns:1.2fr 1fr;align-items:center;gap:8vw;width:100%;max-width:1300px;margin:65px auto;display:grid}.brand{position:relative}.eyebrow{letter-spacing:2px;color:var(--yellow);align-items:center;gap:8px;font-size:10px;font-weight:800;display:flex}.eyebrow i{background:#00b858;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #00b858}.brand canvas{width:100%;margin:18px 0 10px}.brand>p{color:#aaa;text-align:center;font-size:18px}.colour-line{width:72px;height:4px;margin:26px auto;display:flex}.colour-line b{background:#ff0035;flex:1}.colour-line b:nth-child(2){background:var(--yellow)}.colour-line b:nth-child(3){background:#00ba60}.colour-line b:nth-child(4){background:#9000e9}.setup{max-width:480px}.setup h1{letter-spacing:-1px;margin:10px 0 5px;font-family:Barlow Condensed,Impact,sans-serif;font-size:64px;font-weight:800}.setup>p{color:#999;margin-bottom:30px;font-size:13px;line-height:1.6}.tabs{background:#151515;border-radius:9px;gap:3px;margin:0 0 26px;padding:4px;display:flex}.tabs button{color:#888;white-space:nowrap;background:0 0;border-radius:6px;flex:1;padding:12px 8px;font-size:11px;font-weight:700}.tabs button.selected{color:#080808;background:#ffe500}label{margin:20px 0;font-size:12px;font-weight:700;display:block}label>span{color:#74747b;margin-left:7px;font-size:10px;font-weight:400}input{color:#fff;background:#111114;border:1px solid #303034;border-radius:6px;outline:none;width:100%;margin:10px 0 8px;padding:16px;font-size:14px;display:block}input:focus{border-color:var(--yellow)}input::placeholder{color:#57575e}small{color:#777;font-size:10px;font-weight:400}label small{line-height:1.5}.primary{background:var(--yellow);color:#080808;letter-spacing:.7px;border-radius:6px;justify-content:space-between;align-items:center;gap:18px;min-height:52px;padding:18px 23px;font-size:12px;font-weight:900;display:flex}.primary span{font-size:20px;line-height:1}form>.primary{width:100%;margin-top:25px}.primary:hover:enabled{background:#fff149}.fine{text-align:center;line-height:1.6;color:#666!important;margin:20px 0 0!important;font-size:10px!important}.room-note{background:#111114;border:1px solid #27272c;border-radius:6px;align-items:center;gap:16px;margin:20px 0;padding:18px;display:flex}.room-note>span{color:var(--yellow);font-size:26px}.room-note p{color:#a5a5ac;margin:0;font-size:12px;line-height:1.7}.code-input{letter-spacing:6px;font-weight:800}.entry-footer{color:#6f6f76;border-top:1px solid #202023;padding-top:24px;font-size:8px}.dots{color:var(--yellow);letter-spacing:5px;font-size:11px}.error{color:#ff9cb0;font-size:12px;line-height:1.5}.playing{background:#000;flex-direction:column;height:100dvh;min-height:380px;display:flex;overflow:hidden}.game-header{border-bottom:1px solid #1a1a1d;flex-shrink:0;justify-content:space-between;align-items:center;gap:15px;height:82px;padding:9px 28px;display:flex}.home-logo{background:0 0;width:104px;padding:0}.home-logo canvas{width:auto;max-height:66px}.turn-title{text-align:center}.turn-title>span{color:#888;letter-spacing:2px;font-size:9px;font-weight:700;display:block}.turn-title strong{margin-top:5px;font-family:Barlow Condensed,Impact,sans-serif;font-size:29px;line-height:1.1;display:block}.header-actions{gap:6px;display:flex}.header-actions button{color:#ddd;background:#151518;border-radius:6px;min-width:36px;height:36px;font-size:21px}.header-actions .player-count{padding:0 12px;font-size:12px}.player-count span{margin:0 8px}.game-space{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.wheel{aspect-ratio:1;flex-shrink:0;width:min(100vw - 12px,100dvh - 204px);position:relative}.board{width:100%;height:100%}.rotor{transform-origin:50%;filter:drop-shadow(0 4px 9px #0009);touch-action:manipulation;background:0 0;border:0;width:25%;height:66%;padding:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:1!important}.bottle{object-fit:contain;pointer-events:none;width:100%;height:94%;position:absolute;bottom:0;left:0}.rotor:focus-visible{outline-offset:12px;border-radius:40%}.pointer{z-index:1;justify-content:center;align-items:center;width:78%;height:9%;min-height:24px;padding-top:13%;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.pointer svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pointer span{color:#fff;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.1px;max-width:53%;font-size:clamp(7px,1.2vmin,12px);font-weight:900;position:relative;overflow:hidden}.spin-hint{text-align:center;letter-spacing:1.1px;color:#777;pointer-events:none;font-size:clamp(6px,1.1vw,9px);position:absolute;bottom:23%;left:0;right:0}.lobby-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:13px;display:flex;position:absolute;inset:24%}.live-dot{color:var(--yellow);letter-spacing:1.5px;font-size:9px;font-weight:800}.lobby-center>p{letter-spacing:3px;color:#aaa;margin:15px 0 -5px;font-size:10px}.lobby-center>strong{letter-spacing:5px;font-family:Barlow Condensed,Impact,sans-serif;font-size:clamp(25px,6vw,62px)}.outline{color:#fff;letter-spacing:.7px;background:#151018;border:1px solid #4f2467;border-radius:6px;padding:14px;font-size:10px;font-weight:800}.outline:hover{border-color:#bd5bff}.lobby-center>span:last-child{color:#888;font-size:11px}.game-bottom{border-top:1px solid #1a1a1d;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;min-height:114px;padding:15px 30px 20px;display:flex}.status-row,.result{justify-content:space-between;align-items:center;gap:20px;width:100%;max-width:1050px;display:flex}.status-row p{color:#aaa;margin:7px 0 0;font-size:13px}.result>div>span{color:#a2a2aa;letter-spacing:1.5px;font-size:9px}.result h2{color:var(--yellow);margin:6px 0 0;font-family:Barlow Condensed,Impact,sans-serif;font-size:34px;font-weight:800;line-height:1.1}.game-bottom .primary{min-width:175px}.lobby-names{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:13px;display:flex}.lobby-names span{background:#17171c;border-radius:20px;padding:6px 12px;font-size:10px}.game-bottom>.error{margin:0 0 8px}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#000b;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#101013;border:1px solid #33313b;border-radius:16px;width:420px;max-height:90dvh;padding:32px;position:relative;overflow:auto;box-shadow:0 30px 100px #000}.close{color:#888;background:0 0;font-size:30px;position:absolute;top:10px;right:15px}.modal h2{margin:14px 0 20px;font-family:Barlow Condensed,Impact,sans-serif;font-size:42px}.lineup{max-height:40dvh;margin-bottom:20px;overflow:auto}.lineup>div{border-bottom:1px solid #29292d;align-items:center;gap:12px;padding:14px 10px;font-size:13px;display:flex}.lineup b{color:#606067;font-size:10px}.lineup span{flex:1}.lineup small{font-size:8px}.active-player{border-left:2px solid var(--yellow);background:#ffe5000d}.active-player span{color:var(--yellow)}.modal>.primary,.modal>.outline{width:100%;margin:10px 0}.text-button{color:#aaa;background:0 0;margin:20px auto;font-size:12px;text-decoration:underline;display:block}.connection{color:#fff;text-align:center;z-index:5;background:#714400;padding:8px;font-size:12px;position:absolute;top:82px;left:0;right:0}@media (min-width:1000px){.wheel{width:min(100vw - 380px,100dvh - 200px)}}@media (max-width:700px){.welcome{padding:22px}.intro-header>span{display:none}.entry{grid-template-columns:1fr;gap:30px;margin:30px auto}.brand{max-width:360px;margin:auto}.brand .eyebrow{justify-content:center}.brand>p{margin:0;font-size:14px}.colour-line{margin:15px auto 0}.brand canvas{width:auto;max-height:235px;margin:15px 0 0}.setup{width:100%;margin:auto}.setup h1{font-size:48px}.setup>p{margin:7px 0 22px}.setup>.eyebrow{font-size:8px}.entry-footer{letter-spacing:1px;font-size:7px}.entry-footer>span:last-child{display:none}.game-header{gap:8px;height:70px;padding:8px 12px}.home-logo{width:62px}.turn-title strong{font-size:25px}.turn-title>span{letter-spacing:1.3px;font-size:7px}.header-actions{gap:4px}.header-actions button{width:28px;min-width:28px;height:32px;font-size:18px}.header-actions .player-count{width:auto;padding:0 8px;font-size:10px}.player-count span{display:none}.game-bottom{min-height:126px;padding:14px 16px 20px}.wheel{width:min(100vw - 6px,100dvh - 220px)}.result h2{font-size:25px}.result .primary,.status-row .primary{gap:10px;min-width:120px;min-height:48px;padding:14px;font-size:10px}.status-row p{font-size:11px}.live-dot{letter-spacing:1px;font-size:7px}.result>div>span{font-size:8px}.spin-hint{letter-spacing:.7px;font-size:6px;bottom:22%}.lobby-center{gap:9px}.lobby-center>strong{letter-spacing:3px;font-size:30px}.lobby-center>p{margin:8px 0 -3px;font-size:8px}.lobby-center .outline{padding:10px;font-size:8px}.pointer span{font-size:7px}.connection{top:70px}.game-bottom>.primary{min-height:44px;padding:10px 20px}.lobby-names{margin-bottom:9px}.lobby-names span{padding:4px 9px;font-size:9px}}@media (max-height:550px) and (min-width:700px){.game-header{height:58px}.home-logo{width:70px}.game-bottom{min-height:80px;padding:8px 25px}.wheel{width:calc(100dvh - 140px)}.result h2{font-size:25px}.turn-title strong{font-size:23px}.status-row .primary,.result .primary{min-height:42px;padding:10px 18px}.pointer span{font-size:6px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}.turn-title strong{text-transform:uppercase;font-weight:900}.game-credit{text-align:center;padding:0 12px max(10px,env(safe-area-inset-bottom));letter-spacing:3px;color:#bcbcbc;background:#000;flex-shrink:0;font-size:9px;font-weight:700}.game-credit a{text-transform:uppercase;padding:5px 8px;display:inline-block}.game-credit a:hover{color:var(--yellow)}.spin-hint{bottom:16%}.wheel{width:min(100vw - 12px,100dvh - 232px)}@media (min-width:1000px){.wheel{width:min(100vw - 380px,100dvh - 230px)}}@media (max-width:700px){.wheel{width:min(100vw - 6px,100dvh - 248px)}.game-credit{letter-spacing:2.5px;font-size:8px}.pointer{padding-top:12%}}@media (max-height:550px) and (min-width:700px){.wheel{width:calc(100dvh - 168px)}.game-credit{padding-bottom:5px;font-size:8px}.pointer{min-height:16px}}.spin-hint{display:none}.brand canvas{aspect-ratio:940/670;object-fit:contain;height:auto}.home-logo canvas{object-fit:contain}@media (max-width:700px){.brand canvas{width:100%;max-width:360px;height:auto;max-height:none}}