:root{--kaki-deep: #2d3a1e;--kaki: #5c6b3c;--kaki-light: #8b9a5c;--kaki-soft: #a8b88c;--violet-deep: #3d2650;--violet: #7b5b8d;--violet-light: #a88aba;--rose: #c47a8a;--rose-soft: #d4a0aa;--rose-light: #e8c4cc;--bg-dark: #0a110a;--bg-deep: #121f12;--cream: #f5f0e8;--gold: #d4a847;--gold-light: #e8cc7a;--font-display: "Cormorant Garamond", Georgia, serif;--font-body: "Inter", -apple-system, sans-serif;--section-min-height: 100vh}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:auto;overflow-x:hidden;background:var(--bg-dark)}body{font-family:var(--font-body);color:var(--cream);background:var(--bg-dark);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#webgl-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.welcome-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:radial-gradient(ellipse at 30% 20%,rgba(123,91,141,.25) 0%,transparent 55%),radial-gradient(ellipse at 70% 80%,rgba(196,122,138,.18) 0%,transparent 55%),radial-gradient(ellipse at 50% 50%,rgba(212,168,71,.08) 0%,transparent 70%),#0a110a;display:flex;align-items:center;justify-content:center;padding:1.5rem;transition:opacity 1s ease,visibility 1s ease;overflow:hidden}.welcome-modal.hidden{opacity:0;visibility:hidden;pointer-events:none}#welcome-sparkles{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.welcome-content{position:relative;z-index:2;text-align:center;max-width:520px;width:100%;animation:welcomeFadeIn 1.4s ease .1s both}@keyframes welcomeFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.welcome-ornament{display:flex;align-items:center;justify-content:center;gap:.8rem;margin-bottom:1.5rem}.welcome-star{width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px var(--gold)}.welcome-line{width:70px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.welcome-title{font-family:var(--font-display);font-size:clamp(2.2rem,6vw,3.6rem);font-weight:300;letter-spacing:.25em;color:var(--gold);text-shadow:0 0 40px rgba(212,168,71,.4);margin-bottom:.3rem}.welcome-name{font-family:var(--font-display);font-size:clamp(1rem,2vw,1.3rem);font-style:italic;color:var(--kaki-soft);letter-spacing:.4em;margin-bottom:2rem;opacity:.85}.welcome-messages{margin-bottom:1.5rem}.welcome-love{font-family:var(--font-display);font-size:clamp(1.3rem,3vw,1.8rem);font-weight:300;font-style:italic;color:var(--cream);line-height:1.5;margin:.2rem 0}.welcome-love.welcome-lang-pt{color:var(--rose-soft);font-size:clamp(1.1rem,2.5vw,1.5rem);opacity:.95}.welcome-infos{margin:1.8rem 0 2.2rem}.welcome-info{font-family:var(--font-display);font-size:clamp(.85rem,1.6vw,1rem);font-style:italic;color:#a8b88cbf;line-height:1.5;margin:.2rem 0;letter-spacing:.03em}.welcome-info.welcome-lang-pt{color:#a88ababf}.welcome-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.welcome-btn{font-family:var(--font-display);font-size:1rem;font-weight:400;letter-spacing:.12em;color:var(--cream);background:linear-gradient(135deg,#3d26508c,#5c6b3c66);border:1px solid rgba(212,168,71,.45);padding:.85rem 2rem;border-radius:40px;cursor:pointer;display:inline-flex;align-items:center;gap:.7rem;transition:transform .3s ease,background .4s ease,border-color .4s ease,box-shadow .4s ease;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 0 #d4a84700;min-width:160px;justify-content:center}.welcome-btn:hover{transform:translateY(-3px);background:linear-gradient(135deg,#3d2650cc,#5c6b3c99);border-color:var(--gold);box-shadow:0 8px 30px #d4a84740}.welcome-btn:focus{outline:none}.welcome-btn:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.welcome-btn:active{transform:translateY(0)}.welcome-flag{font-family:var(--font-body);font-size:.7rem;font-weight:600;letter-spacing:.1em;color:var(--gold-light);border:1px solid rgba(212,168,71,.4);padding:.15rem .4rem;border-radius:4px;line-height:1}.welcome-btn-label{font-family:var(--font-display);font-style:italic}@media(max-width:480px){.welcome-buttons{flex-direction:column;align-items:stretch}.welcome-btn{width:100%}}#loader-screen{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background:var(--bg-dark);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity 1.2s ease,visibility 1.2s ease}#loader-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}#loader-canvas{position:absolute;top:0;left:0;width:100%;height:100%}#loader-text{font-family:var(--font-display);font-size:clamp(2rem,6vw,4.5rem);font-weight:300;color:var(--gold);letter-spacing:.3em;opacity:0;transform:translateY(20px);transition:opacity 1s ease,transform 1s ease;z-index:1}#loader-text.visible{opacity:1;transform:translateY(0)}#loader-bar{width:200px;height:1px;background:#d4a84726;margin-top:2rem;z-index:1;overflow:hidden;border-radius:1px}#loader-bar-fill{width:0%;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-light));transition:width .3s ease;border-radius:1px}#loader-subtitle{font-family:var(--font-display);font-size:.9rem;font-style:italic;color:#d4a84766;margin-top:1.5rem;letter-spacing:.15em;z-index:1;opacity:0;animation:fadeInSlow 2s ease .5s forwards}@keyframes fadeInSlow{to{opacity:1}}.ui-btn{position:fixed;z-index:100;background:#0a110a99;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(168,184,140,.15);color:var(--kaki-soft);width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;opacity:0;pointer-events:none}.ui-btn.visible{opacity:1;pointer-events:auto}.ui-btn:hover{background:#5c6b3c33;border-color:#a8b88c4d;color:var(--cream)}#audio-toggle{top:1.5rem;right:1.5rem}#audio-toggle .icon-sound-off,#audio-toggle[data-active=false] .icon-sound-on{display:none}#audio-toggle[data-active=false] .icon-sound-off{display:block}.ui-btn.audio-needs-click{animation:audioBeg 1.8s ease-in-out infinite;border-color:#d4a84799;color:var(--gold)}@keyframes audioBeg{0%,to{box-shadow:0 0 #d4a84700}50%{box-shadow:0 0 24px #d4a8478c}}.audio-hint{position:fixed;top:1.8rem;right:5rem;z-index:101;font-family:var(--font-display);font-style:italic;font-size:.85rem;color:var(--gold-light);background:#0a110ad9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:.5rem .9rem;border:1px solid rgba(212,168,71,.3);border-radius:20px;pointer-events:none;animation:hintFadeIn .5s ease both,hintFloat 2.5s ease-in-out infinite .5s;letter-spacing:.03em;box-shadow:0 4px 20px #0006}@keyframes hintFadeIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}@keyframes hintFloat{0%,to{transform:translate(0)}50%{transform:translate(-4px)}}@media(max-width:768px){.audio-hint{top:1.3rem;right:3.8rem;font-size:.75rem;padding:.4rem .7rem}}#lang-toggle{top:1.5rem;right:4.5rem}.lang-label{font-family:var(--font-body);font-size:.7rem;font-weight:500;letter-spacing:.05em}#nav-dots{position:fixed;right:1.5rem;top:50%;transform:translateY(-50%);z-index:100;display:flex;flex-direction:column;gap:1rem;opacity:0;pointer-events:none;transition:opacity .5s ease}#nav-dots.visible{opacity:1;pointer-events:auto}.nav-dot{width:10px;height:10px;padding:0;border-radius:50%;background:#a8b88c33;border:1px solid rgba(168,184,140,.3);cursor:pointer;transition:all .3s ease;position:relative;font:inherit;color:inherit}.nav-dot:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.nav-dot:hover,.nav-dot.active{background:var(--kaki-light);border-color:var(--kaki-light);box-shadow:0 0 12px #8b9a5c66;transform:scale(1.3)}.nav-label{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-family:var(--font-body);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--kaki-soft);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease}.nav-dot:hover .nav-label{opacity:1}.section{min-height:var(--section-min-height);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.section-tall{min-height:400vh}.section-content{position:relative;z-index:2;text-align:center;padding:2rem;max-width:900px;width:100%}.intro-title{font-family:var(--font-display);font-size:clamp(3rem,10vw,7rem);font-weight:300;letter-spacing:.15em;color:var(--gold);opacity:0;text-shadow:0 0 40px rgba(212,168,71,.3)}.intro-subtitle{font-family:var(--font-display);font-size:clamp(1rem,2.5vw,1.4rem);font-weight:300;font-style:italic;color:var(--kaki-soft);margin-top:1rem;letter-spacing:.1em;opacity:0}.scroll-indicator{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;opacity:0;z-index:10}.scroll-indicator span{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:#a8b88c80}.scroll-arrow{width:20px;height:20px;border-right:1.5px solid var(--kaki-soft);border-bottom:1.5px solid var(--kaki-soft);transform:rotate(45deg);animation:scrollBounce 2s ease infinite;opacity:.5}@keyframes scrollBounce{0%,to{transform:rotate(45deg) translateY(0)}50%{transform:rotate(45deg) translateY(6px)}}#section-birthday{background:radial-gradient(ellipse at center,rgba(61,38,80,.15) 0%,transparent 70%)}.birthday-age{font-family:var(--font-display);font-size:clamp(6rem,20vw,14rem);font-weight:300;background:linear-gradient(135deg,var(--rose-soft),var(--violet-light),var(--rose-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;opacity:0;filter:blur(0)}.birthday-title{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2.8rem);font-weight:300;color:var(--cream);margin-top:.5rem;letter-spacing:.08em;opacity:0}.birthday-date{font-family:var(--font-display);font-size:clamp(1rem,2vw,1.3rem);color:var(--gold);letter-spacing:.4em;margin-top:1.5rem;opacity:0}.birthday-text{font-family:var(--font-display);font-size:clamp(.9rem,1.8vw,1.1rem);font-style:italic;color:var(--violet-light);margin-top:1rem;opacity:0}.journey-container{position:relative;width:100%;height:100%}.journey-season{position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;pointer-events:none;z-index:5}.journey-season.active{opacity:1}.season-title{font-family:var(--font-display);font-size:clamp(1rem,2vw,1.3rem);font-weight:300;letter-spacing:.3em;text-transform:uppercase;color:var(--kaki-soft);margin-bottom:1rem}.season-text{font-family:var(--font-display);font-size:clamp(1.2rem,3vw,2rem);font-weight:300;font-style:italic;color:var(--cream);max-width:600px;line-height:1.6;text-align:center;padding:0 2rem}#section-gallery{min-height:100vh}.gallery-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:300;color:var(--cream);letter-spacing:.1em;opacity:0}.gallery-subtitle{font-family:var(--font-display);font-size:clamp(.9rem,1.8vw,1.1rem);font-style:italic;color:var(--kaki-soft);margin-top:.5rem;margin-bottom:3rem;opacity:0}#gallery-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;max-width:1000px;margin:0 auto;perspective:1000px}.gallery-frame{aspect-ratio:4/3;border-radius:12px;overflow:hidden;position:relative;cursor:pointer;transition:transform .5s ease,box-shadow .5s ease;background:linear-gradient(135deg,var(--kaki-deep),var(--violet-deep));border:1px solid rgba(168,184,140,.1)}.gallery-frame:hover{transform:translateY(-8px) rotateY(5deg);box-shadow:0 20px 60px #0006;border-color:#a8b88c4d}.gallery-frame img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease;z-index:2}.gallery-frame img.loaded{opacity:1}.gallery-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:#a8b88c4d;z-index:1;transition:opacity .4s ease}.gallery-frame img.loaded~.gallery-placeholder{opacity:0}.gallery-placeholder svg{width:32px;height:32px;opacity:.4}.gallery-placeholder span{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0a110af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .4s ease;cursor:pointer}.lightbox.active{opacity:1;visibility:visible}.lightbox img{max-width:85vw;max-height:85vh;border-radius:8px;box-shadow:0 0 80px #00000080}.book-section-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:300;color:var(--cream);letter-spacing:.1em;margin-bottom:3rem;opacity:0}#book-container{max-width:700px;margin:0 auto;perspective:1500px}.book{position:relative;width:100%;aspect-ratio:4/3;transform-style:preserve-3d}.book-page{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#1a1a12,#1f1a14);border:1px solid rgba(212,168,71,.1);border-radius:4px 12px 12px 4px;overflow:hidden;transition:transform .8s cubic-bezier(.645,.045,.355,1),opacity .4s ease;transform-origin:left center;backface-visibility:hidden;opacity:0}.book-page.active{opacity:1;transform:rotateY(0)}.book-page.flipped{transform:rotateY(-180deg);opacity:0}.page-inner{padding:2.5rem;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem}.page-illustration{width:120px;height:120px;border-radius:50%;position:relative;flex-shrink:0}.cover-illustration{background:radial-gradient(circle,var(--gold) 0%,transparent 70%);box-shadow:0 0 40px #d4a8474d}.brazil-illustration{background:radial-gradient(circle at 50% 60%,#2e8b57 0%,transparent 50%),radial-gradient(circle at 50% 50%,#f4d03f 0%,transparent 35%),radial-gradient(circle at 50% 50%,#1a5276 0%,transparent 70%);box-shadow:0 0 30px #2e8b574d}.beauty-illustration{background:radial-gradient(circle at 40% 40%,var(--rose-light) 0%,transparent 40%),radial-gradient(circle at 60% 60%,var(--violet-light) 0%,transparent 40%),radial-gradient(circle,var(--rose-soft) 0%,transparent 60%);box-shadow:0 0 30px #d4a0aa4d}.ambition-illustration{background:linear-gradient(135deg,var(--kaki-deep) 0%,transparent 50%),radial-gradient(circle at 60% 30%,var(--gold) 0%,transparent 50%),linear-gradient(180deg,var(--violet-deep) 0%,var(--kaki) 100%);box-shadow:0 0 30px #d4a84740}.family-illustration{background:radial-gradient(circle at 30% 50%,var(--rose-soft) 0%,transparent 30%),radial-gradient(circle at 50% 50%,var(--gold-light) 0%,transparent 30%),radial-gradient(circle at 70% 50%,var(--kaki-soft) 0%,transparent 30%),radial-gradient(circle at 40% 35%,var(--violet-light) 0%,transparent 25%),radial-gradient(circle at 60% 65%,var(--rose-light) 0%,transparent 25%),radial-gradient(circle at 50% 50%,rgba(212,168,71,.15) 0%,transparent 60%);box-shadow:0 0 30px #a88aba33}.heart-illustration{background:radial-gradient(circle at 35% 40%,var(--rose) 0%,transparent 35%),radial-gradient(circle at 65% 40%,var(--rose) 0%,transparent 35%),radial-gradient(circle at 50% 60%,var(--rose-soft) 0%,transparent 40%);box-shadow:0 0 35px #c47a8a4d}.page-inner h3{font-family:var(--font-display);font-size:1.8rem;font-weight:300;color:var(--gold);letter-spacing:.1em}.page-inner p{font-family:var(--font-display);font-size:clamp(.95rem,1.5vw,1.1rem);font-style:italic;line-height:1.8;color:var(--cream);text-align:center;max-width:450px}.book-nav{display:flex;align-items:center;justify-content:center;gap:2rem;margin-top:2rem}.book-btn{font-family:var(--font-body);font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--kaki-soft);background:#5c6b3c1a;border:1px solid rgba(168,184,140,.2);padding:.6rem 1.5rem;border-radius:30px;cursor:pointer;transition:all .3s ease}.book-btn:hover{background:#5c6b3c40;border-color:var(--kaki-light);color:var(--cream)}.book-page-num{font-family:var(--font-display);font-size:.9rem;color:#a8b88c80}.games-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:300;color:var(--cream);letter-spacing:.1em;opacity:0}.games-subtitle{font-family:var(--font-display);font-size:clamp(.9rem,1.8vw,1.1rem);font-style:italic;color:var(--kaki-soft);margin-top:.5rem;margin-bottom:3rem;opacity:0}.games-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:800px;margin:0 auto}.game-portal{position:relative;padding:2.5rem 1.5rem;border-radius:20px;background:#0a110a80;border:1px solid rgba(168,184,140,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:all .4s ease;text-align:center;overflow:hidden}.game-portal:hover{transform:translateY(-5px);border-color:#a8b88c4d;box-shadow:0 15px 50px #0000004d}.portal-glow{position:absolute;top:-50%;left:50%;transform:translate(-50%);width:150px;height:150px;border-radius:50%;opacity:0;transition:opacity .4s ease}.game-portal:nth-child(1) .portal-glow{background:radial-gradient(circle,rgba(212,168,71,.2),transparent)}.game-portal:nth-child(2) .portal-glow{background:radial-gradient(circle,rgba(196,122,138,.2),transparent)}.game-portal:nth-child(3) .portal-glow{background:radial-gradient(circle,rgba(123,91,141,.2),transparent)}.game-portal:hover .portal-glow{opacity:1}.portal-icon{font-size:2.5rem;margin-bottom:1rem}.game-portal h3{font-family:var(--font-display);font-size:1.2rem;font-weight:400;color:var(--cream);margin-bottom:.5rem}.game-portal p{font-size:.75rem;color:var(--kaki-soft);line-height:1.4}.game-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#0a110af7;display:flex;align-items:center;justify-content:center;transition:opacity .4s ease,visibility .4s ease}.game-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.game-close{position:absolute;top:1.5rem;right:1.5rem;font-family:var(--font-body);font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--kaki-soft);background:#5c6b3c26;border:1px solid rgba(168,184,140,.2);padding:.5rem 1.2rem;border-radius:20px;cursor:pointer;transition:all .3s ease;z-index:10}.game-close:hover{background:#5c6b3c4d;color:var(--cream)}#game-canvas-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}#section-finale{min-height:100vh;background:radial-gradient(ellipse at center bottom,rgba(61,38,80,.1) 0%,transparent 60%)}#finale-heart-container{width:300px;height:300px;margin:0 auto 2rem;position:relative}.finale-message{opacity:0;max-width:550px;margin:0 auto}.finale-text{font-family:var(--font-display);font-size:clamp(1.1rem,2.2vw,1.4rem);font-weight:300;line-height:2;color:var(--cream);white-space:pre-line}.finale-name{font-family:var(--font-display);font-size:clamp(3rem,8vw,5rem);font-weight:300;color:var(--gold);margin-top:2rem;letter-spacing:.2em;text-shadow:0 0 60px rgba(212,168,71,.4);opacity:0}.restart-btn{font-family:var(--font-display);font-size:.85rem;font-style:italic;color:var(--kaki-soft);background:none;border:1px solid rgba(168,184,140,.2);padding:.8rem 2rem;border-radius:30px;cursor:pointer;margin-top:3rem;transition:all .3s ease;opacity:0}.restart-btn:hover{background:#5c6b3c26;border-color:var(--kaki-light);color:var(--cream)}#section-clairiere{min-height:100vh;background:radial-gradient(ellipse at 20% 30%,rgba(123,91,141,.18) 0%,transparent 55%),radial-gradient(ellipse at 80% 70%,rgba(92,107,60,.15) 0%,transparent 55%),radial-gradient(ellipse at 50% 100%,rgba(212,168,71,.08) 0%,transparent 60%);overflow:hidden;isolation:isolate}#section-clairiere:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 15% 20%,rgba(168,138,186,.08),transparent 30%),radial-gradient(circle at 85% 30%,rgba(212,168,71,.06),transparent 25%),radial-gradient(circle at 70% 85%,rgba(196,122,138,.06),transparent 30%);pointer-events:none;z-index:1}#clairiere-mist,#clairiere-fireflies,#clairiere-sparkles{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}#clairiere-mist{z-index:1;opacity:.55}#clairiere-fireflies{z-index:2}#clairiere-sparkles{z-index:4}#section-clairiere .section-content{z-index:3}.clairiere-rune-circle{position:relative;width:clamp(200px,32vw,320px);height:clamp(200px,32vw,320px);margin:0 auto 2rem;pointer-events:none}.rune-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid rgba(212,168,71,.25);box-shadow:inset 0 0 40px #d4a8471f,0 0 60px #a88aba26}.rune-ring-outer{animation:runeSpin 60s linear infinite;border-style:dashed;border-color:#a88aba4d}.rune-ring-inner{top:18%;right:18%;bottom:18%;left:18%;border-color:#d4a84759;animation:runeSpin 40s linear infinite reverse;border-style:dotted}.rune-glow{position:absolute;top:30%;right:30%;bottom:30%;left:30%;border-radius:50%;background:radial-gradient(circle,rgba(232,204,122,.3),rgba(168,138,186,.12) 55%,transparent 75%);filter:blur(8px);animation:runePulse 5s ease-in-out infinite}@keyframes runeSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes runePulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.clairiere-title{font-family:var(--font-display);font-size:clamp(1.8rem,4.5vw,3rem);font-weight:300;letter-spacing:.15em;color:var(--cream);text-shadow:0 0 30px rgba(168,138,186,.4);opacity:0}.clairiere-subtitle{font-family:var(--font-display);font-size:clamp(.9rem,1.8vw,1.1rem);font-style:italic;color:var(--violet-light);margin-top:.5rem;margin-bottom:2.5rem;letter-spacing:.05em;opacity:0}.clairiere-form{max-width:520px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:.7rem;opacity:0}.clairiere-input{width:100%;font-family:var(--font-display);font-size:clamp(1rem,1.6vw,1.15rem);font-style:italic;color:var(--cream);background:#0a110a8c;border:1px solid rgba(168,138,186,.25);border-radius:14px;padding:1.1rem 1.3rem;resize:none;outline:none;line-height:1.6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:border-color .4s ease,box-shadow .4s ease,background .4s ease;box-shadow:inset 0 0 20px #a88aba0f,0 0 #e8cc7a00}.clairiere-input::placeholder{color:#a88aba80;font-style:italic}.clairiere-input:focus{border-color:#d4a84780;background:#0a110ab3;box-shadow:inset 0 0 25px #a88aba1a,0 0 30px #d4a84733}.clairiere-input.vanishing{opacity:0;transition:opacity .3s ease;pointer-events:none}.clairiere-counter{font-family:var(--font-body);font-size:.7rem;letter-spacing:.1em;color:#a88aba8c;align-self:flex-end;transition:color .3s ease}.clairiere-counter.near-limit{color:var(--rose)}.clairiere-send{font-family:var(--font-display);font-size:.9rem;font-style:italic;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-light);background:linear-gradient(135deg,#3d265080,#5c6b3c59);border:1px solid rgba(212,168,71,.4);padding:.85rem 2.2rem;border-radius:30px;cursor:pointer;transition:all .4s ease;margin-top:.5rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 0 20px #a88aba26}.clairiere-send:hover:not(:disabled){color:var(--cream);border-color:var(--gold);background:linear-gradient(135deg,#3d2650b3,#5c6b3c80);box-shadow:0 0 35px #d4a84759;transform:translateY(-2px)}.clairiere-send:disabled{opacity:.4;cursor:not-allowed}.clairiere-whisper{font-family:var(--font-display);font-size:.85rem;font-style:italic;color:#a8b88c73;margin-top:2.5rem;letter-spacing:.1em;opacity:0}@media(max-width:768px){.games-grid{grid-template-columns:1fr;max-width:300px}#gallery-container{grid-template-columns:repeat(2,1fr);gap:1rem}#nav-dots{right:.5rem}.ui-btn{width:38px;height:38px}#audio-toggle{top:1rem;right:1rem}#lang-toggle{top:1rem;right:3.5rem}.clairiere-form{max-width:100%;padding:0 1rem}.clairiere-input{font-size:1rem;padding:.9rem 1rem}.page-inner{padding:1.5rem}.page-illustration{width:80px;height:80px}}@media(max-width:480px){#gallery-container{grid-template-columns:1fr;max-width:280px}}.hidden{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}