@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Montserrat:wght@300;400;500;600&display=swap";:root{--bg:#090909;--panel:#121212;--gold:#c7a45b;--gold-soft:#d8bf8a;--text-strong:#f5f5f5;--text:#c9c7c0;--text-muted:#8f8b83;--display:"Montserrat", system-ui, sans-serif;--data:"Inter", "Segoe UI", system-ui, sans-serif;color:var(--text);font-family:var(--data);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:0 0}*{box-sizing:border-box}html,body,#root{width:100%;min-width:100%;min-height:100%;margin:0}body{background:0 0;min-height:100vh;overflow:hidden}button,a{font:inherit}.obs-canvas,.scene-canvas{width:100vw;height:100vh;position:relative;overflow:hidden}.obs-canvas{background:0 0}.scene-canvas{background:radial-gradient(circle at 18% 72%,#c7a45b1f,#0000 26%),radial-gradient(circle at 82% 18%,#d8bf8a12,#0000 28%),linear-gradient(135deg,#050505,#090909 48%,#11100d)}.scene-canvas:after{content:"";pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff03 1px,#0000 1px);background-size:96px 96px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 72%);mask-image:radial-gradient(circle,#000,#0000 72%)}.placed{position:absolute}.glass-widget{background:linear-gradient(135deg,#ffffff0a,#0000 38%),#060606b8;border:1px solid #d8bf8a29;width:100%;height:100%;position:relative;box-shadow:inset 0 0 36px #c7a45b0d,0 0 24px #00000047}.spotify-widget,.challenge-widget,.chat-widget,.info-bar{box-shadow:none;background:0 0;border:0}.corner{pointer-events:none;width:18px;height:18px;position:absolute}.tl{border-left:1px solid var(--gold);border-top:1px solid var(--gold);top:10px;left:10px}.tr{border-right:1px solid var(--gold);border-top:1px solid var(--gold);top:10px;right:10px}.bl{border-left:1px solid var(--gold);border-bottom:1px solid var(--gold);bottom:10px;left:10px}.br{border-right:1px solid var(--gold);border-bottom:1px solid var(--gold);bottom:10px;right:10px}.widget-label{color:var(--gold-soft);font-family:var(--display);letter-spacing:.16em;font-size:10px;font-weight:600;position:absolute;top:10px;left:16px}.spotify-widget{grid-template-rows:1fr 8px;grid-template-columns:42px minmax(0,1fr);align-items:center;column-gap:12px;padding:8px 14px 7px 18px;display:grid}.info-bar{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(135deg,#ffffff09,#0000 42%),#09090975;align-items:center;padding:8px 18px;display:grid}.info-bar .corner{border-width:1px;border-color:#d8bf8ac2;width:24px;height:24px}.info-bar .tl,.info-bar .tr{top:0}.info-bar .bl,.info-bar .br{bottom:0}.info-bar .tl,.info-bar .bl{left:0}.info-bar .tr,.info-bar .br{right:0}.info-spotify{grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;display:grid}.info-spotify .song-line{margin-top:9px}.info-valorant{grid-template-columns:42px minmax(0,1fr) auto auto;align-items:center;gap:18px;display:grid}.info-valorant.premier{grid-template-columns:34px minmax(0,1fr) auto}.info-valorant.premier .logo-mark{width:30px;height:30px}.valorant-rank-icon{object-fit:contain;filter:drop-shadow(0 0 10px #c7a45b29);width:42px;height:42px}.info-timer{grid-template-columns:22px minmax(128px,1fr) 74px 108px;align-items:center;gap:6px;display:grid}.info-timer .logo-mark{width:24px;height:24px}.timer-main,.valorant-main,.valorant-side,.valorant-peak,.timer-side,.timer-detail{gap:3px;display:grid}.timer-main{min-width:0;padding-left:9px}.timer-side,.timer-detail{justify-items:end;min-width:0}.valorant-main{min-width:0}.valorant-side,.valorant-peak{justify-items:end}.info-valorant span,.info-timer span,.info-lifesteal span{color:var(--text-muted);font-family:var(--display);letter-spacing:.16em;text-transform:uppercase;font-size:10px}.timer-main span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:8px;overflow:hidden}.info-valorant strong,.info-timer strong,.info-lifesteal strong{color:var(--gold-soft);font-family:var(--data);font-size:19px;font-weight:500;line-height:1}.info-valorant strong{text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;overflow:hidden}.info-valorant em,.info-lifesteal em{color:var(--text-strong);font-family:var(--data);text-align:right;font-size:13px;font-style:normal;line-height:1}.valorant-peak em{max-width:92px;color:var(--gold-soft);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;overflow:hidden}.info-premier{align-items:center;gap:8px;display:flex}.premier-emblem{width:42px;height:42px;color:var(--gold-soft);font-family:var(--display);letter-spacing:.08em;background:linear-gradient(135deg,#d8bf8a1a,#0000 52%),#0606065c;border:1px solid #d8bf8a47;place-items:center;font-size:10px;font-weight:600;display:grid}.premier-main,.premier-stat{gap:3px;display:grid}.premier-main{width:112px;min-width:112px}.premier-stat{justify-items:end}.premier-stat.division{min-width:56px;margin-left:auto}.premier-stat.points{min-width:42px}.premier-stat.place{min-width:28px}.premier-stat.record{min-width:24px}.info-premier span{color:var(--text-muted);font-family:var(--display);letter-spacing:.13em;text-transform:uppercase;font-size:7px}.info-premier strong{color:var(--gold-soft);font-family:var(--data);white-space:nowrap;font-size:12px;font-weight:500;line-height:1}.premier-main strong{text-overflow:clip;font-size:16px;overflow:hidden}.premier-main em{color:var(--text-strong);margin-left:4px;font-size:10px;font-style:normal;display:inline-block}.info-lifesteal{grid-template-columns:34px minmax(0,1fr) auto auto 106px;align-items:center;gap:11px;display:grid}.lifesteal-main,.lifesteal-stat,.lifesteal-state{gap:3px;display:grid}.lifesteal-main{min-width:0}.lifesteal-stat,.lifesteal-state{justify-items:end}.lifesteal-state strong{max-width:106px;color:var(--gold);font-family:var(--display);letter-spacing:.12em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:10px;overflow:hidden}.timer-main strong{letter-spacing:.02em;white-space:nowrap;font-size:19px;font-weight:300}.timer-side em,.timer-detail em{color:var(--gold-soft);font-family:var(--data);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;max-width:100%;font-size:10px;font-style:normal;line-height:1;overflow:hidden}.spotify-widget .widget-label,.challenge-widget .widget-label{display:none}.spotify-widget .corner,.challenge-widget .corner,.chat-widget .corner{border-color:var(--gold);border-width:2px;width:28px;height:28px}.spotify-widget .tl,.challenge-widget .tl,.chat-widget .tl{top:0;left:0}.spotify-widget .tr,.challenge-widget .tr,.chat-widget .tr{top:0;right:0}.spotify-widget .bl,.challenge-widget .bl,.chat-widget .bl{bottom:0;left:0}.spotify-widget .br,.challenge-widget .br,.chat-widget .br{bottom:0;right:0}.album-art{background:radial-gradient(circle at 50% 40%,#f5f5f559,#0000 11%),linear-gradient(135deg,#272727,#070707);border:2px solid #d8bf8a8c;grid-row:1/span 2;width:42px;height:42px}.album-art span{background:radial-gradient(circle,#ffffff29,#0000 9%);width:100%;height:100%;display:block}.album-art img{object-fit:cover;width:100%;height:100%;display:block}.track-copy{min-width:0}.track-title{color:var(--gold);font-family:var(--data);text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:500;line-height:1.1;overflow:hidden}.track-title span{color:var(--text-muted)}.track-artist{color:var(--text-muted);font-family:var(--data);text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:12px;line-height:1.1;overflow:hidden}.song-line{background:#f5f5f517;grid-column:2;height:3px}.song-line span{background:linear-gradient(90deg, var(--gold), var(--gold-soft));height:100%;display:block}.challenge-widget{place-items:center;padding:5px 18px;display:grid}.timer-readout{color:var(--gold);font-family:var(--data);letter-spacing:.1em;font-size:32px;font-weight:300}.lifesteal-readout{color:var(--gold);font-family:var(--data);align-items:center;gap:10px;font-size:24px;line-height:1;display:flex}.lifesteal-readout strong{font-weight:500}.lifesteal-heart{object-fit:contain;width:28px;height:28px;image-rendering:pixelated;filter:drop-shadow(0 0 8px #c7a45b40);display:block}.valorant-readout{font-family:var(--data);justify-items:center;gap:3px;display:grid}.valorant-readout strong{color:var(--gold-soft);text-transform:uppercase;font-size:18px;font-weight:500}.valorant-readout span{color:var(--text-strong);font-size:13px}.valorant-readout em{color:var(--text-muted);font-family:var(--display);letter-spacing:.12em;font-size:10px;font-style:normal}.chat-widget{background:0 0;width:100%;height:100%;padding:0;overflow:hidden}.messages{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:9px;width:100%;height:100%;display:flex;overflow:hidden}.messages p{color:var(--text-strong);font-family:var(--data);overflow-wrap:anywhere;text-shadow:0 1px 7px #00000094;margin:0;font-size:15px;font-weight:400;line-height:1.25}.messages strong,.chat-separator{color:var(--gold-soft);font-weight:600}.badge{object-fit:contain;vertical-align:-3px;width:16px;height:16px;margin-right:4px;display:inline-block}.chat-emote{vertical-align:-5px;width:auto;height:22px;margin:0 2px;display:inline-block}.camera-frame{background:0 0;width:100%;height:100%;position:relative}.camera-outline{position:absolute;inset:0}.camera-edge{background:var(--gold);display:block;position:absolute;box-shadow:0 0 10px #c7a45b24}.camera-edge.top{width:50%;height:3px;top:0}.camera-edge.right{background:var(--gold);width:3px;height:50%;right:0}.camera-edge.left{background:var(--gold);width:3px;height:50%;left:0}.camera-edge.bottom{width:40%;height:3px;bottom:0}.camera-edge.top.left-half,.camera-edge.bottom.left-half{left:0}.camera-edge.top.right-half,.camera-edge.bottom.right-half{right:0}.camera-edge.left.top-half,.camera-edge.right.top-half{top:0}.camera-edge.left.bottom-half,.camera-edge.right.bottom-half{bottom:0}.camera-logo{place-items:center;width:54px;height:44px;display:grid;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.camera-logo .logo-mark{width:39px;height:39px}.alert-position{width:620px;height:174px;position:absolute;top:38px;left:50%;transform:translate(-50%)}.alert-widget{background:linear-gradient(135deg,#ffffff0e,#0000 36%),#060606e6;border-color:#d8bf8a47;align-content:center;place-items:center;gap:9px;display:grid;box-shadow:inset 0 0 42px #c7a45b14,0 16px 38px #00000057}.sponsor-strip,.goals-strip{width:100%;height:100%;color:var(--gold-soft);font-family:var(--display);letter-spacing:.16em;text-transform:uppercase;background:#09090952;border-top:1px solid #d8bf8a42;align-items:center;display:flex;position:relative}.sponsor-strip{gap:10px;padding:0 14px;font-size:11px}.sponsor-strip .logo-mark{width:22px;height:22px}.goals-strip{grid-template-columns:1fr auto 1fr;justify-content:stretch;gap:18px;padding:0 18px;display:grid}.goal-metric{justify-items:center;gap:2px;display:grid}.goal-metric.with-meter{grid-template-columns:auto 82px;justify-self:stretch;align-items:end;column-gap:10px}.goal-metric.with-meter span,.goal-metric.with-meter strong{grid-column:1}.goals-strip span{color:var(--text-muted);font-size:9px;line-height:1}.goals-strip strong{color:var(--gold-soft);font-family:var(--data);letter-spacing:0;font-size:14px;font-weight:500;line-height:1}.goal-meter{background:#f5f5f51a;grid-area:1/2/span 2;align-self:center;width:82px;height:4px}.goal-metric:first-child{justify-self:start}.goal-metric:last-child{justify-self:end}.goal-meter span{background:linear-gradient(90deg, var(--gold), var(--gold-soft));height:100%;display:block}.alert-widget .logo-mark{width:58px;height:58px}.alert-kind,.alert-detail{color:var(--text-muted);font-family:var(--display);letter-spacing:.2em;font-size:11px;font-weight:500}.alert-name{color:var(--gold-soft);font-family:var(--data);font-size:26px;font-weight:400}.logo-mark{object-fit:contain;filter:drop-shadow(0 18px 34px #c7a45b2e);width:112px;height:112px}.logo-mark.small{width:30px;height:30px}.center-scene,.hub{z-index:1;align-content:center;place-items:center;gap:22px;min-height:100vh;padding:64px;display:grid;position:relative}.brand-word{color:var(--text-strong);font-family:var(--display);letter-spacing:.46em;padding-left:.46em;font-size:54px;font-weight:300;line-height:1}.scene-subtitle{color:var(--text-muted);font-family:var(--display);letter-spacing:.22em;font-size:12px}.scene-line{background:linear-gradient(90deg,#0000,#d8bf8a61,#0000);width:min(280px,55vw);height:1px}.scene-timer{color:var(--gold);font-family:var(--data);letter-spacing:.12em;font-size:43px;font-weight:300}.template-scale{z-index:1;position:absolute;inset:0}.template-box{color:#030303;width:100%;height:100%;font-family:var(--display);text-align:center;background:#f5f5f50f;border:5px solid #030303;place-items:center;font-size:12px;font-weight:600;display:grid}.template-box.large{font-size:18px}.hub p{max-width:620px;color:var(--text);text-align:center;margin:0}.hub nav{flex-wrap:wrap;justify-content:center;gap:10px;max-width:780px;display:flex}.hub a{min-width:174px;color:var(--gold-soft);font-family:var(--display);letter-spacing:.12em;text-align:center;background:#0a0a0aad;border:1px solid #d8bf8a33;padding:12px 16px;font-size:12px;text-decoration:none}.config-page{z-index:1;align-content:center;gap:18px;width:min(620px,100vw - 48px);min-height:100vh;margin:0 auto;padding:48px 0;display:grid;position:relative}.config-kicker{color:var(--text-muted);font-family:var(--display);letter-spacing:.18em;font-size:11px;font-weight:500}.config-page h1{color:var(--gold-soft);font-family:var(--display);letter-spacing:0;margin:6px 0 0;font-size:32px;font-weight:400}.config-panel{background:#0a0a0ac2;border:1px solid #d8bf8a2e;gap:16px;padding:22px;display:grid}.config-panel h2{color:var(--gold-soft);font-family:var(--display);letter-spacing:0;margin:0 0 4px;font-size:16px;font-weight:500}.config-row,.config-field{gap:7px;display:grid}.config-row{grid-template-columns:1fr auto;align-items:center}.config-row span,.config-field span{color:var(--text-muted);font-family:var(--display);letter-spacing:.13em;text-transform:uppercase;font-size:11px}.config-row strong{font-family:var(--data);font-size:14px;font-weight:500}.status-good{color:var(--gold-soft)}.status-bad{color:#cfb28b}.config-field code{overflow-wrap:anywhere;color:var(--text-strong);font-family:var(--data);font-size:13px;line-height:1.45}.config-actions{flex-wrap:wrap;gap:10px;padding-top:4px;display:flex}.config-button{color:var(--gold-soft);font-family:var(--display);letter-spacing:.1em;text-transform:uppercase;background:#d8bf8a1a;border:1px solid #d8bf8a42;padding:10px 14px;font-size:12px;text-decoration:none}.config-button.secondary{background:0 0}.config-button.disabled{opacity:.45;pointer-events:none}