@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#0c0d13;--panel:#15161f;--muted:#92939f;--lime:#d9ff63;--line:#272832}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f7f7fa;font-family:'DM Sans',Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--lime);outline-offset:5px}button{color:inherit}a{color:inherit;text-decoration:none}header{height:94px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;gap:24px}.brand{font-size:27px;font-weight:700;letter-spacing:-1.5px;display:flex;align-items:center;gap:5px}.brand-play{font-weight:400;color:var(--lime)}.brand-mark{position:relative;display:inline-flex;background:var(--lime);color:#141617;border-radius:11px;width:33px;height:33px;align-items:center;justify-content:center;margin-right:7px;font-size:27px;transform:rotate(-8deg)}.brand-mark span{position:absolute;font-size:13px;right:-5px;top:-8px;color:var(--lime)}nav{display:flex;height:100%;gap:36px}.nav-link{background:none;border:0;color:var(--muted);font-size:14px;position:relative}.nav-link.active{color:white}.nav-link.active:after{content:'';position:absolute;height:3px;background:var(--lime);bottom:0;left:0;right:0}.header-right{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}.live-dot{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;box-shadow:0 0 12px #d9ff6370}.avatar{margin-left:16px;border:1px solid #4a4c3c;border-radius:50%;background:#272c20;color:var(--lime);width:36px;height:36px;font-size:11px}main,.subpage{max-width:1440px;margin:auto;padding:43px 5.5% 0}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--muted)}.top-label{display:flex;align-items:center;gap:9px}.top-label span{width:6px;height:6px;background:var(--lime);border-radius:50%}.page-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px}h1{font-size:clamp(26px,3vw,42px);letter-spacing:-1.6px;margin:13px 0 31px;font-weight:600}h1>span{color:var(--lime)}.page-heading p{font-size:13px;color:var(--muted)}.hero{position:relative;height:490px;border:1px solid #343039;border-radius:16px;overflow:hidden;background:#181524}.hero>img{width:100%;height:100%;object-fit:cover;object-position:center 55%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,9,24,.93),rgba(13,10,30,.44) 45%,transparent 80%),linear-gradient(0deg,#0a0a19e0,transparent 35%)}.hero-content{position:absolute;inset:32px 42px;max-width:400px}.featured{font-size:10px;font-weight:700;letter-spacing:1.3px;display:inline-block;padding:8px 11px;background:#ffffff0b;border:1px solid #ffffff25;border-radius:5px}.featured>span{color:var(--lime);margin-right:7px}.hero-tags{display:flex;gap:12px;font-size:9px;letter-spacing:1.5px;color:#bdb9cd;margin-top:25px}.hero h2{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;font-style:italic;font-size:89px;line-height:.85;letter-spacing:1px;margin:15px 0 19px}.hero h2 em{color:var(--lime);font-style:inherit}.hero-content p{color:#c0bdcc;font-size:13px;line-height:1.7}.primary{border:0;background:var(--lime);color:#171c0a;border-radius:7px;padding:14px 22px;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:13px}.primary:hover{background:#e7ff9b;transform:translateY(-1px)}.primary .arrow{margin-left:25px;font-size:19px}.hero-note{display:inline-block;font-size:8px;letter-spacing:1px;color:#b5b3bf;margin-left:15px}.hero-note i{font-style:normal;margin:0 5px}.hero-bottom{position:absolute;bottom:21px;left:42px;right:32px;display:flex;align-items:center;gap:15px;color:#797989;font-size:10px}.hero-bottom b{color:white;font-size:12px}.slide{border:0;background:#ffffff40;width:22px;height:3px;padding:0;margin-right:5px}.slide.active{width:40px;background:var(--lime)}.editor-pick{margin-left:auto;letter-spacing:1.6px;font-size:8px;color:#c1beca}.games-section{margin-top:42px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px}.section-heading h2{font-size:25px;letter-spacing:-.7px;font-weight:600;margin:8px 0 0}.section-heading h2 span{display:inline-block;font-size:11px;vertical-align:top;letter-spacing:0;border:1px solid var(--line);padding:3px 6px;border-radius:5px;color:var(--muted);margin:3px 0 0 10px}.filters{display:flex;gap:8px}.filters button{border:1px solid var(--line);border-radius:20px;background:transparent;padding:8px 16px;font-size:11px;color:var(--muted)}.filters button.active{background:var(--lime);border-color:var(--lime);color:#182009}.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.game-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:transform .2s,border-color .2s}.game-card:hover{transform:translateY(-4px);border-color:#747b53}.card-art{padding:0;border:0;display:block;width:100%;height:240px;position:relative;text-align:left;overflow:hidden}.card-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#090b20c0,transparent 75%)}.card-art img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.card-art:hover img{transform:scale(1.04)}.badge{position:absolute;left:18px;top:18px;font-size:8px;font-weight:700;letter-spacing:1px;padding:7px 9px;background:var(--lime);border-radius:4px;color:#1e2512;z-index:1}.badge.purple{background:#b6a0ff;color:#20143e}.art-title{position:absolute;bottom:20px;left:23px;font-family:'Barlow Condensed',Impact,sans-serif;font-style:italic;font-weight:900;font-size:47px;line-height:.9;z-index:1}.art-title em{color:var(--lime);font-style:inherit}.orbit-title{font-size:38px;letter-spacing:2px;font-style:normal}.play-circle{position:absolute;right:22px;bottom:23px;background:#ffffff20;border:1px solid #ffffff70;backdrop-filter:blur(9px);border-radius:50%;padding:13px 15px;z-index:1;font-size:13px}.card-info{display:flex;align-items:center;justify-content:space-between;padding:22px 23px 19px}.card-tags{font-size:8px;color:var(--muted);letter-spacing:1.2px}.card-tags span{margin:0 8px;color:#565864}h3{margin:8px 0 5px;font-size:21px;font-weight:600;letter-spacing:-.5px}.card-info p{font-size:12px;margin:0;color:var(--muted)}.small-play{width:34px;height:34px;border:1px solid #3c3d48;border-radius:50%;background:none;font-size:20px}.card-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:13px 23px;font-size:9px;color:var(--muted)}.personal-best{color:#c7d2a8}.bottom-banner{display:flex;gap:22px;align-items:center;border:1px solid var(--line);border-radius:10px;margin-top:35px;padding:23px 28px;background:linear-gradient(100deg,#1d2117,#11131a)}.banner-icon{font-size:45px;color:var(--lime)}.bottom-banner h3{font-size:17px;margin:0 0 6px}.bottom-banner p{font-size:11px;color:var(--muted);margin:0}.banner-end{margin-left:auto;font-size:9px;letter-spacing:1.4px;color:#aeb99c}footer{display:flex;align-items:center;gap:30px;padding:33px 0;font-size:10px;color:#737581}footer .brand{font-size:20px;color:white}footer>span:last-child{margin-left:auto}.subpage{padding-top:70px}.subpage p{color:var(--muted);font-size:14px}.score-board{background:var(--panel);padding:22px;border:1px solid var(--line);border-radius:12px;margin:24px 0}.score-board table{width:100%;border-collapse:collapse;font-size:13px}.score-board td,.score-board th{padding:12px;text-align:left;border-bottom:1px solid var(--line)}.score-board th{color:var(--muted);font-weight:400}.score-board td:last-child{color:var(--lime);font-weight:700}dialog{width:min(1080px,96vw);padding:0;background:#10111a;border:1px solid #444453;border-radius:14px;max-height:95dvh;overflow:auto;box-shadow:0 30px 150px #000}dialog::backdrop{background:#03040be8;backdrop-filter:blur(10px)}.game-top{display:flex;align-items:center;justify-content:space-between;padding:15px 20px}.game-top>div{display:flex;align-items:center;gap:13px}.game-top strong{font-size:16px}.game-type{font-size:8px;letter-spacing:1.6px;color:var(--muted)}.game-top button{border:1px solid var(--line);background:#1d1e29;border-radius:5px;padding:6px 10px;font-size:12px}.stage{position:relative;background:#050814;aspect-ratio:5/3;overflow:hidden}canvas{display:block;width:100%;height:100%;touch-action:none}.hud{position:absolute;left:24px;right:24px;top:20px;display:flex;justify-content:space-between;pointer-events:none;text-shadow:0 2px 9px #000}.hud small{display:block;font-size:9px;letter-spacing:2px;color:#c0c4d8;margin-bottom:3px}.hud b{font-size:24px;font-variant-numeric:tabular-nums}.hud>div:last-child{text-align:right;color:var(--lime)}.game-overlay{position:absolute;inset:0;background:#060916af;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;text-align:center;padding:20px}.overlay-content{max-width:530px}.overlay-content h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:64px;line-height:1;margin:10px 0;color:white;text-transform:uppercase}.overlay-content p{font-size:13px;line-height:1.65;color:#bfc4d5}.overlay-content .eyebrow{color:var(--lime)}.control-pills{display:flex;justify-content:center;gap:8px;margin:22px 0}.control-pills span{border:1px solid #ffffff30;padding:8px 11px;border-radius:6px;font-size:11px;background:#ffffff07}.game-help{display:flex;justify-content:space-between;padding:13px 20px;color:var(--muted);font-size:10px}.game-help i{margin:0 10px;font-style:normal}.result-score{font-size:65px;color:var(--lime);font-weight:700;letter-spacing:-3px}.result-stats{display:flex;gap:30px;justify-content:center;margin:15px}.result-stats span{font-size:11px;color:var(--muted)}.result-stats b{display:block;font-size:20px;color:white;margin-bottom:4px}.secondary{border:1px solid #ffffff40;background:#ffffff09;border-radius:7px;padding:14px 20px;margin-left:9px;font-size:13px}.touch-controls{position:absolute;bottom:14px;left:14px;right:14px;display:flex;justify-content:space-between;pointer-events:none}.touch-controls button{pointer-events:auto;background:#ffffff17;border:1px solid #ffffff30;border-radius:12px;width:60px;height:50px;touch-action:none}.empty-library{padding:25px;border:1px solid var(--line);border-radius:12px;color:var(--muted)}[hidden]{display:none!important}@media(min-width:801px){.touch-controls{opacity:.3}}@media(max-width:800px){header{height:75px;padding:0 5%;gap:10px}nav{gap:15px}.nav-link{font-size:11px}.header-right>span{display:none}.avatar{margin:0}.brand{font-size:22px}.brand-mark{display:none}main{padding-top:28px}.page-heading{display:block}.page-heading h1{margin-bottom:8px}.page-heading p{margin-bottom:22px}.hero{height:470px}.hero-content{inset:29px 25px}.hero-shade{background:linear-gradient(90deg,#090a1ae8,#090a1a50),linear-gradient(0deg,#090a1a,transparent)}.hero>img{object-position:65% center}.hero h2{font-size:85px}.hero-bottom{left:25px}.editor-pick{display:none}.hero-note{display:block;margin:12px 0}.section-heading{align-items:start;gap:20px}.section-heading h2{font-size:21px}.filters{gap:4px;flex-wrap:wrap;justify-content:flex-end}.filters button{font-size:10px;padding:7px 10px}.game-grid{gap:17px}.card-art{height:190px}.card-info{padding:16px}.card-footer{padding:12px;font-size:8px;gap:8px}.art-title{font-size:33px;left:16px}.orbit-title{font-size:29px}.play-circle{right:14px;bottom:17px}.banner-end{display:none}footer{gap:15px}footer>span:last-child{display:none}.game-type{display:none}.game-top{padding:10px}.game-top>div{gap:7px}.stage{aspect-ratio:auto;height:min(65dvh,600px)}.game-help{font-size:8px;padding:10px}.overlay-content h2{font-size:46px}.control-pills{flex-wrap:wrap}.hud{left:15px;right:15px}.hud b{font-size:19px}}@media(max-width:540px){.game-grid{grid-template-columns:1fr}.card-art{height:230px}.section-heading{display:block}.filters{justify-content:flex-start;margin-top:17px}.hero{height:450px}.hero h2{font-size:78px}.game-top strong{font-size:14px}.game-top button{font-size:10px}.overlay-content p{font-size:12px}.result-score{font-size:48px}}