:root{color-scheme:dark;--bg:#101411;--surface:#191e1a;--line:#303730;--text:#f1f4eb;--muted:#a2aaa0;--lime:#c7f75b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:5px}button{border:0}a{color:inherit;text-decoration:none}.header,main,footer{max-width:1440px;margin:auto}.header{min-height:112px;display:flex;align-items:center;justify-content:space-between;padding:24px 5%;gap:20px}.brand{display:flex;gap:12px;align-items:center;font-size:27px;font-weight:800;letter-spacing:-1px}.brand .light{font-weight:400}.brand small{display:block;font-size:8px;letter-spacing:1.6px;margin-top:7px;color:var(--muted)}.logo{background:var(--lime);color:var(--bg);width:44px;height:44px;border-radius:11px;font-size:36px;display:flex;align-items:center;justify-content:center;font-style:italic;position:relative}.logo span{font-size:21px;position:absolute;right:1px;top:0}.header-note{font-size:12px;color:var(--muted)}.header-note i,.live-dot{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;margin-right:8px}.outline{background:transparent;border:1px solid var(--line);color:var(--text);padding:12px 17px;border-radius:8px;font-size:13px}.outline:hover{background:#293026}.primary{background:var(--lime);color:#15200c;padding:16px 22px;font-weight:700;border-radius:8px}.primary:hover{background:#dafb96}.primary span{margin-left:24px}main{padding:12px 5% 0}.hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:410px;border:1px solid #343f2e;border-radius:18px;overflow:hidden;background:radial-gradient(ellipse at 85% 30%,#2e3d23 0%,#1b2319 45%,#191f18 80%)}.hero-copy{padding:42px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--muted)}.hero .eyebrow{color:#d0e1af}h1{font-size:clamp(36px,4.2vw,61px);line-height:1.07;letter-spacing:-2.8px;margin:23px 0 18px}h1 span{color:var(--lime)}.hero p{color:#b4bcae;font-size:13px;line-height:1.8;margin-bottom:24px}.hero-meta{display:flex;gap:25px;font-size:8px;letter-spacing:1.5px;color:#8f9d85;margin-top:32px}.arcade{position:relative;min-height:360px;display:flex;align-items:center;justify-content:center;overflow:hidden;background-image:radial-gradient(#a5bc6f25 1px,transparent 1px);background-size:20px 20px}.orbit{position:absolute;width:340px;height:340px;border:1px solid #adcd6d25;border-radius:50%}.orbit-two{width:440px;height:440px}.arcade-label{position:absolute;top:35px;right:35px;font-size:9px;letter-spacing:2px;border:1px solid #7a8e5f;padding:9px;border-radius:4px;transform:rotate(7deg)}.arcade-label span{color:var(--lime);margin-left:15px}.controller{width:310px;height:192px;background:#d7e6b7;border:2px solid #ecf7d7;border-radius:35px 35px 65px 65px;transform:rotate(-13deg);box-shadow:0 15px 0 #71824f,0 25px 0 #11190b,0 40px 45px #0008;color:#333e26;padding:23px}.controller-top{font-size:8px;letter-spacing:2px;border-bottom:1px solid #a4b58a;padding-bottom:12px}.controls{display:flex;align-items:center;justify-content:space-between;margin:15px 5px}.dpad{width:72px;height:72px;background:#283322;clip-path:polygon(33% 0,66% 0,66% 33%,100% 33%,100% 66%,66% 66%,66% 100%,33% 100%,33% 66%,0 66%,0 33%,33% 33%)}.buttons{display:grid;grid-template-columns:27px 27px;gap:10px;transform:rotate(-25deg)}.buttons i{width:27px;height:27px;border-radius:50%;background:#303e25;box-shadow:0 3px 0 #7f9164}.buttons i:first-child{background:#90b63a}.controller-bottom{display:flex;gap:7px;align-items:center;justify-content:center;font-size:6px;letter-spacing:1px}.controller-bottom b{width:22px;height:6px;background:#687950;border-radius:5px}.controller-bottom span{margin-left:15px}.spark{position:absolute;color:var(--lime);font-size:50px}.spark-one{top:65px;left:35px}.spark-two{bottom:70px;right:30px;font-size:32px}.arcade-caption{position:absolute;bottom:29px;font-size:8px;letter-spacing:2px;color:#b0c293}.arcade-caption span{margin-left:24px}.library{padding-top:44px}.library-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}h2{font-size:28px;letter-spacing:-1px;margin:10px 0 0}.dot{color:var(--lime)}.count{vertical-align:middle;font-size:12px;letter-spacing:0;background:#262e22;border:1px solid #3c4833;padding:5px 9px;border-radius:6px;margin-left:7px;color:#bfd991}.search{display:flex;align-items:center;gap:12px;background:#191e1a;border:1px solid var(--line);padding:12px 15px;border-radius:8px}.search>span{font-size:23px;line-height:1;color:var(--muted)}.search input{background:none;border:0;color:var(--text);width:215px;font-size:12px;outline:none}.search kbd{border:1px solid var(--line);padding:2px 5px;border-radius:3px;color:var(--muted)}.toolbar{margin:25px 0 20px;display:flex;justify-content:space-between;align-items:center;gap:15px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{color:#b0b7ac;background:#1c221c;border:1px solid var(--line);border-radius:6px;padding:9px 16px;font-size:11px}.filter.active{background:var(--lime);color:#1d2812;border-color:var(--lime);font-weight:bold}.text-button{color:var(--muted);background:none;font-size:12px;white-space:nowrap;padding:8px 0}.text-button:hover{color:var(--lime)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{display:block;background:var(--surface);border:1px solid var(--line);border-radius:12px;text-align:left;color:var(--text);overflow:hidden;padding:0;transition:transform .18s,border-color .18s}.card:hover{transform:translateY(-4px);border-color:#88a357}.thumb{position:relative;aspect-ratio:16/9;overflow:hidden;background:#232e20}.thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.card:hover img{transform:scale(1.04)}.play{position:absolute;right:14px;bottom:14px;width:35px;height:35px;border-radius:50%;background:var(--lime);color:#182211;display:grid;place-items:center;font-size:13px}.card-body{padding:18px}.card-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.card h3{font-size:17px;margin:0;overflow-wrap:anywhere}.category{font-size:9px;color:#c8d2be;border:1px solid #3e4837;border-radius:4px;padding:4px 6px}.card p{font-size:12px;line-height:1.5;color:var(--muted);margin:10px 0 0}.add-banner{margin:36px 0 45px;border:1px dashed #414c38;border-radius:12px;display:flex;align-items:center;padding:24px;gap:18px;background:#171d15}.folder{font-size:35px;color:var(--lime);background:#29331e;padding:5px 12px;border-radius:9px}.add-banner h3{font-size:14px;margin:0 0 7px}.add-banner p{font-size:12px;color:var(--muted);margin:0}.add-banner .text-button{margin-left:auto;color:var(--lime)}.add-banner .text-button span{margin-left:18px}footer{display:flex;justify-content:space-between;gap:20px;padding:25px 5%;border-top:1px solid #282e26;color:var(--muted);font-size:10px;align-items:center}.footer-brand{font-size:19px;font-weight:bold;color:var(--text)}.footer-brand span{font-weight:normal}footer>span:last-child{font-size:8px;letter-spacing:1.5px}#status{color:var(--muted);font-size:12px}#status:empty{display:none}.empty{text-align:center;padding:45px;border:1px dashed var(--line);border-radius:12px}.empty>span{font-size:40px;color:var(--lime)}.empty p{color:var(--muted)}details{margin-top:20px;color:#e5c18e;font-size:13px}details li{margin:8px 0}dialog{color:var(--text);background:var(--surface);border:1px solid #4a5740;border-radius:16px;max-width:620px;width:calc(100% - 32px);padding:32px}dialog::backdrop{background:#060a08db;backdrop-filter:blur(6px)}dialog p,dialog li{font-size:14px;line-height:1.8;color:#bac3b2}dialog li{margin:12px 0}dialog pre{background:#101510;padding:18px;border-radius:8px;overflow:auto;color:var(--lime);line-height:1.7}code{color:var(--lime)}.close{float:right;font-size:26px;background:none;color:white}.player-bar,.player-bar>div{display:flex;align-items:center;gap:10px}.player-bar{justify-content:space-between;padding:14px 18px}.player-bar strong{font-size:15px}.player-bar button{padding:10px 13px}.player-bar .primary span{margin-left:4px}#player{padding:0;width:94vw;max-width:1500px;overflow:hidden}#frame-wrap{height:min(72vh,850px);background:#080b09}iframe{width:100%;height:100%;border:0;display:block}.player-foot{display:flex;justify-content:space-between;padding:12px 18px;font-size:11px;color:var(--muted)}#player-message{margin:0;padding:0 18px}#player:fullscreen{width:100vw;height:100dvh;max-width:none;max-height:none;border:0;border-radius:0;display:flex;flex-direction:column}#player:fullscreen #frame-wrap{flex:1;height:auto}#player:fullscreen .player-foot{display:none}[hidden]{display:none!important}@media(min-width:1500px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:900px){.hero-copy{padding:30px}.controller{scale:.8}.hero-meta{gap:13px;font-size:7px}.header-note{display:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.search input{width:170px}.arcade-label{right:20px}.spark-one{left:10px}}@media(max-width:600px){.header{padding:20px 5%;min-height:85px}.brand{font-size:22px}.brand small{font-size:6px}.header>.outline{font-size:10px;padding:10px}.hero{grid-template-columns:1fr}.hero-copy{padding:30px 25px}h1{font-size:44px}.arcade{min-height:260px}.controller{scale:.83}.orbit{width:250px;height:250px}.orbit-two{width:330px;height:330px}.arcade-label{top:10px}.arcade-caption{bottom:14px}.spark-one{top:20px;left:30px}.hero-meta{margin-top:25px}.library{padding-top:30px}.library-heading{display:block}h2{font-size:25px}.search{margin-top:20px}.search input{width:100%}.toolbar{align-items:flex-start}.grid{gap:12px}.card-body{padding:12px}.card-top{display:block}.category{display:inline-block;margin-top:8px}.card h3{font-size:15px}.card p{font-size:11px}.play{width:28px;height:28px;right:8px;bottom:8px}.add-banner{flex-wrap:wrap;padding:18px}.add-banner .text-button{margin-left:0;width:100%;text-align:left}.add-banner p{font-size:11px}footer>span:last-child{display:none}.player-bar{padding:10px;gap:5px}.player-bar button span{display:none}.player-bar strong{font-size:12px}.player-foot span{font-size:9px;max-width:65%}#frame-wrap{height:70dvh}dialog{padding:22px}.filter{padding:8px 12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
#player.expanded{position:fixed;inset:0;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;border:0;border-radius:0;display:flex;flex-direction:column}#player.expanded #frame-wrap{flex:1;height:auto}#player.expanded .player-foot{display:none}