@import "https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,700;0,9..144,900;1,9..144,300;1,9..144,700&family=Inter:wght@300;400;500&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{margin:0}#root{box-sizing:border-box;width:100%;min-height:100svh}:root{--black:#08070f;--white:#f5f0ea;--ash:#8c8499;--crater:#14121e;--glow:#e8a83e;--glow-dim:#e8a83e1a;--panel-border:#e8a83e26;--nav-height:84px;--font-title:"Montserrat", sans-serif;--font-display:"Fraunces", serif;--font-ui:"Inter", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--black);height:100%;color:var(--white);font-family:var(--font-ui);cursor:crosshair;overflow:hidden}#root{flex-direction:column;height:100%;display:flex}.main-nav{z-index:100;height:var(--nav-height);-webkit-backdrop-filter:blur(12px);background:#08070fd9;border-bottom:1px solid #e8a83e1a;justify-content:space-between;align-items:center;padding:0 40px;display:flex;position:fixed;top:0;left:0;right:0}.nav-brand{align-items:center;gap:10px;text-decoration:none;display:flex}.nav-logo{width:auto;height:62px}.nav-brand-text{font-family:var(--font-title);letter-spacing:-.01em;color:var(--white);font-size:22px;font-weight:500}.nav-links{gap:40px;list-style:none;display:flex}.nav-links a{font-family:var(--font-ui);letter-spacing:.06em;color:var(--ash);font-size:18px;font-weight:400;text-decoration:none;transition:color .3s;position:relative}.nav-links a:after{content:"";background:var(--glow);width:0;height:1px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-links a:hover{color:var(--white)}.nav-links a:hover:after{width:100%}.nav-links a.active{color:var(--white)}.nav-links a.active:after{width:100%}.home{inset:0;top:var(--nav-height);background:var(--black);justify-content:center;align-items:center;display:flex;position:fixed;overflow:hidden}.home:before{content:"";pointer-events:none;background:radial-gradient(60% 50% at 50% 60%,#e8a83e0d 0%,#0000 70%),radial-gradient(30% 30% at 20% 80%,#503c7812 0%,#0000 60%);position:absolute;inset:0}.star-field{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.star{opacity:.7;line-height:0;animation:linear forwards star-fall;position:absolute;top:-48px}@keyframes star-fall{0%{opacity:.7;transform:translate(0)}to{opacity:0;transform:translate(-100vh,100vh)}}.logo-wrap{z-index:2;justify-content:center;align-items:center;display:flex;position:relative}.logo-img{width:60vw;height:auto}.scroll-hint{z-index:2;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.scroll-mouse{opacity:.3;width:72px;height:auto;display:block}.home-title{font-family:var(--font-title);letter-spacing:.06em;color:var(--white);text-align:center;font-size:clamp(32px,6vw,72px);font-weight:500}.home-footer{z-index:100;position:fixed;bottom:24px;right:48px}.home-footer span{font-family:var(--font-ui);letter-spacing:.08em;color:#8c849959;font-size:11px;font-weight:300}.catalog-page{background:var(--black);min-height:100vh;padding-top:var(--nav-height);flex-direction:column;display:flex}.catalog-header{border-bottom:1px solid var(--panel-border);align-items:baseline;gap:24px;padding:60px 48px 40px;display:flex}.catalog-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--white);font-size:clamp(48px,8vw,96px);font-weight:700;line-height:1}.catalog-count{font-family:var(--font-ui);letter-spacing:.1em;color:var(--ash);font-size:13px;font-weight:300}.catalog-grid{flex:1;grid-template-columns:repeat(4,1fr);gap:2px;width:100%;display:grid}.catalog-grid .game-panel:last-child:nth-child(4n+1){aspect-ratio:unset;grid-column:1/-1;height:14.0625vw}.catalog-grid .game-panel:last-child:nth-child(4n+2){aspect-ratio:unset;grid-column:span 3;height:14.0625vw}.catalog-grid .game-panel:last-child:nth-child(4n+3){aspect-ratio:unset;grid-column:span 2;height:14.0625vw}.catalog-grid .game-panel{aspect-ratio:16/9}.catalog-back{font-family:var(--font-ui);letter-spacing:.06em;color:var(--ash);align-items:center;gap:10px;font-size:13px;font-weight:400;text-decoration:none;transition:color .3s;display:flex}.catalog-back:hover{color:var(--white)}.catalog-back-arrow{border-top:1px solid;border-left:1px solid;width:6px;height:6px;transition:transform .3s;display:inline-block;transform:rotate(-45deg)}.catalog-back:hover .catalog-back-arrow{transform:rotate(-45deg)translate(-2px,-2px)}.game-panel{cursor:pointer;background:var(--crater);position:relative;overflow:hidden}.panel-bg{background:var(--panel-gradient);transition:transform .6s cubic-bezier(.25,.46,.45,.94);position:absolute;inset:0}.panel-deco{position:absolute;inset:0;overflow:hidden}.panel-deco:before{content:"";border:1px solid #e8a83e12;border-radius:50%;width:200px;height:200px;position:absolute;top:-60px;right:-60px}.panel-deco:after{content:"";border:1px solid #e8a83e0a;border-radius:50%;width:120px;height:120px;position:absolute;bottom:-40px;left:-30px}.game-panel:nth-child(odd) .panel-deco:before{top:auto;bottom:-60px;right:-60px}.panel-tag{font-family:var(--font-ui);letter-spacing:.18em;text-transform:uppercase;color:#e8a83e73;z-index:2;font-size:11px;font-weight:300;transition:opacity .3s;position:absolute;bottom:16px;left:20px}.panel-img{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}.panel-overlay{opacity:0;z-index:3;border:1px solid var(--panel-border);background:#08070fe6;flex-direction:column;justify-content:center;padding:36px;transition:opacity .35s;display:flex;position:absolute;inset:0}.panel-overlay-line{background:var(--glow);width:30px;height:1px;margin-bottom:20px;transition:width .4s .1s}.panel-title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--white);opacity:0;margin-bottom:12px;font-size:34px;font-weight:700;line-height:1.1;transition:transform .35s 50ms,opacity .35s 50ms;transform:translateY(8px)}.panel-desc{font-family:var(--font-ui);color:var(--ash);opacity:0;max-width:340px;font-size:13px;font-weight:300;line-height:1.85;transition:transform .35s .1s,opacity .35s .1s;transform:translateY(8px)}.game-panel:hover .panel-overlay{opacity:1}.game-panel:hover .panel-bg{transform:scale(1.04)}.game-panel:hover .panel-tag{opacity:0}.game-panel:hover .panel-title,.game-panel:hover .panel-desc{opacity:1;transform:translateY(0)}.game-panel:hover .panel-overlay-line{width:52px}a.catalog-panel{color:inherit;text-decoration:none;display:block}.panel-grid-wrap{z-index:2;flex-direction:column;width:100%;display:flex;position:relative}.panel-grid-empty{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:0 48px;display:flex;position:relative}.panel-grid-empty-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--white);font-size:clamp(56px,9vw,100px);font-weight:700;line-height:1}.panel-grid-empty-sub{font-family:var(--font-ui);letter-spacing:.02em;color:var(--ash);font-size:16px;font-weight:300;line-height:1.6}.about-page{background:var(--black);min-height:100vh;padding-top:var(--nav-height);justify-content:center;align-items:center;display:flex}.about-bg{background:radial-gradient(70% 60% at 50% 100%,#e8a83e08 0%,#0000 70%);position:absolute;inset:0}.about-content{z-index:2;text-align:center;max-width:700px;padding:0 48px;position:relative}.about-eyebrow{font-family:var(--font-ui);letter-spacing:.3em;color:var(--glow);text-transform:uppercase;justify-content:center;align-items:center;gap:16px;margin-bottom:28px;font-size:11px;font-weight:400;display:flex}.about-eyebrow:before,.about-eyebrow:after{content:"";background:#e8a83e33;width:36px;height:1px}.about-text{font-family:var(--font-display);color:#f5f0eabf;font-size:26px;font-style:italic;font-weight:300;line-height:1.8}.about-placeholder{color:#e8a83e99}