@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#101114;--panel:#17191e;--panel2:#1c1e24;--line:#292b32;--muted:#9699a4;--text:#f3f3f5;--lime:#c8f36a;--purple:#a69aff;--font:'DM Sans',system-ui,sans-serif;--display:'Space Grotesk',var(--font)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px var(--font);min-height:100vh}button,input{font:inherit}button{color:inherit;cursor:pointer}.app-shell{min-height:100vh}.sidebar{width:234px;position:fixed;inset:0 auto 0 0;background:#141519;border-right:1px solid #22242a;padding:26px 17px 20px;display:flex;flex-direction:column;z-index:4}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:var(--text);font:700 21px var(--display);letter-spacing:-1px;padding:0 8px}.brand-mark{width:35px;height:35px;border-radius:12px;background:var(--lime);color:#12140e;display:grid;place-items:center;font:700 23px var(--display);letter-spacing:-2px;transform:rotate(-6deg)}.brand-dot{color:var(--lime)}.brand small{display:block;color:#8d909b;font:600 8px var(--font);letter-spacing:1.3px;margin-top:1px}.sidebar nav{margin-top:55px;display:grid;gap:7px}.nav-item{display:flex;align-items:center;gap:14px;background:none;border:0;border-radius:9px;padding:12px 13px;color:#9b9da6;text-align:left;font-weight:500}.nav-item span{width:18px;text-align:center;font-size:17px;color:#9b9da6}.nav-item.active,.nav-item:hover{color:var(--text);background:#22242a}.nav-item.active span{color:var(--lime)}.sidebar-bottom{margin-top:auto}.rig-mini{display:flex;align-items:center;gap:10px;background:#1c1e23;border:1px solid #2b2d33;border-radius:10px;padding:12px 10px}.rig-mini .status-dot{width:8px;height:8px;border-radius:50%;background:#777;flex:none}.rig-mini.online .status-dot{background:var(--lime);box-shadow:0 0 12px #c8f36a88}.rig-mini>div{min-width:0;flex:1}.rig-mini b,.rig-mini small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rig-mini b{font-size:11px}.rig-mini small{margin-top:3px;color:var(--muted);font-size:10px}.rig-mini button{border:0;background:none;font-size:19px;color:#aaa}.sidebar-bottom>p{font-size:8px;letter-spacing:1.1px;color:#777b85;text-align:center;margin:14px 0 0}main{margin-left:234px;padding:0 46px 60px;max-width:1600px}.topbar{height:102px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #23252a}.eyebrow{display:block;font-size:9px;font-weight:700;color:#8d909a;letter-spacing:1.45px}.topbar h1{font:600 22px var(--display);margin:5px 0 0;letter-spacing:-.5px}.top-actions{display:flex;align-items:center;gap:18px}.network-pill{display:flex;gap:8px;align-items:center;color:#b5b7c0;font-size:11px}.network-pill i,.live-pill i{width:7px;height:7px;border-radius:50%;background:#777}.network-pill.online i,.live-pill i{background:var(--lime);box-shadow:0 0 9px #c8f36a77}.avatar{border:1px solid #363840;background:#202228;width:34px;height:34px;border-radius:50%;font-weight:700;color:var(--lime)}.view{padding-top:28px}.hero{min-height:272px;border:1px solid #36323b;border-radius:15px;overflow:hidden;position:relative;background:radial-gradient(ellipse at 78% 8%,#7666a557,transparent 35%),linear-gradient(112deg,#23252d 0%,#1e2026 45%,#302b3b 100%);display:flex;align-items:center;padding:36px 42px}.hero-glow{position:absolute;width:300px;height:300px;border-radius:50%;background:#a69aff14;filter:blur(30px);right:10%;top:8px}.hero-copy{position:relative;z-index:2}.hero-copy .eyebrow{color:#bbb3ff}.hero h2{font:600 38px/1.06 var(--display);letter-spacing:-2px;margin:13px 0 9px}.hero h2 em{font-style:normal;color:var(--lime)}.hero-copy p{color:#b0b0bb;margin:0 0 21px;font-size:12px}.button{border:0;border-radius:8px;padding:11px 14px;font-weight:700;font-size:11px;display:inline-flex;gap:20px;align-items:center;justify-content:space-between;transition:transform .15s,filter .15s}.button:hover{transform:translateY(-1px);filter:brightness(1.08)}.button-light{background:var(--lime);color:#171913}.button-dark{background:#e9e9eb;color:#16171a}.button span{font-size:17px;font-weight:400;line-height:10px}.hero-art{position:absolute;inset:0 5% 0 auto;width:45%;display:flex;align-items:center;justify-content:center;perspective:600px}.screen-art{width:250px;height:165px;border:7px solid #111217;border-bottom-width:12px;border-radius:10px;background:#373153;transform:rotateY(-14deg) rotateZ(-3deg);box-shadow:10px 20px 36px #08090b99;overflow:hidden;position:relative}.screen-top{height:14px;background:#15151b;display:flex;gap:4px;align-items:center;padding-left:7px}.screen-top span{width:4px;height:4px;border-radius:50%;background:#646071}.screen-content{height:calc(100% - 14px);background:radial-gradient(ellipse at 64% 55%,#897ac7 0,#63589d 24%,#36314e 69%);position:relative;padding:14px}.art-moon{position:absolute;top:2px;right:30px;color:#ddd7ff;font-size:68px;transform:rotate(-30deg);filter:drop-shadow(0 0 20px #cabdff)}.art-lines{position:absolute;bottom:25px;left:17px;display:grid;gap:5px}.art-lines i{height:3px;border-radius:5px;background:#c8f36a;width:60px}.art-lines i:nth-child(2){width:39px;opacity:.7}.art-lines i:nth-child(3){width:48px;opacity:.4}.art-label{position:absolute;right:16px;bottom:14px;font:700 12px/1.05 var(--display);letter-spacing:1px;text-align:right;color:#f4f2ff}.art-shadow{position:absolute;width:210px;height:8px;bottom:43px;background:#06060799;filter:blur(8px);transform:rotate(-3deg)}.section-head{display:flex;align-items:end;justify-content:space-between;margin:31px 0 14px}.section-head h2{font:600 20px var(--display);letter-spacing:-.6px;margin:5px 0 0}.text-button{border:0;background:transparent;color:#b5b7c1;font-size:11px;padding:8px 0}.text-button span{margin-left:8px;color:var(--lime);font-size:15px}.rig-card{background:var(--panel);border:1px solid #2b2d34;border-radius:12px;padding:17px 19px;display:flex;align-items:center;gap:16px}.rig-icon{width:43px;height:43px;background:#25272f;border-radius:11px;display:grid;place-items:center;color:var(--lime);font-size:19px}.rig-info{flex:1;min-width:0}.rig-name{display:flex;align-items:center;gap:11px}.rig-name h3{font:600 14px var(--display);margin:0}.offline-badge{font-size:9px;color:#9a9ca5;display:flex;align-items:center;gap:5px}.offline-badge i{width:6px;height:6px;background:#777;border-radius:50%}.offline-badge.online{color:var(--lime)}.offline-badge.online i{background:var(--lime)}.rig-info p{font-size:11px;color:#9699a3;margin:6px 0 11px}.rig-meta{display:flex;gap:20px;color:#878a94;font-size:9px}.rig-meta b{font-weight:500;color:#c6c7cc}.library-head{margin-top:30px}.count{font:500 11px var(--font);color:#8d9099;margin-left:7px}.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.empty-grid{grid-template-columns:1fr}.empty-state{border:1px dashed #33353c;border-radius:11px;min-height:170px;display:grid;place-content:center;justify-items:center;text-align:center}.empty-symbol{width:33px;height:33px;border-radius:9px;display:grid;place-items:center;background:#22242a;color:var(--lime);font-size:19px}.empty-state h3{font:600 13px var(--display);margin:11px 0 4px}.empty-state p{color:#8e9099;font-size:10px;margin:0 0 5px}.game-card{background:#1c1e24;border:1px solid #292b32;border-radius:10px;overflow:hidden;transition:transform .16s,border-color .16s;min-width:0}.game-card:hover{transform:translateY(-3px);border-color:#55515f}.game-art{height:116px;background:linear-gradient(145deg,#3b3654,#24252c);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.game-art:before,.game-art:after{content:'';position:absolute;border-radius:50%;width:110px;height:110px;background:#c8f36a20;filter:blur(1px);left:50%;top:50%;transform:translate(-70%,-35%)}.game-art:after{width:73px;height:73px;background:#a69aff52;transform:translate(8%,-70%)}.game-art .game-initial{font:700 37px var(--display);color:#f1efff;position:relative;z-index:1;text-shadow:0 4px 20px #07070a}.game-card-body{padding:11px}.game-card-body h3{font:600 12px var(--display);margin:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.game-card-body p{font-size:9px;color:#92949c;margin:5px 0 11px}.game-actions{display:flex;gap:7px}.play-game{background:var(--lime);color:#12140e;border:0;border-radius:6px;padding:7px 10px;font-weight:700;font-size:9px;flex:1}.remove-game{background:#292b32;border:0;border-radius:6px;padding:0 9px;color:#aaa;font-size:11px}.game-add{border:1px dashed #3c3e45;border-radius:10px;min-height:190px;background:none;color:#a2a4ac;display:grid;place-content:center;justify-items:center;gap:8px;font-size:11px}.game-add span{font-size:23px;color:var(--lime)}.footnote{border-top:1px solid #25272d;margin-top:28px;padding-top:15px;color:#868994;font-size:10px}.footnote span{color:var(--lime);margin-right:7px}.search-box{background:#1b1d22;border:1px solid #30323a;border-radius:8px;padding:8px 10px;display:flex;align-items:center;gap:8px;color:#9b9da6}.search-box input{border:0;outline:0;background:transparent;color:white;font-size:11px;width:160px}.settings-card{background:var(--panel);border:1px solid #2b2d34;border-radius:12px;padding:20px 22px;margin:14px 0}.settings-card h3{font:600 14px var(--display);margin:0 0 6px}.settings-card p{color:#999ca6;font-size:11px;margin:0 0 16px;line-height:1.6}.field-row{display:grid;grid-template-columns:1fr 180px;gap:12px;margin-bottom:13px}.settings-card label,.modal label{display:grid;gap:7px;color:#adafb7;font-size:10px;font-weight:600}.settings-card input,.modal input{width:100%;background:#111216;border:1px solid #373941;border-radius:7px;padding:10px 11px;color:#f4f4f6;outline:none;font-size:11px}.settings-card input:focus,.modal input:focus{border-color:#b8e663}.inline-message{min-height:14px;margin-top:10px;color:var(--lime);font-size:10px}.inline-message.error{color:#ff9a8f}.quality-options{display:flex;gap:10px}.quality{flex:1;text-align:left;background:#111216;border:1px solid #31333b;border-radius:8px;padding:12px}.quality.active{border-color:var(--lime);box-shadow:0 0 0 1px #c8f36a22}.quality b,.quality small{display:block}.quality b{font-size:11px}.quality small{color:#9699a3;margin-top:5px;font-size:9px}.about-list{display:flex;gap:22px;color:#9b9da6;font-size:10px}.about-list b{color:#e1e1e4}.stream-overlay{position:fixed;inset:0;background:#08090b;z-index:10;display:flex;flex-direction:column}.stream-bar{height:58px;flex:none;background:#17181d;border-bottom:1px solid #313239;display:flex;align-items:center;gap:14px;padding:0 18px}.stream-bar>div{display:grid;gap:3px}.stream-bar b{font-size:11px}.stream-bar small{font-size:9px;color:#9a9ca5}.icon-button{border:0;border-radius:7px;width:33px;height:33px;background:#282a30;color:#eee;font-size:18px}.live-pill{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:9px;letter-spacing:1px;color:#ddd}.stream-stage{position:relative;flex:1;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#17181f,#07080a 75%);outline:none}.stream-stage img{max-width:100%;max-height:100%;object-fit:contain;display:none;user-select:none}.stream-stage.active img{display:block}.stream-wait{display:grid;justify-items:center;gap:8px;color:#ddd}.stream-wait small{color:#92949b;font-size:10px}.spinner{width:25px;height:25px;border:2px solid #383a42;border-top-color:var(--lime);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.stream-hint{position:absolute;bottom:14px;background:#17181dcc;padding:7px 11px;border-radius:6px;color:#aaa;font-size:9px;opacity:0;transition:opacity .3s}.stream-stage:hover .stream-hint{opacity:1}.modal-backdrop{position:fixed;inset:0;background:#050506bb;backdrop-filter:blur(5px);display:grid;place-items:center;z-index:12;padding:18px}.modal{position:relative;background:#1b1d22;border:1px solid #383a42;border-radius:13px;width:min(480px,100%);padding:25px}.modal h2{font:600 24px var(--display);margin:8px 0}.modal>p{color:#a1a3ac;font-size:11px;line-height:1.6;margin-bottom:18px}.modal form{display:grid;gap:12px}.modal label small{font-weight:400;color:#8c8f98}.modal-close{position:absolute;right:16px;top:14px;border:0;background:none;font-size:23px;color:#aaa}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#e5e6e9;color:#141518;padding:11px 16px;border-radius:8px;font-size:11px;font-weight:600;z-index:20;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important} @media(max-width:1000px){main{padding:0 28px 45px}.sidebar{width:205px}main{margin-left:205px}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-art{right:-2%;width:44%}.hero{padding-left:30px}}@media(max-width:720px){.sidebar{inset:auto 0 0;width:auto;height:62px;padding:6px 10px;background:#17181d;border:0;border-top:1px solid #2a2b30;display:block}.brand,.sidebar-bottom{display:none}.sidebar nav{margin:0;height:100%;display:flex;justify-content:space-around}.nav-item{display:grid;place-items:center;gap:1px;padding:3px 14px;font-size:9px}.nav-item span{font-size:17px}main{margin:0;padding:0 16px 85px}.topbar{height:75px}.topbar h1{font-size:19px}.top-actions{gap:10px}.network-pill{font-size:0}.network-pill i{font-size:0;width:8px;height:8px}.hero{min-height:246px;padding:25px 23px}.hero h2{font-size:32px}.hero-copy p{max-width:210px;font-size:10px;line-height:1.5}.hero-art{right:-30%;opacity:.5;width:77%}.screen-art{width:220px;height:145px}.rig-card{padding:13px;gap:10px;flex-wrap:wrap}.rig-icon{width:36px;height:36px}.rig-info{min-width:calc(100% - 55px);}.rig-info p{line-height:1.5}.rig-meta{gap:10px;flex-wrap:wrap}.rig-card>.button{margin-left:46px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.game-art{height:100px}.field-row{grid-template-columns:1fr}.quality-options{display:grid}.about-list{display:grid;gap:11px}.section-head h2{font-size:18px}.view{padding-top:18px}.library-head{margin-top:26px}.stream-bar{height:52px;padding:0 9px;gap:8px}.stream-stage img{width:100%;height:auto}.search-box input{width:115px}}