@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500;600&family=Sora:wght@400;500;600;700&display=swap";:root{--ink-0: #08090c;--ink-1: #0e1015;--ink-2: #14171e;--ink-3: #1b1f28;--line: rgba(255, 255, 255, .07);--line-2: rgba(255, 255, 255, .12);--text: #f2efe9;--text-2: #b4b0a8;--muted: #7a7770;--gold: #d4b173;--gold-2: #f0d9a8;--gold-deep: #9c7c43;--jade: #5fd4b4;--rose: #e27d7d;--r-lg: 20px;--r-md: 14px;--r-sm: 10px;--font-display: "Sora", system-ui, -apple-system, sans-serif;--font-ui: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-fast: .18s;--dur-base: .3s;--dur-slow: .6s;--nav-height: 68px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;margin:0}html{font-family:var(--font-ui);font-size:16px;line-height:1.6;color:var(--text);background-color:var(--ink-0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{height:100%;height:100dvh;display:flex;flex-direction:column;background:radial-gradient(900px 500px at 0% 0%,rgba(212,177,115,.07),transparent 60%),radial-gradient(700px 500px at 100% 100%,rgba(95,212,180,.05),transparent 60%),var(--ink-0);background-attachment:fixed;color:var(--text);overflow:hidden;position:relative}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--ink-0)}::-webkit-scrollbar-thumb{background:var(--ink-3);border-radius:9999px;border:1px solid var(--line)}::-webkit-scrollbar-thumb:hover{background:var(--gold-deep)}::selection{background:#d4b1734d;color:var(--gold-2)}a{color:inherit;text-decoration:none;transition:color var(--dur-fast) var(--ease-out)}button{font-family:inherit;cursor:pointer;border:none;background:transparent;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-60px;left:16px;background:var(--gold);color:var(--ink-0);padding:8px 16px;border-radius:var(--r-sm);font-weight:600;font-size:13px;z-index:1000;transition:top var(--dur-fast) var(--ease-out)}.skip-link:focus{top:16px}#intro-overlay{position:fixed;inset:0;background:var(--ink-0);z-index:99999;pointer-events:none;opacity:1;transition:opacity .6s var(--ease-out)}#intro-overlay.is-hidden{opacity:0}.topbar,.site-header{position:relative;flex:none;height:var(--nav-height);background:#08090cf2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--line);z-index:100;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 24px;transition:transform var(--dur-slow) var(--ease-out),opacity var(--dur-slow) var(--ease-out)}.site-header.intro-animate{transform:translateY(-12px);opacity:0}.site-header.intro-animate.is-ready{transform:translateY(0);opacity:1}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;transition:opacity .2s ease,transform .2s ease}.brand:hover{opacity:.95;transform:translateY(-1px)}.brand-logo-tile{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#f7e8cb,#d4b173,#aa8238);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #d4b17359,inset 0 1px 1px #ffffff80;flex-shrink:0;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease}.brand:hover .brand-logo-tile{transform:scale(1.05);box-shadow:0 6px 20px #d4b17373,inset 0 1px 1px #fff9}.brand-logo-tile.footer-logo-tile{width:30px;height:30px;border-radius:9px;box-shadow:0 2px 10px #d4b17340}.brand-text-group{display:flex;align-items:center;gap:7px}.brand-name{font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:-.02em;color:var(--text);line-height:1}.brand-hub-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;font-family:var(--font-display);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#08090c;background:linear-gradient(135deg,var(--gold-2) 0%,var(--gold) 100%);border-radius:4px;box-shadow:0 2px 8px #d4b1734d;line-height:1.2}.nav-tab-bar{position:relative;display:inline-flex;align-items:center;background:var(--ink-1);border:1px solid var(--line);border-radius:12px;padding:4px;gap:2px}.tab-sliding-pill{position:absolute;top:4px;bottom:4px;left:4px;width:96px;background:var(--ink-3);border-radius:8px;box-shadow:inset 0 1px #ffffff14,0 2px 8px #0006;pointer-events:none;transition:left .35s var(--ease-out),width .35s var(--ease-out);z-index:1}.nav-tab-btn{position:relative;z-index:2;height:34px;padding:0 16px;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--text-2);border-radius:8px;transition:color var(--dur-fast) var(--ease-out);user-select:none}.nav-tab-btn svg{width:15px;height:15px;color:var(--muted);transition:color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.nav-tab-btn:hover{color:var(--text)}.nav-tab-btn:hover svg{color:var(--text-2)}.nav-tab-btn.is-active,.nav-tab-btn.active{color:var(--text);font-weight:600}.nav-tab-btn.is-active svg,.nav-tab-btn.active svg{color:var(--gold)}.header-right{display:flex;align-items:center;justify-content:flex-end;gap:12px}.online-status-pill{display:inline-flex;align-items:center;gap:8px;background:var(--ink-1);border:1px solid var(--line);padding:6px 13px;border-radius:9999px;font-family:var(--font-mono);font-size:12px;color:var(--text-2);letter-spacing:.02em}.header-quick-actions{display:flex;align-items:center;gap:8px}.header-action-btn{width:36px;height:36px;border-radius:10px;background:var(--ink-1);border:1px solid var(--line);color:var(--text-2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--dur-fast) var(--ease-out)}.header-action-btn:hover{background:var(--ink-3);color:var(--gold-2);border-color:#d4b17366;transform:translateY(-1px);box-shadow:0 4px 12px #0006}.header-action-btn:active{transform:scale(.95)}.main-views-container{flex:1;min-height:0;display:flex;flex-direction:column;position:relative;width:100%;height:100%;overflow:hidden}.view,.hub-view{display:none!important;width:100%;height:100%;flex:1;min-height:0}.view.active,.view.is-active,.hub-view.active,.hub-view.is-active{display:block!important;flex:1;min-height:0}#view-collection.active,#view-collection.is-active,.view-about.active,.view-about.is-active,.view-faq.active,.view-faq.is-active,.view-guides.active,.view-guides.is-active{display:flex!important;flex-direction:column;flex:1;min-height:0;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;scroll-behavior:smooth}@keyframes view-enter{0%{opacity:0;transform:translateY(14px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes view-exit{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-8px) scale(.995)}}.hub-view.is-active,.view.is-active{animation:view-enter .38s cubic-bezier(.16,1,.3,1) forwards}.hub-view.is-leaving,.view.is-leaving{animation:view-exit .16s cubic-bezier(.4,0,1,1) forwards!important;pointer-events:none!important}@keyframes item-cascade-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}#view-collection.is-active .strip-item{animation:item-cascade-in .45s cubic-bezier(.16,1,.3,1) both}#view-collection.is-active .strip-item:nth-child(1){animation-delay:.04s}#view-collection.is-active .strip-item:nth-child(2){animation-delay:.08s}#view-collection.is-active .strip-item:nth-child(3){animation-delay:.12s}#view-collection.is-active .strip-item:nth-child(4){animation-delay:.16s}#view-about.is-active .about-hero{animation:item-cascade-in .4s cubic-bezier(.16,1,.3,1) both}#view-about.is-active .kpi-cell{animation:item-cascade-in .45s cubic-bezier(.16,1,.3,1) both}#view-about.is-active .kpi-cell:nth-child(1){animation-delay:.06s}#view-about.is-active .kpi-cell:nth-child(2){animation-delay:.12s}#view-about.is-active .kpi-cell:nth-child(3){animation-delay:.18s}#view-about.is-active .kpi-cell:nth-child(4){animation-delay:.24s}#view-about.is-active .value-card{animation:item-cascade-in .5s cubic-bezier(.16,1,.3,1) both}#view-about.is-active .value-card:nth-child(1){animation-delay:.1s}#view-about.is-active .value-card:nth-child(2){animation-delay:.18s}#view-about.is-active .value-card:nth-child(3){animation-delay:.26s}#view-about.is-active .genre-showcase-card{animation:item-cascade-in .5s cubic-bezier(.16,1,.3,1) both}#view-about.is-active .genre-showcase-card:nth-child(1){animation-delay:.08s}#view-about.is-active .genre-showcase-card:nth-child(2){animation-delay:.15s}#view-about.is-active .genre-showcase-card:nth-child(3){animation-delay:.22s}#view-about.is-active .genre-showcase-card:nth-child(4){animation-delay:.29s}#view-faq.is-active .faq-hero{animation:item-cascade-in .4s cubic-bezier(.16,1,.3,1) both}#view-faq.is-active .faq-chips-row{animation:item-cascade-in .42s cubic-bezier(.16,1,.3,1) .06s both}#view-faq.is-active .faq-card-item{animation:item-cascade-in .45s cubic-bezier(.16,1,.3,1) both}#view-faq.is-active .faq-card-item:nth-child(1){animation-delay:.06s}#view-faq.is-active .faq-card-item:nth-child(2){animation-delay:.11s}#view-faq.is-active .faq-card-item:nth-child(3){animation-delay:.16s}#view-faq.is-active .faq-card-item:nth-child(4){animation-delay:.21s}#view-faq.is-active .faq-card-item:nth-child(5){animation-delay:.26s}#view-faq.is-active .faq-card-item:nth-child(6){animation-delay:.31s}#view-faq.is-active .faq-card-item:nth-child(7){animation-delay:.36s}#view-faq.is-active .faq-card-item:nth-child(8){animation-delay:.41s}#view-faq.is-active .faq-card-item:nth-child(9){animation-delay:.46s}#view-faq.is-active .faq-card-item:nth-child(10){animation-delay:.51s}#view-faq.is-active .faq-support-card{animation:item-cascade-in .5s cubic-bezier(.16,1,.3,1) .45s both}#view-guides.is-active .guides-hero{animation:item-cascade-in .4s cubic-bezier(.16,1,.3,1) both}#view-guides.is-active .featured-guide-card{animation:item-cascade-in .48s cubic-bezier(.16,1,.3,1) .08s both}#view-guides.is-active .guides-filters-toolbar{animation:item-cascade-in .45s cubic-bezier(.16,1,.3,1) .14s both}#view-guides.is-active .guide-item-card{animation:item-cascade-in .45s cubic-bezier(.16,1,.3,1) both}#view-guides.is-active .guide-item-card:nth-child(1){animation-delay:.08s}#view-guides.is-active .guide-item-card:nth-child(2){animation-delay:.13s}#view-guides.is-active .guide-item-card:nth-child(3){animation-delay:.18s}#view-guides.is-active .guide-item-card:nth-child(4){animation-delay:.23s}#view-guides.is-active .guide-item-card:nth-child(5){animation-delay:.28s}#view-guides.is-active .guide-item-card:nth-child(6){animation-delay:.33s}#view-guides.is-active .guide-item-card:nth-child(7){animation-delay:.38s}#view-guides.is-active .guide-item-card:nth-child(8){animation-delay:.43s}#view-guides.is-active .guide-item-card:nth-child(9){animation-delay:.48s}#view-guides.is-active .guide-item-card:nth-child(10){animation-delay:.53s}#view-guides.is-active .guide-item-card:nth-child(11){animation-delay:.58s}#view-guides.is-active .guide-item-card:nth-child(12){animation-delay:.63s}@keyframes faq-glide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes support-ripple{0%{box-shadow:0 0 #d4b17380}70%{box-shadow:0 0 0 12px #d4b17300}to{box-shadow:0 0 #d4b17300}}@keyframes badge-shimmer{0%,to{opacity:.92;box-shadow:0 0 6px #d4b1734d}50%{opacity:1;box-shadow:0 0 14px #d4b173a6}}@keyframes live-dot-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.6}}@keyframes pulse-now-playing{0%,to{box-shadow:0 0 8px #d4b17366;border-color:#d4b173cc}50%{box-shadow:0 0 18px #d4b173d9;border-color:#fff}}@keyframes cta-aurora{0%,to{border-color:#d4b1734d;box-shadow:0 20px 50px #0009}50%{border-color:#d4b1738c;box-shadow:0 20px 50px #0009,0 0 28px #d4b17326}}.collection-scroll-content{display:flex;flex-direction:column;width:100%;min-height:100%}.app{flex:none;min-height:640px;height:calc(100vh - var(--nav-height) - 16px);max-height:960px;display:grid;grid-template-columns:minmax(0,1.62fr) minmax(360px,1fr);grid-template-rows:minmax(0,1fr);width:100%;box-sizing:border-box}.stage{display:flex;flex-direction:column;min-height:0;min-width:0;padding:16px 14px 20px 24px;height:100%;box-sizing:border-box;align-items:center}.stage-body{flex:1;min-height:0;min-width:0;width:100%;position:relative;display:flex;align-items:center;justify-content:center}.library{display:flex;flex-direction:column;min-height:0;min-width:0;padding:16px 24px 20px 10px;height:100%;box-sizing:border-box}.lib-panel{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--ink-1);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;height:100%;box-shadow:0 20px 50px -20px #000c}.library .list,.library-cards-scroll{flex:1;min-height:0;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:12px}.library .card,.lib-game-card{flex-shrink:0}.frame{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);overflow:hidden;background:var(--ink-1);border-radius:var(--r-lg);border:1px solid var(--line);box-shadow:0 40px 80px -40px #000000e6;transition:clip-path .9s var(--ease-out),filter .9s var(--ease-out)}.frame.cinematic-intro{clip-path:inset(8% 8% 8% 8% round 20px);transform:translate(-50%,-50%) scale(1.02);filter:brightness(.6)}.frame.cinematic-intro.is-revealed{clip-path:inset(0 round 20px);transform:translate(-50%,-50%) scale(1);filter:brightness(1)}.frame:fullscreen,.frame:-webkit-full-screen{position:fixed!important;width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;border-radius:0!important;border:none!important;box-shadow:none!important;inset:0!important;transform:none!important;background:#05070a!important;z-index:999999!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0!important}.frame:fullscreen:before,.frame:-webkit-full-screen:before{display:none!important}.frame:fullscreen .game-viewport,.frame:-webkit-full-screen .game-viewport{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%) scale(var(--game-scale, 1))!important;transform-origin:center center!important}.frame:before{content:"";position:absolute;inset:-1px;border-radius:calc(var(--r-lg) + 1px);padding:1px;background:linear-gradient(var(--edge-angle, 135deg),rgba(212,177,115,.35) 0%,transparent 40%,rgba(212,177,115,.15) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:10;animation:rotate-gold-edge 12s linear infinite}@property --edge-angle{syntax: "<angle>"; initial-value: 135deg; inherits: false;}@keyframes rotate-gold-edge{0%{--edge-angle: 0deg}to{--edge-angle: 360deg}}.game-viewport{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;background:#05070a}.game-viewport .play-stage,.game-viewport #app,.game-viewport #game-canvas,.game-viewport #ui-root,.game-viewport .stage-iframe{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border:none}.game-viewport #game-canvas{display:block}.game-viewport #game-canvas:focus{outline:none!important}.stage-iframe.is-hidden,.game-viewport[data-embedded=true] .menu-help,.game-viewport[data-embedded=true] .controls-hint,.game-viewport[data-embedded=true] .menu-footer-hint{display:none!important}.hud-glass-panel{position:absolute;background:#08090c8c;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border:1px solid rgba(255,255,255,.09);border-radius:var(--r-md);padding:10px 14px;z-index:30;pointer-events:auto;box-shadow:0 8px 24px #00000080;transition:opacity .3s var(--ease-out),transform .3s var(--ease-out)}.hud-top-left{top:14px;left:14px;display:flex;flex-direction:column;gap:2px}.hud-eyebrow{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:var(--gold)}.hud-title{font-family:var(--font-display);font-size:20px;font-weight:600;letter-spacing:-.02em;color:var(--text);line-height:1.2}.hud-meta{font-size:12px;color:var(--muted)}.hud-top-right{top:14px;right:14px;display:flex;align-items:center;gap:14px}.hud-stat-tile{display:flex;flex-direction:column;align-items:flex-end}.hud-stat-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--muted)}.hud-stat-val{font-family:var(--font-mono);font-size:18px;font-weight:600;color:var(--text)}.hud-stat-val.gold{color:var(--gold-2)}.hud-stat-val.pop-anim{animation:number-pop .25s var(--ease-out)}@keyframes number-pop{0%{transform:scale(1)}50%{transform:scale(1.15);color:var(--gold-2)}to{transform:scale(1)}}.hud-top-hidden #hud-top-left,.hud-top-hidden #hud-top-right{opacity:0!important;pointer-events:none!important;transform:translateY(-6px)}.hud-bottom-left{bottom:14px;left:14px;display:flex;align-items:center;gap:6px}.kbd-chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--text-2)}.kbd-chip kbd{font-family:var(--font-mono);font-size:10px;font-weight:600;background:#ffffff1a;border:1px solid var(--line-2);padding:2px 6px;border-radius:4px;color:var(--gold-2)}.hud-bottom-right{bottom:14px;right:14px;display:flex;align-items:center;gap:8px;padding:6px}.hud-btn{position:relative;width:40px;height:40px;border-radius:10px;background:var(--ink-2);border:1px solid var(--line);color:var(--text-2);display:flex;align-items:center;justify-content:center;transition:all var(--dur-fast) var(--ease-out)}.hud-btn svg{width:18px;height:18px;transition:transform var(--dur-fast) var(--ease-out)}.hud-btn:hover{background:var(--ink-3);color:var(--text);border-color:var(--line-2)}.hud-btn:hover svg{transform:scale(1.08)}.hud-btn:active{transform:scale(.94)}.hud-btn.btn-primary-gold{background:linear-gradient(135deg,var(--gold-2) 0%,var(--gold) 100%);color:#08090c;border-color:#ffffff4d;box-shadow:0 4px 14px #d4b1734d}.hud-btn.btn-primary-gold:hover{background:linear-gradient(135deg,#fff 0%,var(--gold-2) 100%);box-shadow:0 6px 18px #d4b17380}.hud-btn[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);background:#0e1015f2;backdrop-filter:blur(8px);border:1px solid var(--line-2);color:var(--text);font-size:11px;font-weight:500;padding:4px 8px;border-radius:6px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .18s var(--ease-out),transform .18s var(--ease-out);z-index:100;box-shadow:0 4px 12px #0009}.hud-btn:hover[data-tooltip]:after{opacity:1;transform:translate(-50%) translateY(0)}.stage-pause-overlay{position:absolute;inset:0;background:#08090cbf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;opacity:0;pointer-events:none;transition:opacity var(--dur-base) var(--ease-out)}.stage-pause-overlay.is-active{opacity:1;pointer-events:auto}.pause-heading{font-family:var(--font-display);font-size:34px;font-weight:600;color:var(--text);letter-spacing:-.02em}.pause-subline{font-size:14px;color:var(--text-2);margin-bottom:12px}.stage-loading-splash{position:absolute;inset:0;background:var(--ink-0);z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;opacity:0;pointer-events:none;transition:opacity .35s var(--ease-out)}.stage-loading-splash.is-active{opacity:1;pointer-events:auto}.loading-backdrop-art{position:absolute;inset:0;background-size:cover;background-position:center;filter:blur(18px);opacity:.35;transform:scale(1.08)}.loading-vignette{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 30%,rgba(8,9,12,.95) 85%)}.loading-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:10px}.loading-title{font-family:var(--font-display);font-size:26px;font-weight:600;color:var(--text)}.loading-bar-track{width:260px;height:3px;background:#ffffff1a;border-radius:999px;overflow:hidden;margin:6px 0}.loading-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--gold-deep),var(--gold-2));border-radius:999px;transition:width .9s linear}.stage-loading-splash.is-active .loading-bar-fill{width:100%}.loading-meta{font-family:var(--font-mono);font-size:11px;color:var(--muted)}.strip{flex:none;margin:14px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;box-sizing:border-box}.strip-item{position:relative;background:radial-gradient(350px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(212,177,115,.08),transparent 70%),linear-gradient(180deg,var(--ink-2) 0%,var(--ink-1) 100%);border:1px solid var(--line);border-radius:var(--r-md);padding:12px 15px;display:flex;flex-direction:column;justify-content:space-between;min-height:78px;box-sizing:border-box;transition:all var(--dur-fast) var(--ease-out);box-shadow:0 4px 14px #0000004d}.strip-item:hover{border-color:#d4b17366;box-shadow:0 8px 22px #00000080,0 0 16px #d4b17314;transform:translateY(-2px)}.strip-item-header{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:3px}.strip-label{font-family:var(--font-ui);font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.strip-tag{font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:2px 6px;border-radius:4px;background:var(--ink-3);border:1px solid var(--line);color:var(--text-2)}.strip-tag.gold{background:#d4b17326;border-color:#d4b17366;color:var(--gold-2);box-shadow:0 0 8px #d4b17333}.strip-tag.jade{background:#3ee8b51f;border-color:#3ee8b559;color:var(--jade);box-shadow:0 0 8px #3ee8b533}.strip-val{font-family:var(--font-display);font-size:14.5px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25}.strip-val.num{font-family:var(--font-mono);font-size:16px;font-weight:700;color:var(--gold-2)}.strip-sub{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.strip-live-dot-wrap{display:flex;align-items:center}.strip-live-dot-wrap .save-dot{animation:live-dot-pulse 2s infinite ease-in-out}.info-progress-bar{width:100%;height:4px;background:#ffffff14;border-radius:999px;overflow:hidden;margin:3px 0}.info-progress-fill{height:100%;background:linear-gradient(90deg,var(--gold-deep),var(--gold-2));border-radius:999px;box-shadow:0 0 8px #d4b17366}.library{background:var(--ink-1);border:1px solid var(--line);border-radius:var(--r-lg);display:flex;flex-direction:column;overflow:hidden;height:100%;box-shadow:0 20px 50px -20px #000c}.library-header{padding:16px 18px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:12px;background:#0e1015cc;flex-shrink:0}.library-title-row{display:flex;align-items:center;justify-content:space-between}.library-title{font-family:var(--font-display);font-size:20px;font-weight:600;letter-spacing:-.015em;color:var(--text)}.library-count{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--gold-2);background:var(--ink-3);border:1px solid var(--line);padding:2px 8px;border-radius:var(--r-sm)}.library-search-box{position:relative;width:100%}.library-search-box svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--muted);pointer-events:none}.library-search-input{width:100%;height:40px;background:var(--ink-0);border:1px solid var(--line);border-radius:var(--r-sm);padding:0 12px 0 36px;color:var(--text);font-size:13px;outline:none;transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.library-search-input:focus{border-color:#d4b17380;box-shadow:0 0 0 3px #d4b17326}.library-filter-segment{display:flex;gap:4px;background:var(--ink-0);padding:3px;border-radius:var(--r-sm);border:1px solid var(--line)}.library-filter-btn{flex:1;font-size:12px;font-weight:500;color:var(--text-2);padding:5px 8px;border-radius:6px;text-align:center;transition:all var(--dur-fast)}.library-filter-btn:hover{color:var(--text)}.library-filter-btn.is-active,.library-filter-btn.active{background:var(--ink-3);color:var(--gold-2);font-weight:600}.library .list,.library-cards-scroll{flex:1;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:12px}.library .card,.lib-game-card{flex-shrink:0;background:radial-gradient(400px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(212,177,115,.08),transparent 70%),var(--ink-2);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;display:flex;flex-direction:column;transition:transform var(--dur-base) var(--ease-out),border-color var(--dur-base),box-shadow var(--dur-base);position:relative}.lib-game-card:hover{transform:translateY(-3px);border-color:#d4b17366;box-shadow:0 12px 28px -4px #000000b3,0 0 16px #d4b17314}.lib-game-card.is-now-playing{border-color:var(--gold);box-shadow:0 0 24px #d4b17359}.lib-game-card.shimmer-active{animation:border-shimmer .9s var(--ease-out)}@keyframes border-shimmer{0%{border-color:var(--gold-2);box-shadow:0 0 25px #f0d9a899}50%{border-color:var(--gold);box-shadow:0 0 35px #d4b173cc}to{border-color:var(--gold);box-shadow:0 0 20px #d4b17333}}.lib-card-media{position:relative;width:100%;aspect-ratio:16 / 7;overflow:hidden;background:var(--ink-0)}.lib-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-out)}.lib-game-card:hover .lib-card-media img{transform:scale(1.06)}.lib-card-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,var(--ink-2) 100%)}.lib-glass-tag{position:absolute;top:8px;left:8px;background:#08090cbf;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);color:var(--gold-2);font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:2px 6px;border-radius:4px;z-index:2}.lib-now-playing-tag{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,var(--gold-2) 0%,var(--gold) 100%);color:#08090c;font-size:9px;font-weight:800;letter-spacing:.1em;padding:2px 7px;border-radius:4px;z-index:2;animation:pulse-now-playing 2s infinite ease-in-out}.lib-card-content{padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px}.lib-card-meta-row{display:flex;align-items:center;justify-content:space-between}.lib-card-genre{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--gold)}.lib-card-rating{font-family:var(--font-mono);font-size:11.5px;font-weight:600;color:var(--gold-2);display:flex;align-items:center;gap:3px}.lib-card-title{font-family:var(--font-display);font-size:16px;font-weight:600;letter-spacing:-.015em;color:var(--text);line-height:1.25}.lib-card-desc{font-size:12.5px;color:var(--text-2);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lib-card-stats{display:flex;align-items:center;gap:12px;font-size:11.5px;color:var(--muted)}.lib-card-stats span{display:flex;align-items:center;gap:4px}.lib-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}.btn-gold-play,.btn-gold-primary{position:relative;overflow:hidden;height:36px;background:linear-gradient(135deg,var(--gold-2) 0%,var(--gold) 50%,var(--gold-deep) 100%);color:#08090c;font-size:12.5px;font-weight:700;letter-spacing:.02em;border-radius:var(--r-sm);display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 16px;box-shadow:0 4px 14px #d4b17340;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast)}.btn-gold-play svg,.btn-gold-primary svg{width:12px;height:12px;transition:transform var(--dur-fast) var(--ease-out)}.btn-gold-play:hover,.btn-gold-primary:hover{transform:translateY(-1px);box-shadow:0 6px 18px #d4b17366}.btn-gold-play:hover svg,.btn-gold-primary:hover svg{transform:translate(2px)}.btn-gold-play:active,.btn-gold-primary:active{transform:translateY(0) scale(.98)}.btn-gold-play:after,.btn-gold-primary:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:skew(-20deg);transition:none}.btn-gold-play:hover:after,.btn-gold-primary:hover:after{left:140%;transition:left .6s var(--ease-out)}.btn-gold-play.is-playing-btn{background:var(--ink-0);border:1px solid var(--gold);color:var(--gold);box-shadow:none}.btn-ghost-details,.btn-ghost-secondary{height:36px;background:#ffffff0a;border:1px solid var(--line);color:var(--text-2);font-size:12.5px;font-weight:500;border-radius:var(--r-sm);display:inline-flex;align-items:center;justify-content:center;padding:0 16px;transition:all var(--dur-fast) var(--ease-out)}.btn-ghost-details:hover,.btn-ghost-secondary:hover{background:#ffffff14;border-color:var(--line-2);color:var(--text)}.btn-ghost-details:active,.btn-ghost-secondary:active{transform:scale(.98)}.lib-details-drawer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s var(--ease-out)}.lib-details-drawer.is-open{grid-template-rows:1fr}.lib-details-inner{overflow:hidden;padding:0 14px}.lib-details-drawer.is-open .lib-details-inner{padding:10px 14px 14px;border-top:1px solid var(--line)}.drawer-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:11px}.drawer-item{display:flex;flex-direction:column}.drawer-label{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.drawer-val{color:var(--text-2);font-weight:500}.collection-jump-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;background:var(--ink-1);border:1px solid var(--line);border-radius:var(--r-md);margin:20px 24px 0;padding:14px 22px;box-shadow:0 10px 30px #0006}.jump-info{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--text-2)}.jump-info strong{color:var(--gold-2);font-family:var(--font-mono);font-weight:700}.jump-dot{color:var(--muted)}.btn-jump-catalog{display:inline-flex;align-items:center;gap:8px;background:var(--ink-2);border:1px solid var(--line-2);color:var(--gold-2);font-size:13px;font-weight:600;padding:8px 18px;border-radius:9999px;transition:all var(--dur-fast) var(--ease-out)}.btn-jump-catalog:hover{background:var(--ink-3);border-color:var(--gold);color:#fff;transform:translateY(-1px);box-shadow:0 4px 14px #d4b17333}.btn-jump-catalog svg{transition:transform var(--dur-fast) var(--ease-out)}.btn-jump-catalog:hover svg{transform:translateY(2px)}.collection-shelf-section{padding:40px 24px 20px;display:flex;flex-direction:column;gap:18px;width:100%;box-sizing:border-box}.shelf-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.shelf-header-left{display:flex;flex-direction:column;gap:4px}.shelf-section-title{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--text);letter-spacing:-.015em}.shelf-nav-arrows{display:flex;gap:8px}.shelf-arrow-btn{width:36px;height:36px;border-radius:50%;background:var(--ink-1);border:1px solid var(--line);color:var(--text-2);font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;transition:all var(--dur-fast)}.shelf-arrow-btn:hover{background:var(--ink-3);border-color:var(--gold);color:var(--gold-2)}.shelf-scroll-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 4px 16px;scrollbar-width:thin}.shelf-scroll-track::-webkit-scrollbar{height:6px}.shelf-card{flex:0 0 300px;scroll-snap-align:start;background:var(--ink-1);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;display:flex;flex-direction:column;transition:transform var(--dur-base) var(--ease-out),border-color var(--dur-base),box-shadow var(--dur-base)}.shelf-card:hover{transform:translateY(-4px);border-color:#d4b17366;box-shadow:0 14px 32px #0009}.shelf-card-media{position:relative;width:100%;aspect-ratio:16 / 9;background:var(--ink-0);overflow:hidden}.shelf-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease-out)}.shelf-card:hover .shelf-card-media img{transform:scale(1.06)}.shelf-badge{position:absolute;top:10px;left:10px;background:var(--gold);color:#08090c;font-size:9.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;border-radius:4px;z-index:2}.shelf-fps-badge{position:absolute;top:10px;right:10px;background:#08090cbf;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);color:var(--jade);font-family:var(--font-mono);font-size:9.5px;font-weight:700;padding:3px 7px;border-radius:4px;z-index:2}.shelf-card-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}.shelf-card-meta{display:flex;align-items:center;justify-content:space-between}.shelf-genre{font-size:11px;font-weight:600;color:var(--gold);text-transform:uppercase;letter-spacing:.08em}.shelf-rating{font-family:var(--font-mono);font-size:11.5px;color:var(--gold-2);font-weight:600}.shelf-title{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--text);letter-spacing:-.01em}.shelf-desc{font-size:12.5px;color:var(--text-2);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.shelf-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px}.btn-shelf-play,.btn-shelf-details{font-size:12px;height:34px}.catalog-section{padding:48px 24px 56px;display:flex;flex-direction:column;gap:28px;width:100%;box-sizing:border-box}.catalog-header-block{display:flex;flex-direction:column;gap:6px}.catalog-section-title{font-family:var(--font-display);font-size:clamp(24px,3vw,32px);font-weight:700;letter-spacing:-.02em;color:var(--text)}.catalog-section-sub{font-size:14.5px;color:var(--text-2);max-width:760px}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;background:var(--ink-1);border:1px solid var(--line);padding:12px 16px;border-radius:var(--r-md)}.catalog-filter-chips{display:flex;flex-wrap:wrap;gap:6px}.cat-chip{padding:6px 14px;border-radius:9999px;background:var(--ink-2);border:1px solid var(--line);color:var(--text-2);font-size:12.5px;font-weight:500;display:inline-flex;align-items:center;gap:6px;transition:all var(--dur-fast)}.cat-chip:hover{background:var(--ink-3);color:var(--text);border-color:var(--line-2)}.cat-chip.is-active{background:var(--gold);color:#08090c;font-weight:700;border-color:var(--gold);box-shadow:0 2px 10px #d4b1734d}.chip-count{font-family:var(--font-mono);font-size:11px;opacity:.85}.catalog-search-wrapper{position:relative;min-width:280px;flex:1;max-width:380px}.catalog-search-wrapper .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--muted);pointer-events:none}.catalog-search-input{width:100%;height:38px;background:var(--ink-0);border:1px solid var(--line);border-radius:var(--r-sm);padding:0 76px 0 36px;color:var(--text);font-size:13px;outline:none;transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.catalog-search-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d4b17326}.search-count-pill{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-family:var(--font-mono);font-size:11px;color:var(--gold-2);background:var(--ink-2);padding:2px 8px;border-radius:4px;border:1px solid var(--line);pointer-events:none}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:22px}.catalog-game-card{background:var(--ink-1);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;display:flex;flex-direction:column;transition:transform var(--dur-base) var(--ease-out),border-color var(--dur-base),box-shadow var(--dur-base)}.catalog-game-card:hover{transform:translateY(-4px);border-color:#d4b17366;box-shadow:0 16px 36px #0009}.catalog-card-media{position:relative;width:100%;aspect-ratio:16 / 9;background:var(--ink-0);overflow:hidden}.catalog-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease-out)}.catalog-game-card:hover .catalog-card-media img{transform:scale(1.06)}.catalog-badge-gold{position:absolute;top:10px;left:10px;background:var(--gold);color:#08090c;font-size:9.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;border-radius:4px;z-index:2}.catalog-badge-fps{position:absolute;top:10px;right:10px;background:#08090ccc;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);color:var(--jade);font-family:var(--font-mono);font-size:9.5px;font-weight:700;padding:3px 7px;border-radius:4px;z-index:2}.catalog-hover-overlay{position:absolute;inset:0;background:#08090c99;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity var(--dur-fast) var(--ease-out);z-index:3}.catalog-game-card:hover .catalog-hover-overlay{opacity:1;pointer-events:auto}.btn-overlay-play{transform:scale(.9);transition:transform var(--dur-fast) var(--ease-out)}.catalog-game-card:hover .btn-overlay-play{transform:scale(1)}.catalog-card-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:10px;flex:1}.catalog-card-meta-row{display:flex;align-items:center;justify-content:space-between}.catalog-genre{font-size:11px;font-weight:600;color:var(--gold);text-transform:uppercase;letter-spacing:.08em}.catalog-rating{font-family:var(--font-mono);font-size:11.5px;color:var(--gold-2);font-weight:600}.catalog-game-title{font-family:var(--font-display);font-size:17px;font-weight:700;color:var(--text);letter-spacing:-.015em;line-height:1.25}.catalog-game-desc{font-size:13px;color:var(--text-2);line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.catalog-tags-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.catalog-tag-chip{font-size:11px;font-weight:500;color:var(--text-2);background:var(--ink-2);border:1px solid var(--line);padding:2px 8px;border-radius:4px}.catalog-card-footer{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:12px;border-top:1px solid var(--line);margin-top:4px}.btn-catalog-play,.btn-catalog-details{height:36px;font-size:12.5px}.catalog-empty-state{text-align:center;padding:48px 24px;background:var(--ink-1);border:1px solid var(--line);border-radius:var(--r-md);display:flex;flex-direction:column;align-items:center;gap:12px}.catalog-empty-state.is-hidden{display:none}.empty-icon{font-size:32px}.catalog-empty-state h3{font-family:var(--font-display);font-size:18px;color:var(--text)}.catalog-empty-state p{font-size:13.5px;color:var(--text-2);max-width:480px}.collection-features-band{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:20px 24px 64px;width:100%;box-sizing:border-box}.feature-card{background:var(--ink-1);border:1px solid var(--line);border-radius:var(--r-md);padding:24px 20px;display:flex;flex-direction:column;gap:10px;transition:transform var(--dur-base) var(--ease-out),border-color var(--dur-base)}.feature-card:hover{transform:translateY(-2px);border-color:var(--line-2)}.feature-icon-box{width:40px;height:40px;border-radius:10px;background:var(--ink-2);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:20px}.feature-title{font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--text)}.feature-desc{font-size:12.5px;color:var(--text-2);line-height:1.5}.view-about{width:100%;height:100%;min-height:0;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.about-container{width:100%;max-width:1160px;margin:0 auto;padding:48px 24px 64px;display:flex;flex-direction:column;gap:52px;flex:1 0 auto;box-sizing:border-box}.about-hero{text-align:center;max-width:780px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:16px}.section-header-block{text-align:center;max-width:760px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:10px}.section-sub{font-size:15px;color:var(--text-2);line-height:1.6}.section-eyebrow{font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:var(--gold)}.about-h1{font-family:var(--font-display);font-size:clamp(32px,4.4vw,54px);font-weight:600;line-height:1.08;letter-spacing:-.035em;color:var(--text)}.gold-gradient-phrase{background:linear-gradient(90deg,var(--gold-2) 0%,var(--gold) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.about-lede{font-size:16.5px;color:var(--text-2);line-height:1.65;max-width:680px}.kpi-band{display:grid;grid-template-columns:repeat(4,1fr);background:var(--ink-1);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:0 20px 40px -10px #00000080}.kpi-cell{padding:32px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;border-right:1px solid var(--line)}.kpi-cell:last-child{border-right:none}.kpi-num{font-family:var(--font-display);font-size:38px;font-weight:600;color:var(--gold-2);line-height:1}.kpi-label{font-size:12.5px;color:var(--muted);font-weight:500}.about-values-section{display:flex;flex-direction:column;gap:28px}.section-h2{font-family:var(--font-display);font-size:28px;font-weight:600;letter-spacing:-.02em;color:var(--text);text-align:center}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.value-card{position:relative;background:radial-gradient(400px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(212,177,115,.08),transparent 70%),var(--ink-1);border:1px solid var(--line);border-radius:var(--r-lg);padding:30px 26px;display:flex;flex-direction:column;gap:16px;box-shadow:0 10px 26px #0006;transition:transform var(--dur-base) var(--ease-out),border-color var(--dur-base),box-shadow var(--dur-base)}.value-card:hover{transform:translateY(-4px);border-color:#d4b17366;box-shadow:0 16px 36px -10px #000000b3,0 0 20px #d4b17314}.value-icon-tile{width:46px;height:46px;border-radius:12px;background:#d4b1731f;border:1px solid rgba(212,177,115,.25);display:flex;align-items:center;justify-content:center;color:var(--gold);transition:transform .3s var(--ease-out),background .3s,box-shadow .3s,color .3s}.value-card:hover .value-icon-tile{transform:scale(1.1) rotate(-3deg);background:#d4b17333;border-color:var(--gold);box-shadow:0 0 16px #d4b17359;color:var(--gold-2)}.value-title{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--text);transition:color var(--dur-fast)}.value-card:hover .value-title{color:var(--gold-2)}.value-copy{font-size:14px;color:var(--text-2);line-height:1.6}.about-genres-section{display:flex;flex-direction:column;gap:28px}.genre-showcase-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.genre-showcase-card{position:relative;background:radial-gradient(400px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(212,177,115,.07),transparent 70%),var(--ink-1);border:1px solid var(--line);border-radius:var(--r-lg);padding:28px 24px;display:flex;flex-direction:column;gap:12px;box-shadow:0 10px 24px #0006;transition:transform var(--dur-base) var(--ease-out),border-color var(--dur-base),box-shadow var(--dur-base)}.genre-showcase-card:hover{transform:translateY(-4px);border-color:#d4b17366;box-shadow:0 16px 36px -10px #000000b3,0 0 20px #d4b17314}.genre-badge{display:inline-block;align-self:flex-start;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:3px 10px;border-radius:6px;background:#ffffff14;color:var(--text-2)}.genre-badge.gold{background:#d4b17326;color:var(--gold-2);border:1px solid rgba(212,177,115,.3)}.genre-badge.jade{background:#5fd4b426;color:var(--jade);border:1px solid rgba(95,212,180,.3)}.genre-card-title{font-family:var(--font-display);font-size:19px;font-weight:600;color:var(--text);transition:color var(--dur-fast)}.genre-showcase-card:hover .genre-card-title{color:#fff}.genre-card-copy{font-size:14px;color:var(--text-2);line-height:1.6}.genre-features-list{margin-top:6px;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--text-2)}.genre-features-list li{transition:color var(--dur-fast),transform var(--dur-fast)}.genre-showcase-card:hover .genre-features-list li{color:var(--text)}.about-tech-comparison{display:flex;flex-direction:column;gap:28px}.comparison-table-wrapper{width:100%;overflow-x:auto;background:var(--ink-1);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:0 20px 40px -10px #00000080}.tech-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px;min-width:600px}.tech-table th,.tech-table td{padding:16px 20px;border-bottom:1px solid var(--line);transition:background var(--dur-fast)}.tech-table tbody tr:hover td{background:#ffffff05}.tech-table th{font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);background:var(--ink-2)}.tech-table .highlight-col{background:#d4b1730d;color:var(--text);font-weight:500}.table-tag-good{display:inline-flex;align-items:center;gap:6px;color:var(--jade);font-weight:600}.about-seo-prose-section{display:flex;flex-direction:column}.seo-prose-card{background:var(--ink-1);border:1px solid var(--line);border-radius:var(--r-lg);padding:36px 32px;display:flex;flex-direction:column;gap:18px;line-height:1.7;font-size:14.5px;color:var(--text-2);box-shadow:0 16px 36px #00000080}.seo-prose-title{font-family:var(--font-display);font-size:22px;font-weight:600;color:var(--text)}.seo-prose-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:10px}.seo-prose-block{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--r-md);padding:20px;display:flex;flex-direction:column;gap:8px;transition:transform var(--dur-base) var(--ease-out),border-color var(--dur-base)}.seo-prose-block:hover{transform:translateY(-2px);border-color:#d4b1734d}.seo-prose-block h4{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--gold-2)}.seo-prose-block p{font-size:13.5px;color:var(--text-2);line-height:1.6;margin:0}.about-cta-band{background:radial-gradient(circle at 50% 50%,rgba(212,177,115,.12) 0%,var(--ink-1) 100%);border:1px solid rgba(212,177,115,.35);border-radius:var(--r-lg);padding:40px 32px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;box-shadow:0 20px 50px #0009;animation:cta-aurora 4s infinite ease-in-out}.cta-copy-group{display:flex;flex-direction:column;gap:6px}.cta-title{font-family:var(--font-display);font-size:24px;font-weight:600;color:var(--text)}.cta-sub{font-size:14px;color:var(--text-2)}.btn-large-gold{height:46px;padding:0 28px;background:linear-gradient(135deg,var(--gold-2) 0%,var(--gold) 100%);color:#08090c;font-size:14px;font-weight:700;border-radius:var(--r-md);display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 6px 20px #d4b17359;transition:all var(--dur-fast) var(--ease-out)}.btn-large-gold:hover{transform:translateY(-2px);box-shadow:0 8px 26px #d4b1738c}@media(max-width:900px){.genre-showcase-grid,.seo-prose-grid{grid-template-columns:1fr}.kpi-band{grid-template-columns:repeat(2,1fr)}.values-grid{grid-template-columns:1fr}}.view-faq{width:100%;height:100%;min-height:0;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.faq-container{width:100%;max-width:820px;margin:0 auto;padding:48px 20px 64px;display:flex;flex-direction:column;gap:32px;flex:1 0 auto;box-sizing:border-box}.faq-hero{text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}.faq-search-box{width:100%;position:relative;margin-top:10px}.faq-search-box svg{position:absolute;left:18px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--muted);pointer-events:none;transition:color var(--dur-fast)}.faq-search-input{width:100%;height:52px;background:var(--ink-1);border:1px solid var(--line);border-radius:var(--r-md);padding:0 20px 0 50px;color:var(--text);font-size:15px;outline:none;box-shadow:0 4px 16px #0006;transition:all var(--dur-fast)}.faq-search-input:focus{border-color:#d4b17399;box-shadow:0 0 0 3px #d4b17326,0 8px 24px #0009}.faq-search-box:focus-within svg{color:var(--gold)}.faq-chips-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px}.faq-chip{padding:7px 18px;border-radius:999px;font-size:12.5px;font-weight:500;color:var(--text-2);background:var(--ink-1);border:1px solid var(--line);transition:all .22s var(--ease-out);cursor:pointer}.faq-chip:hover{border-color:var(--line-2);color:var(--text);transform:translateY(-1px)}.faq-chip:active{transform:scale(.96)}.faq-chip.is-active,.faq-chip.active{background:linear-gradient(135deg,var(--gold-2) 0%,var(--gold) 100%);color:#08090c;font-weight:700;border-color:var(--gold);box-shadow:0 0 16px #d4b17359}.faq-accordion-list{display:flex;flex-direction:column;gap:12px}.faq-card-item{position:relative;background:radial-gradient(450px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(212,177,115,.06),transparent 60%),var(--ink-1);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;transition:transform var(--dur-base) var(--ease-out),border-color var(--dur-base),box-shadow var(--dur-base)}.faq-card-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3.5px;background:linear-gradient(180deg,var(--gold-2) 0%,var(--gold) 100%);opacity:0;transform:scaleY(0);transform-origin:top center;transition:opacity .3s var(--ease-out),transform .35s cubic-bezier(.16,1,.3,1);z-index:2}.faq-card-item:hover{border-color:#d4b17359;transform:translateY(-2px);box-shadow:0 10px 24px -6px #0009,0 0 16px #d4b17314}.faq-card-item.is-open{border-color:#d4b17399;box-shadow:0 12px 30px -6px #000000b3,0 0 20px #d4b1731f}.faq-card-item.is-open:before{opacity:1;transform:scaleY(1)}.faq-card-trigger{width:100%;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;text-align:left;background:transparent;gap:14px}.faq-trigger-content{display:flex;flex-direction:column;gap:4px}.faq-item-category{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--gold);transition:color var(--dur-fast)}.faq-item-q{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--text);transition:color var(--dur-fast)}.faq-card-item:hover .faq-item-q{color:#fff}.faq-card-item.is-open .faq-item-q{color:var(--gold-2)}.faq-toggle-square{width:30px;height:30px;border-radius:8px;background:var(--ink-2);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.faq-card-item:hover .faq-toggle-square{border-color:#d4b17380;background:var(--ink-3)}.faq-card-item.is-open .faq-toggle-square{background:linear-gradient(135deg,var(--gold-2) 0%,var(--gold) 100%);border-color:var(--gold);transform:scale(1.08);box-shadow:0 0 14px #d4b17380}.faq-toggle-icon{font-size:17px;font-weight:700;color:var(--text-2);line-height:1;transition:transform .35s cubic-bezier(.34,1.56,.64,1),color var(--dur-fast)}.faq-card-item.is-open .faq-toggle-icon{transform:rotate(45deg);color:#08090c}.faq-answer-drawer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s cubic-bezier(.2,.8,.2,1)}.faq-card-item.is-open .faq-answer-drawer{grid-template-rows:1fr}.faq-answer-inner{overflow:hidden;padding:0 22px}.faq-card-item.is-open .faq-answer-inner{padding:0 22px 22px}.faq-answer-inner p{font-size:14px;color:var(--text-2);line-height:1.7}.faq-card-item.is-open .faq-answer-inner p{animation:faq-glide-in .35s cubic-bezier(.16,1,.3,1) both}.faq-empty-state{text-align:center;padding:40px 20px;background:var(--ink-1);border:1px dashed var(--line);border-radius:var(--r-md)}.faq-empty-state.is-hidden{display:none}.faq-empty-state h3{font-family:var(--font-display);font-size:18px;color:var(--text);margin-bottom:6px}.faq-empty-state p{font-size:13.5px;color:var(--text-2)}.faq-support-card{background:radial-gradient(circle at 0% 50%,rgba(212,177,115,.08),transparent 70%),var(--ink-1);border:1px solid rgba(212,177,115,.3);border-radius:var(--r-md);padding:24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-top:10px;box-shadow:0 12px 30px #00000080;transition:transform var(--dur-base) var(--ease-out),border-color var(--dur-base),box-shadow var(--dur-base)}.faq-support-card:hover{transform:translateY(-2px);border-color:#d4b17380;box-shadow:0 16px 36px #0009,0 0 20px #d4b1731a}.support-left{display:flex;align-items:center;gap:14px}.support-icon{width:42px;height:42px;border-radius:10px;background:#d4b17326;border:1px solid rgba(212,177,115,.3);color:var(--gold);display:flex;align-items:center;justify-content:center;animation:support-ripple 2.8s infinite cubic-bezier(.2,.8,.2,1)}.support-title{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--text)}.support-sub{font-size:13px;color:var(--text-2)}.view-guides{width:100%;height:100%;min-height:0;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.guides-container{width:100%;max-width:1160px;margin:0 auto;padding:48px 24px 64px;display:flex;flex-direction:column;gap:40px;flex:1 0 auto;box-sizing:border-box}.guides-hero{text-align:center;max-width:780px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:14px}.guides-featured-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:36px}@media(max-width:900px){.guides-featured-grid{grid-template-columns:1fr}}.featured-guide-card{position:relative;background:radial-gradient(600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(212,177,115,.09),transparent 60%),var(--ink-1);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 16px 40px -10px #0009;transition:transform var(--dur-base) var(--ease-out),border-color var(--dur-base),box-shadow var(--dur-base)}.featured-guide-card:hover{transform:translateY(-4px);border-color:#d4b17373;box-shadow:0 20px 48px -10px #000c,0 0 24px #d4b1731a}.featured-guide-media{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#090d14}.featured-guide-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-out)}.featured-guide-card:hover .featured-guide-media img{transform:scale(1.06)}.featured-guide-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,var(--ink-1) 100%)}.featured-badge{position:absolute;top:14px;left:14px;background:linear-gradient(135deg,var(--gold-2) 0%,var(--gold) 100%);color:#08090c;font-size:10px;font-weight:800;letter-spacing:.12em;padding:4px 10px;border-radius:6px;z-index:2;animation:badge-shimmer 3s infinite ease-in-out}.featured-badge.jade{background:linear-gradient(135deg,#a5f3dc 0%,var(--jade) 100%)}.featured-guide-body{padding:24px 22px 28px;display:flex;flex-direction:column;flex:1;justify-content:space-between;gap:12px}.featured-guide-meta{font-size:11.5px;font-weight:600;color:var(--gold);text-transform:uppercase;letter-spacing:.1em}.featured-guide-title{font-family:var(--font-display);font-size:22px;font-weight:600;letter-spacing:-.02em;color:var(--text);line-height:1.3;transition:color var(--dur-fast)}.featured-guide-card:hover .featured-guide-title{color:#fff}.featured-guide-desc{font-size:13.5px;color:var(--text-2);line-height:1.6}.featured-guide-actions{display:flex;align-items:center;gap:12px;margin-top:6px;flex-wrap:wrap}.guides-section-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-top:12px}.guides-header-copy{display:flex;flex-direction:column}.guides-search-box{position:relative;width:320px}.guides-search-box svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--muted);pointer-events:none;transition:color var(--dur-fast)}.guides-search-input{width:100%;height:38px;background:var(--ink-1);border:1px solid var(--line);border-radius:var(--r-sm);padding:0 12px 0 34px;color:var(--text);font-size:12.5px;outline:none;transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.guides-search-input:focus{border-color:#d4b17380;box-shadow:0 0 0 3px #d4b17326}.guides-search-box:focus-within svg{color:var(--gold)}.guides-filters-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:16px;padding:10px 14px;background:var(--ink-1);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:0 4px 16px #0000004d}.guides-genre-chips,.guides-diff-chips{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.guide-chip{padding:6px 14px;border-radius:999px;font-size:12px;font-weight:500;color:var(--text-2);background:var(--ink-0);border:1px solid var(--line);transition:all .22s var(--ease-out);cursor:pointer}.guide-chip:hover{border-color:var(--line-2);color:var(--text);transform:translateY(-1px)}.guide-chip:active{transform:scale(.96)}.guide-chip.is-active,.guide-chip.active{background:linear-gradient(135deg,var(--gold-2) 0%,var(--gold) 100%);color:#08090c;font-weight:700;border-color:var(--gold);box-shadow:0 0 14px #d4b17359}.guide-diff-btn{padding:5px 12px;border-radius:var(--r-sm);font-size:11.5px;font-weight:500;color:var(--text-2);background:var(--ink-0);border:1px solid var(--line);cursor:pointer;transition:all .22s var(--ease-out)}.guide-diff-btn:hover{color:var(--text);border-color:var(--line-2);transform:translateY(-1px)}.guide-diff-btn.is-active{background:var(--ink-3);color:var(--gold-2);border-color:var(--gold);font-weight:600;box-shadow:0 0 12px #d4b17333}.guides-grid-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.guide-item-card{position:relative;background:radial-gradient(400px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(212,177,115,.08),transparent 60%),var(--ink-1);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 24px #0006;transition:transform var(--dur-base) var(--ease-out),border-color var(--dur-base),box-shadow var(--dur-base)}.guide-item-card:hover{transform:translateY(-4px);border-color:#d4b17373;box-shadow:0 16px 36px -10px #000000b3,0 0 20px #d4b17314}.guide-card-thumb{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#090d14}.guide-card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .45s var(--ease-out)}.guide-item-card:hover .guide-card-thumb img{transform:scale(1.06)}.guide-card-body{padding:18px;display:flex;flex-direction:column;flex:1;gap:8px}.guide-game-eyebrow{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--gold)}.guide-card-title{font-family:var(--font-display);font-size:17px;font-weight:600;letter-spacing:-.015em;color:var(--text);line-height:1.3;transition:color var(--dur-fast)}.guide-item-card:hover .guide-card-title{color:var(--gold-2)}.guide-card-desc{font-size:13px;color:var(--text-2);line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.guide-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid var(--line);margin-top:6px}.diff-badge{font-size:10.5px;font-weight:700;letter-spacing:.06em;padding:2px 7px;border-radius:4px;transition:all var(--dur-fast)}.diff-beginner{background:#5fd4b426;color:var(--jade);border:1px solid rgba(95,212,180,.3)}.diff-intermediate{background:#d4b17326;color:var(--gold-2);border:1px solid rgba(212,177,115,.3)}.diff-advanced{background:#e27d7d26;color:var(--rose);border:1px solid rgba(226,125,125,.3)}.guide-item-card:hover .diff-beginner{box-shadow:0 0 10px #5fd4b44d}.guide-item-card:hover .diff-intermediate{box-shadow:0 0 10px #d4b1734d}.guide-item-card:hover .diff-advanced{box-shadow:0 0 10px #e27d7d4d}.guide-read-time{font-family:var(--font-mono);font-size:11px;color:var(--muted)}.guide-play-link{font-size:12.5px;font-weight:600;color:var(--gold);display:inline-flex;align-items:center;gap:4px;position:relative;transition:color var(--dur-fast)}.guide-play-link:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform var(--dur-fast) var(--ease-out)}.guide-play-link:hover:after{transform:scaleX(1)}.guide-item-card:hover .guide-play-link{color:var(--gold-2)}.game-detail{max-width:1240px;margin:0 auto;padding:40px 24px 80px;display:flex;flex-direction:column;gap:48px;width:100%;box-sizing:border-box}.gd-hero-section{display:grid;grid-template-columns:1.25fr 1fr;gap:40px;align-items:center}.gd-hero-copy{display:flex;flex-direction:column;gap:16px}.gd-eyebrow-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.gd-fps-pill{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--jade);background:#5fd4b41f;border:1px solid rgba(95,212,180,.28);padding:2px 8px;border-radius:999px}.gd-hero-title{font-family:var(--font-display);font-size:clamp(34px,4.5vw,54px);font-weight:700;letter-spacing:-.025em;color:var(--text);line-height:1.12}.gd-hero-lede{font-size:16px;color:var(--text-2);line-height:1.65}.gd-author-by{font-size:13.5px;color:var(--muted)}.gd-author-by strong{color:var(--gold-2)}.gd-rating-strip{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--text-2);padding:8px 14px;background:var(--ink-1);border:1px solid var(--line);border-radius:var(--r-sm);width:fit-content}.gd-star-score{font-family:var(--font-mono);color:var(--gold-2);font-weight:700;font-size:14px}.gd-stat-sep{color:var(--muted)}.gd-stat-pill{color:var(--text);font-weight:500}.gd-tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none}.gd-tag-chip{font-size:11.5px;font-weight:600;color:var(--gold-2);background:var(--ink-2);border:1px solid var(--line);padding:4px 12px;border-radius:6px}.gd-detail-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:8px}.gd-main-play-btn{height:48px;padding:0 28px;font-size:14.5px;font-weight:700;border-radius:var(--r-sm)}.gd-hero-visual{position:relative;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);box-shadow:0 24px 60px #000000b3;background:var(--ink-1)}.gd-hero-frame{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden}.gd-hero-frame img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-out)}.gd-hero-visual:hover .gd-hero-frame img{transform:scale(1.05)}.gd-hero-badge{position:absolute;top:14px;left:14px;background:var(--gold);color:#08090c;font-size:10px;font-weight:800;letter-spacing:.1em;padding:4px 10px;border-radius:4px;z-index:2}.gd-tech-badge{position:absolute;top:14px;right:14px;background:#08090ccc;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);color:var(--jade);font-family:var(--font-mono);font-size:10px;font-weight:700;padding:4px 10px;border-radius:4px;z-index:2}.gd-hero-hover-play{position:absolute;inset:0;background:#08090c8c;backdrop-filter:blur(3px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;opacity:0;transition:opacity var(--dur-fast) var(--ease-out);color:var(--text);font-weight:700;font-size:14px;z-index:3}.gd-hover-play-icon{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--gold-2) 0%,var(--gold) 100%);color:#08090c;display:flex;align-items:center;justify-content:center;font-size:18px;padding-left:3px;box-shadow:0 4px 20px #d4b17366}.gd-hero-visual:hover .gd-hero-hover-play{opacity:1}.gd-specs-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;width:100%}.gd-spec-tile{background:var(--ink-1);border:1px solid var(--line);border-radius:var(--r-md);padding:16px 14px;display:flex;flex-direction:column;gap:4px;transition:border-color var(--dur-fast)}.gd-spec-tile:hover{border-color:var(--line-2)}.gd-spec-label{font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.gd-spec-val{font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--text)}.gd-spec-val.gold{color:var(--gold-2);font-family:var(--font-mono)}.gd-spec-val.jade{color:var(--jade);font-family:var(--font-mono)}.gd-spec-sub{font-size:11.5px;color:var(--muted)}.gd-panel{background:var(--ink-1);border:1px solid var(--line);border-radius:var(--r-lg);padding:36px 32px;display:flex;flex-direction:column;gap:24px}.gd-panel-header{display:flex;flex-direction:column;gap:4px}.gd-panel-title{font-family:var(--font-display);font-size:24px;font-weight:700;letter-spacing:-.015em;color:var(--text)}.gd-controls-matrix{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.gd-control-card{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--r-md);padding:18px 20px;display:flex;flex-direction:column;gap:8px}.gd-control-keys{display:flex;align-items:center;gap:6px}.gd-control-keys kbd{font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--gold-2);background:var(--ink-3);border:1px solid var(--line-2);padding:3px 8px;border-radius:5px;box-shadow:0 2px #0006}.kbd-sep{font-size:12px;color:var(--muted)}.gd-control-info{display:flex;flex-direction:column;gap:2px}.gd-control-action{font-size:14px;font-weight:600;color:var(--text)}.gd-control-desc{font-size:12.5px;color:var(--text-2)}.gd-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.gd-feature-box{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--r-md);padding:24px 22px;display:flex;flex-direction:column;gap:10px}.gd-feat-num{font-family:var(--font-mono);font-size:13px;font-weight:800;color:var(--gold);background:var(--ink-3);width:32px;height:32px;border-radius:8px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center}.gd-feat-title{font-family:var(--font-display);font-size:17px;font-weight:600;color:var(--text)}.gd-feat-copy{font-size:13.5px;color:var(--text-2);line-height:1.6}.gd-related-section{display:flex;flex-direction:column;gap:20px}.gd-related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.related-game-card{background:var(--ink-1);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;display:flex;flex-direction:column;transition:transform var(--dur-base) var(--ease-out),border-color var(--dur-base)}.related-game-card:hover{transform:translateY(-3px);border-color:#d4b17366}.related-card-media{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:var(--ink-0)}.related-card-media img{width:100%;height:100%;object-fit:cover}.related-genre-badge{position:absolute;top:8px;left:8px;background:#08090cbf;backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.1);color:var(--gold);font-size:9px;font-weight:700;text-transform:uppercase;padding:2px 6px;border-radius:4px}.related-card-body{padding:14px;display:flex;flex-direction:column;gap:6px;flex:1}.related-game-title{font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--text)}.related-game-desc{font-size:12px;color:var(--text-2);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.related-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.gd-bottom-cta{background:linear-gradient(135deg,#d4b1731f,#0e1015f2);border:1px solid rgba(212,177,115,.3);border-radius:var(--r-lg);padding:40px 36px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}.gd-cta-text h2{font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--text)}.gd-cta-text p{font-size:14px;color:var(--text-2);margin-top:4px}.gd-cta-actions{display:flex;gap:12px}.play-page-container{width:100%;max-width:1720px;margin:0 auto;padding:16px 24px 60px;overflow-y:auto;box-sizing:border-box}.play-split-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,360px);gap:20px;align-items:start}.play-stage-main{display:flex;flex-direction:column;gap:14px;min-width:0}.game-top-bar{display:flex;align-items:center;justify-content:space-between;background:var(--ink-1);border:1px solid var(--line);padding:12px 20px;border-radius:var(--r-md);gap:16px;box-shadow:0 4px 16px #0006}.game-meta-info{display:flex;align-items:center;gap:14px;min-width:0}.btn-play-back{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:600;color:var(--gold-2);background:var(--ink-2);border:1px solid var(--line);padding:6px 12px;border-radius:var(--r-sm);transition:all var(--dur-fast)}.btn-play-back:hover{background:var(--ink-3);border-color:var(--gold);color:#fff}.game-title-group{display:flex;flex-direction:column;min-width:0}.game-meta-title{font-family:var(--font-display);font-size:19px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.game-meta-genre{font-size:11.5px;color:var(--gold);font-weight:600;text-transform:uppercase;letter-spacing:.08em}.game-utility-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.online-pill-mini{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11.5px;color:var(--text-2);background:var(--ink-2);border:1px solid var(--line);padding:4px 10px;border-radius:999px}.btn-game-util{height:36px;padding:0 14px;background:var(--ink-2);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--text-2);font-size:12.5px;font-weight:600;display:inline-flex;align-items:center;gap:6px;transition:all var(--dur-fast)}.btn-game-util:hover{background:var(--ink-3);border-color:var(--line-2);color:var(--text)}.btn-fullscreen-gold{background:linear-gradient(135deg,var(--gold-2) 0%,var(--gold) 100%);color:#08090c;border:none;font-weight:700}.btn-fullscreen-gold:hover{background:linear-gradient(135deg,#fff 0%,var(--gold-2) 100%);box-shadow:0 4px 14px #d4b17366}.game-screen-viewport{width:100%;aspect-ratio:16 / 9;background:#000;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);position:relative;box-shadow:0 24px 60px #000c}.play-frame,.game-screen-viewport .play-stage,.game-screen-viewport #app,.game-screen-viewport #game-canvas,.game-screen-viewport #ui-root{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border:none;display:block}.game-bottom-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;background:var(--ink-1);border:1px solid var(--line);padding:10px 18px;border-radius:var(--r-md)}.play-controls-hints{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.play-kbd-chip{font-size:12px;color:var(--text-2);display:inline-flex;align-items:center;gap:4px}.play-kbd-chip kbd{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--gold-2);background:var(--ink-2);border:1px solid var(--line-2);padding:2px 6px;border-radius:4px}.play-save-status{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--jade);font-weight:500}.save-dot{width:7px;height:7px;border-radius:50%;background:var(--jade);box-shadow:0 0 6px var(--jade)}.play-intel-card{background:var(--ink-1);border:1px solid var(--line);border-radius:var(--r-md);padding:20px 22px;display:flex;flex-direction:column;gap:8px}.intel-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.intel-title{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--text)}.btn-intel-guide{font-size:12.5px;font-weight:600;color:var(--gold)}.btn-intel-guide:hover{text-decoration:underline}.intel-desc{font-size:13.5px;color:var(--text-2);line-height:1.6}.play-switch-sidebar{background:var(--ink-1);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px;display:flex;flex-direction:column;gap:12px;max-height:820px;box-shadow:0 16px 40px #0009}.switch-sidebar-header{display:flex;flex-direction:column;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--line)}.switch-title-wrap{display:flex;align-items:center;justify-content:space-between}.switch-sidebar-title{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--text)}.switch-search-box{position:relative;width:100%}.switch-search-box svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--muted);pointer-events:none}.switch-search-input{width:100%;height:36px;background:var(--ink-0);border:1px solid var(--line);border-radius:var(--r-sm);padding:0 12px 0 32px;color:var(--text);font-size:12.5px;outline:none;transition:border-color var(--dur-fast)}.switch-search-input:focus{border-color:var(--gold)}.switch-game-list{display:flex;flex-direction:column;gap:8px;overflow-y:auto;max-height:680px;padding-right:4px}.switch-game-item{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--ink-2);border:1px solid var(--line);border-radius:var(--r-sm);transition:all var(--dur-fast)}.switch-game-item:hover{background:var(--ink-3);border-color:var(--line-2);transform:translate(2px)}.switch-game-item.is-current{border-color:var(--gold);background:var(--ink-3);box-shadow:0 0 12px #d4b17326}.switch-item-media{width:60px;aspect-ratio:16 / 9;border-radius:4px;overflow:hidden;flex-shrink:0;background:var(--ink-0)}.switch-item-media img{width:100%;height:100%;object-fit:cover}.switch-item-info{flex:1;display:flex;flex-direction:column;min-width:0}.switch-item-title{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.switch-item-genre{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.switch-current-badge{font-size:11px;color:var(--gold);font-weight:600;flex-shrink:0}.switch-game-item.is-current .switch-current-badge{color:var(--jade)}.qv-modal{border:none;background:transparent;padding:0;margin:auto;max-width:640px;width:90%;color:var(--text)}.qv-modal::backdrop{background:#000000bf;backdrop-filter:blur(8px)}.qv-modal-content{background:var(--ink-1);border:1px solid var(--line-2);border-radius:var(--r-lg);padding:24px;position:relative;box-shadow:0 24px 60px #000000e6}.qv-close-btn{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:8px;background:var(--ink-2);border:1px solid var(--line);color:var(--text-2);font-size:20px;display:flex;align-items:center;justify-content:center}.site-footer{width:100%;flex-shrink:0;box-sizing:border-box;margin-top:auto;background:var(--ink-1);border-top:1px solid var(--line);padding:40px 24px 32px;color:var(--text-2);font-size:13px}.footer-content{max-width:1120px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}.footer-brand{display:flex;align-items:center;gap:10px}.footer-brand-mark{width:28px;height:28px}.footer-brand-text{font-family:var(--font-display);font-size:17px;font-weight:700;color:var(--text)}.footer-links{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.footer-links a:hover{color:var(--gold)}.footer-copyright{color:var(--muted);font-size:12px;margin-top:8px}.cta{height:40px;padding:0 20px;border-radius:var(--r-sm);font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--ink-2);border:1px solid var(--line);color:var(--text);transition:all var(--dur-fast)}.cta:hover{background:var(--ink-3);border-color:var(--line-2)}.cta-solid{background:linear-gradient(135deg,var(--gold-2) 0%,var(--gold) 100%);color:#08090c;border:none;font-weight:700}.cta-solid:hover{background:linear-gradient(135deg,#fff 0%,var(--gold-2) 100%);box-shadow:0 4px 16px #d4b17366}.prose{max-width:820px;margin:0 auto;padding:48px 24px 80px;overflow-y:auto}.guide-article-hero{margin-bottom:32px;display:flex;flex-direction:column;gap:12px}.guide-article-hero h1{font-family:var(--font-display);font-size:clamp(28px,4vw,42px);font-weight:600}.guide-toc{display:flex;gap:12px;flex-wrap:wrap;padding:14px 18px;background:var(--ink-1);border:1px solid var(--line);border-radius:var(--r-md);margin-bottom:32px}.guide-toc a{font-size:13px;color:var(--gold-2)}.guide-section{margin-bottom:32px;display:flex;flex-direction:column;gap:12px}.guide-section h2{font-family:var(--font-display);font-size:22px;font-weight:600;color:var(--text)}.guide-checklist{list-style:square;padding-left:20px;display:flex;flex-direction:column;gap:8px;color:var(--text-2)}.guide-pager{display:flex;justify-content:space-between;margin-top:40px;padding-top:20px;border-top:1px solid var(--line)}.guide-pager-link{font-size:14px;color:var(--gold);font-weight:600}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:1100px){body{height:auto;overflow-y:auto}.main-views-container,#view-collection.is-active,#view-collection.active{height:auto}.app{grid-template-columns:1fr;grid-template-rows:auto auto;height:auto;gap:28px;padding:16px 16px 40px}.stage-body{container-type:normal}.frame{width:100%}.strip{width:100%;grid-template-columns:repeat(2,1fr)}.library{height:600px}.topbar,.site-header{grid-template-columns:1fr auto;gap:12px;padding:12px 16px;height:auto}.nav-tab-bar{grid-column:1 / -1;order:3;width:100%;justify-content:center}.featured-guide-card{grid-template-columns:1fr}.guides-grid-cards{grid-template-columns:repeat(2,1fr)}.gd-hero,.play-split-layout{grid-template-columns:1fr}.collection-features-band{grid-template-columns:repeat(2,1fr);padding:20px 16px 48px}.catalog-section,.collection-shelf-section{padding-left:16px;padding-right:16px}.collection-jump-bar{margin:16px 16px 0}}@media(max-width:700px){.kpi-band{grid-template-columns:repeat(2,1fr)}.kpi-cell:nth-child(2){border-right:none}.values-grid,.guides-grid-cards{grid-template-columns:1fr}.nav-tab-btn svg{display:none}.nav-tab-btn{padding:0 10px;font-size:12px}.online-status-pill{display:none}.strip,.catalog-grid,.collection-features-band{grid-template-columns:1fr}.catalog-toolbar{flex-direction:column;align-items:stretch}.catalog-search-wrapper{max-width:100%;min-width:auto}.shelf-card{flex:0 0 260px}.collection-jump-bar{flex-direction:column;align-items:flex-start}}@media(max-width:600px){.hud-eyebrow,.hud-meta,.hud-bottom-left,.hud-stat-tile:last-child{display:none}.hud-title{font-size:16px}.hud-stat-val{font-size:14px}.hud-btn{width:34px;height:34px}.hud-btn svg{width:15px;height:15px}.hud-btn[data-tooltip]:after{display:none}}.ad-sponsor-container{position:fixed;bottom:0;left:0;right:0;width:100%;background:#07090ef5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid rgba(255,255,255,.08);box-shadow:0 -4px 20px #0009;display:flex;justify-content:center;align-items:center;z-index:90;padding:2px 16px;box-sizing:border-box;min-height:50px;max-height:94px;transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .2s ease}.play-page-container.is-theater-mode~.ad-sponsor-container,body:has(.play-page-container.is-theater-mode) .ad-sponsor-container,body.is-fullscreen .ad-sponsor-container,:fullscreen .ad-sponsor-container{display:none!important;opacity:0!important;pointer-events:none!important}.ad-sponsor-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:980px;margin:0 auto}.ad-slot-box{display:flex;align-items:center;justify-content:center;width:100%;max-width:728px;height:90px;max-height:90px;overflow:hidden;margin:0 auto}.ad-slot-box iframe{max-width:100%!important;max-height:90px!important;border:none!important;display:block;margin:0 auto}.ad-sponsor-close-btn{position:absolute;right:0;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:none;background:#ffffff14;color:#94a3b8;border-radius:50%;cursor:pointer;font-size:15px;line-height:1;transition:all .15s ease}.ad-sponsor-close-btn:hover{background:#fff3;color:#fff;transform:translateY(-50%) scale(1.08)}.ad-sponsor-container.is-dismissed{transform:translateY(100%);pointer-events:none}.ad-reopen-tab{display:none;position:fixed;bottom:0;right:16px;z-index:89;background:#0a0e17eb;border:1px solid rgba(255,255,255,.1);border-bottom:none;border-radius:6px 6px 0 0;padding:3px 10px;font-family:Plus Jakarta Sans,-apple-system,sans-serif;font-size:9px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#64748b;cursor:pointer;transition:all .15s ease}.ad-reopen-tab:hover{color:#f8fafc;background:#141c2dfa}.ad-sponsor-container.is-dismissed+.ad-reopen-tab,body:has(.ad-sponsor-container.is-dismissed) .ad-reopen-tab{display:inline-flex;align-items:center;gap:4px}@media(max-width:768px){.ad-sponsor-container{padding:2px 8px;min-height:50px;max-height:54px}.ad-slot-box{max-width:320px;height:50px;max-height:50px}.ad-slot-box iframe{max-height:50px!important}.ad-sponsor-close-btn{right:4px;width:18px;height:18px;font-size:13px}}