:root{--black:#050506;--black2:#0b0a0d;--gold:#d7b05b;--gold2:#f3d58b;--purple:#4d2b73;--blue:#3a8bd9;--silver:#b8bec8;--text:#eee9df;--muted:#b9b1a3;--line:rgba(215,176,91,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--text);font-family:Inter,system-ui,sans-serif;overflow-x:hidden;background-image:radial-gradient(circle at 20% 10%,rgba(77,43,115,.16),transparent 32%),radial-gradient(circle at 80% 60%,rgba(58,139,217,.08),transparent 34%)}a{color:inherit;text-decoration:none}button{font:inherit}.intro{position:fixed;inset:0;background:#000;z-index:9999;display:grid;place-items:center;transition:opacity .8s,visibility .8s}.intro video{width:100%;height:100%;object-fit:cover}.intro.done{opacity:0;visibility:hidden}.skip{position:absolute;right:24px;bottom:24px;background:rgba(0,0,0,.55);color:#fff;border:1px solid var(--line);padding:10px 16px;border-radius:999px}.site-header{position:fixed;z-index:100;top:0;left:0;right:0;display:flex;align-items:center;gap:28px;padding:14px clamp(18px,4vw,64px);background:linear-gradient(to bottom,rgba(0,0,0,.88),rgba(0,0,0,.15));backdrop-filter:blur(10px);border-bottom:1px solid rgba(215,176,91,.12)}.brand{display:flex;align-items:center;gap:10px;min-width:max-content}.brand-mark{color:var(--gold);font-size:30px}.brand strong{display:block;font-family:Cinzel,serif;letter-spacing:.12em}.brand small{display:block;font-size:9px;letter-spacing:.34em;color:var(--gold)}.main-nav{display:flex;gap:22px;margin:auto}.main-nav a{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#ddd5c7}.main-nav a:hover{color:var(--gold2)}.header-actions{display:flex;gap:10px}.icon-btn,.share-btn,.gold-btn,.ghost-btn,.legendary-btn,.text-btn{cursor:pointer}.icon-btn{width:40px;height:40px;border-radius:50%;background:#0c0b0e;border:1px solid var(--line);color:var(--gold)}.share-btn{border:1px solid var(--gold);background:linear-gradient(135deg,#151014,#24172f);color:var(--gold2);padding:11px 15px;border-radius:4px;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:24px}.hero{min-height:100svh;position:relative;display:grid;place-items:center;text-align:center}.hero-media,.world-backdrop,.game-image{position:absolute;inset:0;background-position:center;background-size:cover}.hero-media{background-image:url('assets/kairo-hero.jpeg');animation:slowzoom 18s ease-in-out infinite alternate}.hero-vignette{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.18),rgba(0,0,0,.3) 45%,#050506 100%),linear-gradient(90deg,rgba(0,0,0,.5),transparent 40%,rgba(0,0,0,.3))}.particles{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(215,176,91,.7) 0 1px,transparent 1.5px);background-size:90px 90px;opacity:.25;animation:drift 14s linear infinite}.hero-content{position:relative;z-index:2;max-width:900px;padding:120px 24px 80px}.eyebrow{color:var(--gold);letter-spacing:.24em;text-transform:uppercase;font-size:12px}.hero h1,.section h2{font-family:Cinzel,serif}.hero h1{font-size:clamp(60px,11vw,150px);line-height:.86;margin:20px 0 0;text-shadow:0 0 40px rgba(0,0,0,.8)}.hero h2{font-family:Cinzel,serif;letter-spacing:.45em;color:var(--gold2);font-weight:500;margin:18px 0 0;font-size:clamp(18px,2.4vw,32px)}.hero-copy{font-family:Cinzel,serif;font-size:clamp(16px,2vw,24px);margin:28px 0;color:#ede1cf}.hero-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.legendary-btn,.gold-btn,.ghost-btn{display:inline-block;padding:15px 24px;text-transform:uppercase;letter-spacing:.13em;font-size:12px;border-radius:3px}.legendary-btn{color:#100d08;border:1px solid #ffe0a0;background:linear-gradient(135deg,#8c6427,#f0cc78,#8d6122);box-shadow:0 0 28px rgba(215,176,91,.22)}.gold-btn{border:1px solid var(--gold);background:rgba(215,176,91,.1);color:var(--gold2)}.ghost-btn{border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.3);color:#fff}.scroll-cue{position:absolute;bottom:20px;z-index:2;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#c9c1b5}.scroll-cue span{display:block;font-size:20px;color:var(--gold)}.section{position:relative;padding:110px clamp(22px,6vw,100px)}.section-heading{text-align:center;max-width:760px;margin:0 auto 50px}.section-heading h2,.story-copy h2,.world-panel h2,.game-content h2,.studio-copy h2{font-size:clamp(34px,5vw,68px);margin:10px 0 18px}.section-heading p,.story-copy p,.world-panel p,.game-content p,.studio-copy p{color:var(--muted);line-height:1.75}.portal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1280px;margin:auto}.portal-card{min-height:250px;padding:34px 26px;border:1px solid var(--line);background:linear-gradient(160deg,rgba(26,20,31,.94),rgba(6,6,7,.96));position:relative;overflow:hidden}.portal-card:before{content:"";position:absolute;inset:8px;border:1px solid rgba(215,176,91,.13);pointer-events:none}.portal-card span{font-size:34px}.portal-card h3{font-family:Cinzel,serif;font-size:24px;color:var(--gold2)}.portal-card p{color:var(--muted);line-height:1.6}.portal-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(58,139,217,.12)}.story-section{display:grid;grid-template-columns:minmax(280px,.8fr) 1fr;gap:clamp(36px,8vw,110px);align-items:center}.story-image img{width:100%;display:block;border:1px solid var(--gold);box-shadow:0 30px 80px rgba(0,0,0,.55)}.mini-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.text-btn{background:none;border:0;color:var(--gold2);padding:10px 0}.world-section{min-height:760px;display:flex;align-items:center}.world-backdrop{background-image:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.18)),url('assets/waveblade-banner.jpeg')}.world-panel{position:relative;z-index:2;max-width:650px;background:rgba(3,3,4,.78);border:1px solid var(--line);padding:46px;backdrop-filter:blur(8px)}.stat-row{display:flex;gap:35px;margin:28px 0}.stat-row div{display:grid}.stat-row strong{font-family:Cinzel,serif;color:var(--gold2);font-size:30px}.stat-row span{color:var(--muted);font-size:12px}.heroes-section{background:linear-gradient(180deg,#050506,#0b0810,#050506)}.hero-cards{display:grid;grid-template-columns:1fr 1fr;gap:26px;max-width:1300px;margin:auto}.character-card{border:1px solid var(--line);background:#0b090d;overflow:hidden}.character-card img{width:100%;height:540px;object-fit:cover;object-position:top}.character-card div{padding:26px}.character-card h3,.vault-card h3{font-family:Cinzel,serif;font-size:28px;margin:8px 0}.character-card p,.vault-card p{color:var(--muted);line-height:1.65}.wisdom-card{max-width:1200px;margin:auto;display:grid;grid-template-columns:.7fr 1fr;align-items:center;border:1px solid var(--line);background:linear-gradient(135deg,#0d0b0e,#15101b)}.wisdom-card img{width:100%;height:100%;object-fit:cover}.wisdom-copy{padding:45px}.wisdom-copy blockquote{font-family:Cinzel,serif;color:var(--gold2);font-size:clamp(24px,3.8vw,46px);line-height:1.45;margin:20px 0}.treasury-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1300px;margin:auto}.vault-card{background:#0b090d;border:1px solid var(--line);overflow:hidden}.vault-card img{width:100%;height:340px;object-fit:cover;object-position:top}.vault-card div{padding:24px}.vault-card span{color:var(--gold);font-family:Cinzel,serif}.game-section{min-height:750px;display:flex;align-items:center;justify-content:flex-end}.game-image{background-image:linear-gradient(90deg,rgba(0,0,0,.15),rgba(0,0,0,.85)),url('assets/kairo-hero.jpeg');background-position:center}.game-content{position:relative;z-index:2;max-width:620px;background:rgba(5,5,6,.78);padding:45px;border:1px solid var(--line);backdrop-filter:blur(8px)}.game-content ul{color:var(--muted);line-height:2}.studio-section{display:flex;align-items:center;justify-content:center;gap:clamp(40px,8vw,120px);background:radial-gradient(circle at 30%,rgba(215,176,91,.08),transparent 35%),#050506}.studio-logo{width:min(360px,42vw)}.studio-copy{max-width:620px}.site-footer{padding:70px clamp(22px,6vw,100px) 30px;border-top:1px solid var(--line);background:#030304;text-align:center}.footer-brand strong{display:block;font-family:Cinzel,serif;color:var(--gold2);font-size:30px;letter-spacing:.15em}.footer-brand span{display:block;color:var(--muted);margin:15px auto 25px}.socials{display:flex;justify-content:center;gap:12px;margin:25px 0}.socials button{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:#0e0c10;color:var(--gold);opacity:.65}.footer-links{display:flex;justify-content:center;gap:25px;align-items:center}.copyright{font-size:11px;color:#786f63;margin-top:35px}.share-modal[hidden]{display:none}.share-modal{position:fixed;inset:0;z-index:10000}.share-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(8px)}.share-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(560px,calc(100% - 30px));padding:38px;background:linear-gradient(145deg,#0f0c12,#181020);border:1px solid var(--gold);box-shadow:0 30px 100px #000}.share-panel h2{font-family:Cinzel,serif;color:var(--gold2)}.share-panel p,.share-panel small{color:var(--muted);line-height:1.6}.close-share{position:absolute;right:14px;top:12px;border:0;background:none;color:#fff;font-size:28px}.share-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.share-options button{padding:13px;border:1px solid var(--line);background:#0a090b;color:var(--gold2)}.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}@keyframes slowzoom{from{transform:scale(1)}to{transform:scale(1.06)}}@keyframes drift{to{background-position:90px 180px}}
@media(max-width:1000px){.main-nav{position:absolute;top:68px;left:16px;right:16px;display:none;flex-direction:column;padding:22px;background:rgba(5,5,6,.97);border:1px solid var(--line)}.main-nav.open{display:flex}.menu-toggle{display:block;margin-left:auto}.header-actions .share-btn{display:none}.portal-grid{grid-template-columns:1fr 1fr}.story-section,.wisdom-card{grid-template-columns:1fr}.hero-cards{grid-template-columns:1fr}.treasury-grid{grid-template-columns:1fr 1fr}.studio-section{flex-direction:column;text-align:center}.studio-logo{width:min(320px,70vw)}}
@media(max-width:650px){.section{padding:85px 18px}.portal-grid,.treasury-grid{grid-template-columns:1fr}.hero h1{font-size:56px}.hero h2{letter-spacing:.23em}.world-panel,.game-content{padding:28px}.character-card img{height:auto}.stat-row{gap:18px}.share-options{grid-template-columns:1fr}.footer-links{flex-direction:column}.site-header{padding:12px 16px}.brand strong{font-size:14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}


/* V1.1 — theme audio and cinematic home return */
.brand{position:relative;transition:filter .25s ease,transform .25s ease}.brand:hover{filter:drop-shadow(0 0 12px rgba(215,176,91,.4));transform:translateY(-1px)}.brand:focus-visible,.audio-btn:focus-visible{outline:2px solid var(--gold2);outline-offset:4px}.audio-btn{display:grid;place-items:center;transition:border-color .25s ease,box-shadow .25s ease,background .25s ease}.audio-btn span{font-size:14px;line-height:1}.audio-btn.is-playing{background:radial-gradient(circle,rgba(77,43,115,.75),#0c0b0e 72%);border-color:var(--gold2);box-shadow:0 0 18px rgba(58,139,217,.28),inset 0 0 12px rgba(215,176,91,.12)}.audio-btn.is-playing:after{content:"";position:absolute;width:46px;height:46px;border:1px solid rgba(215,176,91,.28);border-radius:50%;animation:audioPulse 1.8s ease-out infinite;pointer-events:none}.home-transition{position:fixed;inset:0;z-index:9998;pointer-events:none;display:grid;place-items:center;background:radial-gradient(circle,rgba(58,139,217,.22),rgba(5,5,6,.94) 58%);opacity:0;visibility:hidden;transition:opacity .28s ease,visibility .28s ease}.home-transition span{width:36px;height:36px;border-radius:50%;border:1px solid var(--gold2);box-shadow:0 0 40px rgba(58,139,217,.7);transform:scale(.3);transition:transform .7s ease}.home-transition.active{opacity:1;visibility:visible}.home-transition.active span{transform:scale(16)}
@keyframes audioPulse{0%{transform:scale(.82);opacity:.8}100%{transform:scale(1.35);opacity:0}}
@media (prefers-reduced-motion:reduce){.audio-btn.is-playing:after{animation:none}.home-transition,.home-transition span{transition:none}}


/* V1.2 — Chronicle Seal website + game prototype */
.seal-section{background:radial-gradient(circle at 50% 35%,rgba(58,139,217,.14),transparent 28%),linear-gradient(180deg,#050506,#0d0912,#050506)}
.seal-console{max-width:980px;margin:0 auto;display:grid;grid-template-columns:220px 1fr;gap:42px;align-items:center;padding:38px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(14,10,17,.96),rgba(5,5,6,.96));position:relative;overflow:hidden}
.seal-console:before{content:"";position:absolute;inset:10px;border:1px solid rgba(215,176,91,.12);pointer-events:none}
.seal-orb{width:180px;height:180px;border-radius:50%;display:grid;place-items:center;margin:auto;border:1px solid var(--gold);background:radial-gradient(circle,rgba(58,139,217,.35),rgba(77,43,115,.25) 35%,#07070a 70%);box-shadow:0 0 55px rgba(58,139,217,.25),inset 0 0 28px rgba(215,176,91,.15)}
.seal-orb span{font-size:58px;color:var(--gold2);animation:sealFloat 3s ease-in-out infinite}
.seal-form-wrap label{display:block;font-family:Cinzel,serif;color:var(--gold2);letter-spacing:.18em;text-transform:uppercase;margin-bottom:12px}
.seal-input-row{display:grid;grid-template-columns:1fr auto;gap:12px}.seal-input-row input{min-width:0;border:1px solid var(--line);background:#060608;color:#fff;padding:16px 18px;font:600 16px Cinzel,serif;letter-spacing:.14em;text-transform:uppercase}.seal-input-row input:focus{outline:2px solid var(--blue);outline-offset:2px}.seal-helper{color:var(--muted);font-size:12px}.seal-helper strong{color:var(--gold2)}
.seal-feedback{min-height:28px;margin-top:14px;font-family:Cinzel,serif}.seal-feedback.success{color:#bfe8ff}.seal-feedback.error{color:#ffb4a8}
.website-unlock{max-width:1100px;margin:32px auto 0;display:grid;grid-template-columns:.9fr 1fr;border:1px solid var(--gold);background:#09080b;overflow:hidden}.website-unlock[hidden]{display:none}.website-unlock.awakened{animation:unlockReveal .8s ease both}.unlock-art img{width:100%;height:100%;min-height:340px;object-fit:cover}.unlock-copy{padding:38px}.unlock-copy h3{font:600 clamp(28px,4vw,48px) Cinzel,serif;color:var(--gold2);margin:8px 0 18px}.unlock-copy p{color:var(--muted);line-height:1.7}.reward-row{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 28px}.reward-row span{border:1px solid var(--line);padding:8px 11px;color:var(--gold2);font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.game-body{min-height:100vh;background:radial-gradient(circle at 50% 30%,rgba(58,139,217,.16),transparent 25%),#050506}.game-shell{min-height:100vh;padding:100px clamp(18px,5vw,70px) 50px;display:grid;place-items:center}.game-chamber{width:min(1050px,100%);border:1px solid var(--gold);background:linear-gradient(150deg,rgba(15,10,19,.97),rgba(3,4,7,.98));padding:clamp(24px,5vw,58px);position:relative;overflow:hidden}.game-chamber:before{content:"";position:absolute;inset:12px;border:1px solid rgba(215,176,91,.13);pointer-events:none}.game-title{text-align:center;position:relative}.game-title h1{font:600 clamp(38px,7vw,82px) Cinzel,serif;margin:10px 0;color:var(--gold2)}.game-title p{color:var(--muted);line-height:1.7}.chamber-stage{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;margin-top:35px;position:relative}.gate{aspect-ratio:1/1;border-radius:50%;display:grid;place-items:center;border:2px solid rgba(215,176,91,.55);background:radial-gradient(circle,rgba(77,43,115,.42),rgba(58,139,217,.12) 35%,#030407 68%);box-shadow:inset 0 0 55px #000,0 0 45px rgba(58,139,217,.2);position:relative}.gate:before,.gate:after{content:"";position:absolute;border-radius:50%;border:1px dashed rgba(215,176,91,.35);inset:8%;animation:gateSpin 14s linear infinite}.gate:after{inset:19%;animation-direction:reverse;animation-duration:9s}.gate-core{font-size:72px;color:var(--gold2);z-index:1;transition:transform .6s,filter .6s}.gate.awake{box-shadow:inset 0 0 55px #000,0 0 85px rgba(58,139,217,.55)}.gate.awake .gate-core{transform:scale(1.2);filter:drop-shadow(0 0 18px var(--blue))}.game-panel{position:relative}.game-panel label{display:block;color:var(--gold2);font-family:Cinzel,serif;letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px}.game-panel input{width:100%;border:1px solid var(--line);background:#050507;color:#fff;padding:16px;font:600 16px Cinzel,serif;letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px}.game-panel input:focus{outline:2px solid var(--blue);outline-offset:2px}.game-feedback{min-height:50px;color:var(--muted);line-height:1.6}.game-feedback.success{color:#c9efff}.game-feedback.error{color:#ffb4a8}.game-reward{margin-top:22px;border-left:2px solid var(--gold);padding:5px 0 5px 18px}.game-reward[hidden]{display:none}.game-reward h2{font:600 30px Cinzel,serif;color:var(--gold2);margin:4px 0 12px}.game-reward p{color:var(--muted);line-height:1.6}.inventory{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.inventory div{border:1px solid var(--line);padding:12px;text-align:center}.inventory strong{display:block;color:var(--gold2)}.inventory span{font-size:11px;color:var(--muted)}.game-nav{position:absolute;top:20px;left:20px;z-index:2}.game-nav a{display:inline-block;border:1px solid var(--line);padding:10px 14px;color:var(--gold2);background:rgba(5,5,6,.75)}
@keyframes sealFloat{50%{transform:translateY(-8px) rotate(8deg)}}@keyframes unlockReveal{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes gateSpin{to{transform:rotate(360deg)}}
@media(max-width:760px){.seal-console,.website-unlock,.chamber-stage{grid-template-columns:1fr}.seal-input-row{grid-template-columns:1fr}.seal-orb{width:145px;height:145px}.inventory{grid-template-columns:1fr}.game-shell{padding-top:78px}}
@media(prefers-reduced-motion:reduce){.seal-orb span,.gate:before,.gate:after{animation:none}}