:root{--ink: #f8fbff;--muted: #a7b4c8;--panel: rgba(9, 13, 24, .76);--panel-strong: rgba(13, 18, 32, .9);--line: rgba(255, 255, 255, .16);--line-hot: rgba(125, 211, 252, .42);--cyan: #67e8f9;--green: #34d399;--gold: #fbbf24;--pink: #fb7185;--violet: #a78bfa;--shadow: 0 28px 90px rgba(0, 0, 0, .42);--soft-shadow: 0 18px 54px rgba(0, 0, 0, .28);--delta-poster: url(https://shared.fastly.steamstatic.com/store_item_assets/steam/apps/2507950/e0fd3a3cd0cdf81e961c8465c8218491fd001069/header_alt_assets_11.jpg?t=1779265091);color:var(--ink);background:#05070d;font-family:Inter,Microsoft YaHei,system-ui,sans-serif;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;margin:0;overflow-x:hidden;background:linear-gradient(180deg,#03071261,#030712eb 64%,#030712fa),linear-gradient(112deg,rgba(103,232,249,.24),transparent 42%),linear-gradient(248deg,rgba(251,191,36,.2),transparent 38%),var(--delta-poster);background-position:center top;background-size:cover;background-attachment:fixed;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease,border-color .18s ease}button:hover{transform:translateY(-2px)}button:active{transform:translateY(0) scale(.98)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(103,232,249,.32);outline-offset:2px}.app{position:relative;min-height:100vh;overflow-x:hidden}.sceneBackdrop{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden}.sceneBackdrop:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(103,232,249,.09) 1px,transparent 1px),linear-gradient(0deg,rgba(251,191,36,.06) 1px,transparent 1px);background-size:86px 86px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),transparent 76%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),transparent 76%);transform:perspective(760px) rotateX(58deg) translateY(160px);transform-origin:bottom;animation:gridPulse 4.6s ease-in-out infinite alternate}.energyBeams{position:absolute;top:-22%;right:-12%;bottom:-22%;left:-12%;background:linear-gradient(112deg,transparent 0 26%,rgba(103,232,249,.13) 27%,transparent 36%),linear-gradient(62deg,transparent 0 55%,rgba(251,113,133,.14) 56%,transparent 65%),linear-gradient(152deg,transparent 0 68%,rgba(251,191,36,.12) 69%,transparent 76%);filter:blur(2px);animation:beamDrift 11s linear infinite alternate}.scanline{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(180deg,rgba(255,255,255,.035) 0,rgba(255,255,255,.035) 1px,transparent 1px,transparent 7px);opacity:.34;animation:scanMove 1.9s linear infinite}.gridPlane{position:absolute;left:0;right:0;bottom:0;height:36vh;background:linear-gradient(180deg,transparent,rgba(52,211,153,.11))}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:18px 4vw;background:linear-gradient(135deg,#67e8f91a,#fbbf240b),#050912c7;border-bottom:1px solid rgba(103,232,249,.18);box-shadow:0 18px 58px #00000052,inset 0 -1px #ffffff14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand,nav,.heroActions,.gameDetailActions,.row,.sectionHead,.orderActions,.gameCardActions,.showcaseActions{display:flex;align-items:center;gap:10px}.brand{min-height:54px;padding:0 16px;color:#fff;background:linear-gradient(135deg,#67e8f929,#fbbf2414),#ffffff12;border:1px solid var(--line);border-radius:8px;font-weight:900;font-size:18px;overflow:hidden}.brandLogo{display:block;width:clamp(122px,10vw,158px);height:40px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 0 18px rgba(103,232,249,.34))}.brandName{color:#fff7d6;font-size:clamp(16px,1.35vw,20px);font-weight:900;letter-spacing:0;line-height:1.15;white-space:nowrap;text-shadow:0 0 18px rgba(251,191,36,.26)}nav{flex-wrap:wrap;justify-content:flex-end;padding:6px;background:#ffffff12;border:1px solid var(--line);border-radius:8px}nav button,.toolbar button,.ghost,.ghostMini{min-height:44px;color:#d8e6f8;background:transparent;border:1px solid transparent;border-radius:8px;padding:0 16px;position:relative;overflow:hidden}nav button:hover,.toolbar button:hover,.ghost:hover,.ghostMini:hover{color:#fff;background:#ffffff1f;border-color:#67e8f93d;box-shadow:0 0 26px #67e8f924}nav .active,.toolbar .active{color:#03111f;background:linear-gradient(135deg,rgba(255,255,255,.3),transparent 42%),linear-gradient(135deg,var(--cyan),var(--green) 52%,var(--gold));box-shadow:0 0 24px #34d39942}.viewShell{width:min(1500px,94vw);margin:0 auto;animation:viewIn .42s cubic-bezier(.2,.8,.2,1)}.hero{position:relative;min-height:760px;display:grid;grid-template-columns:minmax(0,1fr) minmax(460px,560px);gap:54px;align-items:center;overflow:hidden;margin:38px auto 34px;padding:76px;color:#fff;background-position:center;background-size:cover;border:1px solid rgba(255,255,255,.2);border-radius:8px;box-shadow:0 36px 120px #00000085,0 0 80px #67e8f929;isolation:isolate}.hero:before,.gameDetailHero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(115deg,transparent 0 42%,rgba(255,255,255,.14) 43%,transparent 54%),repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px 30px);mix-blend-mode:screen;opacity:.62}.hero:after,.gameDetailHero:after{content:"";position:absolute;inset:auto 0 0;height:5px;background:linear-gradient(90deg,var(--cyan),var(--green),var(--gold),var(--pink),var(--violet));animation:colorRun 5s linear infinite}.heroCopy,.gameDetailContent{position:relative;z-index:2;max-width:760px;animation:riseIn .54s cubic-bezier(.2,.8,.2,1)}.hero h1,.gameDetailHero h1{margin:14px 0;max-width:920px;color:#fff;font-size:clamp(56px,6.3vw,96px);line-height:1.02;letter-spacing:0;text-shadow:0 18px 48px rgba(0,0,0,.55),0 0 30px rgba(103,232,249,.18)}.hero p,.gameDetailHero p{max-width:760px;color:#dbeafe;font-size:19px;line-height:1.78}.eyebrow,.sectionKicker{display:inline-flex;align-items:center;gap:7px;min-height:32px;margin:0;padding:0 12px;color:#f8fbff;background:linear-gradient(135deg,#67e8f929,#fb71851f),#ffffff1a;border:1px solid rgba(255,255,255,.18);border-radius:999px;font-size:12px;font-weight:900;letter-spacing:.08em;box-shadow:inset 0 1px #ffffff1f}.heroActions,.gameDetailActions{flex-wrap:wrap;margin-top:28px}.heroActions button,.sectionHead button,.loginForm button,.orderForm button,.orderActions button,.gameDetailActions button,.showcaseActions button,.gameCardActions button,.backButton{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;color:#03111f;background:linear-gradient(135deg,rgba(255,255,255,.34),transparent 40%),linear-gradient(135deg,var(--cyan),var(--green) 48%,var(--gold));border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:0 22px;box-shadow:0 0 0 1px #ffffff1f,0 18px 42px #67e8f93d;font-weight:900;position:relative;overflow:hidden}.heroActions button:before,.sectionHead button:before,.loginForm button:before,.orderForm button:before,.orderActions button:before,.gameDetailActions button:before,.showcaseActions button:before,.gameCardActions button:before,.backButton:before,nav button:before,.toolbar button:before,.ghost:before,.ghostMini:before{content:"";position:absolute;inset:-2px auto -2px -46%;width:42%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.62),transparent);transform:skew(-18deg);transition:left .52s cubic-bezier(.2,.8,.2,1)}.heroActions button:hover:before,.sectionHead button:hover:before,.loginForm button:hover:before,.orderForm button:hover:before,.orderActions button:hover:before,.gameDetailActions button:hover:before,.showcaseActions button:hover:before,.gameCardActions button:hover:before,.backButton:hover:before,nav button:hover:before,.toolbar button:hover:before,.ghost:hover:before,.ghostMini:hover:before{left:118%}.heroActions button:hover,.sectionHead button:hover,.loginForm button:hover,.orderForm button:hover,.orderActions button:hover,.gameDetailActions button:hover,.showcaseActions button:hover,.gameCardActions button:hover,.backButton:hover{transform:translateY(-3px) scale(1.015);box-shadow:0 0 0 1px #ffffff24,0 20px 48px #34d39942,0 0 34px #fbbf2429}.heroActions .ghost,.gameDetailActions .ghost,.ghostMini{color:#fff;background:linear-gradient(135deg,#67e8f929,#fb71851a),#0f172a9e;border:1px solid rgba(255,255,255,.2);box-shadow:0 14px 34px #0000003d}.ghostMini{min-height:36px;padding:0 12px}.heroStage{position:relative;z-index:2;display:grid;gap:22px}.posterDeck{position:relative;height:560px;perspective:1300px}.posterCard{--x: 0px;--y: 0px;--rot: 0deg;--scale: 1;--scale-hover: 1.03;position:absolute;left:50%;top:26px;width:min(370px,74vw);height:500px;display:grid;align-content:space-between;padding:20px;color:#fff;background-position:center;background-size:cover;border:1px solid rgba(255,255,255,.24);border-radius:8px;box-shadow:0 38px 110px #00000085,0 0 48px #67e8f933;transform:translate(calc(-50% + var(--x))) translateY(var(--y)) rotate(var(--rot)) scale(var(--scale));transform-origin:center bottom;overflow:hidden;animation:posterReveal .52s cubic-bezier(.2,.8,.2,1) both,posterPulse 5.5s ease-in-out infinite alternate;transition:transform .26s ease,box-shadow .26s ease,filter .26s ease}.posterCard:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 0 36%,rgba(255,255,255,.18) 42%,transparent 52%),linear-gradient(180deg,rgba(255,255,255,.06),transparent 34%,rgba(0,0,0,.16));mix-blend-mode:screen;opacity:.76}.posterCard:hover{transform:translate(calc(-50% + var(--x))) translateY(calc(var(--y) - 12px)) rotate(var(--rot)) scale(var(--scale-hover));box-shadow:0 36px 96px #0000008a,0 0 42px #fbbf243d;filter:saturate(1.18)}.poster-0{--x: -138px;--y: 58px;--rot: -10deg;--scale: .78;--scale-hover: .81;z-index:1}.poster-1{--x: 126px;--y: 54px;--rot: 9deg;--scale: .8;--scale-hover: .83;z-index:2}.poster-2{--x: -62px;--y: 26px;--rot: -4deg;--scale: .9;--scale-hover: .93;z-index:3}.poster-3{--x: 58px;--y: 12px;--rot: 5deg;--scale: .94;--scale-hover: .97;z-index:4}.poster-4{--x: 0px;--y: 0px;--rot: 0deg;--scale: 1;--scale-hover: 1.03;z-index:5}.posterTop,.posterInfo{position:relative;z-index:1}.posterTop{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.posterTop>span{color:#03111f;background:var(--gold);border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900;box-shadow:0 10px 28px #fbbf243d}.posterInfo strong{display:block;font-size:34px;text-shadow:0 14px 36px rgba(0,0,0,.62)}.posterInfo span{display:block;margin-top:8px;color:#dbeafe;line-height:1.45}.heroConsole{position:relative;z-index:1;display:grid;gap:14px;padding:20px;background:linear-gradient(135deg,#67e8f921,#fbbf2412),#030712b3;border:1px solid rgba(148,163,184,.28);border-radius:8px;box-shadow:inset 0 0 34px #67e8f914,var(--soft-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.consoleHeader,.consoleMetric{display:flex;align-items:center;justify-content:space-between;gap:12px}.consoleHeader{color:#bfdbfe;font-size:12px;font-weight:900;letter-spacing:.08em}.consoleHeader strong{color:#bbf7d0}.consoleMetric{justify-content:flex-start;padding:16px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:8px}.consoleMetric svg{color:var(--cyan);filter:drop-shadow(0 0 14px rgba(103,232,249,.36))}.consoleMetric strong{display:block;font-size:32px}.consoleMetric span{color:var(--muted);font-size:13px}.showcase{margin-bottom:30px}.showcaseRail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(380px,520px);gap:22px;overflow-x:auto;padding:2px 2px 16px;scroll-snap-type:x mandatory}.showcaseRail::-webkit-scrollbar{height:8px}.showcaseRail::-webkit-scrollbar-thumb{background:linear-gradient(90deg,var(--cyan),var(--gold),var(--pink));border-radius:999px}.showcaseCard{min-height:380px;display:grid;align-content:space-between;gap:22px;padding:26px;color:#fff;background-position:center;background-size:cover;border:1px solid rgba(255,255,255,.19);border-radius:8px;box-shadow:var(--soft-shadow);scroll-snap-align:start;animation:cardIn .36s cubic-bezier(.2,.8,.2,1) both;position:relative;overflow:hidden}.showcaseCard:before,.gameCard:before,.playerCard:after,.quickStats article:after,.orderItem:after,.authPanel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(135deg,rgba(103,232,249,.22),transparent 34%),linear-gradient(315deg,rgba(251,191,36,.17),transparent 42%);opacity:0;transition:opacity .22s ease}.showcaseCard:hover:before,.gameCard:hover:before,.playerButton:hover .playerCard:after,.quickStats article:hover:after,.orderItem:hover:after,.authPanel:hover:after{opacity:1}.showcaseCard strong{display:block;font-size:34px}.showcaseCard p{margin:8px 0 0;color:#dbeafe;line-height:1.55}.quickStats{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:42px}.quickStats article{position:relative;display:grid;gap:8px;overflow:hidden;padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--soft-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.quickStats svg{color:var(--gold)}.quickStats strong{color:#fff}.quickStats span{color:var(--muted)}.guidePanelBlock{margin-top:-4px}.guideGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px}.guideCard{position:relative;display:grid;align-content:start;gap:14px;min-height:360px;overflow:hidden;padding:24px;color:#fff;background:linear-gradient(138deg,rgba(103,232,249,.14),transparent 42%),linear-gradient(318deg,rgba(251,191,36,.12),transparent 48%),#060a13cc;border:1px solid rgba(255,255,255,.16);border-radius:8px;box-shadow:var(--soft-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.guideCard:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px 34px),linear-gradient(90deg,transparent,rgba(103,232,249,.14),transparent);opacity:.4}.guideCard>*{position:relative;z-index:1}.guideCardTop,.guideSource{display:flex;align-items:center;justify-content:space-between;gap:10px}.guideCardTop a{color:#bae6fd;font-size:12px;font-weight:800;text-decoration:none}.guideTag{min-height:28px;display:inline-flex;align-items:center;padding:0 10px;color:#03111f;background:linear-gradient(135deg,var(--cyan),var(--green),var(--gold));border-radius:999px;font-size:12px;font-weight:900;white-space:nowrap}.guideCard h3{margin:4px 0 0;color:#fff;font-size:25px;line-height:1.18}.guideCard p{margin:0;color:#dbeafe;line-height:1.62}.guideCard ul{display:grid;gap:9px;margin:0;padding:0;list-style:none}.guideCard li{position:relative;padding-left:18px;color:#cbd5e1;line-height:1.48}.guideCard li:before{content:"";position:absolute;left:0;top:.72em;width:8px;height:2px;background:var(--gold);box-shadow:0 0 12px #fbbf2480}.guideSource{width:fit-content;min-height:34px;margin-top:auto;padding:0 12px;color:#e0f2fe;background:#ffffff14;border:1px solid rgba(103,232,249,.24);border-radius:8px;font-size:13px;font-weight:900;text-decoration:none}.guideSource:hover,.guideCardTop a:hover{color:#fff}.sectionBlock{margin-bottom:42px}.sectionHead{justify-content:space-between;margin:42px 0 20px}.sectionHead h2{margin:8px 0 0;color:#fff;font-size:34px;letter-spacing:0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.games{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.gameCard,.playerButton,.panel,.orderItem,.modalBody{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--soft-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.gameCard,.playerButton{width:100%;color:inherit;text-align:left}.gameCard{position:relative;min-height:410px;display:grid;align-content:space-between;gap:20px;overflow:hidden;padding:24px;color:#fff;background-position:center;background-size:cover;animation:cardIn .36s cubic-bezier(.2,.8,.2,1) both}.gameCard:hover,.showcaseCard:hover,.playerButton:hover,.quickStats article:hover,.orderItem:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 34px 110px #00000075,0 0 58px #67e8f938}.gameCardTop,.gameCardBody,.gameCardActions,.showcaseCard>*,.quickStats article>*{position:relative;z-index:1}.gameCardTop{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.gameCardBody{display:grid;gap:9px}.gameCardBody strong{color:#fff;font-size:34px}.gameCardBody span,.playerCard p,.orderItem p,.panel p{color:var(--muted)}.gameCardActions{flex-wrap:wrap}.gameLogo{width:104px;height:76px;display:grid;place-items:center;overflow:hidden;padding:10px;color:#fff;background:linear-gradient(135deg,#ffffff24,#ffffff0a),#020617a8;border:1px solid rgba(255,255,255,.24);border-radius:8px;box-shadow:0 16px 34px #00000042,0 0 26px #67e8f924;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.gameLogo.large{width:min(250px,52vw);height:124px;margin-bottom:18px;padding:14px}.gameLogo img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}.gameLogo span{width:100%;text-align:center;color:#e0f2fe;font-size:14px;font-weight:900;line-height:1.1;text-shadow:0 8px 20px rgba(0,0,0,.5)}.gameLogo.large span{font-size:22px}.livePill,.badge,.tags span,.inlineStatus{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;color:#dbeafe;background:linear-gradient(135deg,#67e8f924,#a78bfa14),#ffffff1a;border:1px solid rgba(255,255,255,.14);border-radius:999px;font-size:12px;white-space:nowrap}.livePill,.badge.ok{color:#bbf7d0;background:linear-gradient(135deg,#34d39933,#fbbf2414),#ffffff14;border-color:#86efac3d;font-weight:900}.livePill.primary{color:#03111f;background:linear-gradient(135deg,rgba(255,255,255,.38),transparent 42%),linear-gradient(135deg,var(--gold),var(--pink));border-color:#fbbf246b;box-shadow:0 0 24px #fbbf2442}.livePill.secondary{color:#e0f2fe;background:linear-gradient(135deg,#67e8f938,#a78bfa29),#ffffff1a;border-color:#67e8f94d}.gameDetailHero{position:relative;min-height:720px;display:grid;align-items:end;overflow:hidden;margin:38px auto;padding:44px 58px 68px;color:#fff;background-position:center;background-size:cover;border:1px solid rgba(255,255,255,.2);border-radius:8px;box-shadow:0 36px 120px #00000085,0 0 80px #67e8f929;isolation:isolate}.backButton{position:absolute;top:30px;left:30px;z-index:2}.detailStats{position:absolute;right:44px;bottom:48px;z-index:2;width:min(380px,38vw);display:grid;gap:12px}.detailStats article{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;background:#0307129e;border:1px solid rgba(255,255,255,.14);border-radius:8px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.detailStats strong{color:#fff;font-size:34px}.detailStats span{color:var(--muted)}.playerButton{padding:0;overflow:hidden;animation:cardIn .36s cubic-bezier(.2,.8,.2,1) both}.playerCard{position:relative;display:grid;grid-template-columns:70px 1fr;gap:18px;min-height:260px;padding:24px;overflow:hidden;transition:background .18s ease,transform .18s ease}.playerButton:hover .playerCard{background:#ffffff14}.avatar{width:70px;height:70px;display:grid;place-items:center;overflow:hidden;color:#03111f;background:linear-gradient(135deg,var(--cyan),var(--green));border:1px solid rgba(255,255,255,.18);border-radius:8px;box-shadow:0 0 26px #67e8f93d}.avatar img{width:100%;height:100%;object-fit:cover}.playerMain,.playerMain>*{position:relative;z-index:1}.playerMain h3{margin:0;color:#fff;font-size:22px}.playerMain p{margin:7px 0;line-height:1.55}.intro{min-height:48px}.row{justify-content:space-between}.tags{display:flex;flex-wrap:wrap;gap:6px}.score{display:flex;align-items:center;gap:6px;color:var(--gold);font-weight:900}.toolbar{display:flex;gap:12px;flex-wrap:wrap;margin:38px auto 14px;padding:10px;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--soft-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.profile{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:24px;margin-top:38px}.panel,.orderItem{padding:26px}.profilePanel,.supportPanel{min-height:300px}.panelIcon{width:62px;height:62px;display:grid;place-items:center;color:#03111f;background:linear-gradient(135deg,var(--gold),var(--pink));border-radius:8px;box-shadow:0 0 24px #fbbf242e}.panel h2{color:#fff}.authPanel{position:relative;display:grid;gap:18px;overflow:hidden;padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--soft-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.authTabs,.oauthButtons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.authTabs button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;color:#cbd5e1;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:8px;font-weight:900}.authTabs button.active{color:#03111f;background:linear-gradient(135deg,var(--cyan),var(--green));box-shadow:0 0 22px #34d3993d}.oauthBox{display:grid;gap:10px;padding-top:4px}.oauthBox p{display:inline-flex;align-items:center;gap:7px;margin:0;color:var(--muted);font-weight:900}.oauthButtons button{min-height:48px;color:#fff;border-radius:8px;font-weight:900;border:1px solid rgba(255,255,255,.16)}.wechatButton{background:linear-gradient(135deg,#16a34a,#22c55e);box-shadow:0 0 22px #22c55e33}.qqButton{background:linear-gradient(135deg,#2563eb,#38bdf8);box-shadow:0 0 22px #38bdf833}.loginForm,.orderForm{display:grid;gap:16px}.orderForm{grid-template-columns:repeat(2,minmax(0,1fr))}.wideField{grid-column:1 / -1}label{display:grid;gap:7px;color:#dbeafe;font-weight:900}input,select,textarea{width:100%;border:1px solid rgba(148,163,184,.38);border-radius:8px;padding:14px 15px;color:#fff;background:linear-gradient(135deg,rgba(255,255,255,.055),transparent),#020617a3;transition:border-color .18s ease,box-shadow .18s ease}input::placeholder,textarea::placeholder{color:#8292aa}input:focus,select:focus,textarea:focus{border-color:#fbbf24c7;box-shadow:0 0 0 4px #fbbf241f,0 0 24px #67e8f92e}option{color:#111827}textarea{min-height:92px;resize:vertical}.orderList{display:grid;gap:16px}.orderItem{position:relative;display:flex;justify-content:space-between;gap:22px;overflow:hidden;animation:cardIn .36s cubic-bezier(.2,.8,.2,1) both}.orderItem strong{color:#fff}.orderItem>*{position:relative;z-index:1}.danger{color:#fff;background:linear-gradient(135deg,var(--pink),#f97316);border-radius:8px;padding:11px 16px;box-shadow:0 0 24px #f43f5e3d}.toast{position:sticky;top:78px;z-index:8;width:min(1220px,92vw);margin:16px auto 0;padding:13px 15px;color:#cffafe;background:linear-gradient(135deg,#67e8f924,#fbbf2414),#082f49c2;border:1px solid rgba(103,232,249,.26);border-radius:8px;box-shadow:var(--soft-shadow);animation:toastIn .36s ease;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:20px;background:#020617b8;animation:fadeIn .18s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.modalBody{width:min(800px,96vw);max-height:92vh;overflow:auto;position:relative;padding:20px;border-color:#fbbf2447;box-shadow:inset 0 1px #ffffff29,0 38px 110px #0000008f,0 0 42px #fbbf241f;animation:modalIn .26s cubic-bezier(.2,.8,.2,1)}.modalTitle h2{margin:10px 0 14px;color:#fff}.close{position:absolute;top:10px;right:10px;width:36px;height:36px;color:#fff;background:#ffffff1f;border-radius:8px;font-size:24px}.empty{color:var(--muted)}@keyframes viewIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes riseIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes cardIn{0%{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes posterReveal{0%{opacity:0;filter:blur(8px) saturate(.7)}to{opacity:1;filter:blur(0) saturate(1)}}@keyframes posterPulse{0%{filter:saturate(1)}to{filter:saturate(1.18)}}@keyframes toastIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes scanMove{0%{background-position:0 0}to{background-position:0 28px}}@keyframes beamDrift{0%{transform:translate(-3%) translateY(0)}to{transform:translate(3%) translateY(2%)}}@keyframes gridPulse{0%{opacity:.55}to{opacity:.9}}@keyframes colorRun{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(42deg)}}@media(max-width:1040px){.hero{grid-template-columns:1fr;min-height:auto}.heroStage{width:min(640px,100%);margin:0 auto}.quickStats{grid-template-columns:1fr}.detailStats{position:relative;right:auto;bottom:auto;width:100%;margin-top:24px}}@media(max-width:760px){body{background-attachment:scroll;background-position:center top}.topbar,.orderItem{align-items:stretch;flex-direction:column}.topbar{gap:10px;padding:10px max(14px,env(safe-area-inset-right)) 12px max(14px,env(safe-area-inset-left))}nav{width:100%;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}nav::-webkit-scrollbar,.toolbar::-webkit-scrollbar{display:none}nav button{flex:1 0 auto;min-width:58px;scroll-snap-align:start}.brand{justify-content:center;min-height:40px}.brandName{white-space:normal;text-align:left}.viewShell{width:min(100% - 24px,1500px)}.hero,.gameDetailHero{min-height:auto;margin:16px auto;padding:24px 18px;gap:18px}.hero h1,.gameDetailHero h1{font-size:38px}.hero p,.gameDetailHero p{font-size:15px}.heroActions button,.gameDetailActions button{flex:1 1 150px}.posterDeck{height:360px}.posterCard{width:min(230px,76vw);height:318px}.poster-0{--x: -58px;--y: 38px}.poster-1{--x: 58px;--y: 36px}.poster-2{--x: -28px;--y: 16px}.poster-3{--x: 28px;--y: 8px}.showcaseRail{grid-auto-columns:minmax(250px,84vw)}.showcaseCard,.gameCard{min-height:300px}.sectionHead{align-items:flex-start;flex-direction:column;gap:12px}.sectionHead button{width:100%}.grid,.games,.guideGrid{grid-template-columns:1fr}.guideCard{min-height:auto;padding:20px}.guideCard h3{font-size:22px}.toolbar{flex-wrap:nowrap;overflow-x:auto;margin-top:16px;scrollbar-width:none}.toolbar button{flex:0 0 auto;white-space:nowrap}.orderForm{grid-template-columns:1fr}.orderActions{flex-wrap:wrap}.orderActions button{flex:1 1 128px}.backButton{position:relative;top:auto;left:auto;width:fit-content;margin-bottom:18px}.modal{align-items:end;padding:0}.modalBody{width:100%;max-height:90dvh;border-radius:8px 8px 0 0;padding:18px 16px max(18px,env(safe-area-inset-bottom))}}@media(max-width:460px){.viewShell{width:min(100% - 28px,1500px)}.hero,.gameDetailHero{padding:22px}.hero h1,.gameDetailHero h1{font-size:34px;line-height:1.08}.posterCard{width:min(212px,76vw)}.playerCard{grid-template-columns:50px 1fr;gap:12px;padding:16px}.avatar{width:50px;height:50px}.row{align-items:flex-start;flex-direction:column;gap:6px}.authTabs,.oauthButtons{grid-template-columns:1fr}.poster-0,.poster-1{display:none}}@media(hover:none){button:hover,.gameCard:hover,.showcaseCard:hover,.playerButton:hover,.quickStats article:hover,.orderItem:hover{transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;transition-duration:1ms!important}}