@layer base,components,utilities;@layer base{:root{color-scheme:light;font-family:Lora,Georgia,serif;--cream: #f5f3e7;--dark-blue: #0e1621;--teal-blue: #0a3c5a;--accent-yellow: #ffab2b;--accent-teal: #5dd9cc;--accent-amber: #ffd18e;--dark-teal: #07344f;--light-teal: #62b0cc;--soft-shadow: rgba(14, 22, 33, .08);--stone: #dad3bf;--iron: #2b3a4d;--section-padding: clamp(3rem, 8vw, 6rem);--container-width: min(1200px, 90vw)}*,*:before,*:after{box-sizing:border-box}body{margin:0;background-color:var(--cream);color:var(--dark-blue);font-size:clamp(.95rem,1vw + .75rem,1.05rem);line-height:1.7;min-height:100vh;scroll-behavior:smooth;position:relative;overflow-x:hidden;scrollbar-gutter:stable}body:before{content:"";position:fixed;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.045'/%3E%3C/svg%3E"),radial-gradient(circle at 15% 20%,rgba(98,176,204,.22),transparent 40%),radial-gradient(circle at 80% 0%,rgba(93,217,204,.15),transparent 45%),repeating-linear-gradient(135deg,rgba(14,22,33,.035) 0,rgba(14,22,33,.035) 2px,transparent 2px,transparent 12px);pointer-events:none;z-index:-2}body:after{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at top,rgba(255,171,43,.2),transparent 45%);pointer-events:none;z-index:-3}img,picture{max-width:100%;display:block;height:auto}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:Cinzel,Georgia,serif;line-height:1.2;margin-top:0;color:var(--dark-blue);letter-spacing:.04em}section{padding:var(--section-padding) clamp(1.5rem,5vw,10%);position:relative}}@layer components{.site-header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:.4rem clamp(1.25rem,4vw,3rem);background:#f5f3e7e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(14,22,33,.08);z-index:1000}.logo{display:flex;align-items:center;gap:.5rem;z-index:1001}.logo-text h1{margin:0;font-size:clamp(1rem,1.6vw,1.35rem);letter-spacing:.05em}.primary-nav{display:flex;align-items:center;gap:clamp(.5rem,2vw,1.5rem);position:relative;font-weight:600}.primary-nav a{padding:.25rem 0;color:var(--dark-blue);position:relative;transition:color .2s ease}.primary-nav a:hover,.primary-nav a:focus-visible,.primary-nav a.active{color:var(--teal-blue)}.primary-nav .nav-secondary{font-weight:500;opacity:.8}.nav-indicator{position:absolute;bottom:-.5rem;left:0;width:0;height:.2rem;border-radius:999px;background:linear-gradient(90deg,var(--accent-amber),var(--accent-yellow));transform-origin:left center;opacity:0;transition:width .25s ease,transform .25s ease,opacity .2s ease}.nav-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:2.5rem;height:2.5rem;border:none;background:transparent;cursor:pointer;padding:.25rem;z-index:1001;border-radius:.5rem;transition:background .2s ease}.nav-toggle:hover{background:#0e16210f}.hamburger-bar{display:block;width:22px;height:2px;background:var(--dark-blue);border-radius:2px;transition:transform .3s ease,opacity .3s ease;transform-origin:center}.nav-toggle.is-active .hamburger-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.is-active .hamburger-bar:nth-child(2){opacity:0;transform:scaleX(0)}.nav-toggle.is-active .hamburger-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.button{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 2.4rem;border-radius:0;font-family:Cinzel,Georgia,serif;font-size:.85em;font-weight:700;letter-spacing:.08em;border:none;cursor:pointer;clip-path:polygon(10px 0%,calc(100% - 10px) 0%,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0% calc(100% - 10px),0% 10px);transition:transform .2s ease,filter .2s ease}.button--primary{background:var(--accent-yellow);color:var(--dark-blue);filter:drop-shadow(0 8px 20px rgba(255,171,43,.35))}.button--primary:hover{background:#f5be50;transform:translateY(-2px) scale(1.02);filter:drop-shadow(0 12px 28px rgba(255,171,43,.55))}.button--ghost{outline:2px solid rgba(255,255,255,.75);outline-offset:-2px;background:transparent;color:#fff;filter:drop-shadow(0 6px 16px rgba(14,22,33,.25))}.button--ghost:hover{background:var(--accent-yellow);color:var(--dark-blue);outline-color:transparent;filter:drop-shadow(0 8px 20px rgba(255,171,43,.4))}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:center;gap:clamp(2rem,6vw,4rem);padding:var(--section-padding) clamp(1.5rem,5vw,10%);min-height:75vh;overflow:hidden;position:relative}.hero-left,.hero-right{position:relative;z-index:5}.hero-left p{max-width:32rem}.hero__background{position:absolute;inset:0 0 -200px;pointer-events:none;z-index:-1;will-change:transform}.hero-feature-img{margin:0}.hero__background:after{content:"";position:absolute;inset:0;background-image:url(/images/Background.png);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.85;z-index:1}.hero-left h2{font-size:clamp(2.8rem,5.5vw,4.2rem);margin-bottom:1rem;letter-spacing:.02em}#hero-heading{font-family:Cinzel Decorative,Georgia,serif;letter-spacing:.03em}.hero-right img{border-radius:1.5rem;box-shadow:0 25px 45px #0a3c5a40;animation:float 9s ease-in-out infinite}.floating-orb{position:absolute;border-radius:50%;opacity:.35;filter:blur(.5px);animation:drift 12s ease-in-out infinite;will-change:transform}.orb-1{width:20rem;height:20rem;background:radial-gradient(circle,rgba(93,217,204,.45),transparent 65%);top:-4rem;right:5%}.orb-2{width:16rem;height:16rem;background:radial-gradient(circle,rgba(255,171,43,.45),transparent 70%);bottom:-6rem;left:10%;animation-duration:15s}.orb-3{width:18rem;height:18rem;background:radial-gradient(circle,rgba(98,176,204,.35),transparent 65%);top:10%;right:8%}.battlement-silhouette{position:absolute;bottom:-1px;left:0;width:100%;height:4rem;background-image:repeating-linear-gradient(90deg,rgba(14,22,33,.08) 0,rgba(14,22,33,.08) 2rem,transparent 2rem,transparent 3rem);-webkit-mask-image:linear-gradient(#000,transparent);mask-image:linear-gradient(#000,transparent)}.weapon-divider{width:100%;display:block;line-height:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent 0%,#000 5%,#000 95%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 5%,#000 95%,transparent 100%)}.about{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(1.5rem,5vw,4rem);background:radial-gradient(circle at top,#092636d9,#092636bf);color:#fff;overflow:hidden}.about h2,.games h2{font-size:clamp(2.25rem,4vw,3rem)}.about h2{color:#fff}.about-text p:first-of-type:first-letter{font-family:Cinzel Decorative,Georgia,serif;font-size:3.8em;font-weight:700;color:var(--accent-yellow);float:left;line-height:.72;padding-right:.12em;padding-top:.08em}.about-img{text-align:center}.about-img img{max-width:clamp(220px,40vw,360px);margin-inline:auto;will-change:transform}.fortress-frame{border-radius:1.25rem;border:1px solid rgba(255,255,255,.3);box-shadow:0 30px 60px #00000059}.games{background:radial-gradient(circle at 15% 20%,rgba(98,176,204,.25),transparent 40%),radial-gradient(circle at 80% 0%,rgba(93,217,204,.18),transparent 45%),repeating-linear-gradient(135deg,rgba(14,22,33,.04) 0,rgba(14,22,33,.04) 2px,transparent 2px,transparent 12px),var(--cream);background-attachment:scroll,scroll,scroll,scroll}.section-heading{max-width:680px;margin-bottom:clamp(.5rem,1.5vw,1rem)}.section-heading h2{padding-bottom:.85rem;position:relative}.section-heading h2:after{content:"";position:absolute;bottom:0;left:0;width:3.5rem;height:2px;background:linear-gradient(90deg,var(--accent-yellow),var(--accent-amber),transparent);border-radius:1px}.section-intro{color:#0e1621cc}.arch-gallery-shell{position:relative;margin-top:clamp(.25rem,1vw,.75rem);--arch-card-width: clamp(320px, 60vw, 700px)}.arch-live{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.arch-glow{position:absolute;top:50%;left:50%;width:min(80vw,660px);height:82%;transform:translate(-50%,-50%);background:radial-gradient(closest-side,color-mix(in srgb,var(--game-accent, #5dd9cc) 55%,transparent),transparent 72%);filter:blur(40px);opacity:.5;z-index:0;pointer-events:none;transition:background .46s ease}.arch-gallery{position:relative;z-index:1;overflow:hidden;padding-block:clamp(.5rem,1.5vw,1.25rem) clamp(1.75rem,4vw,3rem);touch-action:pan-y}.arch-gallery:focus-visible{outline:2px solid rgba(10,60,90,.4);outline-offset:.25rem;border-radius:1rem}.arch-track{display:flex;align-items:flex-end;gap:clamp(.5rem,2vw,1.5rem);width:-moz-max-content;width:max-content;will-change:transform;transform:translateZ(0)}.arch-track.is-snapping .arch-window{transition:none!important}.carousel-control{position:absolute;top:50%;transform:translateY(-50%);width:3rem;height:3rem;border:1px solid rgba(14,22,33,.2);border-radius:999px;background:#ffffffd9;color:var(--dark-blue);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;z-index:6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .22s ease,background-color .22s ease,box-shadow .22s ease;box-shadow:0 10px 24px #0e162129;will-change:transform,opacity}.carousel-control:hover,.carousel-control:focus-visible{transform:translateY(-50%) scale(1.04);background:#fff}.carousel-control:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.carousel-control span{font-size:1.8rem;line-height:1;margin-top:-.12rem}.carousel-control--prev{left:clamp(.25rem,1.2vw,.8rem)}.carousel-control--next{right:clamp(.25rem,1.2vw,.8rem)}.arch-window{position:relative;flex:0 0 var(--arch-card-width);width:var(--arch-card-width);transform:scale(.9);transform-origin:bottom center;opacity:.5;transition:transform .46s cubic-bezier(.22,1,.36,1),opacity .46s ease;will-change:transform,opacity}.arch-window.is-center{transform:scale(1);opacity:1;z-index:2}.arch-window[data-carousel-clone=true]{pointer-events:none}.arch-card{position:relative;overflow:hidden;color:#fff;padding:clamp(85px,12vw,135px) clamp(1.4rem,3vw,2.4rem) clamp(1.4rem,3vw,2.2rem);background:linear-gradient(180deg,#243344e6,#1b2837f0),url(/images/texture2.jpeg);background-size:cover,220px 220px;border:1px solid rgba(255,255,255,.14);border-top:3px solid var(--game-accent, var(--accent-yellow));border-radius:50% 50% 6px 6px / clamp(70px,10vw,120px) clamp(70px,10vw,120px) 6px 6px;box-shadow:0 18px 40px #0926364d}.arch-card:before{content:"";position:absolute;inset:clamp(5px,.9vw,9px);border:1px solid rgba(255,255,255,.12);border-radius:50% 50% 4px 4px / clamp(62px,9vw,112px) clamp(62px,9vw,112px) 4px 4px;pointer-events:none}.arch-window.is-center .arch-card{box-shadow:0 26px 58px #0926366b;border-color:#ffffff1f;border-top-color:var(--game-accent, var(--accent-yellow))}.arch-window:not(.is-center) .arch-card:after{content:"";position:absolute;inset:0;background:#080c1480;pointer-events:none}.arch-card-head{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:.5rem}.arch-card-head h3{margin:0;font-size:clamp(1.6rem,3vw,2.3rem);color:#fff}.badge{display:inline-flex;align-items:center;padding:.25rem .65rem;border-radius:0;clip-path:polygon(6px 0%,calc(100% - 6px) 0%,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0% calc(100% - 6px),0% 6px);font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-family:Cinzel,Georgia,serif;white-space:nowrap}.badge--platform{background:#0a3c5a1a;color:var(--teal-blue);border:1px solid rgba(10,60,90,.2)}.badge--genre{background:#ffab2b26;color:#7a5000;border:1px solid rgba(255,171,43,.3)}.badge--coming-soon{background:#5dd9cc26;color:#075a54;border:1px solid rgba(93,217,204,.4)}.arch-card .badge--platform{background:#ffffff1a;color:#ffffffd9;border-color:#fff3}.arch-card .badge--genre{background:color-mix(in srgb,var(--game-accent) 22%,transparent);color:var(--game-accent);border-color:color-mix(in srgb,var(--game-accent) 40%,transparent)}.arch-card .badge--coming-soon{background:#5dd9cc2e;color:#5dd9cc;border-color:#5dd9cc4d}.game-meta{display:flex;align-items:center;gap:.4rem;margin-bottom:.6rem}.arch-card .game-meta{margin-bottom:.9rem}.arch-card p{margin:0 0 .85rem;line-height:1.6;font-size:clamp(.9rem,1.1vw,1rem);color:#ffffffdb}.arch-card a{color:var(--game-accent, var(--accent-yellow));font-weight:600;text-decoration:underline;text-underline-offset:2px}.game-images{display:grid;gap:.85rem;margin-top:1.25rem}.game-images figure{margin:0;display:flex;justify-content:center}.game-images.single{grid-template-columns:minmax(0,1fr);justify-items:center}.game-images.single img{width:auto;height:auto;max-width:min(100%,460px);max-height:clamp(220px,34vw,360px);-o-object-fit:contain;object-fit:contain}.game-images.ascata-gallery{grid-template-columns:repeat(2,1fr)}.game-images.ascata-gallery img{width:auto;height:auto;max-width:100%;max-height:clamp(240px,32vw,360px);-o-object-fit:contain;object-fit:contain}.contact{background:linear-gradient(135deg,#092636cc,#092636e6),url(/images/Contact.png);background-size:cover;background-position:center bottom;background-repeat:no-repeat;color:#fff}.contact-card{max-width:560px;margin:0 auto;padding:clamp(1.5rem,4vw,2.5rem);border-radius:1.5rem;background:#092636d9;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 50px #0006;contain:paint}.contact-card h2,.contact-card p{color:#fff}.contact-card a{color:#fbc65c;font-weight:600}.contact-links{display:flex;flex-direction:column;gap:.85rem;margin-top:1.25rem}.contact-link{display:inline-flex;align-items:center;gap:.65rem;color:#fbc65c;font-weight:600;transition:opacity .2s ease,transform .2s ease}.contact-link:hover{opacity:.82;transform:translate(3px)}.contact-link svg{flex-shrink:0;opacity:.9}.site-footer{background:var(--teal-blue);border-top:none;color:#f5f3e7bf;padding:2.5rem clamp(1.5rem,5vw,10%) 2rem}.footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem}.footer-brand{display:flex;align-items:center;gap:.5rem;font-family:Cinzel,Georgia,serif;font-weight:700;font-size:.9rem;letter-spacing:.06em;color:var(--cream)}.footer-nav{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem 1.25rem;font-size:.9rem;font-weight:500}.footer-nav a{color:#f5f3e7a6;opacity:1;transition:color .2s ease}.footer-nav a:hover{color:var(--accent-yellow)}.footer-social{display:flex;align-items:center;gap:.6rem}.footer-social a{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:50%;background:#ffffff14;color:#f5f3e7b3;transition:background .2s ease,color .2s ease,transform .2s ease}.footer-social a:hover{background:var(--accent-yellow);color:var(--dark-blue);transform:translateY(-2px)}.footer-copy{text-align:center;font-size:.82rem;color:#f5f3e761;margin:0;border-top:1px solid rgba(255,255,255,.08);padding-top:1.25rem}.scroll-top{position:fixed;bottom:2rem;right:2rem;width:2.75rem;height:2.75rem;border-radius:50%;background:var(--teal-blue);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #0a3c5a4d;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .25s ease,transform .25s ease,background .2s ease;z-index:900;will-change:transform,opacity}.scroll-top.visible{opacity:1;transform:translateY(0);pointer-events:auto}.scroll-top:hover{background:var(--dark-teal);transform:translateY(-2px)}html.perf-lite body:before,html.perf-lite body:after{opacity:.55}html.perf-lite .site-header,html.perf-lite .carousel-control,html.perf-lite .primary-nav{backdrop-filter:none;-webkit-backdrop-filter:none}html.perf-lite .arch-glow{animation:none;filter:blur(26px);opacity:.4}html.perf-lite .floating-orb,html.perf-lite .hero-right img{animation:none}html.perf-lite .games{background-attachment:scroll,scroll,scroll,scroll}}@layer utilities{[data-animate]{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}[data-animate].visible{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes drift{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-15px) scale(1.05)}}@media(max-width:900px){.nav-toggle{display:flex}.primary-nav{position:fixed;inset:0;background:#092636f7;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-direction:column;align-items:center;justify-content:center;gap:2.5rem;opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity .3s ease,transform .3s ease;z-index:999}.primary-nav.is-open{opacity:1;pointer-events:all;transform:translateY(0)}.primary-nav a{font-size:1.6rem;color:#ffffffe6;padding:.25rem 0}.primary-nav a:hover,.primary-nav a.active{color:#fbc65c}.primary-nav .nav-secondary{font-size:1rem;opacity:.55}.nav-indicator{display:none}.hero,.about{grid-template-columns:1fr;text-align:center}.hero-right img,.about-img img{margin-inline:auto}.arch-gallery-shell{padding-bottom:3.6rem;--arch-card-width: min(90vw, 560px)}.carousel-control{top:auto;bottom:0;transform:none}.carousel-control:hover,.carousel-control:focus-visible{transform:scale(1.04)}.carousel-control--prev{left:calc(50% - 3.5rem)}.carousel-control--next{right:calc(50% - 3.5rem)}.footer-inner{flex-direction:column;align-items:flex-start;gap:1.25rem}}@media(min-width:1101px)and (hover:hover)and (pointer:fine){html:not(.perf-lite) .games{background-attachment:fixed,fixed,fixed,scroll}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
