.wheel-3d *,.wheel-3d :before,.wheel-3d :after{box-sizing:border-box;margin:0;padding:0}.wheel-3d{width:100%;height:100%;font-family:ui-sans-serif,system-ui,sans-serif;position:relative}.wheel-3d--page{background:#8b0000;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex;overflow:hidden}.wheel-3d--embedded{background:0 0;justify-content:center;align-items:center;display:flex}.pubquiz-starburst-bg{will-change:transform;pointer-events:none;background:repeating-conic-gradient(#c41e1e 0deg 15deg,#8b0000 15deg 30deg);animation:90s linear infinite wheel-rotate-starburst}#pubquiz-stage-bg{z-index:0;position:fixed;inset:-30vmax}.wheel-3d>.pubquiz-starburst-bg{z-index:0;position:absolute;inset:-60%}@keyframes wheel-rotate-starburst{to{transform:rotate(360deg)}}.wheel-3d .stage{z-index:1;aspect-ratio:16/10;justify-content:center;align-items:center;width:min(92vw,960px);display:flex;position:relative}.wheel-3d--embedded .stage{width:min(96vw,1200px);max-height:96vh}.wheel-3d .marquee-frame{background:0 0;border-radius:28px;width:88%;height:90%;position:relative}.wheel-3d .marquee-ring{-webkit-mask-composite:xor;pointer-events:none;z-index:0;background:linear-gradient(#e84a2a 0%,#b81818 45%,#8f1010 100%);border-radius:28px;padding:22px 26px;position:absolute;inset:0;box-shadow:0 18px 40px #0000008c,inset 0 2px #ffffff40,inset 0 -4px 12px #00000059;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.wheel-3d .marquee-lights{pointer-events:none;z-index:2;position:absolute;inset:0}.wheel-3d .bulb{opacity:.2;background:radial-gradient(circle at 35% 30%,#3a3a3a 0%,#111 75%);border-radius:50%;width:13px;height:13px;position:absolute;transform:translate(-50%,-50%);box-shadow:inset 0 1px 2px #000000d9}.wheel-3d .bulb:nth-child(odd){animation:2.8s ease-in-out infinite wheel-bulb-glow-on}.wheel-3d .bulb:nth-child(2n){animation:2.8s ease-in-out infinite wheel-bulb-glow-off}@keyframes wheel-bulb-glow-on{0%,to{opacity:1;background:radial-gradient(circle at 35% 30%,#fff8c8 0%,#ffd54a 45%,#e6a800 100%);box-shadow:0 0 5px 2px #ffdc50d9,0 0 12px 3px #ffb42866,inset 0 1px 1px #fffc}50%{opacity:.18;background:radial-gradient(circle at 35% 30%,#3a3a3a 0%,#111 75%);box-shadow:inset 0 1px 2px #000000d9}}@keyframes wheel-bulb-glow-off{0%,to{opacity:.18;background:radial-gradient(circle at 35% 30%,#3a3a3a 0%,#111 75%);box-shadow:inset 0 1px 2px #000000d9}50%{opacity:1;background:radial-gradient(circle at 35% 30%,#fff8c8 0%,#ffd54a 45%,#e6a800 100%);box-shadow:0 0 5px 2px #ffdc50d9,0 0 12px 3px #ffb42866,inset 0 1px 1px #fffc}}.wheel-3d .marquee-inner{z-index:1;will-change:transform;background:0 0;justify-content:center;align-items:stretch;display:flex;position:absolute;inset:22px 26px}.wheel-3d .wheel-drum{isolation:isolate;border-radius:10px;width:100%;height:100%;position:relative;overflow:hidden}.wheel-3d .wheel-canvas{z-index:1;width:100%;height:100%;display:block;position:absolute;inset:0}.wheel-3d .wheel-vignette{pointer-events:none;z-index:3;background:radial-gradient(#ffffff1f 0%,#ffffff0a 55%,#0000 100%);position:absolute;inset:0}.wheel-3d .hud{z-index:2;color:#f1f5f9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000008c;border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem 1.25rem;padding:.75rem 1.25rem;font-size:.875rem;display:flex;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}.wheel-3d .hud strong{color:#fde68a}.wheel-3d .hud a{color:#93c5fd;font-weight:600;text-decoration:none}.wheel-3d .hud a:hover{text-decoration:underline}.wheel-3d .hud button{font:inherit;cursor:pointer;color:#1f2937;background:#fbbf24;border:none;border-radius:999px;padding:.5rem 1rem;font-weight:600}.wheel-3d .hud button:hover{background:#f59e0b}#wheel-screen{background:0 0}#wheel-root{background:0 0;min-height:100%}.wheel-3d--embedded .pubquiz-starburst-bg{display:none}.pubquiz-timer-layer{z-index:20;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pubquiz-timer-layer[hidden]{display:none!important}.pubquiz-timer-display{letter-spacing:.02em;font-variant-numeric:tabular-nums;color:#fff;-webkit-text-stroke:.08em #000;paint-order:stroke fill;text-shadow:.04em .04em #000,-.04em .04em #000,.04em -.04em #000,-.04em -.04em #000;font-family:Impact,Arial Black,sans-serif;font-size:clamp(4rem,18vw,14rem);font-weight:900;line-height:1}.pubquiz-leaderboard-layer{z-index:20;justify-content:center;align-items:center;padding:clamp(1.5rem,5vh,5rem) clamp(1rem,6vw,8rem);display:flex;position:absolute;inset:0}.pubquiz-leaderboard-list{scrollbar-width:thin;scrollbar-color:#ffffff80 transparent;flex-direction:column;gap:clamp(.5rem,1.4vh,1.1rem);width:min(90vw,1100px);max-height:90vh;margin:0;padding:.5rem 1.5rem .5rem 0;list-style:none;display:flex;overflow-y:auto}.pubquiz-leaderboard-list::-webkit-scrollbar{width:10px}.pubquiz-leaderboard-list::-webkit-scrollbar-thumb{background:#ffffff73;border-radius:999px}.pubquiz-leaderboard-row{color:#fff;background:linear-gradient(#e84a2af2 0%,#b81818f2 45%,#8f1010f2 100%);border-radius:16px;grid-template-columns:clamp(2.5rem,5vw,4.5rem) minmax(0,1fr) auto;align-items:center;gap:clamp(.75rem,2vw,2rem);padding:clamp(.5rem,1.6vh,1.1rem) clamp(1rem,2.5vw,2rem);font-family:Impact,Arial Black,sans-serif;display:grid;box-shadow:0 10px 24px #00000073,inset 0 2px #fff3,inset 0 -3px 8px #0000004d}.pubquiz-leaderboard-position,.pubquiz-leaderboard-points{font-variant-numeric:tabular-nums;-webkit-text-stroke:.04em #000;paint-order:stroke fill;font-size:clamp(1.5rem,4.5vw,3.25rem);font-weight:900}.pubquiz-leaderboard-position{text-align:center;color:#ffe27a}.pubquiz-leaderboard-name{text-overflow:ellipsis;white-space:nowrap;-webkit-text-stroke:.03em #000;paint-order:stroke fill;min-width:0;font-size:clamp(1.4rem,4vw,3rem);font-weight:900;overflow:hidden}.pubquiz-leaderboard-points{text-align:right}.pubquiz-leaderboard-empty{color:#fff;text-align:center;-webkit-text-stroke:.04em #000;paint-order:stroke fill;font-family:Impact,Arial Black,sans-serif;font-size:clamp(1.5rem,5vw,3.5rem)}.screen-intro-video{z-index:10;object-fit:contain;opacity:1;pointer-events:none;background:#000;width:100%;height:100%;position:absolute;inset:0}.pubquiz-starburst-bg--cover{z-index:0;position:fixed;inset:-30vmax}.pubquiz-home-layer{z-index:10;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pubquiz-home-content{flex-direction:column;align-items:center;gap:clamp(1rem,3vw,2rem);max-width:52rem;padding:0 clamp(1rem,5vw,3rem);display:flex}.pubquiz-home-title{letter-spacing:.02em;text-align:center;text-transform:uppercase;color:#fff;-webkit-text-stroke:.08em #000;paint-order:stroke fill;text-shadow:.04em .04em #000,-.04em .04em #000,.04em -.04em #000,-.04em -.04em #000;flex-direction:column;align-items:center;gap:clamp(.25rem,1.5vw,1rem);margin:0;font-family:Impact,Arial Black,sans-serif;font-size:clamp(2.75rem,12vw,8.5rem);font-weight:900;line-height:.95;display:flex}.pubquiz-home-title span{display:block}.pubquiz-home-subtitle{text-align:center;color:#ffffffeb;text-shadow:0 .12em .35em #000000a6,0 .04em #000000e6;max-width:36rem;margin:0;font-family:ui-sans-serif,system-ui,sans-serif;font-size:clamp(1rem,2.4vw,1.5rem);font-weight:500;line-height:1.45}