:root{--bg:#020912;--bg2:#061523;--panel:#07192a;--panel2:#04111e;--line:#17486d;--line2:#0b2f50;--cyan:#22c7ff;--blue:#2a7dff;--green:#14e78e;--gold:#ffc94c;--pink:#ff43ce;--purple:#924cff;--red:#ff4a3b;--text:#eef9ff;--muted:#9fb7ca;--sidebar:210px;--rightbar:365px;--topbar:96px;--radius:12px;--shadow:0 18px 50px #0009,0 0 25px #0a92ff16}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#020812;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}body{overflow-x:hidden}button,input,select{font:inherit}button,a{color:inherit}button{cursor:pointer}a{text-decoration:none}img{display:block;max-width:100%}.hidden{display:none!important}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-3;background:radial-gradient(circle at 53% -15%,#0b448044,transparent 39%),linear-gradient(180deg,#040d18,#02060c 70%)}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:999;background:linear-gradient(90deg,transparent 49.7%,#fff .03%,transparent 50.3%);background-size:5px 5px;opacity:.018;mix-blend-mode:screen}
.fx-grid{position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.17;background-image:linear-gradient(#1f8ace10 1px,transparent 1px),linear-gradient(90deg,#1f8ace10 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,#000,transparent 76%)}
.launcher-shell{min-height:100vh}.topbar{height:var(--topbar);display:grid;grid-template-columns:450px minmax(360px,480px) 1fr;align-items:center;gap:18px;padding:0 24px;border-bottom:1px solid #1d4a70;background:linear-gradient(180deg,#061525f5,#030c17f2);box-shadow:0 8px 32px #0008;position:relative;z-index:30}.topbar:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,#0f9fff99 25%,#16d6ff 50%,#0f9fff99 75%,transparent)}
.brand{display:flex;align-items:center;position:relative;white-space:nowrap;font-style:italic;font-weight:1000;letter-spacing:-3px;font-size:48px;filter:drop-shadow(0 0 8px #108bff88)}.brand .jeff{color:#f2fbff;text-shadow:0 3px 0 #6bbdfb,0 0 14px #2a8eff}.brand .games{margin-left:8px;color:#0ad8ff;text-shadow:0 3px 0 #006dc2,0 0 18px #00cfff}.brand-crown{position:absolute;left:162px;top:-19px;font-size:23px;color:#ffe56c;text-shadow:0 0 10px #ffba00;transform:rotate(-4deg);font-style:normal;letter-spacing:0}.search-box{height:48px;border:1px solid #194e78;border-radius:10px;background:#071426;display:grid;grid-template-columns:31px 1fr auto;align-items:center;padding:0 14px;color:#8cc7ee;box-shadow:inset 0 0 0 1px #091f36,0 0 16px #0b80ff11;transition:.2s}.search-box:focus-within{border-color:#34c8ff;box-shadow:0 0 0 3px #0b9fff1f,0 0 28px #08a4ff20}.search-box input{min-width:0;width:100%;background:transparent;border:0;outline:0;color:#dff4ff;font-size:15px}.search-box input::placeholder{color:#98afc3}.search-box kbd{border:1px solid #1d4666;background:#07111e;border-radius:5px;padding:4px 7px;font-size:11px;color:#7895ad}.ui-icon{width:24px;height:24px;display:block;fill:none;color:currentColor}.top-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.icon-btn,.currency,.profile{border:1px solid #153a5b;background:linear-gradient(180deg,#07172a,#040e1a);box-shadow:inset 0 0 0 1px #07101d;border-radius:10px;height:48px}.icon-btn{width:50px;display:grid;place-items:center;color:#abd8ff;position:relative}.icon-btn:hover,.currency:hover,.profile:hover{border-color:#2d9ee2;background:#09213a}.icon-btn .badge{position:absolute;right:-2px;top:-7px;background:#ff174d;border:2px solid #061220;color:#fff;border-radius:999px;min-width:23px;height:23px;display:grid;place-items:center;font-size:11px;font-weight:900}.currency{display:flex;align-items:center;gap:9px;padding:0 9px 0 12px}.coin{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#c98700;color:#fff1aa;border:2px solid #ffcf3c;box-shadow:0 0 9px #ffa90088;font-weight:900}.currency strong{font-size:18px}.currency .plus{width:28px;height:30px;border-left:1px solid #234e71;display:grid;place-items:center;color:#a8cfff;font-size:24px}.profile{min-width:210px;display:grid;grid-template-columns:46px 1fr 21px;align-items:center;gap:10px;padding:0 12px}.avatar{width:43px;height:43px;border-radius:50%;border:2px solid #62c6ff;box-shadow:0 0 12px #308dff;background:radial-gradient(circle at 40% 32%,#51657d 0 10%,#1b2737 35%,#070c14 65%);display:grid;place-items:center}.avatar svg{width:24px;height:24px;color:#bcd4e7}.profile-copy{display:flex;flex-direction:column;text-align:left}.profile-copy strong{font-size:15px}.profile-copy small{font-size:12px;color:#01e785;font-weight:800}.profile-copy small i{width:9px;height:9px;border-radius:50%;background:#00ec89;display:inline-block;margin-right:6px;box-shadow:0 0 8px #00ec89}.tiny{width:17px;height:17px}
.dashboard-grid{height:calc(100vh - var(--topbar));display:grid;grid-template-columns:var(--sidebar) minmax(680px,1fr) var(--rightbar);grid-template-rows:468px minmax(290px,1fr);gap:10px;padding:10px 10px 12px;overflow:hidden}.sidebar{grid-column:1;grid-row:1;position:relative;border-right:1px solid #174367;background:linear-gradient(180deg,#06162a,#071626);overflow:hidden;border-radius:0 8px 8px 0}.sidebar:after{content:"";position:absolute;inset:auto 0 0;height:38%;background:linear-gradient(to top,#050b12aa,#06142533),radial-gradient(ellipse at 50% 100%,#0d457051,transparent 60%);pointer-events:none}.nav-list{display:flex;flex-direction:column;padding-top:28px;position:relative;z-index:2}.nav-item{height:66px;display:grid;grid-template-columns:46px 1fr 13px;align-items:center;padding:0 18px;border:0;border-left:4px solid transparent;background:transparent;color:#c9dcf0;font-size:18px;text-align:left}.nav-item .ui-icon{width:31px;height:31px;color:#b9dfff;filter:drop-shadow(0 0 4px #3a9aff)}.nav-item:hover{background:#0a29465e}.nav-item.active{border-left-color:#00d5ff;background:linear-gradient(90deg,#0b4ba7c8,#0a3f8680 65%,#0d2f554d);color:#fff;box-shadow:inset 0 0 22px #148cff4f,0 0 20px #098fff2a}.nav-item.active .ui-icon{color:#fff;filter:drop-shadow(0 0 8px #6ec6ff)}.online-dot{width:9px;height:9px;border-radius:50%;background:#11e893;box-shadow:0 0 8px #11e893}.side-scenery{position:absolute;left:0;right:0;bottom:0;height:185px;z-index:1;opacity:.58;background:linear-gradient(180deg,transparent 0,#07192c33 22%,#06111e 100%)}.side-scenery:before,.side-scenery:after{content:"";position:absolute;left:-45px;right:-45px;bottom:34px;height:75px;background:#08131f;clip-path:polygon(0 100%,0 75%,10% 62%,18% 73%,27% 48%,40% 77%,52% 25%,68% 70%,82% 38%,100% 72%,100% 100%)}.side-scenery:after{bottom:0;height:60px;opacity:.9;clip-path:polygon(0 100%,3% 44%,5% 100%,12% 22%,15% 100%,25% 58%,28% 100%,38% 36%,42% 100%,58% 22%,62% 100%,72% 55%,76% 100%,88% 27%,92% 100%,100% 46%,100% 100%)}
.hero-panel{grid-column:2;grid-row:1;position:relative;overflow:hidden;border:1px solid #216092;border-radius:12px;background:#061422;box-shadow:var(--shadow),inset 0 0 0 1px #07101d}.hero-panel:before{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:12px;box-shadow:inset 0 0 24px #32a4ff26}.hero-panel:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(90deg,#061523 0 34%,#061523f5 41%,#061523bd 52%,transparent 72%),linear-gradient(0deg,#02091386,transparent 48%)}.hero-art{position:absolute;right:0;top:0;width:58%;height:100%;object-fit:cover;object-position:center;transition:opacity .24s,transform .6s ease;z-index:1}.hero-content{position:relative;z-index:5;width:52%;height:100%;padding:39px 22px 22px 42px;display:flex;flex-direction:column;align-items:flex-start}.hero-title{margin:0;color:#f4f5f0;font-size:66px;line-height:.88;font-weight:1000;letter-spacing:-4px;text-shadow:0 4px 0 #9aa4a4,0 8px 15px #000,0 0 5px #fff2}.hero-subtitle{font-weight:900;letter-spacing:13px;font-size:23px;margin:7px 0 12px 10px;color:#fff;text-shadow:0 2px 6px #000}.mountain-mark{position:absolute;top:148px;left:237px;font-size:18px;letter-spacing:-3px;color:#bceaff;transform:scaleX(1.8)}.hero-tags{display:flex;gap:9px;margin:2px 0 12px}.tag{height:36px;padding:0 12px;border-radius:8px;display:inline-flex;align-items:center;gap:7px;font-weight:800;font-size:14px;background:#061626;border:1px solid currentColor;box-shadow:inset 0 0 14px #0005}.tag .ui-icon{width:20px;height:20px}.tag-green{color:#12e4a0}.tag-cyan{color:#18cfff}.tag-gold{color:#ffd64c}.hero-description{font-size:17px;line-height:1.35;color:#e7f2fb;max-width:470px;margin:0 0 17px;text-shadow:0 2px 6px #000}.hero-actions{margin-top:auto;width:min(100%,520px)}.play-button{height:64px;width:350px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:18px;color:#fff;font-size:25px;font-weight:1000;border:1px solid #53ffab;background:linear-gradient(180deg,#20dc70,#0bb44c 55%,#07913b);box-shadow:inset 0 0 13px #8fffb8,0 0 16px #19ff73,0 0 35px #19ff7340;position:relative;overflow:hidden;transition:.2s}.play-button:hover{transform:translateY(-2px) scale(1.012);filter:brightness(1.12);box-shadow:inset 0 0 18px #c0ffd0,0 0 22px #19ff73,0 0 50px #19ff7366}.play-button .ui-icon{width:35px;height:35px}.play-button:after{content:"";position:absolute;top:-50%;left:-28%;width:22%;height:200%;background:#fff5;transform:rotate(24deg);animation:shine 4.2s infinite}.secondary-actions{display:flex;gap:12px;margin-top:13px}.secondary-btn{height:49px;min-width:153px;border:1px solid #1a9ee7;border-radius:9px;background:linear-gradient(180deg,#08233d,#061324);color:#f2f8ff;display:flex;align-items:center;justify-content:center;gap:11px;font-size:15px;font-weight:800;box-shadow:inset 0 0 11px #1b8fff1e}.secondary-btn:hover{border-color:#43c9ff;background:#0a2946}.secondary-btn .ui-icon{width:26px;height:26px}.server-copy{display:flex;flex-direction:column;text-align:left;line-height:1.05}.server-copy small{color:#00ef89;font-weight:800;margin-top:4px}.server-copy small i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#00ef89;margin-right:5px;box-shadow:0 0 7px #00ef89}
.rightbar{grid-column:3;grid-row:1/3;min-width:0;display:grid;grid-template-rows:410px 265px 1fr;gap:10px;overflow:hidden}.side-panel{border:1px solid #174568;border-radius:10px;background:linear-gradient(180deg,#06192b,#04111e);box-shadow:var(--shadow);overflow:hidden}.panel-title{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #123855;background:linear-gradient(180deg,#071b30,#051426)}.panel-title span{display:flex;align-items:center;gap:9px;font-weight:1000;font-size:15px}.panel-title .ui-icon{width:20px;height:20px;color:#a6d7ff}.panel-title a,.panel-title button{border:0;background:none;color:#31bfff;font-size:12px;padding:4px}.news-list{display:flex;flex-direction:column}.news-item{min-height:119px;padding:8px 12px;display:grid;grid-template-columns:93px 1fr;gap:10px;border-bottom:1px solid #123753;transition:.2s}.news-item:hover{background:#0b223a}.news-item img{width:93px;height:100px;border-radius:6px;object-fit:cover;border:1px solid #2b6b9b}.news-copy{position:relative;padding-top:26px;min-width:0}.pill{position:absolute;top:0;left:0;padding:3px 7px;border-radius:5px;font-size:10px;font-weight:1000;color:#fff}.pill.red{background:#d82d24}.pill.magenta{background:#d31f8d}.pill.green{background:#12ad68}.news-copy strong{display:block;font-size:15px;margin-bottom:4px}.news-copy p{margin:0;font-size:13px;line-height:1.28;color:#cbdde9}.news-copy small{font-size:11px;color:#7f9cb4}.challenge-list{padding:2px 8px}.challenge{height:62px;margin:6px 0;border:1px solid #153d5f;border-radius:8px;background:linear-gradient(180deg,#07192b,#05111e);display:grid;grid-template-columns:44px 1fr 42px 54px;align-items:center;gap:5px;padding:0 8px}.challenge-icon{font-size:27px;text-align:center;color:#d6efff;text-shadow:0 0 8px #48aaff}.challenge-icon.gold{color:#ffd34d;text-shadow:0 0 8px #ffb600}.challenge-body strong{font-size:12px}.progress{height:7px;border-radius:10px;background:#0d2a45;margin-top:7px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,#0a80ff,#28bdff);box-shadow:0 0 7px #1baaff;border-radius:inherit;transition:width .4s}.challenge-count{font-size:11px;color:#98b0c6;text-align:right}.reward{font-size:12px;font-weight:900}.reward b{color:#ffd34d;margin-right:4px}.right-scenery{position:relative;overflow:hidden;border:1px solid #11334e;border-radius:10px;background:linear-gradient(to top,#06111f,#071a2b88),radial-gradient(circle at 63% 40%,#16436a55,transparent 45%)}.right-scenery:before,.right-scenery:after{content:"";position:absolute;left:-30px;right:-30px;bottom:0;height:75%;background:#03090f;clip-path:polygon(0 100%,0 82%,8% 50%,12% 100%,19% 35%,23% 100%,31% 62%,36% 100%,45% 25%,50% 100%,62% 52%,67% 100%,78% 31%,84% 100%,92% 54%,100% 32%,100% 100%);opacity:.7}.right-scenery:after{opacity:.28;bottom:35px;transform:scaleX(1.2)}
.games-section{grid-column:1/3;grid-row:2;border-top:1px solid #174767;background:linear-gradient(180deg,#061526,#030d17);border-radius:10px;overflow:hidden;box-shadow:var(--shadow)}.section-heading{height:36px;display:flex;align-items:center;gap:10px;padding:0 21px;font-size:15px;font-weight:1000;border-bottom:1px solid #0e3553}.section-heading .ui-icon{width:23px;height:23px;color:#b6dfff}.game-cards{height:calc(100% - 36px);display:grid;grid-template-columns:1.055fr repeat(4,1fr);gap:10px;padding:8px 12px 11px}.game-card{position:relative;border:1px solid #2b7aa7;border-radius:13px;overflow:hidden;background:#06131f;padding:0;box-shadow:inset 0 0 18px #08395c,0 0 0 1px #0c1722;transition:transform .22s,filter .22s,box-shadow .22s}.game-card img{width:100%;height:100%;object-fit:cover}.game-card:hover{transform:translateY(-4px);filter:brightness(1.1);box-shadow:0 10px 25px #000a,0 0 22px #25bfff55}.game-card.active{border-color:#55dcff;box-shadow:inset 0 0 14px #36d4ff44,0 0 14px #23c7ff,0 0 28px #23c7ff45}.game-card.purple{border-color:#6b42cd}.game-card.pink{border-color:#d92ac3}.game-card.blue{border-color:#3ca5df}.game-card.orange{border-color:#bd632c}.game-card .card-hit{position:absolute;inset:0;display:flex;align-items:flex-end;padding:10px;opacity:0;background:linear-gradient(transparent 55%,#01060dd6);transition:.2s}.game-card:hover .card-hit{opacity:1}.game-card .card-hit span{width:100%;border:1px solid #68d8ff;background:#071a2acc;padding:8px;border-radius:7px;font-size:12px;font-weight:900;text-align:center}
.overlay{position:fixed;inset:0;z-index:100;background:#01060dd9;display:grid;place-items:center;padding:20px;opacity:0;visibility:hidden;transition:.2s}.overlay.open{opacity:1;visibility:visible}.modal-card{width:min(620px,94vw);border:1px solid #279fe0;border-radius:15px;background:linear-gradient(180deg,#0b2139,#05101c);box-shadow:0 30px 80px #000,0 0 35px #159cff44;padding:28px;position:relative}.modal-close{position:absolute;right:13px;top:12px;border:0;background:transparent;color:#b9ddf7;width:40px;height:40px;display:grid;place-items:center}.modal-close .ui-icon{width:24px;height:24px}.modal-kicker{color:#22c7ff;font-size:11px;font-weight:1000;letter-spacing:2px}.modal-card h2{font-size:31px;margin:8px 0}.modal-card p{color:#bdd0de;line-height:1.6}.modal-actions{display:flex;gap:10px;margin-top:22px}.btn{min-height:44px;border:1px solid #228ccc;border-radius:8px;background:#08203a;color:#eaf7ff;padding:0 16px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{background:#0b2c4c;border-color:#3ccaff}.btn.primary{background:linear-gradient(180deg,#1677de,#0b53a7);border-color:#32b3ff}.btn.green{background:linear-gradient(180deg,#16d86a,#0aa347);border-color:#4eff9a}.btn.danger{border-color:#a33b4b;background:#35131b;color:#ffb9c4}.btn.ghost{background:#061321}.btn:disabled{opacity:.45;cursor:not-allowed}.toast{position:fixed;z-index:150;left:50%;bottom:24px;transform:translate(-50%,30px);opacity:0;pointer-events:none;border:1px solid #29baff;border-radius:9px;background:#081a2de8;padding:12px 18px;box-shadow:0 12px 40px #000b,0 0 23px #1aaeff33;transition:.22s}.toast.show{opacity:1;transform:translate(-50%,0)}.popover{position:fixed;z-index:80;top:82px;right:22px;width:330px;border:1px solid #225980;border-radius:11px;background:#071827f6;box-shadow:0 18px 60px #000c;display:none}.popover.open{display:block}.popover-head{padding:13px 15px;border-bottom:1px solid #173c59;font-weight:900}.popover-item{padding:12px 15px;border-bottom:1px solid #112e46;font-size:13px;color:#c8dbea}.popover-item strong{display:block;color:#fff;margin-bottom:3px}.profile-menu{width:230px}.profile-menu a,.profile-menu button{width:100%;display:flex;padding:12px 15px;border:0;border-bottom:1px solid #112e46;background:transparent;color:#d7e9f4;text-align:left}.profile-menu a:hover,.profile-menu button:hover{background:#0a263f}
/* secondary pages */
.page-grid{min-height:calc(100vh - var(--topbar));display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);gap:10px;padding:10px}.page-grid .sidebar{grid-column:1;grid-row:1;min-height:calc(100vh - var(--topbar) - 20px)}.page-main{grid-column:2;min-width:0;border:1px solid #174568;border-radius:12px;background:linear-gradient(180deg,#06192b,#030d17);box-shadow:var(--shadow);padding:24px;overflow:hidden}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px;border-bottom:1px solid #153b59;padding-bottom:18px}.eyebrow{color:#26c9ff;font-size:11px;font-weight:1000;letter-spacing:2px}.page-header h1{font-size:36px;margin:4px 0 0}.page-header p{color:var(--muted);margin:4px 0 0}.toolbar{display:flex;align-items:center;gap:9px}.toolbar input,.toolbar select,.form-control{height:42px;border:1px solid #18466a;border-radius:8px;background:#061422;color:#dcefff;padding:0 12px;outline:0}.toolbar input:focus,.toolbar select:focus,.form-control:focus{border-color:#38c6ff;box-shadow:0 0 0 3px #13a4ff20}.library-grid,.store-grid{display:grid;grid-template-columns:repeat(5,minmax(170px,1fr));gap:16px}.library-card,.store-card{border:1px solid #17496c;border-radius:11px;background:#061523;overflow:hidden;box-shadow:0 10px 25px #0005;transition:.2s}.library-card:hover,.store-card:hover{transform:translateY(-4px);border-color:#2ebfff}.library-card img,.store-card img{width:100%;aspect-ratio:238/270;object-fit:cover}.card-footer{padding:13px}.card-footer strong{display:block;font-size:16px}.card-footer small{display:block;color:#8ca9bf;margin:4px 0 11px}.card-row{display:flex;gap:8px}.card-row .btn{flex:1;min-height:38px;font-size:12px;padding:0 9px}.price{color:#ffd34d;font-weight:1000}.owned{color:#19e58b;font-weight:900}.empty-state{grid-column:1/-1;text-align:center;border:1px dashed #245a7e;border-radius:12px;padding:50px;color:#8faabe}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.settings-card,.profile-card,.info-card{border:1px solid #174766;border-radius:10px;background:#061523;padding:18px}.settings-card h2,.profile-card h2,.info-card h2{font-size:18px;margin:0 0 13px}.setting-row{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #112f47}.setting-row:first-of-type{border-top:0}.setting-copy strong{display:block}.setting-copy small{color:#88a6bd}.switch{position:relative;width:48px;height:27px}.switch input{position:absolute;opacity:0}.switch span{position:absolute;inset:0;border-radius:20px;background:#173a57;border:1px solid #285c80;transition:.2s}.switch span:after{content:"";position:absolute;width:19px;height:19px;left:3px;top:3px;background:#9db4c6;border-radius:50%;transition:.2s}.switch input:checked+span{background:#0d8256;border-color:#22d887;box-shadow:0 0 12px #16d78144}.switch input:checked+span:after{transform:translateX(21px);background:#fff}.friends-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px}.friend-list{display:flex;flex-direction:column;gap:8px}.friend{display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:12px;padding:12px;border:1px solid #153f5f;border-radius:9px;background:#061522}.friend-avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;border:1px solid #2c83b7;background:#0b2236;font-weight:1000}.friend strong{display:block}.status{font-size:12px;color:#8fa8bc}.status.online{color:#12e28a}.friend-actions{display:flex;gap:7px}.friend-actions .btn{min-height:36px;padding:0 10px}.add-friend{position:sticky;top:10px}.form-group{margin-bottom:13px}.form-group label{display:block;font-size:12px;font-weight:900;color:#9ebad0;margin-bottom:6px}.form-control{width:100%}.form-help{font-size:11px;color:#748da2;margin-top:5px}.news-page-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.news-page-card{border:1px solid #174666;border-radius:10px;background:#061522;overflow:hidden}.news-page-card img{width:100%;height:190px;object-fit:cover;image-rendering:auto}.news-page-card .copy{padding:16px}.news-page-card h2{font-size:20px;margin:8px 0}.news-page-card p{color:#a9bfd0;line-height:1.55}.challenge-page-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.challenge-page-card{border:1px solid #174666;border-radius:10px;background:#061522;padding:20px}.challenge-page-card .big-icon{font-size:40px}.challenge-page-card h2{font-size:18px}.challenge-page-card .progress{height:10px;margin:16px 0 7px}.claim-row{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.profile-hero{display:grid;grid-template-columns:110px 1fr auto;gap:20px;align-items:center;padding:24px;border:1px solid #1a5478;border-radius:12px;background:radial-gradient(circle at 15% 50%,#115b8e55,transparent 35%),linear-gradient(180deg,#09203a,#061524)}.profile-hero .big-avatar{width:100px;height:100px;border-radius:50%;border:3px solid #3ccaff;display:grid;place-items:center;background:#0b2033;box-shadow:0 0 25px #1aaeff55}.profile-hero .big-avatar .ui-icon{width:53px;height:53px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.stat{border:1px solid #173f5f;border-radius:9px;background:#061522;padding:16px}.stat b{display:block;font-size:25px}.stat span{color:#8ba8bd;font-size:12px}.achievement-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.achievement{border:1px solid #173f5f;border-radius:9px;background:#061522;padding:15px}.achievement .medal{font-size:28px}.achievement.locked{opacity:.45}.game-detail-hero{position:relative;min-height:460px;border:1px solid #1b597f;border-radius:13px;overflow:hidden;background:#061522}.game-detail-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.game-detail-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#03101bf5 0 37%,#03101bc4 55%,transparent 85%),linear-gradient(0deg,#020811b8,transparent 45%)}.game-detail-copy{position:relative;z-index:2;width:min(640px,63%);padding:50px}.game-detail-copy h1{font-size:55px;line-height:.9;margin:0}.game-detail-copy .sub{font-size:18px;letter-spacing:8px;font-weight:900;margin:8px 0 20px}.game-detail-copy p{line-height:1.6;color:#d4e5ef}.detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-top:16px}.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.feature{border:1px solid #173f5f;border-radius:9px;padding:15px;background:#061522}.feature strong{display:block;margin-bottom:5px}.feature small{color:#8aa5b9}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px;border-bottom:1px solid #153850;text-align:left}.table th{color:#8fb1c8;font-size:12px}.search-results{position:absolute;top:56px;left:0;right:0;z-index:60;border:1px solid #1d557b;border-radius:8px;background:#061522;box-shadow:0 18px 45px #000c;display:none;max-height:320px;overflow:auto}.search-box{position:relative}.search-results.open{display:block}.search-result{display:grid;grid-template-columns:48px 1fr;gap:10px;align-items:center;padding:9px;border-bottom:1px solid #123650}.search-result:hover{background:#0a2841}.search-result img{width:48px;height:48px;border-radius:6px;object-fit:cover}.search-result strong{display:block;font-size:13px}.search-result small{color:#87a5ba}
@keyframes shine{0%,72%{left:-30%}100%{left:130%}}@keyframes pulse{0%,100%{opacity:.55}50%{opacity:1}}
body.reduce-motion *{animation:none!important;transition:none!important}body.compact-ui{--topbar:82px;--sidebar:190px;--rightbar:340px}.compact-ui .topbar{height:82px}.compact-ui .dashboard-grid{grid-template-rows:445px minmax(260px,1fr)}
@media(max-width:1440px){:root{--sidebar:190px;--rightbar:330px}.topbar{grid-template-columns:350px minmax(280px,1fr) auto;padding:0 14px}.brand{font-size:42px}.brand-crown{left:141px}.profile{min-width:175px}.hero-content{padding-left:30px;width:55%}.hero-title{font-size:57px}.hero-description{font-size:15px}.secondary-btn{min-width:135px}.library-grid,.store-grid{grid-template-columns:repeat(4,minmax(160px,1fr))}}
@media(max-width:1160px){:root{--sidebar:80px;--rightbar:310px}.brand{font-size:35px}.brand-crown{display:none}.topbar{grid-template-columns:250px 1fr auto}.currency{display:none}.profile{min-width:55px;width:55px;grid-template-columns:1fr;padding:5px}.profile-copy,.profile>.tiny{display:none}.nav-item{grid-template-columns:1fr;padding:0;justify-items:center}.nav-item span,.nav-item .online-dot{display:none}.hero-content{width:62%}.hero-art{width:55%}.hero-title{font-size:49px}.play-button{width:300px}.secondary-btn{min-width:115px}.rightbar{grid-template-rows:410px 265px 1fr}.library-grid,.store-grid{grid-template-columns:repeat(3,minmax(150px,1fr))}.settings-grid{grid-template-columns:1fr}.friends-layout{grid-template-columns:1fr}.news-page-list,.challenge-page-list{grid-template-columns:1fr 1fr}}
@media(max-width:900px){body{overflow:auto}:root{--topbar:76px}.topbar{position:sticky;top:0;grid-template-columns:1fr auto;height:76px;padding:0 10px}.brand{font-size:32px}.search-box{position:fixed;top:84px;left:10px;right:10px;z-index:100;display:none}.search-box.mobile-open{display:grid}.top-actions .icon-btn:nth-of-type(2),.top-actions .profile{display:none}.dashboard-grid{height:auto;display:flex;flex-direction:column;padding:8px;overflow:visible}.sidebar{display:none}.hero-panel{height:520px}.hero-art{width:100%;opacity:.55}.hero-panel:after{background:linear-gradient(90deg,#061523f4,#06152398 70%,transparent),linear-gradient(0deg,#02091399,transparent 55%)}.hero-content{width:100%;padding:32px 24px}.games-section{height:340px}.game-cards{overflow-x:auto;grid-template-columns:repeat(5,230px)}.rightbar{display:grid;grid-template-columns:1fr;grid-template-rows:auto}.right-scenery{display:none}.page-grid{display:block;padding:8px}.page-grid .sidebar{display:none}.page-main{padding:16px}.library-grid,.store-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}.page-header{align-items:flex-start;flex-direction:column}.toolbar{width:100%;flex-wrap:wrap}.news-page-list,.challenge-page-list,.stats-grid,.achievement-grid,.feature-list,.detail-grid{grid-template-columns:1fr}.game-detail-copy{width:100%;padding:30px}.game-detail-copy h1{font-size:42px}}
@media(max-width:560px){.brand{font-size:28px}.hero-title{font-size:42px}.hero-subtitle{font-size:16px;letter-spacing:7px}.hero-description{font-size:14px}.play-button{width:100%;font-size:20px}.secondary-actions{display:grid;grid-template-columns:1fr 1fr}.secondary-btn{min-width:0}.server-button{grid-column:1/-1}.library-grid,.store-grid{grid-template-columns:1fr 1fr;gap:9px}.news-page-list,.challenge-page-list{grid-template-columns:1fr}.profile-hero{grid-template-columns:80px 1fr}.profile-hero .big-avatar{width:72px;height:72px}.profile-hero .btn{grid-column:1/-1}.modal-actions{flex-direction:column}}
.news-page-card .copy{position:relative}

.hero-title-box{position:relative}.hero-fronteira-logo{width:min(430px,100%);height:auto;filter:drop-shadow(0 6px 9px #000);margin:0 0 2px}.hero-title-alt{display:none}.hero-title-box.alt .hero-fronteira-logo{display:none}.hero-title-box.alt .hero-title-alt{display:block}.hero-title-box.alt .hero-subtitle{margin-top:10px}.hero-title-box .mountain-mark{pointer-events:none}
@media(max-width:1440px){.topbar{grid-template-columns:365px minmax(320px,440px) 1fr}.hero-fronteira-logo{width:min(390px,100%)}}

/* JEFF GAMES — conta e créditos integrados à interface original */
.play-button[data-disabled="true"]{filter:saturate(.35);opacity:.72;cursor:not-allowed}.account-topbar{grid-template-columns:365px 1fr auto}.account-top-copy{display:flex;flex-direction:column;gap:3px;color:#a7c2d7}.account-top-copy strong{color:#e9f7ff;letter-spacing:1.6px}.account-top-copy small{font-size:12px}.account-page{position:relative;z-index:1;max-width:1380px;margin:0 auto;padding:34px 28px 70px}.account-intro{max-width:760px;margin:22px 0 26px}.account-intro h1{font-size:44px;margin:4px 0 10px}.account-intro p{color:#9db8cc;line-height:1.6}.account-auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:1000px}.account-auth-card{padding:24px}.account-submit{width:100%;margin-top:4px}.account-note{margin:13px 0 0;line-height:1.5}.account-alert{border-radius:9px;padding:13px 15px;margin:0 0 18px;border:1px solid}.account-alert.error{border-color:#8e3344;background:#32131c;color:#ffb5c0}.account-alert.success{border-color:#188457;background:#0d2e22;color:#8effc5}.account-header{margin-bottom:12px}.account-stats{margin-bottom:16px}.account-manage-grid{margin:16px 0}.account-switch-row{margin-bottom:16px}.account-credit-section{margin-bottom:16px}.credit-request-form{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) auto;gap:12px;align-items:end}.credit-request-form .form-group{margin:0}.compact-header{margin-bottom:16px}.compact-header h2{font-size:24px;margin:3px 0}.account-table-wrap{overflow:auto}.admin-email{display:block;margin-top:3px}.admin-actions{display:flex;gap:7px;flex-wrap:wrap}.admin-user-grid{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:12px}.admin-user-card>strong{display:block;font-size:18px}.admin-user-card>small{display:block;margin:4px 0 12px}.admin-balances{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.admin-balances span{display:flex;flex-direction:column;border:1px solid #173f5f;border-radius:8px;padding:9px;color:#8fa8bc}.admin-balances b{color:#e9f7ff;font-size:18px;margin-top:3px}.credit-store-card .card-footer small{color:#8ff0c2}.profile-copy small.offline{color:#8fa8bc}.profile-copy small.offline i{background:#6c7f8f;box-shadow:none}
@media(max-width:900px){.account-topbar{grid-template-columns:1fr auto}.account-top-copy{display:none}.account-page{padding:24px 14px 50px}.account-auth-grid,.admin-user-grid{grid-template-columns:1fr}.credit-request-form{grid-template-columns:1fr}.account-intro h1{font-size:36px}}