:root{--bg:#060911;--panel:#0b1220;--panel2:#0f172a;--gold:#ffcc4d;--gold2:#ffe99b;--green:#22c55e;--red:#ef4444;--blue:#38bdf8;--text:#f5f7fb;--muted:#94a3b8;--line:rgba(255,255,255,.12);--shadow:0 20px 55px rgba(0,0,0,.75)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}body{display:flex;justify-content:center;align-items:center;padding:14px}button,input,textarea{font:inherit}button{touch-action:manipulation}.app{width:min(100%,520px);background:linear-gradient(145deg,#0f172a,#070b13);border:1px solid rgba(255,204,77,.35);border-radius:24px;padding:18px;box-shadow:var(--shadow);position:relative;overflow:hidden;transition:.25s ease}.app.live{max-width:560px;background:transparent;border-color:transparent;box-shadow:none;padding:8px}.top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.badge{font-size:10px;font-weight:900;letter-spacing:.6px;color:var(--gold);background:rgba(255,204,77,.1);border:1px solid rgba(255,204,77,.35);border-radius:999px;padding:5px 9px}.top-actions{display:flex;gap:6px}.icon-btn,.small-btn{border:1px solid var(--line);background:rgba(255,255,255,.06);color:#fff;border-radius:10px;cursor:pointer;transition:.2s ease}.icon-btn{padding:6px 9px;font-size:12px}.small-btn{padding:7px 10px;font-size:11px;font-weight:800}.icon-btn:hover,.small-btn:hover{border-color:var(--gold);color:var(--gold)}h1{margin:4px 0 0;text-align:center;font-size:clamp(23px,6vw,31px);font-weight:950;letter-spacing:.5px;background:linear-gradient(135deg,#fff 30%,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;text-transform:uppercase}.subtitle{text-align:center;margin:2px 0 11px;color:var(--gold);font-size:13px;font-weight:800;text-shadow:0 0 12px rgba(255,204,77,.22)}.stats{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin-bottom:10px}.stat{font-size:11px;font-weight:800;border:1px solid var(--gold);background:rgba(15,23,42,.85);border-radius:999px;padding:5px 10px}.stat b{color:var(--gold2);font-size:13px}.stat.mode{border-color:var(--blue)}.stat.mode b{color:#7dd3fc}.wheel-wrap{position:relative;width:min(calc(100% - 42px),360px);aspect-ratio:1;margin:10px auto 13px;display:grid;place-items:center;overflow:visible}#wheel{width:100%;height:100%;display:block;border-radius:50%;border:5px solid var(--gold);box-shadow:0 0 28px rgba(255,204,77,.4)}#fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.pointer{position:absolute;right:-29px;top:50%;transform:translateY(-50%);z-index:4;width:58px;height:46px;pointer-events:none;color:var(--gold);filter:drop-shadow(0 5px 9px rgba(0,0,0,.85))}.pointer svg{display:block;width:100%;height:100%;overflow:visible}.pointer .rulixy-pointer-body{fill:#060911;stroke:currentColor;stroke-width:4;stroke-linejoin:round}.pointer .rulixy-pointer-ring{fill:var(--gold2);stroke:#fff;stroke-width:1.5}.pointer .rulixy-pointer-hole{fill:#060911}.app.spinning .pointer{filter:drop-shadow(0 0 9px color-mix(in srgb,var(--gold) 80%,transparent)) drop-shadow(0 5px 8px #000)}.spin{width:100%;min-height:52px;border:0;border-radius:14px;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#070b14;font-size:16px;font-weight:950;cursor:pointer;box-shadow:0 8px 25px rgba(255,204,77,.3);transition:.15s ease}.spin:active{transform:scale(.985)}.spin:disabled{opacity:.5;cursor:not-allowed}.result{min-height:30px;margin-top:9px;text-align:center;color:#86efac;font-weight:950;font-size:clamp(16px,4.5vw,21px);text-shadow:0 0 12px rgba(134,239,172,.35)}.live-hint{text-align:center;color:var(--muted);font-size:10px;margin-top:7px}.hidden{display:none!important}.overlay{position:fixed;inset:0;background:rgba(3,6,14,.9);backdrop-filter:blur(9px);display:grid;place-items:center;padding:18px;z-index:50;opacity:0;pointer-events:none;transition:.25s}.overlay.active{opacity:1;pointer-events:auto}.card{width:min(100%,440px);max-height:92vh;overflow:auto;background:linear-gradient(145deg,#111827,#070b13);border:1px solid var(--gold);border-radius:20px;padding:18px;box-shadow:0 20px 60px #000}.header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:13px}.header h2{font-size:16px;margin:0;color:var(--gold)}.close{background:none;border:0;color:#94a3b8;font-size:20px;cursor:pointer}.group{margin-bottom:12px;padding:10px 11px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.02)}label{display:block;color:#cbd5e1;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}input[type=text],textarea{width:100%;background:rgba(0,0,0,.55);color:#fff;border:1px solid var(--line);border-radius:9px;padding:9px;font-size:12px;outline:0}input[type=text]:focus,textarea:focus{border-color:var(--gold)}textarea{height:92px;resize:vertical}.row{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.row>*{flex:1}.row .small-btn{flex:0 0 auto}.modes{display:flex;gap:7px}.mode{flex:1;border:1px solid var(--line);background:rgba(0,0,0,.4);color:#fff;padding:9px;border-radius:9px;text-align:center;font-size:11px;font-weight:900;cursor:pointer}.mode.normal.active{border-color:var(--green);color:#4ade80;background:rgba(34,197,94,.12)}.mode.elim.active{border-color:var(--red);color:#f87171;background:rgba(239,68,68,.12)}.toggle{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05);padding:7px 0;font-size:12px}.toggle:last-child{border-bottom:0}.toggle input{accent-color:var(--gold);transform:scale(1.15)}.history{max-height:120px;overflow:auto;background:rgba(0,0,0,.35);border:1px solid var(--line);border-radius:9px;padding:8px;color:#86efac;font-size:11px;line-height:1.6}.save{width:100%;border:0;border-radius:12px;padding:12px;background:linear-gradient(135deg,var(--gold),var(--gold2));font-weight:950;color:#070b14;cursor:pointer}.file{font-size:11px;color:#cbd5e1}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#22c55e;color:#001a08;padding:9px 17px;border-radius:999px;font-weight:900;font-size:12px;z-index:100;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1}.hype-card{text-align:center;width:min(100%,390px);padding:30px 22px;border-radius:26px;border:3px solid var(--gold);background:linear-gradient(145deg,#111827,#1e293b);box-shadow:0 0 70px rgba(255,204,77,.35);animation:pop .4s cubic-bezier(.175,.885,.32,1.275)}.hype-card.elim{border-color:var(--red);box-shadow:0 0 70px rgba(239,68,68,.3)}.tag{display:inline-block;border:1px solid var(--green);color:#4ade80;background:rgba(34,197,94,.12);padding:6px 14px;border-radius:999px;font-size:12px;font-weight:950;letter-spacing:1px}.elim .tag{border-color:var(--red);color:#f87171;background:rgba(239,68,68,.12)}.hype-name{font-size:clamp(27px,8vw,40px);font-weight:950;margin:14px 0 20px;word-break:break-word}.continue{border:0;border-radius:11px;padding:10px 22px;background:linear-gradient(135deg,var(--gold),var(--gold2));font-weight:950;cursor:pointer}@keyframes pop{from{opacity:0;transform:scale(.6)}70%{transform:scale(1.07)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,100%{transform:translate(0)}20%{transform:translate(-5px,4px) rotate(-1deg)}40%{transform:translate(5px,-4px) rotate(1deg)}60%{transform:translate(-4px,-2px)}80%{transform:translate(4px,2px)}}.shake{animation:shake .4s ease}@media(max-width:420px){body{padding:8px}.app{padding:13px;border-radius:18px}.top .badge{font-size:9px}.wheel-wrap{margin-top:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important}}.card{scrollbar-width:none;-ms-overflow-style:none}.card::-webkit-scrollbar{width:0;height:0}.history{scrollbar-width:none;-ms-overflow-style:none}.history::-webkit-scrollbar{width:0;height:0}html.obs-mode,html.obs-mode body{background:transparent !important}html.obs-mode body{padding:0}html.obs-mode .app{background:transparent !important;border-color:transparent !important;box-shadow:none !important}html[data-theme="gold"]{--gold:#ffcc4d;--gold2:#ffe99b;--blue:#38bdf8}html[data-theme="cyber"]{--gold:#00e5ff;--gold2:#9af6ff;--blue:#8b5cf6}html[data-theme="purple"]{--gold:#a855f7;--gold2:#e9d5ff;--blue:#ec4899}html[data-theme="fire"]{--gold:#fb923c;--gold2:#fed7aa;--blue:#ef4444}.theme-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.theme-btn{border:1px solid var(--line);background:rgba(0,0,0,.4);color:#fff;border-radius:10px;padding:9px 5px;font-size:10px;font-weight:900;cursor:pointer}.theme-btn.active{border-color:var(--gold);box-shadow:0 0 14px color-mix(in srgb,var(--gold) 35%,transparent);color:var(--gold2)}.app.spinning #wheel{animation:wheelGlow 1.1s linear infinite}@keyframes wheelGlow{0%,100%{box-shadow:0 0 28px color-mix(in srgb,var(--gold) 45%,transparent)}50%{box-shadow:0 0 50px color-mix(in srgb,var(--blue) 60%,transparent)}}.hype-card.champion{border-width:4px;box-shadow:0 0 30px color-mix(in srgb,var(--gold) 70%,transparent),0 0 90px color-mix(in srgb,var(--gold) 35%,transparent);animation:championPop .65s cubic-bezier(.175,.885,.32,1.275)}.hype-card.champion .tag{font-size:14px;border-color:var(--gold);color:var(--gold2);background:color-mix(in srgb,var(--gold) 15%,transparent)}.hype-card.champion .hype-name{font-size:clamp(34px,10vw,50px);color:var(--gold2);text-shadow:0 0 25px color-mix(in srgb,var(--gold) 70%,transparent)}@keyframes championPop{0%{opacity:0;transform:scale(.45) rotate(-3deg)}65%{opacity:1;transform:scale(1.12) rotate(1deg)}100%{transform:scale(1) rotate(0)}}.stream-tip{margin-top:7px;text-align:center;font-size:10px;color:var(--muted)}.stat.stage{border-color:#a855f7;box-shadow:0 0 12px rgba(168,85,247,.18)}.stat.stage b{color:#d8b4fe}.stage-final{animation:stagePulse .75s ease-in-out infinite alternate}@keyframes stagePulse{from{box-shadow:0 0 8px color-mix(in srgb,var(--gold) 30%,transparent)}to{box-shadow:0 0 28px color-mix(in srgb,var(--gold) 75%,transparent)}}.hype-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.hype-action{border:1px solid var(--line);background:rgba(255,255,255,.08);color:#fff;border-radius:11px;padding:10px 14px;font-size:12px;font-weight:900;cursor:pointer}.hype-action.confirm{border:0;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#070b14}.hype-action.repeat{border-color:#38bdf8;color:#7dd3fc}.hype-action.cancel{border-color:#64748b;color:#cbd5e1}.tool-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.tool-row .small-btn{flex:1 1 auto}.file-line{display:grid;grid-template-columns:1fr;gap:5px;margin-top:8px}.file-line span{font-size:10px;color:#cbd5e1;font-weight:800}.pro-note{padding:8px 10px;margin-top:7px;border:1px solid rgba(56,189,248,.25);background:rgba(56,189,248,.06);color:#bae6fd;border-radius:9px;font-size:10px;line-height:1.4}.overlay-page .top,.overlay-page .spin,.overlay-page .live-hint{display:none !important}html.overlay-page,html.overlay-page body{background:transparent !important}html.overlay-page body{padding:0}html.overlay-page .app{background:transparent !important;border-color:transparent !important;box-shadow:none !important;width:min(100%,620px);max-width:620px}html.overlay-page .overlay{background:transparent !important;backdrop-filter:none !important}html.overlay-page .hype-actions{display:none !important}html.overlay-page .card{display:none !important}@media(max-width:450px){.theme-grid{grid-template-columns:repeat(2,1fr)}.top-actions{flex-wrap:wrap;justify-content:flex-end}.icon-btn{font-size:10px;padding:6px 7px}}.preset-zone{margin-top:10px;padding:10px;border:1px solid var(--line);background:rgba(0,0,0,.22);border-radius:11px}.mini-title{font-size:10px;color:#cbd5e1;font-weight:950;letter-spacing:.6px;text-transform:uppercase;margin-bottom:7px}.preset-save{display:grid;grid-template-columns:1fr auto;gap:6px}.preset-list{display:grid;gap:6px;margin-top:8px;max-height:150px;overflow:auto;scrollbar-width:none}.preset-list::-webkit-scrollbar{width:0;height:0}.preset-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 9px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.035)}.preset-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:900}.preset-meta{color:var(--muted);font-size:9px;margin-top:2px}.preset-actions{display:flex;gap:4px}.micro-btn{border:1px solid var(--line);background:rgba(255,255,255,.06);color:#fff;border-radius:7px;padding:5px 7px;font-size:10px;cursor:pointer}.micro-btn:hover{border-color:var(--gold);color:var(--gold)}.template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.template-btn{border:1px solid var(--line);background:rgba(0,0,0,.38);color:#fff;border-radius:10px;padding:9px 7px;font-size:10px;font-weight:900;cursor:pointer;text-align:left}.template-btn:hover{border-color:var(--gold);box-shadow:0 0 12px color-mix(in srgb,var(--gold) 20%,transparent)}.template-btn small{display:block;margin-top:3px;color:var(--muted);font-size:8px;font-weight:700}.hotkey-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.hotkey{display:flex;justify-content:space-between;gap:8px;align-items:center;border:1px solid var(--line);border-radius:9px;padding:7px 8px;background:rgba(0,0,0,.28);color:#cbd5e1;font-size:10px}kbd{border:1px solid rgba(255,255,255,.18);border-bottom-width:2px;background:#05080f;color:var(--gold2);border-radius:6px;padding:3px 6px;font-size:9px;font-weight:950}.hype-pulse{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.85);z-index:3;opacity:0;pointer-events:none;color:#fff;font-size:clamp(22px,7vw,44px);font-weight:1000;letter-spacing:4px;text-shadow:0 0 12px var(--gold),0 0 35px var(--gold),0 4px 15px #000;transition:.25s ease}.app.hype-running .hype-pulse{animation:hypeWatermark 1.15s ease-in-out infinite alternate}.app.final-suspense .hype-pulse{opacity:.92;transform:translate(-50%,-50%) scale(1)}.app.final-suspense #wheel{filter:brightness(.78) contrast(1.1);box-shadow:0 0 58px color-mix(in srgb,var(--gold) 78%,transparent)}@keyframes hypeWatermark{from{opacity:.06;transform:translate(-50%,-50%) scale(.84)}to{opacity:.2;transform:translate(-50%,-50%) scale(.96)}}.final-card{width:min(100%,430px);text-align:center;padding:28px 20px;background:linear-gradient(145deg,rgba(7,11,20,.98),rgba(30,41,59,.98));border:3px solid var(--gold);border-radius:26px;box-shadow:0 0 75px color-mix(in srgb,var(--gold) 38%,transparent);animation:finalEnter .48s cubic-bezier(.175,.885,.32,1.275)}.final-kicker{color:var(--gold2);font-size:12px;font-weight:1000;letter-spacing:4px}.final-title{margin:7px 0 17px;font-size:clamp(28px,8vw,46px);font-weight:1000;text-shadow:0 0 24px color-mix(in srgb,var(--gold) 55%,transparent)}.duel{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}.duelist{min-width:0;padding:13px 8px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.05);font-size:clamp(15px,5vw,24px);font-weight:950;overflow-wrap:anywhere}.vs{color:var(--red);font-size:20px;font-weight:1000;text-shadow:0 0 14px rgba(239,68,68,.7)}.stage-members{margin-top:11px;color:#e2e8f0;font-size:12px;line-height:1.55;overflow-wrap:anywhere}@keyframes finalEnter{from{opacity:0;transform:scale(.55)}70%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.app.auto-hide-idle h1,.app.auto-hide-idle .subtitle,.app.auto-hide-idle .stats,.app.auto-hide-idle .wheel-wrap,.app.auto-hide-idle .result{opacity:0;transform:scale(.94);pointer-events:none}.app h1,.app .subtitle,.app .stats,.app .wheel-wrap,.app .result{transition:opacity .32s ease,transform .32s ease}.app.manual-output-hidden h1,.app.manual-output-hidden .subtitle,.app.manual-output-hidden .stats,.app.manual-output-hidden .wheel-wrap,.app.manual-output-hidden .result{opacity:0!important;pointer-events:none!important}.security-note{margin-top:7px;font-size:9px;color:#94a3b8;line-height:1.45}@media(max-width:420px){.preset-save{grid-template-columns:1fr}.template-grid,.hotkey-grid{grid-template-columns:1fr}.duel{grid-template-columns:1fr}.vs{padding:2px 0}}.tab-nav{display:flex;gap:6px;overflow-x:auto;padding-bottom:8px;margin-bottom:12px;scrollbar-width:none}.tab-nav::-webkit-scrollbar{display:none}.tab-btn{flex:0 0 auto;border:1px solid var(--line);background:rgba(255,255,255,.05);color:#cbd5e1;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:900;cursor:pointer}.tab-btn.active{border-color:var(--gold);color:var(--gold2);background:color-mix(in srgb,var(--gold) 10%,transparent)}.tab-panel{display:none}.tab-panel.active{display:block}.segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.segment-btn{border:1px solid var(--line);background:rgba(0,0,0,.38);color:#fff;border-radius:10px;padding:9px 7px;font-size:10px;font-weight:900;cursor:pointer}.segment-btn.active{border-color:var(--gold);color:var(--gold2);box-shadow:0 0 12px color-mix(in srgb,var(--gold) 22%,transparent)}.obs-card{border:1px solid rgba(56,189,248,.25);background:rgba(56,189,248,.055);border-radius:11px;padding:10px}.obs-url{margin-top:7px;width:100%;background:#05080f;border:1px solid var(--line);color:#bae6fd;border-radius:8px;padding:8px;font-size:10px;overflow:hidden;text-overflow:ellipsis}.obs-steps{margin:8px 0 0;padding-left:17px;color:#cbd5e1;font-size:10px;line-height:1.55}.lang-switch{display:flex;gap:5px}.lang-btn{border:1px solid var(--line);background:rgba(255,255,255,.05);color:#fff;border-radius:8px;padding:5px 7px;font-size:10px;font-weight:900;cursor:pointer}.lang-btn.active{border-color:var(--gold);color:var(--gold2)}.seo-section{width:min(100%,900px);margin:18px auto 0;padding:22px;border-top:1px solid rgba(255,255,255,.08);color:#cbd5e1}.seo-section h2{margin:0 0 8px;font-size:clamp(20px,4vw,30px);color:#fff}.seo-section h3{color:var(--gold2);margin:18px 0 7px;font-size:15px}.seo-section p{line-height:1.65;font-size:13px;margin:0 0 8px}.seo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.seo-box{border:1px solid var(--line);border-radius:12px;padding:12px;background:rgba(255,255,255,.025)}.seo-box strong{color:#fff;display:block;margin-bottom:5px}html.overlay-page .seo-section,.app.live ~ .seo-section{display:none!important}.test-banner{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:500;padding:7px 12px;border-radius:999px;background:#0ea5e9;color:#001018;font-size:10px;font-weight:950;opacity:0;pointer-events:none;transition:.2s}.test-banner.show{opacity:1}.feedback-box textarea{min-height:120px}.danger-zone{border-color:rgba(239,68,68,.35)!important;background:rgba(239,68,68,.045)!important}.danger-btn{width:100%;border:1px solid rgba(239,68,68,.55);background:rgba(239,68,68,.12);color:#fecaca;border-radius:10px;padding:10px;font-size:11px;font-weight:950;cursor:pointer}.storage-state{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#cbd5e1}.storage-ok{color:#86efac;font-weight:900}.storage-warn{color:#fbbf24;font-weight:900}@media(max-width:650px){.seo-grid{grid-template-columns:1fr}}html.wheel-only-overlay h1,html.wheel-only-overlay .subtitle,html.wheel-only-overlay .stats,html.wheel-only-overlay .result{display:none!important}html.wheel-only-overlay .app{width:min(100%,720px)!important}html.wheel-only-overlay .wheel-wrap{width:min(calc(100% - 44px),680px)!important}body{display:block!important;min-height:100vh;padding:14px}.app{margin:0 auto}html.obs-mode body{display:block!important;padding:0!important}html.overlay-page .app{margin:0 auto}.boot-warning{width:min(100%,620px);margin:0 auto 10px;padding:9px 12px;border:1px solid rgba(239,68,68,.55);background:rgba(239,68,68,.12);color:#fecaca;border-radius:10px;font-size:11px;font-weight:850;text-align:center}.boot-warning.ready{display:none}html.overlay-page .boot-warning{display:none!important}@media(min-width:600px){#configOverlay .card{max-width:580px}.tab-nav{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible !important;gap:7px;padding-bottom:9px}.tab-btn{width:100%;min-width:0;justify-content:center;text-align:center;padding:8px 7px}}@media(max-width:599px){.tab-nav{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.tab-btn{scroll-snap-align:center}}.config-sticky{position:sticky;top:-18px;z-index:30;margin:-2px -2px 12px;padding:2px 2px 2px;background:linear-gradient( 180deg,rgba(10,15,29,.995) 0%,rgba(10,15,29,.985) 88%,rgba(10,15,29,0) 100% );backdrop-filter:blur(12px)}.config-sticky .header{margin-bottom:9px;background:transparent}.config-sticky .tab-nav{margin-bottom:0}.tab-btn{display:flex;align-items:center;gap:4px;min-height:34px;transition:border-color .18s ease,background .18s ease,transform .18s ease}.tab-btn:hover{transform:translateY(-1px)}.tab-btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}html.overlay-page.overlay-169 .app{width:min(96vw,760px)!important;max-width:760px!important}html.overlay-page.overlay-169 .wheel-wrap{width:min(calc(46vw - 22px),560px)!important;max-width:560px!important}html.overlay-page.overlay-916 .app{width:min(96vw,940px)!important;max-width:940px!important}html.overlay-page.overlay-916 h1{font-size:clamp(34px,6vw,64px)!important}html.overlay-page.overlay-916 .subtitle{font-size:clamp(16px,2.6vw,26px)!important}html.overlay-page.overlay-916 .wheel-wrap{width:min(calc(82vw - 24px),760px)!important;max-width:760px!important}html.overlay-page.overlay-11 .app{width:min(96vw,840px)!important;max-width:840px!important}html.overlay-page.overlay-11 .wheel-wrap{width:min(calc(70vw - 24px),680px)!important;max-width:680px!important}html.wheel-only-overlay .wheel-wrap{width:min(calc(92vw - 44px),820px)!important;max-width:820px!important}.beta-note{display:inline-flex;align-items:center;gap:5px;margin-top:8px;padding:5px 9px;border:1px solid rgba(56,189,248,.25);border-radius:999px;color:#7dd3fc;background:rgba(56,189,248,.055);font-size:9px;font-weight:900}html.overlay-page .beta-note,.app.live .beta-note{display:none!important}#configOverlay .card{scroll-behavior:smooth;overscroll-behavior:contain}.tab-nav{touch-action:pan-x pan-y}@media(min-width:600px){#configOverlay .card{width:min(100%,620px)!important;max-width:620px!important}}.app{isolation:isolate}.spin:focus-visible,.icon-btn:focus-visible,.small-btn:focus-visible,.mode:focus-visible,.theme-btn:focus-visible,.segment-btn:focus-visible,.hype-action:focus-visible,.continue:focus-visible,.save:focus-visible,.lang-btn:focus-visible{outline:2px solid var(--gold2);outline-offset:3px}.spin[disabled]{filter:saturate(.55);box-shadow:none}.app-footer{text-align:center;margin-top:10px;font-size:9px;color:#64748b;letter-spacing:.2px}html.overlay-page .app-footer,.app.live .app-footer{display:none!important}.release-chip{display:inline-flex;gap:5px;align-items:center;margin-top:8px;padding:5px 9px;border:1px solid rgba(34,197,94,.25);background:rgba(34,197,94,.06);color:#86efac;border-radius:999px;font-size:9px;font-weight:900}html.overlay-page .release-chip,.app.live .release-chip{display:none!important}.input-help{margin-top:5px;font-size:9px;color:var(--muted);line-height:1.4}@media(prefers-reduced-motion:reduce){.config-sticky{backdrop-filter:none}}.feedback-box{border-color:rgba(56,189,248,.25)!important;background:rgba(56,189,248,.035)!important}.report-grid{display:grid;gap:8px}.report-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.report-field label{display:block;margin-bottom:5px;color:#cbd5e1;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.45px}.feedback-box input[type="email"],.feedback-box select{width:100%;background:rgba(0,0,0,.55);color:#fff;border:1px solid var(--line);border-radius:9px;padding:9px;font-size:12px;outline:0}.feedback-box select:focus,.feedback-box input[type="email"]:focus{border-color:var(--gold)}.report-check{display:flex!important;align-items:flex-start;gap:8px;color:#cbd5e1!important;text-transform:none!important;letter-spacing:0!important;font-size:10px!important;font-weight:700!important;line-height:1.4;cursor:pointer}.report-check input{flex:0 0 auto;margin-top:2px;accent-color:var(--gold)}.report-send{width:100%;border:0;border-radius:10px;padding:11px;background:linear-gradient(135deg,#38bdf8,#7dd3fc);color:#04111a;font-size:11px;font-weight:950;cursor:pointer;box-shadow:0 5px 18px rgba(56,189,248,.18)}.report-send:disabled{opacity:.55;cursor:not-allowed}.report-status{min-height:18px;font-size:10px;line-height:1.45;color:#cbd5e1}.report-status.ok{color:#86efac}.report-status.error{color:#fca5a5}.report-support{font-size:9px;color:#94a3b8;line-height:1.45}.report-support a{color:#7dd3fc;text-decoration:none}.report-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.template-zone-general{border-color:rgba(34,197,94,.20);background:rgba(34,197,94,.025)}.rulixy-tagline{margin-top:8px;text-align:center;font-size:10px;color:#94a3b8}.rulixy-tagline b{color:var(--gold2)}@media(max-width:520px){.report-row{grid-template-columns:1fr}}
/* RULIXY V1.1 — Wheel Motion Polish */
.wheel-wrap{isolation:isolate}
#wheel{position:relative;z-index:1;will-change:filter}
#fx{z-index:3}
.pointer{transform-origin:8px 50%;will-change:filter}
.pointer svg{transform-origin:8px 50%;will-change:transform}
.wheel-wrap::before{content:"";position:absolute;inset:-9px;border-radius:50%;z-index:2;pointer-events:none;opacity:0;background:conic-gradient(from 0deg,transparent 0 19%,color-mix(in srgb,var(--gold) 82%,white) 24%,transparent 29% 57%,color-mix(in srgb,var(--blue) 65%,white) 62%,transparent 68% 100%);-webkit-mask:radial-gradient(circle,transparent 0 83%,#000 84% 91%,transparent 92%);mask:radial-gradient(circle,transparent 0 83%,#000 84% 91%,transparent 92%);filter:blur(.2px);transition:opacity .22s ease}
.wheel-wrap::after{content:"";position:absolute;inset:-14px;border-radius:50%;z-index:0;pointer-events:none;opacity:0;background:radial-gradient(circle,color-mix(in srgb,var(--gold) 26%,transparent) 0 44%,transparent 70%);transform:scale(.92)}
.app.spinning .wheel-wrap::before{opacity:.68;animation:rulixyRingSweep 1.55s linear infinite}
.app.hype-running .wheel-wrap::before{opacity:.9;animation-duration:1.05s}
.app.final-suspense .wheel-wrap::before{opacity:1;filter:drop-shadow(0 0 9px color-mix(in srgb,var(--gold) 60%,transparent))}
.wheel-wrap.wheel-impact #wheel{animation:rulixyWheelImpact .48s cubic-bezier(.2,.9,.25,1)}
.wheel-wrap.wheel-impact::after{animation:rulixyImpactFlash .5s ease-out}
.wheel-wrap.wheel-impact .pointer{filter:drop-shadow(0 0 16px color-mix(in srgb,var(--gold) 88%,transparent)) drop-shadow(0 5px 8px #000)}
@keyframes rulixyRingSweep{to{transform:rotate(360deg)}}
@keyframes rulixyWheelImpact{0%{filter:brightness(1)}25%{filter:brightness(1.28) saturate(1.12)}55%{filter:brightness(1.08)}100%{filter:brightness(1)}}
@keyframes rulixyImpactFlash{0%{opacity:0;transform:scale(.88)}25%{opacity:.78;transform:scale(1)}100%{opacity:0;transform:scale(1.1)}}
@media(prefers-reduced-motion:reduce){.app.spinning .wheel-wrap::before,.app.hype-running .wheel-wrap::before{animation:none!important;opacity:.18}.wheel-wrap.wheel-impact #wheel,.wheel-wrap.wheel-impact::after{animation:none!important}.pointer svg{animation:none!important}}

/* RULIXY V1.1 — Streaming Overlay Integration */
.stream-status{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;font-size:10px;font-weight:900;background:rgba(255,255,255,.04)}
.stream-status.connected{border-color:rgba(34,197,94,.55);color:#86efac;background:rgba(34,197,94,.08)}
.stream-status.waiting{border-color:rgba(250,204,21,.45);color:#fde68a;background:rgba(250,204,21,.06)}
.stream-status.error{border-color:rgba(239,68,68,.55);color:#fecaca;background:rgba(239,68,68,.08)}
.stream-select{width:100%;background:rgba(0,0,0,.55);color:#fff;border:1px solid var(--line);border-radius:9px;padding:9px;font-size:11px;outline:0}.stream-select:focus{border-color:var(--gold)}
html.overlay-page,html.overlay-page body{width:100%!important;height:100%!important;min-height:100%!important;overflow:hidden!important;background:rgba(0,0,0,0)!important}
html.overlay-page body{display:grid!important;place-items:center!important;padding:0!important;margin:0!important}
html.overlay-page[data-overlay-bg="green"],html.overlay-page[data-overlay-bg="green"] body{background:#00ff00!important}
html.overlay-page[data-overlay-bg="blue"],html.overlay-page[data-overlay-bg="blue"] body{background:#0000ff!important}
html.overlay-page[data-overlay-bg="black"],html.overlay-page[data-overlay-bg="black"] body{background:#000!important}
html.overlay-page .app{margin:auto!important;background:transparent!important;border:0!important;box-shadow:none!important}
html.overlay-page .rulixy-tagline,html.overlay-page .release-chip,html.overlay-page .app-footer,html.overlay-page .seo-section,html.overlay-page .boot-warning,html.overlay-page #configOverlay{display:none!important}
html.overlay-page .overlay{background:transparent!important;backdrop-filter:none!important}
html.overlay-page .hype-card,html.overlay-page .final-card{background:rgba(7,11,20,.88)!important;backdrop-filter:blur(4px)}
html.overlay-page .wheel-wrap{filter:drop-shadow(0 12px 25px rgba(0,0,0,.38))}
html.overlay-page[data-overlay-bg="green"] .wheel-wrap,html.overlay-page[data-overlay-bg="blue"] .wheel-wrap{filter:none}
.app-footer-links{margin-top:5px}.creator-credit{margin-top:6px;color:#7d899d}.creator-credit strong{color:#cbd5e1}.creator-credit a{color:#7dd3fc;text-decoration:none}.creator-credit a:hover{text-decoration:underline}
.remote-card{border:1px solid rgba(168,85,247,.3);background:rgba(168,85,247,.055);border-radius:11px;padding:10px}.remote-enable-row{padding-top:0}.remote-status-row{margin:8px 0}.remote-token-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center}.remote-token-row .obs-url{margin-top:0}.remote-token-actions{margin-top:7px}.remote-actions-title{margin-top:12px}.remote-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.remote-action-btn{width:100%;min-height:38px}.remote-secret-note{border-color:rgba(239,68,68,.18)!important}.remote-card button:disabled,.remote-card input:disabled{opacity:.45;cursor:not-allowed}
@media(min-width:900px){#configOverlay>.card{width:min(94vw,980px);max-height:94vh;padding:22px}#configOverlay .config-sticky{top:-22px;margin:-2px -2px 14px}#configOverlay .tab-panel[data-panel="stream"].active{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.85fr);gap:14px;align-items:start}#configOverlay .tab-panel[data-panel="stream"]>.group{margin-bottom:0}#configOverlay .tab-panel[data-panel="stream"]>.group:first-child{grid-row:1/span 2}.remote-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.remote-token-row{grid-template-columns:1fr}.remote-actions{grid-template-columns:1fr}}

/* RULIXY V1.1 STABLE */
.config-main-btn{font-weight:950;white-space:nowrap;padding-inline:10px}.primary-actions{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(165px,.85fr);gap:8px;align-items:stretch}.primary-actions .spin{height:100%}.overlay-quick-btn{min-height:52px;border:1px solid rgba(56,189,248,.45);border-radius:14px;background:rgba(56,189,248,.08);color:#e0f2fe;font-size:10px;font-weight:950;line-height:1.25;cursor:pointer;padding:8px 9px;display:flex;align-items:center;justify-content:center;gap:7px;transition:.18s ease}.overlay-quick-btn:hover{border-color:#7dd3fc;background:rgba(56,189,248,.13)}.overlay-quick-btn.is-hidden{border-color:rgba(148,163,184,.32);color:#cbd5e1;background:rgba(148,163,184,.055)}.overlay-quick-btn kbd{flex:0 0 auto;border:1px solid rgba(255,255,255,.2);border-bottom-width:2px;border-radius:6px;background:#05080f;color:var(--gold2);padding:3px 6px;font-size:9px;font-weight:950}.overlay-quick-status{min-height:18px;margin:6px 0 0;text-align:right;font-size:9px;font-weight:900;letter-spacing:.15px}.overlay-quick-status.connected{color:#86efac}.overlay-quick-status.waiting{color:#fbbf24}.overlay-quick-status.hidden-state{color:#94a3b8}.overlay-quick-status.error{color:#fca5a5}.overlay-quick-btn:focus-visible{outline:2px solid var(--gold2);outline-offset:3px}@media(max-width:460px){.top{align-items:flex-start}.top-actions{flex-wrap:wrap;justify-content:flex-end}.config-main-btn{font-size:10px;padding:6px 8px}.primary-actions{grid-template-columns:1fr}.overlay-quick-btn{min-height:44px}.overlay-quick-status{text-align:center}}@media(min-width:600px) and (max-width:899px){#configOverlay>.card{width:min(94vw,700px)!important;max-width:700px!important}}@media(min-width:900px){#configOverlay>.card{width:min(94vw,980px)!important;max-width:980px!important;max-height:94vh!important;padding:22px!important}#configOverlay .config-sticky{top:-22px;margin:-2px -2px 14px}#configOverlay .tab-nav{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;overflow:visible!important;gap:7px!important}#configOverlay .tab-panel.active:not([data-panel="stream"]){max-width:760px;margin-left:auto;margin-right:auto}#configOverlay .tab-panel[data-panel="stream"].active{display:grid!important;grid-template-columns:minmax(0,1.45fr) minmax(320px,.85fr);gap:14px;align-items:start}#configOverlay .tab-panel[data-panel="stream"]>.group{margin-bottom:0}#configOverlay .tab-panel[data-panel="stream"]>.group:first-child{grid-row:1/span 2}}


/* RULIXY V1.1 STABLE — Settings UI polish */
#configOverlay{background:radial-gradient(circle at 50% 12%,rgba(56,189,248,.08),transparent 36%),rgba(3,6,14,.92)}
#configOverlay>.card{background:linear-gradient(160deg,rgba(15,23,42,.99),rgba(6,9,17,.995) 64%);border:1px solid rgba(255,204,77,.32);box-shadow:0 28px 90px rgba(0,0,0,.72),0 0 0 1px rgba(255,255,255,.025) inset}
#configOverlay .config-sticky{padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.065)}
#configOverlay .header{border-bottom:0;padding-bottom:8px;margin-bottom:4px;gap:16px;align-items:flex-start}
#configOverlay .config-heading{min-width:0}
#configOverlay .header h2{font-size:18px;letter-spacing:.1px;line-height:1.2}
#configOverlay .config-subtitle{margin:5px 0 0;color:#94a3b8;font-size:10px;line-height:1.45;font-weight:650}
#configOverlay .close{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.035);font-size:17px;transition:.18s ease}
#configOverlay .close:hover{color:#fff;border-color:rgba(255,204,77,.42);background:rgba(255,204,77,.075)}
#configOverlay .tab-nav{padding:6px;margin-bottom:0;border:1px solid rgba(255,255,255,.075);border-radius:14px;background:rgba(0,0,0,.22);gap:5px}
#configOverlay .tab-btn{justify-content:center;border:1px solid transparent;border-radius:10px;background:transparent;color:#94a3b8;min-height:40px;padding:8px 10px;line-height:1.15}
#configOverlay .tab-btn:hover{transform:none;color:#e2e8f0;background:rgba(255,255,255,.04)}
#configOverlay .tab-btn.active{border-color:rgba(255,204,77,.28);color:var(--gold2);background:linear-gradient(180deg,rgba(255,204,77,.11),rgba(255,204,77,.045));box-shadow:0 7px 18px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.05)}
#configOverlay .tab-panel{padding-top:14px}
#configOverlay .group{margin-bottom:12px;padding:15px 16px;border-color:rgba(255,255,255,.09);border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
#configOverlay .group>label:first-child,#configOverlay .mini-title{color:#e2e8f0;letter-spacing:.55px}
#configOverlay input[type=text],#configOverlay input[type=email],#configOverlay textarea,#configOverlay select,#configOverlay .obs-url{border-color:rgba(255,255,255,.11);background:rgba(2,6,15,.66);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
#configOverlay input[type=text]:focus,#configOverlay input[type=email]:focus,#configOverlay textarea:focus,#configOverlay select:focus,#configOverlay .obs-url:focus{border-color:rgba(255,204,77,.72);box-shadow:0 0 0 3px rgba(255,204,77,.085);background:rgba(2,6,15,.82);outline:0}
#configOverlay .toggle{min-height:38px;padding:9px 0;gap:14px}
#configOverlay .toggle span{line-height:1.35}
#configOverlay .small-btn,#configOverlay .mode,#configOverlay .segment-btn,#configOverlay .theme-btn,#configOverlay .template-btn{transition:border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease}
#configOverlay .small-btn:hover,#configOverlay .mode:hover,#configOverlay .segment-btn:hover,#configOverlay .theme-btn:hover{background:rgba(255,255,255,.075)}
#configOverlay .obs-card,#configOverlay .remote-card{border-radius:13px;padding:13px}
#configOverlay .save{position:sticky;bottom:0;z-index:35;min-height:46px;margin-top:6px;border:1px solid rgba(255,233,155,.25);box-shadow:0 -16px 28px rgba(6,9,17,.9),0 10px 28px rgba(255,204,77,.18);letter-spacing:.25px}
.release-chip{border-color:rgba(148,163,184,.2);background:rgba(148,163,184,.045);color:#94a3b8;letter-spacing:.35px}
@media(min-width:900px){
#configOverlay>.card{width:min(94vw,980px)!important;max-width:980px!important;padding:22px!important}
#configOverlay .tab-nav{grid-template-columns:repeat(6,minmax(0,1fr))!important}
#configOverlay .tab-panel.active:not([data-panel="stream"]){max-width:none!important}
#configOverlay .tab-panel[data-panel="general"].active,#configOverlay .tab-panel[data-panel="appearance"].active,#configOverlay .tab-panel[data-panel="audio"].active{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
#configOverlay .tab-panel[data-panel="participants"].active{display:grid!important;grid-template-columns:minmax(0,1.55fr) minmax(270px,.65fr);gap:14px;align-items:start}
#configOverlay .tab-panel[data-panel="advanced"].active{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
#configOverlay .tab-panel[data-panel="advanced"]>.feedback-box,#configOverlay .tab-panel[data-panel="advanced"]>.danger-zone{grid-column:1/-1}
#configOverlay .tab-panel.active>.group{margin-bottom:0}
}
@media(max-width:599px){
#configOverlay{padding:8px}
#configOverlay>.card{border-radius:18px;padding:14px}
#configOverlay .config-sticky{top:-14px;margin:-2px -2px 10px}
#configOverlay .header h2{font-size:16px}
#configOverlay .config-subtitle{font-size:9px}
#configOverlay .tab-nav{display:flex!important;overflow-x:auto!important;scroll-snap-type:x proximity}
#configOverlay .tab-btn{flex:0 0 auto;min-width:112px;scroll-snap-align:center}
#configOverlay .group{padding:12px}
#configOverlay .save{bottom:-1px}
}

@media(min-width:900px){#configOverlay .tab-panel[data-panel="general"]>.group:nth-child(3){grid-column:1/-1}}

/* RULIXY V1.1 STABLE — responsive Overlay control + desktop readability */
.mobile-overlay-control{display:none}
@media(max-width:899px){
.primary-actions{grid-template-columns:1fr}
#overlayQuickBtn,#overlayQuickStatus{display:none!important}
#mobileOverlayControl{display:block;margin:0 0 10px}
#overlayMobileBtn{display:flex;width:100%;min-height:46px;font-size:11px}
}
@media(min-width:900px){
#mobileOverlayControl{display:none!important}
#configOverlay .config-subtitle{font-size:11px}
#configOverlay .tab-btn{font-size:11px}
#configOverlay .toggle{font-size:13px}
#configOverlay .mini-title{font-size:11px}
#configOverlay .small-btn{font-size:12px}
#configOverlay .mode{font-size:12px}
#configOverlay .theme-btn,#configOverlay .segment-btn,#configOverlay .template-btn{font-size:11px}
#configOverlay .pro-note,#configOverlay .obs-steps,#configOverlay .hotkey,#configOverlay .stream-status,#configOverlay .report-status{font-size:11px}
#configOverlay .input-help,#configOverlay .report-field label,#configOverlay .report-support{font-size:10px}
#configOverlay .report-check{font-size:11px!important}
#configOverlay .feedback-box input[type="email"],#configOverlay .feedback-box select{font-size:13px}
}



/* RULIXY V1.3 STABLE — Wheel Visual Evolution */
.wheel-style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.wheel-style-btn{min-width:0;border:1px solid var(--line);border-radius:13px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(0,0,0,.28));color:#fff;padding:10px 8px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease}.wheel-style-btn:hover{transform:translateY(-1px);background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(0,0,0,.24))}.wheel-style-btn:focus-visible{outline:2px solid var(--gold2);outline-offset:3px}.wheel-style-btn.active{border-color:color-mix(in srgb,var(--gold) 72%,white);background:linear-gradient(180deg,color-mix(in srgb,var(--gold) 12%,rgba(255,255,255,.04)),rgba(0,0,0,.30));box-shadow:0 0 0 1px color-mix(in srgb,var(--gold) 14%,transparent),0 8px 22px rgba(0,0,0,.22)}.wheel-style-preview{width:48px;aspect-ratio:1;border-radius:50%;display:block;position:relative;box-shadow:0 5px 13px rgba(0,0,0,.45)}.wheel-style-preview:after{content:"";position:absolute;inset:35%;border-radius:50%;background:#080d17;border:2px solid rgba(255,255,255,.72)}.preview-classic{background:conic-gradient(#2563eb 0 12.5%,#7c3aed 0 25%,#db2777 0 37.5%,#d97706 0 50%,#059669 0 62.5%,#4f46e5 0 75%,#dc2626 0 87.5%,#0284c7 0);border:3px solid #ffcc4d}.preview-neon{background:conic-gradient(#00e5ff 0 12.5%,#7c3aed 0 25%,#ff2ea6 0 37.5%,#0ea5e9 0 50%,#8b5cf6 0 62.5%,#f43f5e 0 75%,#14b8a6 0 87.5%,#a3e635 0);border:2px solid #baf8ff;box-shadow:0 0 13px rgba(0,229,255,.48),0 5px 13px rgba(0,0,0,.45)}.preview-clean{background:conic-gradient(#4f6f8f 0 12.5%,#7f8fa6 0 25%,#6b8e7f 0 37.5%,#a78972 0 50%,#7b7fa8 0 62.5%,#9b748f 0 75%,#5f8491 0 87.5%,#8d9b68 0);border:2px solid rgba(255,255,255,.7);box-shadow:0 5px 12px rgba(0,0,0,.32)}.wheel-style-copy{display:block;min-width:0;text-align:center}.wheel-style-copy strong{display:block;font-size:11px;line-height:1.15;color:#f8fafc}.wheel-style-copy small{display:block;margin-top:4px;font-size:8px;line-height:1.25;color:#94a3b8;font-weight:700}.wheel-palette-note{margin-top:6px;color:#7dd3fc;font-size:9px;font-weight:800;line-height:1.35}
html[data-wheel-style="classic"] #wheel{border-width:6px;border-color:var(--gold);box-shadow:0 0 0 2px rgba(255,255,255,.05),0 0 30px color-mix(in srgb,var(--gold) 38%,transparent),0 14px 28px rgba(0,0,0,.42)}html[data-wheel-style="classic"] .pointer .rulixy-pointer-body{fill:#060911;stroke-width:4}html[data-wheel-style="classic"] .pointer .rulixy-pointer-ring{fill:var(--gold2)}
html[data-wheel-style="neon"] #wheel{border-width:4px;border-color:color-mix(in srgb,var(--gold) 72%,white);box-shadow:0 0 7px color-mix(in srgb,var(--gold) 80%,transparent),0 0 24px color-mix(in srgb,var(--gold) 56%,transparent),0 0 48px color-mix(in srgb,var(--blue) 30%,transparent),0 14px 28px rgba(0,0,0,.5)}html[data-wheel-style="neon"] .pointer{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--gold) 78%,transparent)) drop-shadow(0 5px 8px rgba(0,0,0,.9))}html[data-wheel-style="neon"] .pointer .rulixy-pointer-body{fill:#020617;stroke-width:3.5}html[data-wheel-style="neon"] .pointer .rulixy-pointer-ring{fill:#e8fbff;stroke:var(--gold);stroke-width:2}html[data-wheel-style="neon"] .pointer .rulixy-pointer-hole{fill:#020617}
html[data-wheel-style="clean"] #wheel{border-width:3px;border-color:rgba(255,255,255,.68);box-shadow:0 12px 28px rgba(0,0,0,.42)}html[data-wheel-style="clean"] .wheel-wrap::before,html[data-wheel-style="clean"] .wheel-wrap::after{opacity:0!important}html[data-wheel-style="clean"] .pointer{width:52px;height:42px;right:-26px;color:#d7e2ee;filter:drop-shadow(0 4px 7px rgba(0,0,0,.72))}html[data-wheel-style="clean"] .pointer .rulixy-pointer-body{fill:#111827;stroke-width:3}html[data-wheel-style="clean"] .pointer .rulixy-pointer-ring{fill:#f8fafc;stroke:#cbd5e1;stroke-width:1.2}html[data-wheel-style="clean"] .pointer .rulixy-pointer-hole{fill:#111827}html[data-wheel-style="clean"] .app.spinning #wheel{animation:none}
@media(max-width:520px){.wheel-style-grid{grid-template-columns:1fr}.wheel-style-btn{display:grid;grid-template-columns:42px minmax(0,1fr);text-align:left;padding:9px 10px}.wheel-style-preview{width:42px}.wheel-style-copy{text-align:left}.wheel-style-copy strong{font-size:11px}.wheel-style-copy small{font-size:9px}}
@media(min-width:900px){#configOverlay .wheel-style-group{grid-column:1/-1}}


/* RULIXY V1.3 STABLE — Desktop Studio Panel + Wheel Premium Polish */
@media(min-width:1100px){
#configOverlay>.card{width:min(96vw,1180px)!important;max-width:1180px!important;max-height:95vh!important;padding:25px!important}
#configOverlay .config-sticky{top:-25px;margin:-3px -3px 17px;padding-bottom:14px}
#configOverlay .header h2{font-size:19px}
#configOverlay .config-subtitle{font-size:12px;line-height:1.45}
#configOverlay .tab-nav{gap:8px!important;padding:7px}
#configOverlay .tab-btn{min-height:44px;font-size:12px;padding:9px 12px}
#configOverlay .tab-panel{padding-top:17px}
#configOverlay .group{padding:18px 19px;border-radius:15px}
#configOverlay .group>label:first-child,#configOverlay .mini-title{font-size:12px}
#configOverlay .toggle{font-size:14px;min-height:41px}
#configOverlay .small-btn,#configOverlay .mode{font-size:13px}
#configOverlay .theme-btn,#configOverlay .segment-btn,#configOverlay .template-btn{font-size:12px}
#configOverlay input[type=text],#configOverlay input[type=email],#configOverlay textarea,#configOverlay select,#configOverlay .obs-url{font-size:13px;padding:10px 11px}
#configOverlay .pro-note,#configOverlay .obs-steps,#configOverlay .hotkey,#configOverlay .stream-status,#configOverlay .report-status{font-size:12px;line-height:1.5}
#configOverlay .input-help,#configOverlay .report-field label,#configOverlay .report-support{font-size:11px;line-height:1.45}
#configOverlay .report-check{font-size:12px!important}
#configOverlay .feedback-box input[type="email"],#configOverlay .feedback-box select{font-size:14px}
#configOverlay .tab-panel[data-panel="stream"].active{grid-template-columns:minmax(0,1.62fr) minmax(355px,.88fr);gap:18px}
#configOverlay .tab-panel[data-panel="participants"].active{grid-template-columns:minmax(0,1.7fr) minmax(300px,.7fr);gap:18px}
#configOverlay .tab-panel[data-panel="general"].active,#configOverlay .tab-panel[data-panel="appearance"].active,#configOverlay .tab-panel[data-panel="audio"].active,#configOverlay .tab-panel[data-panel="advanced"].active{gap:18px}
#configOverlay .wheel-style-grid{gap:12px}
#configOverlay .wheel-style-btn{min-height:132px;padding:14px 12px;border-radius:15px}
#configOverlay .wheel-style-preview{width:62px}
#configOverlay .wheel-style-copy strong{font-size:12px}
#configOverlay .wheel-style-copy small{font-size:10px;line-height:1.4}
#configOverlay .wheel-palette-note{font-size:10px}
#configOverlay .save{min-height:50px;font-size:14px}
}

/* Wheel V1.3 STABLE: stronger identity without changing wheel geometry */
.wheel-wrap{isolation:isolate}
html[data-wheel-style="classic"] .wheel-wrap::after{background:radial-gradient(circle,color-mix(in srgb,var(--gold) 20%,transparent) 0 38%,transparent 68%)}
html[data-wheel-style="classic"] #wheel{border-width:7px;box-shadow:0 0 0 1px rgba(255,255,255,.12),0 0 0 5px rgba(5,8,16,.75),0 0 32px color-mix(in srgb,var(--gold) 36%,transparent),0 18px 32px rgba(0,0,0,.48)}
html[data-wheel-style="classic"] .pointer{width:60px;height:48px;right:-30px;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--gold) 28%,transparent)) drop-shadow(0 7px 10px rgba(0,0,0,.86))}
html[data-wheel-style="classic"] .pointer .rulixy-pointer-body{fill:#070b14;stroke-width:4.5}
html[data-wheel-style="classic"] .pointer .rulixy-pointer-ring{fill:var(--gold2);stroke:#fff5cc;stroke-width:1.8}
html[data-wheel-style="neon"] .wheel-wrap::after{background:radial-gradient(circle,color-mix(in srgb,var(--gold) 30%,transparent) 0 39%,color-mix(in srgb,var(--blue) 12%,transparent) 52%,transparent 72%)}
html[data-wheel-style="neon"] #wheel{border-width:5px;box-shadow:0 0 0 1px rgba(255,255,255,.22),0 0 8px color-mix(in srgb,var(--gold) 90%,transparent),0 0 28px color-mix(in srgb,var(--gold) 58%,transparent),0 0 56px color-mix(in srgb,var(--blue) 34%,transparent),0 18px 34px rgba(0,0,0,.55)}
html[data-wheel-style="neon"] .pointer{width:62px;height:49px;right:-31px;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--gold) 88%,transparent)) drop-shadow(0 0 18px color-mix(in srgb,var(--blue) 38%,transparent)) drop-shadow(0 7px 9px rgba(0,0,0,.9))}
html[data-wheel-style="neon"] .pointer .rulixy-pointer-body{fill:#01040d;stroke-width:4}
html[data-wheel-style="neon"] .pointer .rulixy-pointer-ring{fill:#effdff;stroke:var(--gold);stroke-width:2.4}
html[data-wheel-style="clean"] #wheel{border-width:4px;border-color:rgba(238,245,252,.82);box-shadow:0 0 0 1px rgba(15,23,42,.55),0 16px 30px rgba(0,0,0,.38)}
html[data-wheel-style="clean"] .pointer{width:54px;height:43px;right:-27px;color:#e3edf6}
html[data-wheel-style="clean"] .pointer .rulixy-pointer-body{fill:#152033;stroke-width:3.2}
html[data-wheel-style="clean"] .pointer .rulixy-pointer-ring{fill:#f8fafc;stroke:#d7e1ea;stroke-width:1.4}
@media(max-width:520px){html[data-wheel-style="classic"] .pointer,html[data-wheel-style="neon"] .pointer{width:56px;height:45px;right:-28px}}