@layer base,components,utilities;@layer base{:root{color-scheme:light;font-family:Roboto,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-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(1rem,1vw + .8rem,1.1rem);line-height:1.6;min-height:100vh;scroll-behavior:smooth;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;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);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:Georgia,serif;line-height:1.2;margin-top:0;color:var(--dark-blue)}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(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(14,22,33,.08);z-index:1000}.logo{display:flex;align-items:center;gap:.5rem}.logo-text h1{margin:0;font-size:clamp(1.1rem,1.8vw,1.5rem)}.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}.button{display:inline-flex;align-items:center;justify-content:center;padding:.95rem 2.5rem;border-radius:999px;font-weight:700;border:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 15px 35px #0e162126}.button--primary{background:#fbc65c;color:var(--dark-blue)}.button--primary:hover{background:#f5be50;transform:translateY(-2px) scale(1.01)}.button--ghost{border:2px solid rgba(255,255,255,.8);background:transparent;color:#fff}.button--ghost:hover{background:#fbc65c;color:var(--dark-blue);border-color:transparent}.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;pointer-events:none;z-index:-1}.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.5rem,5vw,3.5rem);margin-bottom:1rem}.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}.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)}.castle-divider{width:100%;height:3rem;background-image:linear-gradient(90deg,rgba(14,22,33,.08) 25%,transparent 25%),repeating-linear-gradient(90deg,var(--stone) 0,var(--stone) 3rem,transparent 3rem,transparent 4rem);background-size:1rem 100%,4rem 100%;-webkit-mask-image:linear-gradient(transparent 10%,#000 50%,transparent 90%);mask-image:linear-gradient(transparent 10%,#000 50%,transparent 90%)}.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-img{text-align:center}.about-img img{max-width:clamp(220px,40vw,360px);margin-inline:auto}.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:fixed,fixed,fixed,scroll}.section-heading{max-width:680px;margin-bottom:2rem}.section-intro{color:#0e1621cc}.game-card{background:#ffffffe6;border-radius:1.75rem;padding:clamp(1.5rem,4vw,3rem);box-shadow:0 16px 40px var(--soft-shadow);margin-bottom:clamp(2rem,5vw,3rem);border:1px solid rgba(14,22,33,.05);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:relative;overflow:hidden;transition:transform .4s ease,box-shadow .4s ease,background-color .4s ease,color .4s ease}.game-card h3,.game-card p{transition:color .4s ease}.game-card:after{content:"";position:absolute;inset:0;background-image:url(/images/texture2.jpeg);background-size:200px 200px;background-repeat:repeat;opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:0}.game-card>*{position:relative;z-index:2}.game-card:hover{background:#09263699;color:#fff;transform:translateY(-2px);box-shadow:0 20px 50px #09263626}.game-card:hover:after{opacity:.15}.game-card:hover h3,.game-card:hover p{color:#fff}.game-card header h3{font-size:clamp(1.75rem,3vw,2.5rem)}.game-images{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1.5rem}.game-images.ascata-gallery img{max-width:clamp(160px,22vw,240px);margin-inline:auto}.game-images.single{grid-template-columns:minmax(320px,720px);justify-content:center}.game-images figure{margin:0}.game-images.single img{width:100%;max-width:clamp(320px,70vw,720px);margin-inline:auto}.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}.contact-card h2,.contact-card p{color:#fff}.contact-card a{color:#fbc65c;font-weight:600}.site-footer{text-align:center;padding:2rem 1rem 3rem;background:#ffffffd9;border-top:1px solid rgba(14,22,33,.08);color:var(--dark-teal)}}@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){.site-header{flex-direction:column;align-items:flex-start;gap:.5rem}.primary-nav{flex-wrap:wrap}.hero,.about{grid-template-columns:1fr;text-align:center}.hero-right img,.about-img img{margin-inline:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}