*,*:before,*:after{box-sizing:border-box}:root{--color-bg: #0a1520;--color-surface: #1a2535;--color-surface-alt: #1e293b;--color-surface-glass: oklch(.2 .035 205 / .62);--color-surface-glass-heavy: oklch(.2 .035 205 / .82);--color-surface-panel: rgba(8, 14, 12, .85);--color-surface-card: linear-gradient(145deg, rgba(15, 25, 18, .95), rgba(8, 16, 12, .98));--color-primary: #4CAF50;--color-text: #e0e0e0;--color-text-muted: #94a3b8;--color-text-heading: #e2e8f0;--color-text-on-art: #ffffff;--color-text-on-art-muted: rgba(255, 255, 255, .75);--color-accent: #FFD700;--color-accent-gold: oklch(.85 .155 92);--color-accent-green: oklch(.86 .15 120);--color-accent-blue: #3b82f6;--color-accent-blue-gradient: linear-gradient(135deg, #3a7bd5, #5ca0f2);--color-border: rgba(255, 255, 255, .1);--color-border-strong: rgba(255, 255, 255, .2);--color-border-subtle: oklch(1 0 0 / .14);--color-border-gold: rgba(255, 213, 79, .3);--color-input-bg: rgba(255, 255, 255, .08);--color-toggle-off: rgba(255, 255, 255, .2);--color-danger: #ef4444;--color-accent-ui: #3b82f6;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;color:var(--color-text);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=night]{--color-bg: #0a1520;--color-surface: #1a2535;--color-surface-alt: #1e293b;--color-surface-glass: oklch(.2 .035 205 / .62);--color-surface-glass-heavy: oklch(.2 .035 205 / .82);--color-surface-panel: rgba(8, 14, 12, .85);--color-surface-card: linear-gradient(145deg, rgba(15, 25, 18, .95), rgba(8, 16, 12, .98));--color-primary: #4CAF50;--color-text: #e0e0e0;--color-text-muted: #94a3b8;--color-text-heading: #e2e8f0;--color-text-on-art: #ffffff;--color-text-on-art-muted: rgba(255, 255, 255, .75);--color-accent: #FFD700;--color-accent-gold: oklch(.85 .155 92);--color-accent-green: oklch(.86 .15 120);--color-accent-blue: #3b82f6;--color-accent-blue-gradient: linear-gradient(135deg, #3a7bd5, #5ca0f2);--color-border: rgba(255, 255, 255, .1);--color-border-strong: rgba(255, 255, 255, .2);--color-border-subtle: oklch(1 0 0 / .14);--color-border-gold: rgba(255, 213, 79, .3);--color-input-bg: rgba(255, 255, 255, .08);--color-toggle-off: rgba(255, 255, 255, .2)}[data-theme=light]{--color-bg: #f0f4e8;--color-surface: #ffffff;--color-surface-alt: #f8faf0;--color-surface-glass: rgba(255, 255, 255, .78);--color-surface-glass-heavy: rgba(255, 255, 255, .92);--color-surface-panel: rgba(255, 255, 255, .9);--color-surface-card: linear-gradient(145deg, rgba(255, 255, 255, .95), rgba(248, 250, 240, .98));--color-primary: #2d6a4f;--color-text: #1b4332;--color-text-muted: #52796f;--color-text-heading: #1b4332;--color-text-on-art: #ffffff;--color-text-on-art-muted: rgba(255, 255, 255, .85);--color-accent: #e8a317;--color-accent-gold: #d4960a;--color-accent-green: #2d6a4f;--color-accent-blue: #1565c0;--color-accent-blue-gradient: linear-gradient(135deg, #1565c0, #1e88e5);--color-border: rgba(45, 106, 79, .12);--color-border-strong: rgba(45, 106, 79, .25);--color-border-subtle: rgba(45, 106, 79, .12);--color-border-gold: rgba(212, 150, 10, .3);--color-input-bg: rgba(45, 106, 79, .05);--color-toggle-off: rgba(45, 106, 79, .18)}html.larger-text{font-size:113%}body{margin:0;min-height:100vh}#root{min-height:100vh;width:100%}html{overflow-x:hidden}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}button{font-family:inherit}.app-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.app-placeholder h1{color:var(--color-accent);margin-bottom:1rem}.app-placeholder p{color:var(--color-text-muted)}.start-screen{position:relative;display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%;overflow:hidden;background:radial-gradient(ellipse at 20% 20%,rgba(76,175,80,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(255,215,0,.1) 0%,transparent 50%),var(--color-bg)}.start-screen__particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.particle{position:absolute;border-radius:50%;opacity:.4;animation:float-particle linear infinite}.particle--1{width:80px;height:80px;background:radial-gradient(circle,rgba(76,175,80,.6),transparent 70%);left:10%;top:20%;animation-duration:15s}.particle--2{width:120px;height:120px;background:radial-gradient(circle,rgba(255,215,0,.4),transparent 70%);right:15%;top:30%;animation-duration:20s;animation-delay:-5s}.particle--3{width:60px;height:60px;background:radial-gradient(circle,rgba(100,200,255,.5),transparent 70%);left:30%;bottom:25%;animation-duration:12s;animation-delay:-3s}.particle--4{width:100px;height:100px;background:radial-gradient(circle,rgba(76,175,80,.4),transparent 70%);right:25%;bottom:30%;animation-duration:18s;animation-delay:-8s}.particle--5{width:50px;height:50px;background:radial-gradient(circle,rgba(255,215,0,.5),transparent 70%);left:50%;top:10%;animation-duration:14s;animation-delay:-2s}@keyframes float-particle{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-40px) scale(1.1)}50%{transform:translate(-20px,20px) scale(.9)}75%{transform:translate(40px,10px) scale(1.05)}}.start-screen__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem;animation:fade-in-up .8s ease-out}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.start-screen__title-area{margin-bottom:3rem}.start-screen__icon{width:80px;height:80px;margin:0 auto 1.5rem;color:var(--color-accent);filter:drop-shadow(0 0 20px rgba(255,215,0,.4));animation:pulse-icon 3s ease-in-out infinite}@keyframes pulse-icon{0%,to{transform:scale(1);filter:drop-shadow(0 0 20px rgba(255,215,0,.4))}50%{transform:scale(1.05);filter:drop-shadow(0 0 30px rgba(255,215,0,.6))}}.start-screen__title{margin:0;font-size:clamp(2.5rem,8vw,4.5rem);font-weight:900;letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#81c784,#4caf50 60%,gold);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 4px 20px rgba(76,175,80,.3))}.start-screen__subtitle{margin:.25rem 0 0;font-size:clamp(.85rem,2.5vw,1.15rem);font-weight:600;letter-spacing:.25em;text-transform:uppercase;color:var(--color-text-muted)}.start-screen__tagline{margin:.75rem 0 0;font-size:clamp(1rem,3vw,1.5rem);font-weight:500;color:var(--color-text);letter-spacing:.15em;text-transform:uppercase}.start-screen__play-button{display:flex;align-items:center;gap:1rem;padding:1.25rem 3.5rem;font-size:1.5rem;font-weight:800;letter-spacing:.1em;color:var(--color-text-on-art);background:linear-gradient(135deg,#4caf50,#2e7d32);border:none;border-radius:60px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 8px 32px #4caf5066,0 0 0 4px #4caf5033,inset 0 1px #fff3;position:relative;overflow:hidden;font-family:inherit}.start-screen__play-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);transform:translate(-100%);transition:transform .6s ease}.start-screen__play-button:hover{transform:scale(1.08);box-shadow:0 12px 48px #4caf5080,0 0 0 6px #4caf504d,inset 0 1px #ffffff4d}.start-screen__play-button:hover:before{transform:translate(100%)}.start-screen__play-button:active{transform:scale(1.02)}.start-screen__play-button:focus-visible{outline:3px solid var(--color-accent);outline-offset:6px}.start-screen__play-icon{display:flex;width:28px;height:28px}.start-screen__play-icon svg{width:100%;height:100%}.start-screen__play-text{line-height:1}.start-screen__hint{margin-top:2rem;font-size:.9rem;color:var(--color-text-muted)}.start-screen__bottom-glow{position:absolute;bottom:0;left:0;right:0;height:200px;background:linear-gradient(to top,rgba(76,175,80,.1) 0%,transparent 100%);pointer-events:none}@media(max-width:600px){.start-screen__content{padding:1.5rem}.start-screen__icon{width:60px;height:60px;margin-bottom:1rem}.start-screen__title-area{margin-bottom:2rem}.start-screen__play-button{padding:1rem 2.5rem;font-size:1.25rem}.start-screen__play-icon{width:24px;height:24px}}@media(max-width:400px){.start-screen__play-button{padding:.875rem 2rem;font-size:1.1rem;gap:.75rem}}.lumia-intro{position:relative;min-height:100vh;width:100%;overflow:hidden;background:var(--color-bg);display:flex;align-items:center;justify-content:center}.lumia-intro__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255 255 255 / .03) 1px,transparent 1px),linear-gradient(90deg,rgba(255 255 255 / .03) 1px,transparent 1px);background-size:64px 64px;pointer-events:none;opacity:.25}.lumia-intro__orb{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none}.lumia-intro__orb--teal{width:500px;height:500px;background:#00837e4d;background:oklch(.55 .13 190 / .3);top:-120px;left:-100px}.lumia-intro__orb--gold{width:400px;height:400px;background:#d9a5142e;bottom:-80px;right:-60px}.lumia-intro__orb--violet{width:350px;height:350px;background:#714ca626;top:40%;right:20%}.lumia-intro__particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.lumia-intro__particle{position:absolute;width:3px;height:3px;border-radius:50%;background:#f2ca3f99;animation:lumia-float 8s ease-in-out infinite}.lumia-intro__particle--1{left:10%;top:20%;animation-delay:0s}.lumia-intro__particle--2{left:25%;top:60%;animation-delay:-1s;animation-duration:10s}.lumia-intro__particle--3{left:40%;top:15%;animation-delay:-2s;animation-duration:7s}.lumia-intro__particle--4{left:55%;top:75%;animation-delay:-3s;animation-duration:9s}.lumia-intro__particle--5{left:70%;top:30%;animation-delay:-4s}.lumia-intro__particle--6{left:85%;top:55%;animation-delay:-5s;animation-duration:11s}.lumia-intro__particle--7{left:15%;top:80%;animation-delay:-6s;animation-duration:6s}.lumia-intro__particle--8{left:35%;top:45%;animation-delay:-1.5s;animation-duration:12s}.lumia-intro__particle--9{left:60%;top:10%;animation-delay:-3.5s;animation-duration:8s}.lumia-intro__particle--10{left:80%;top:70%;animation-delay:-4.5s;animation-duration:10s}.lumia-intro__particle--11{left:50%;top:90%;animation-delay:-2.5s;animation-duration:9s}.lumia-intro__particle--12{left:90%;top:40%;animation-delay:-5.5s;animation-duration:7s}@keyframes lumia-float{0%,to{transform:translate(0) scale(1);opacity:.5}25%{transform:translate(15px,-25px) scale(1.3);opacity:.8}50%{transform:translate(-10px,15px) scale(.8);opacity:.4}75%{transform:translate(20px,5px) scale(1.1);opacity:.7}}.lumia-intro__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem;max-width:520px}.lumia-intro__orb-symbol{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center;margin-bottom:2rem}.lumia-intro__orb-glow{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;border-radius:50%;background:radial-gradient(circle,oklch(.85 .155 92 / .35) 0%,oklch(.72 .17 152 / .15) 40%,transparent 70%);animation:lumia-pulse 3s ease-in-out infinite}.lumia-intro__orb-core{position:relative;color:#f2ca3f;filter:drop-shadow(0 0 20px oklch(.85 .155 92 / .6));animation:lumia-pulse 3s ease-in-out infinite}@keyframes lumia-pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.08);opacity:1}}.lumia-intro__title{margin:0;font-family:Bricolage Grotesque,Inter,system-ui,sans-serif;font-weight:800;font-size:clamp(3rem,10vw,5rem);letter-spacing:.15em;background:linear-gradient(135deg,#f2ca3f,#c5df66 50%,#89d16b 75%,#66c96c,#35c26d);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 24px oklch(.85 .155 92 / .3))}.lumia-intro__subtitle{margin:.25rem 0 0;font-family:Bricolage Grotesque,Inter,system-ui,sans-serif;font-weight:700;font-size:clamp(.7rem,2vw,.85rem);letter-spacing:.3em;text-transform:uppercase;color:var(--color-text-muted)}.lumia-intro__narrative{margin-top:2rem;display:flex;flex-direction:column;gap:.4rem}.lumia-intro__narrative p{margin:0}.lumia-intro__greeting{font-family:Bricolage Grotesque,Inter,system-ui,sans-serif;font-weight:700;font-size:1.1rem;color:var(--color-text-heading)}.lumia-intro__identity{font-size:.95rem;color:var(--color-text)}.lumia-intro__identity strong{color:var(--color-accent-gold);font-weight:700}.lumia-intro__description{font-size:.9rem;color:var(--color-text-muted);margin-top:.5rem!important}.lumia-intro__actions{font-family:Bricolage Grotesque,Inter,system-ui,sans-serif;font-weight:700;font-size:1rem;letter-spacing:.15em;background:linear-gradient(100deg,#f1bc00,#edc018,#e8c52b 12.5%,#ddce44 25%,#c5df66,#8dde95 75%,#6adda8 87.5%,#54dcb0,#34dbb9);background:linear-gradient(100deg,color(xyz 0.544 0.547 0.072),#edc018,#e8c52b 12.5%,#ddce44 25%,#c5df66,#8dde95 75%,#6adda8 87.5%,#54dcb0,#34dbb9);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-top:.5rem!important}.lumia-intro__mission{font-size:.85rem;color:var(--color-text-muted)}.lumia-intro__begin{font-family:Bricolage Grotesque,Inter,system-ui,sans-serif;font-weight:600;font-size:.9rem;color:var(--color-text);margin-top:.75rem!important}.lumia-intro__cta{margin-top:2.5rem;padding:1rem 2.5rem;border:none;border-radius:1rem;background:linear-gradient(100deg,#f1bc00,#edc018,#e8c52b 12.5%,#ddce44 25%,#c5df66,#8dde95 75%,#6adda8 87.5%,#54dcb0,#34dbb9);background:linear-gradient(100deg,color(xyz 0.544 0.547 0.072),#edc018,#e8c52b 12.5%,#ddce44 25%,#c5df66,#8dde95 75%,#6adda8 87.5%,#54dcb0,#34dbb9);color:#001618;color:oklch(.18 .035 205);font-family:Bricolage Grotesque,Inter,system-ui,sans-serif;font-weight:800;font-size:1rem;letter-spacing:.14em;cursor:pointer;box-shadow:0 12px 34px -12px #debb198c,inset 0 1px #ffffff59;transition:transform .2s ease}.lumia-intro__cta:hover{transform:translateY(-2px)}.lumia-intro__cta:active{transform:translateY(0)}.lumia-intro__cta:focus-visible{outline:3px solid oklch(.85 .155 92);outline-offset:4px}.lumia-intro__skip{margin-top:1rem;padding:.5rem 1.5rem;border:1px solid var(--color-border);border-radius:.75rem;background:transparent;color:var(--color-text-muted);font-family:inherit;font-weight:600;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.lumia-intro__skip:hover{color:var(--color-text);border-color:var(--color-border-strong)}.lumia-intro__skip:focus-visible{outline:2px solid oklch(.75 .025 190);outline-offset:2px}@media(max-width:640px){.lumia-intro__content{padding:1.5rem}.lumia-intro__orb-symbol{width:90px;height:90px;margin-bottom:1.5rem}.lumia-intro__narrative{margin-top:1.5rem}.lumia-intro__cta{margin-top:2rem;padding:.875rem 2rem;font-size:.9rem;min-height:48px}}.avatar-setup{position:relative;display:flex;flex-direction:column;align-items:center;min-height:100vh;width:100%;overflow:hidden;background:var(--color-bg);padding:2rem}.avatar-setup__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255 255 255 / .035) 1px,transparent 1px),linear-gradient(90deg,rgba(255 255 255 / .035) 1px,transparent 1px);background-size:64px 64px;pointer-events:none}.avatar-setup__orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}.avatar-setup__orb--teal{width:400px;height:400px;background:#00525940;background:oklch(.4 .1 205 / .25);top:-100px;left:-100px}.avatar-setup__orb--gold{width:350px;height:350px;background:#9a7d0b2e;top:-50px;right:-80px}.avatar-setup__orb--violet{width:300px;height:300px;background:#432b6626;bottom:-80px;left:30%}.avatar-setup__fireflies{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.avatar-setup__firefly{position:absolute;width:4px;height:4px;border-radius:50%;background:#d5bf36;box-shadow:0 0 8px 2px #d5bf3699;animation:firefly-drift linear infinite;opacity:0}.avatar-setup__firefly--1{left:5%;top:15%;animation-duration:8s;animation-delay:0s}.avatar-setup__firefly--2{left:12%;top:55%;animation-duration:11s;animation-delay:-3s}.avatar-setup__firefly--3{left:25%;top:80%;animation-duration:9s;animation-delay:-1s}.avatar-setup__firefly--4{left:35%;top:25%;animation-duration:12s;animation-delay:-5s}.avatar-setup__firefly--5{left:48%;top:65%;animation-duration:7s;animation-delay:-2s}.avatar-setup__firefly--6{left:55%;top:10%;animation-duration:10s;animation-delay:-4s}.avatar-setup__firefly--7{left:65%;top:45%;animation-duration:8s;animation-delay:-6s}.avatar-setup__firefly--8{left:72%;top:78%;animation-duration:13s;animation-delay:-1s}.avatar-setup__firefly--9{left:80%;top:20%;animation-duration:9s;animation-delay:-7s}.avatar-setup__firefly--10{left:88%;top:55%;animation-duration:11s;animation-delay:-3s}.avatar-setup__firefly--11{left:15%;top:38%;animation-duration:10s;animation-delay:-8s}.avatar-setup__firefly--12{left:42%;top:90%;animation-duration:7s;animation-delay:-2s}.avatar-setup__firefly--13{left:60%;top:30%;animation-duration:12s;animation-delay:-5s}.avatar-setup__firefly--14{left:78%;top:65%;animation-duration:8s;animation-delay:-4s}.avatar-setup__firefly--15{left:92%;top:40%;animation-duration:10s;animation-delay:-6s}@keyframes firefly-drift{0%,to{transform:translate(0) scale(.8);opacity:0}10%{opacity:.7}25%{transform:translate(15px,-25px) scale(1);opacity:1}50%{transform:translate(-10px,15px) scale(.6);opacity:.5}75%{transform:translate(20px,-10px) scale(1.1);opacity:.9}90%{opacity:.3}}.avatar-setup__branding{position:relative;z-index:1;text-align:center;margin-bottom:1rem;animation:avatar-fade-in .6s ease-out}.avatar-setup__brand{display:flex;align-items:center;justify-content:center;gap:.5rem}.avatar-setup__brand-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--color-accent-gold)}.avatar-setup__brand-name{font-family:Bricolage Grotesque,Inter,system-ui,sans-serif;font-weight:800;font-size:1.1rem;color:var(--color-accent-gold)}.avatar-setup__brand-sub{font-family:Bricolage Grotesque,Inter,system-ui,sans-serif;font-weight:700;font-size:.65rem;letter-spacing:.22em;text-transform:uppercase;color:var(--color-text-muted)}.avatar-setup__subtitle{margin:.25rem 0 0;font-family:Outfit,Inter,system-ui,sans-serif;font-size:.75rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-muted)}.avatar-setup__main{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;animation:avatar-fade-in .8s ease-out .1s both}.avatar-setup__title{margin:0;font-family:Bricolage Grotesque,Inter,system-ui,sans-serif;font-weight:800;font-size:clamp(1.6rem,5vw,3rem);color:var(--color-text-heading);letter-spacing:.02em}.avatar-setup__description{margin:.5rem 0 2rem;font-family:Outfit,Inter,system-ui,sans-serif;font-size:clamp(.85rem,2vw,1.05rem);color:var(--color-text-muted)}@keyframes avatar-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.avatar-setup__cards{display:flex;gap:2rem;justify-content:center;align-items:stretch;margin-bottom:2.5rem}.avatar-setup__card{position:relative;display:flex;flex-direction:column;align-items:center;width:260px;padding:0;border:2px solid var(--color-border);border-radius:2rem;background:var(--color-surface-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);cursor:pointer;transition:border-color .3s ease,box-shadow .3s ease,transform .2s ease;overflow:visible;font-family:inherit;color:inherit}.avatar-setup__card:hover{border-color:var(--color-border-strong);transform:translateY(-4px)}.avatar-setup__card:focus-visible{outline:3px solid oklch(.85 .155 92);outline-offset:4px}.avatar-setup__card--selected{border-color:#f2ca3f;box-shadow:0 0 30px #f2ca3f40,0 0 60px #35c26d1f,inset 0 0 30px #f2ca3f0d}.avatar-setup__card--selected:hover{border-color:#f2ca3f}.avatar-setup__checkmark{position:absolute;top:12px;right:12px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#f2ca3f;color:#001316;color:oklch(.17 .035 205);z-index:2;box-shadow:0 2px 8px #f2ca3f66}.avatar-setup__card-inner{display:flex;align-items:flex-end;justify-content:center;width:100%;height:320px;border-radius:calc(2rem - 2px) calc(2rem - 2px) 0 0;overflow:hidden;background:var(--color-surface-alt);position:relative}.avatar-setup__card--selected .avatar-setup__card-inner{background:var(--color-surface)}.avatar-setup__avatar-img{height:88%;width:auto;object-fit:contain;position:relative;z-index:1}.avatar-setup__card-label{display:block;padding:.75rem 0;font-family:Bricolage Grotesque,Inter,system-ui,sans-serif;font-weight:700;font-size:.85rem;letter-spacing:.15em;color:var(--color-text-muted);transition:color .3s ease}.avatar-setup__card--selected .avatar-setup__card-label{color:#f2ca3f}.avatar-setup__continue{padding:1rem 4rem;min-height:52px;font-family:Bricolage Grotesque,Inter,system-ui,sans-serif;font-weight:800;font-size:1.1rem;letter-spacing:.15em;border:none;border-radius:1rem;cursor:pointer;transition:all .3s ease}.avatar-setup__continue:disabled{background:var(--color-input-bg);color:var(--color-text-muted);cursor:not-allowed;box-shadow:none;opacity:.5}.avatar-setup__continue:not(:disabled){background:linear-gradient(135deg,var(--color-accent-gold),var(--color-accent-green));color:var(--color-text-on-art);box-shadow:0 4px 24px #f2ca3f4d}.avatar-setup__continue:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 8px 32px #f2ca3f66}.avatar-setup__continue:not(:disabled):active{transform:translateY(0)}.avatar-setup__continue:focus-visible{outline:3px solid oklch(.85 .155 92);outline-offset:4px}[data-theme=light] .avatar-setup__grid{background-image:linear-gradient(rgba(45,106,79,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(45,106,79,.06) 1px,transparent 1px)}[data-theme=light] .avatar-setup__orb{opacity:.3}[data-theme=light] .avatar-setup__firefly{display:none}[data-theme=light] .avatar-setup__checkmark{background:var(--color-accent-gold);color:#fff}.avatar-setup__footer-note{margin:1.25rem 0 0;font-size:.8rem;color:var(--color-text-muted)}@media(max-width:640px){.avatar-setup{padding:1.25rem}.avatar-setup__cards{flex-direction:column;align-items:center;gap:1.25rem}.avatar-setup__card{width:min(280px,85vw)}.avatar-setup__card-inner{height:260px}.avatar-setup__title{font-size:1.5rem}.avatar-setup__description{margin-bottom:1.25rem}.avatar-setup__continue{width:min(280px,85vw);min-height:48px}.avatar-setup__branding{margin-bottom:.5rem}.avatar-setup__brand-icon{width:26px;height:26px}.avatar-setup__brand-name{font-size:.95rem}}@media(max-width:380px){.avatar-setup__card-inner{height:220px}.avatar-setup__title{font-size:1.3rem}}.main-hub{position:relative;min-height:100vh;width:100%;overflow:hidden;background:var(--color-bg)}.main-hub__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255 255 255 / .035) 1px,transparent 1px),linear-gradient(90deg,rgba(255 255 255 / .035) 1px,transparent 1px);background-size:64px 64px;pointer-events:none;opacity:.35}.main-hub__orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}.main-hub__orb--teal{width:600px;height:600px;background:#009a9459;background:oklch(.62 .13 190 / .35);top:-160px;left:-160px}.main-hub__orb--gold{width:540px;height:540px;background:#e3ae2838;top:96px;right:-128px}.main-hub__orb--violet{width:480px;height:480px;background:#8156c038;bottom:0;left:33%}.main-hub__container{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:1.25rem 1rem 4rem}.main-hub__topbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.main-hub__brand{display:flex;align-items:center;gap:.75rem}.main-hub__brand-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--color-accent-gold);filter:drop-shadow(0 0 8px rgba(255,215,0,.3))}.main-hub__brand-text{display:flex;flex-direction:column;line-height:1.2}.main-hub__brand-name{font-family:Bricolage Grotesque,Inter,system-ui,sans-serif;font-weight:800;font-size:1.1rem;color:var(--color-text-heading)}.main-hub__brand-sub{font-family:Bricolage Grotesque,Inter,system-ui,sans-serif;font-weight:700;font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:var(--color-text-muted)}.main-hub__brand-season{font-size:.7rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--color-text-muted);margin-top:.15rem}.main-hub__topbar-right{display:flex;align-items:center;gap:.5rem}.main-hub__coins{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:999px;background:var(--color-surface-glass);border:1px solid var(--color-border-subtle);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.main-hub__coin-icon{color:var(--color-accent-gold);flex-shrink:0}.main-hub__coins-value{font-family:Bricolage Grotesque,Inter,system-ui,sans-serif;font-weight:800;font-size:.875rem;color:var(--color-text-heading)}.main-hub__settings-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--color-surface-glass);border:1px solid var(--color-border-subtle);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--color-text-muted);cursor:pointer;opacity:1;font-family:inherit}.main-hub__restart-btn{display:flex;align-items:center;gap:5px;padding:.5rem .875rem;border-radius:999px;background:var(--color-surface-glass);border:1px solid var(--color-border-subtle);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--color-text-muted);font-family:inherit;font-size:.72rem;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:background .18s,color .18s,border-color .18s}.main-hub__restart-btn:hover{background:#7f041ed9;border-color:#db646880;color:#f8f6e7}.main-hub__restart-btn:active{transform:scale(.96)}.main-hub__restart-confirm{display:flex;align-items:center;gap:6px;padding:.4rem .75rem;border-radius:999px;background:var(--color-surface-glass-heavy);border:1px solid var(--color-border-subtle);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.main-hub__restart-confirm-msg{font-size:.72rem;color:var(--color-text);font-weight:600;white-space:nowrap}.main-hub__restart-yes,.main-hub__restart-cancel{padding:4px 10px;border-radius:999px;border:none;font-size:.7rem;font-weight:700;cursor:pointer;font-family:inherit;transition:opacity .15s}.main-hub__restart-yes{background:var(--color-danger);color:var(--color-text-on-art)}.main-hub__restart-yes:hover{opacity:.85}.main-hub__restart-cancel{background:var(--color-surface-alt);color:var(--color-text);border:1px solid var(--color-border-subtle)}.main-hub__restart-cancel:hover{opacity:.85}.main-hub__avatar-pill{display:flex;align-items:center;gap:.625rem;padding:.25rem;border-radius:999px;background:var(--color-surface-glass);border:1px solid var(--color-border-subtle);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.main-hub__avatar-img-wrap{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;overflow:hidden;background:linear-gradient(100deg,#f1bc00,#edc018,#e8c52b 12.5%,#ddce44 25%,#c5df66,#8dde95 75%,#6adda8 87.5%,#54dcb0,#34dbb9);background:linear-gradient(100deg,color(xyz 0.544 0.547 0.072),#edc018,#e8c52b 12.5%,#ddce44 25%,#c5df66,#8dde95 75%,#6adda8 87.5%,#54dcb0,#34dbb9);flex-shrink:0}.main-hub__avatar-img{width:100%;height:100%;object-fit:cover;object-position:top;transform:scale(1.1)}.main-hub__hero{position:relative;margin-top:1.5rem;border-radius:2rem;overflow:hidden;border:1px solid oklch(1 0 0 / .14);box-shadow:0 32px 70px -28px #000504d9,inset 0 1px #ffffff0f;box-shadow:0 32px 70px -28px oklch(.1 .03 190 / .85),inset 0 1px #ffffff0f}.main-hub__hero-bg{width:100%;height:32rem;object-fit:cover;display:block}.main-hub__hero-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,oklch(.14 .035 190 / .96) 0%,oklch(.14 .035 190 / .72) 38%,oklch(.14 .035 190 / .1) 72%,transparent 100%)}.main-hub__hero-badge{position:absolute;left:0;top:0;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-bottom-right-radius:1rem;border-bottom:1px solid oklch(1 0 0 / .14);border-right:1px solid oklch(1 0 0 / .14);background:#001a1d9e;background:oklch(.2 .035 205 / .62);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#f2ca3f;font-family:Bricolage Grotesque,Inter,system-ui,sans-serif;font-weight:800;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase}.main-hub__hero-content{position:absolute;left:0;right:0;bottom:0;padding:2rem;max-width:640px}.main-hub__hero-label{margin:0;font-family:Bricolage Grotesque,Inter,system-ui,sans-serif;font-weight:800;font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;color:#f2ca3f}.main-hub__hero-title{margin:.5rem 0 0;font-family:Bricolage Grotesque,Inter,system-ui,sans-serif;font-weight:800;font-size:clamp(2rem,5vw,3.75rem);line-height:.95;color:#f7f6ea;filter:drop-shadow(0 12px 28px oklch(.12 .03 190 / .75))}.main-hub__hero-desc{margin:.75rem 0 0;font-size:.9rem;color:#f7f6eabf;max-width:480px}.main-hub__progress-panel{margin-top:1.5rem;padding:1.25rem;border-radius:1rem;background:var(--color-surface-glass);border:1px solid var(--color-border-subtle);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.main-hub__progress-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.main-hub__progress-pct{font-family:Bricolage Grotesque,Inter,system-ui,sans-serif;font-weight:800;font-size:1.75rem;color:var(--color-text-heading)}.main-hub__progress-label{margin-left:.5rem;font-family:Bricolage Grotesque,Inter,system-ui,sans-serif;font-weight:800;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-muted);vertical-align:middle}.main-hub__progress-quests{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--color-text-muted)}.main-hub__progress-quests svg{color:var(--color-accent-gold)}.main-hub__progress-track{margin-top:.75rem;height:8px;border-radius:4px;background:var(--color-border);overflow:hidden}.main-hub__progress-fill{height:100%;border-radius:4px;background:linear-gradient(100deg,#f1bc00,#edc018,#e8c52b 12.5%,#ddce44 25%,#c5df66,#8dde95 75%,#6adda8 87.5%,#54dcb0,#34dbb9);background:linear-gradient(100deg,color(xyz 0.544 0.547 0.072),#edc018,#e8c52b 12.5%,#ddce44 25%,#c5df66,#8dde95 75%,#6adda8 87.5%,#54dcb0,#34dbb9);transition:width .5s ease}.main-hub__hero-actions{margin-top:1.25rem;display:flex;flex-direction:column;gap:.75rem}.main-hub__cta{display:flex;align-items:center;justify-content:center;gap:.625rem;padding:1rem 1.75rem;border:none;border-radius:1rem;background:linear-gradient(100deg,#f1bc00,#edc018,#e8c52b 12.5%,#ddce44 25%,#c5df66,#8dde95 75%,#6adda8 87.5%,#54dcb0,#34dbb9);background:linear-gradient(100deg,color(xyz 0.544 0.547 0.072),#edc018,#e8c52b 12.5%,#ddce44 25%,#c5df66,#8dde95 75%,#6adda8 87.5%,#54dcb0,#34dbb9);color:#001618;color:oklch(.18 .035 205);font-family:Bricolage Grotesque,Inter,system-ui,sans-serif;font-weight:800;font-size:1rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;box-shadow:0 12px 34px -12px #debb198c,inset 0 1px #ffffff59;transition:transform .2s ease}.main-hub__cta:hover{transform:translateY(-2px)}.main-hub__cta:active{transform:translateY(0)}.main-hub__cta:focus-visible{outline:3px solid oklch(.85 .155 92);outline-offset:4px}.main-hub__worlds{margin-top:3rem}.main-hub__worlds-header{margin-bottom:1.25rem}.main-hub__worlds-title{margin:0;font-family:Bricolage Grotesque,Inter,system-ui,sans-serif;font-weight:800;font-size:clamp(1.5rem,3vw,1.875rem);color:var(--color-text-heading)}.main-hub__worlds-subtitle{margin:.25rem 0 0;font-size:.875rem;color:var(--color-text-muted)}.main-hub__worlds-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.main-hub__world-card{position:relative;border-radius:1.5rem;overflow:hidden;border:1px solid var(--color-border-subtle);min-height:200px}.main-hub__world-card-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.main-hub__world-card-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,oklch(.16 .03 190 / .85) 0%,oklch(.16 .03 190 / .15) 55%,transparent 100%)}.main-hub__world-card-content{position:absolute;left:0;right:0;bottom:0;padding:1.25rem;display:flex;flex-direction:column;gap:.25rem}.main-hub__world-card-name{font-family:Bricolage Grotesque,Inter,system-ui,sans-serif;font-weight:800;font-size:1.125rem;color:var(--color-text-on-art)}.main-hub__world-card-tag{font-size:.75rem;color:var(--color-text-on-art-muted)}.main-hub__world-card--future{cursor:default}.main-hub__world-card--future .main-hub__world-card-tag{color:var(--color-accent-gold);opacity:.7}.main-hub__world-card--locked{cursor:not-allowed}.main-hub__world-card--locked .main-hub__world-card-bg{filter:grayscale(.5) brightness(.7)}.main-hub__world-card-lock{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--color-surface-glass);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--color-text-muted);border:1px solid var(--color-border-subtle)}@media(max-width:1024px){.main-hub__hero-bg{height:26rem}.main-hub__worlds-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.main-hub__container{padding:1rem .75rem 3rem}.main-hub__hero-bg{height:20rem}.main-hub__hero-content{padding:1.25rem}.main-hub__hero-title{font-size:1.75rem}.main-hub__hero-desc{font-size:.8rem}.main-hub__progress-pct{font-size:1.35rem}.main-hub__progress-panel{padding:1rem}.main-hub__worlds-grid{grid-template-columns:1fr}.main-hub__world-card{min-height:160px}.main-hub__brand-name{font-size:.95rem}.main-hub__brand-season{font-size:.6rem}.main-hub__coins{padding:.375rem .75rem}.main-hub__cta{font-size:.875rem;padding:.875rem 1.5rem;min-height:48px}}.map-marker{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.25rem;z-index:3;cursor:default;transition:transform .15s ease}.map-marker[role=button]{cursor:pointer}.map-marker[role=button]:hover{transform:translate(-50%,-50%) scale(1.08)}.map-marker--selected{transform:translate(-50%,-50%) scale(1.12);z-index:5}.map-marker__circle{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2.5px solid var(--color-border-subtle);transition:all .2s ease;box-shadow:0 2px 12px #0006}.map-marker--landmark .map-marker__circle{background:var(--color-surface-glass);border-color:var(--color-border-strong);color:var(--color-text-on-art)}.map-marker--completed .map-marker__circle{background:linear-gradient(135deg,#a17900,#867000);background:linear-gradient(135deg,color(xyz 0.22 0.213 0.011),color(xyz 0.157 0.166 0.017));border-color:#f2ca3f99;color:#001518}.map-marker--current .map-marker__circle{background:linear-gradient(135deg,#00783b,#008568);background:linear-gradient(135deg,color(xyz 0.072 0.137 0.06),color(xyz 0.101 0.181 0.155));border-color:#70e093cc;color:#fff;box-shadow:0 0 16px #46b86e80,0 2px 12px #0006}.map-marker--available .map-marker__circle{background:#003634e6;background:oklch(.3 .06 190 / .9);border-color:#08b6af99;color:#b0ebe7}.map-marker--locked .map-marker__circle{background:var(--color-surface-glass);border-color:var(--color-border);color:var(--color-text-muted);opacity:.5}.map-marker__pulse{position:absolute;top:50%;left:50%;width:56px;height:56px;transform:translate(-50%,-65%);border-radius:50%;border:2px solid oklch(.7 .15 152 / .5);animation:marker-pulse 2s ease-in-out infinite;pointer-events:none}@keyframes marker-pulse{0%,to{transform:translate(-50%,-65%) scale(.85);opacity:.3}50%{transform:translate(-50%,-65%) scale(1.3);opacity:.8}}.map-marker__label{white-space:nowrap;text-align:center}.map-marker__title{font-size:.65rem;font-weight:700;color:var(--color-text-on-art);text-shadow:0 1px 4px rgba(0,0,0,.8),0 0 8px rgba(0,0,0,.4);padding:.15rem .45rem;background:var(--color-surface-glass);border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.map-marker--locked .map-marker__title{color:var(--color-text-on-art-muted);opacity:.5}.map-marker--completed .map-marker__title{color:#f2ca3fe6}.map-trail__segment--current{animation:trail-dash 1.5s linear infinite}@keyframes trail-dash{to{stroke-dashoffset:-18}}@media(max-width:768px){.map-marker__circle{width:34px;height:34px}.map-marker__title{font-size:.55rem}.map-marker__pulse{width:48px;height:48px}}.node-panel{position:relative;padding:1.5rem;display:flex;flex-direction:column;gap:.5rem;height:100%}.node-panel__close{position:absolute;top:.75rem;right:.75rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-muted);cursor:pointer;transition:all .15s ease}.node-panel__close:hover{color:var(--color-text-heading);background:var(--color-border)}.node-panel__close:focus-visible{outline:2px solid oklch(.85 .155 92);outline-offset:2px}.node-panel__badge{display:inline-flex;align-self:flex-start;padding:.25rem .65rem;font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border-radius:6px}.node-panel__badge--landmark{background:var(--color-input-bg);color:var(--color-text-muted)}.node-panel__badge--completed{background:#f2ca3f26;color:#f2ca3f}.node-panel__badge--current{background:#46b86e26;color:#70e093}.node-panel__badge--available{background:#14938d26;color:#7ecfc9}.node-panel__badge--locked{background:var(--color-input-bg);color:var(--color-text-muted);opacity:.6}.node-panel__title{margin:.5rem 0 0;font-size:1.25rem;font-weight:800;color:var(--color-text-heading);line-height:1.2}.node-panel__subtitle{margin:0;font-size:.8rem;color:var(--color-text-muted);font-weight:500}.node-panel__duration{display:flex;align-items:center;gap:.35rem;margin:.25rem 0 0;font-size:.75rem;color:var(--color-text-muted)}.node-panel__optional{display:inline-flex;align-self:flex-start;padding:.15rem .5rem;font-size:.6rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#7ecfc9;background:#14938d1a;border:1px solid oklch(.6 .1 190 / .2);border-radius:4px}.node-panel__guide{display:flex;align-items:flex-start;gap:.5rem;margin-top:.75rem;padding:.65rem .75rem;background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:10px}.node-panel__guide-orb{flex-shrink:0;color:var(--color-accent-gold);margin-top:.1rem}.node-panel__guide-text{display:flex;flex-direction:column;gap:.15rem}.node-panel__guide-name{font-size:.6rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--color-accent-gold);opacity:.7}.node-panel__guide-msg{font-size:.78rem;color:var(--color-text);font-style:italic;line-height:1.35}.node-panel__actions{margin-top:auto;padding-top:1rem;display:flex;flex-direction:column;gap:.5rem}.node-panel__enter{width:100%;padding:.75rem 1rem;border:none;border-radius:10px;background:linear-gradient(100deg,#f1bc00,#edc018,#e8c52b 12.5%,#ddce44 25%,#c5df66,#8dde95 75%,#6adda8 87.5%,#54dcb0,#34dbb9);background:linear-gradient(100deg,color(xyz 0.544 0.547 0.072),#edc018,#e8c52b 12.5%,#ddce44 25%,#c5df66,#8dde95 75%,#6adda8 87.5%,#54dcb0,#34dbb9);color:#001618;color:oklch(.18 .035 205);font-family:inherit;font-weight:800;font-size:.85rem;letter-spacing:.1em;cursor:pointer;transition:transform .15s ease;box-shadow:0 8px 24px -8px #debb1966,inset 0 1px #ffffff40}.node-panel__enter:hover{transform:translateY(-1px)}.node-panel__enter--minigame{background:linear-gradient(100deg,#00bac9,#00c6cb 25%,#00cdcc,#00d2ca 50%,#01bee5);background:linear-gradient(100deg,color(xyz 0.263 0.399 0.685),color(xyz 0.296 0.451 0.666) 25%,color(xyz 0.315 0.478 0.656),color(xyz 0.334 0.506 0.646) 50%,color(xyz 0.32 0.425 0.855));color:#e6fafa;box-shadow:0 8px 24px -8px #00c6ce8c,inset 0 1px #ffffff4d;box-shadow:0 8px 24px -8px oklch(.75 .14 200 / .55),inset 0 1px #ffffff4d}.node-panel__enter:active{transform:translateY(0)}.node-panel__enter:focus-visible{outline:3px solid oklch(.85 .155 92);outline-offset:3px}.node-panel__completed-note{display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.5rem;color:var(--color-accent-gold);font-weight:600;font-size:.85rem}.node-panel__locked-hint{margin:0;text-align:center;font-size:.78rem;color:var(--color-text-muted);font-style:italic}.world-progress-card{padding:.65rem .85rem;background:var(--color-surface-glass);border:1px solid var(--color-border);border-radius:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-width:180px}.world-progress-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.35rem}.world-progress-card__world-name{font-size:.7rem;font-weight:600;color:var(--color-text)}.world-progress-card__pct{font-size:.9rem;font-weight:800;color:var(--color-accent-gold)}.world-progress-card__track{height:6px;background:var(--color-border);border-radius:3px;overflow:hidden}.world-progress-card__fill{height:100%;background:linear-gradient(90deg,#f1bc00,#edc018,#e8c52b 12.5%,#ddce44 25%,#c5df66,#8dde95 75%,#6adda8 87.5%,#54dcb0,#34dbb9);background:linear-gradient(90deg,color(xyz 0.544 0.547 0.072),#edc018,#e8c52b 12.5%,#ddce44 25%,#c5df66,#8dde95 75%,#6adda8 87.5%,#54dcb0,#34dbb9);border-radius:3px;transition:width .4s ease}.world-progress-card__footer{display:flex;align-items:center;justify-content:space-between;margin-top:.35rem}.world-progress-card__quests{display:flex;align-items:center;gap:.3rem;font-size:.65rem;color:var(--color-text-muted);font-weight:500}.world-progress-card__complete-badge{font-size:.6rem;font-weight:700;letter-spacing:.05em;color:var(--color-accent-gold);background:#ffd54f1f;padding:.15rem .4rem;border-radius:4px}@media(max-width:768px){.node-panel{padding:1.25rem 1rem}.node-panel__title{font-size:1.1rem}.world-progress-card{min-width:160px}}.world-map-screen{position:relative;width:100%;min-height:100vh;overflow:hidden;background:var(--color-bg);display:flex;flex-direction:column}.world-map-screen__map-area{position:relative;flex:1;min-height:0;overflow:hidden}.world-map-screen__artwork{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;-webkit-user-select:none;user-select:none}.world-map-screen__overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.world-map-screen__overlay .map-trail{width:100%;height:100%}.world-map-screen__nodes{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.world-map-screen__topbar{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:linear-gradient(180deg,#000908d9,#00090800);background:linear-gradient(180deg,color(xyz 0.001 0.002 0.003 / 0.851),color(xyz 0.001 0.002 0.003 / 0));pointer-events:none}.world-map-screen__back{display:flex;align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.8rem;font-weight:600;color:var(--color-text-on-art);background:var(--color-surface-glass);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:inherit;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.world-map-screen__back:hover{color:var(--color-text-on-art);background:var(--color-surface-glass-heavy);border-color:var(--color-border-strong)}.world-map-screen__back:focus-visible{outline:2px solid oklch(.85 .155 92);outline-offset:2px}.world-map-screen__back svg{width:16px;height:16px}.world-map-screen__brand{display:flex;flex-direction:column;align-items:flex-end;gap:.1rem}.world-map-screen__brand-name{font-size:.7rem;font-weight:800;letter-spacing:.2em;color:var(--color-accent-gold)}.world-map-screen__brand-world{font-size:.95rem;font-weight:700;color:var(--color-text-on-art);text-shadow:0 2px 8px rgba(0,0,0,.5)}.world-map-screen__progress-float{position:absolute;bottom:1rem;left:1rem;z-index:10;pointer-events:none}.world-map-screen__panel{position:fixed;right:0;top:0;bottom:0;width:340px;z-index:20;background:var(--color-surface-panel);border-left:1px solid var(--color-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow-y:auto;animation:panel-slide-in .25s ease-out}@keyframes panel-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.world-map-screen__guide{position:absolute;bottom:1rem;right:1rem;z-index:10;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--color-surface-glass);border:1px solid var(--color-border);border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:320px}.world-map-screen__guide-orb{flex-shrink:0;color:var(--color-accent-gold);animation:guide-pulse 3s ease-in-out infinite}@keyframes guide-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.world-map-screen__guide-text{font-size:.78rem;color:var(--color-text-muted);font-style:italic;line-height:1.35}.world-map-screen--error{display:flex;align-items:center;justify-content:center}.world-map-screen__error{text-align:center;color:var(--color-text)}.world-map-screen__error h2{margin:0 0 .5rem}.world-map-screen__error button{margin-top:1rem;padding:.5rem 1.5rem;background:var(--color-surface-alt);color:var(--color-text);border:1px solid var(--color-border-strong);border-radius:8px;cursor:pointer;font-family:inherit}@media(max-width:768px){.world-map-screen{flex-direction:column}.world-map-screen__map-area{flex:1;min-height:60vh}.world-map-screen__panel{position:fixed;right:0;left:0;top:auto;bottom:0;width:100%;max-height:55vh;border-left:none;border-top:1px solid var(--color-border);border-radius:16px 16px 0 0;animation:panel-slide-up .25s ease-out}@keyframes panel-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.world-map-screen__progress-float{bottom:.5rem;left:.5rem}.world-map-screen__guide{display:none}}.world-map-screen__progress-flash{position:absolute;bottom:0;left:0;right:0;z-index:50;display:flex;justify-content:center;padding:0 1rem 1.5rem;animation:progress-flash-slide-in .3s ease-out;pointer-events:none}@keyframes progress-flash-slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.world-map-screen__progress-flash-inner{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#2e7d32f2,#1b5e20fa);border:1px solid rgba(129,199,132,.4);border-radius:999px;padding:12px 24px;box-shadow:0 4px 20px #4caf5059,0 2px 8px #0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.world-map-screen__progress-flash-icon{font-size:1rem;font-weight:700;color:#a5d6a7;flex-shrink:0}.world-map-screen__progress-flash-text{font-size:.88rem;font-weight:600;color:#fff;letter-spacing:.02em}.character-card{position:relative;display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:linear-gradient(145deg,#1e283cd9,#141e32e6);border:2px solid rgba(255,255,255,.08);border-radius:14px;cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1);width:100%;text-align:left;font-family:inherit;color:inherit}.character-card:hover:not(:disabled){transform:translate(4px);border-color:#4caf5066;background:linear-gradient(145deg,#233241e6,#192837f2);box-shadow:0 4px 20px #0000004d,0 0 15px #4caf5026}.character-card:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.character-card--selected{border-color:var(--color-primary);background:linear-gradient(145deg,#284132f2,#193228f2);box-shadow:0 4px 24px #4caf5040,inset 0 0 15px #4caf5014}.character-card--selected:hover:not(:disabled){border-color:var(--color-primary);transform:translate(4px)}.character-card--locked{opacity:.55;cursor:not-allowed;filter:grayscale(.5)}.character-card--locked:hover{transform:none;box-shadow:none;border-color:#ffffff14}.character-card__avatar-wrapper{position:relative;width:56px;height:72px;flex-shrink:0}.character-card__avatar{width:100%;height:100%;transition:transform .2s ease}.character-card:hover:not(:disabled) .character-card__avatar{transform:scale(1.05)}.character-card__glow{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;background:radial-gradient(circle,rgba(76,175,80,.25) 0%,transparent 70%);border-radius:50%;pointer-events:none;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.character-card__info{flex:1;min-width:0}.character-card__name{margin:0;font-size:1rem;font-weight:700;color:#fff;letter-spacing:.01em}.character-card__world{margin:.2rem 0 0;font-size:.8rem;color:#ffffffa6;font-weight:500}.character-card__lock-badge{display:inline-block;margin-top:.4rem;padding:.2rem .5rem;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#aaa;background:#64646440;border-radius:8px}.character-card__selected-indicator{position:absolute;top:6px;right:6px;width:22px;height:22px;background:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;animation:pop-in .25s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 8px #4caf5066}.character-card__selected-indicator svg{width:14px;height:14px}@keyframes pop-in{0%{transform:scale(0)}to{transform:scale(1)}}@media(max-width:900px){.character-card{max-width:200px;flex-direction:column;text-align:center;padding:.75rem}.character-card__avatar-wrapper{width:48px;height:64px}.character-card__info{text-align:center}}@media(max-width:600px){.character-card{max-width:160px;padding:.5rem;gap:.5rem}.character-card__avatar-wrapper{width:40px;height:56px}.character-card__name{font-size:.85rem}.character-card__world{font-size:.7rem}}.world-portal{position:relative;width:100%;aspect-ratio:4 / 3;max-height:480px;border-radius:20px;overflow:hidden;background:#0a1520;box-shadow:0 8px 40px #00000080,inset 0 0 60px #4caf501a;border:1px solid rgba(76,175,80,.3)}.world-portal__scene{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.world-portal__sky{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a1929,#1a2a4a 30%,#2a3a5a 50%,#1a3a2a 80%,#0d2818)}.world-portal__celestial{position:absolute;top:12%;right:20%;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#fffde7,#fff9c4,#c0ca33);box-shadow:0 0 20px #fff9c499,0 0 60px #fff9c44d;opacity:.9}.world-portal__trees-far,.world-portal__trees-mid,.world-portal__trees-near{position:absolute;bottom:0;left:0;width:100%}.world-portal__trees-far{height:60%;opacity:.6}.world-portal__trees-mid{height:50%;opacity:.8}.world-portal__trees-near{height:45%}.world-portal__ground{position:absolute;bottom:0;left:0;right:0;height:15%;background:linear-gradient(180deg,#1a4a2a,#0d3018,#0a2010)}.world-portal__portal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:260px}.portal-effect{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid;animation:portal-pulse 3s ease-in-out infinite}.portal-effect--outer{border-color:#4caf5066;animation-delay:0s}.portal-effect--mid{top:15px;right:15px;bottom:15px;left:15px;border-color:#ffd70066;animation-delay:-.5s}.portal-effect--inner{top:30px;right:30px;bottom:30px;left:30px;border-color:#64c8ff66;animation-delay:-1s}.portal-effect__glow{position:absolute;top:40px;right:40px;bottom:40px;left:40px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(76,175,80,.3) 0%,rgba(76,175,80,.1) 40%,transparent 70%);animation:portal-glow 2s ease-in-out infinite}@keyframes portal-pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.05);opacity:1}}@keyframes portal-glow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.world-portal__character{position:absolute;bottom:8%;left:50%;transform:translate(-50%);width:100px;height:180px;z-index:5;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}.world-portal__character .character-avatar{width:100%;height:100%}.world-portal__particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.world-particle{position:absolute;width:6px;height:6px;border-radius:50%;background:#ffd700cc;animation:particle-float 8s ease-in-out infinite}.world-particle--1{top:20%;left:15%;animation-delay:0s;animation-duration:6s}.world-particle--2{top:35%;right:20%;animation-delay:-2s;animation-duration:8s;width:4px;height:4px;background:#4caf50cc}.world-particle--3{top:50%;left:25%;animation-delay:-4s;animation-duration:7s;width:5px;height:5px}.world-particle--4{top:60%;right:30%;animation-delay:-1s;animation-duration:9s;background:#64c8ffb3}.world-particle--5{top:30%;left:40%;animation-delay:-3s;width:4px;height:4px;background:#ffd70099}.world-particle--6{top:45%;right:15%;animation-delay:-5s;animation-duration:10s;width:5px;height:5px;background:#4caf5099}@keyframes particle-float{0%,to{transform:translate(0);opacity:.4}25%{transform:translate(15px,-20px);opacity:1}50%{transform:translate(-10px,10px);opacity:.6}75%{transform:translate(20px,15px);opacity:.9}}.world-portal__fog{position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to top,rgba(26,74,42,.4) 0%,transparent 100%);pointer-events:none}.world-portal__info{position:absolute;bottom:0;left:0;right:0;padding:1.5rem;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.4) 60%,transparent 100%);text-align:center;z-index:10}.world-portal__world-name{margin:0;font-size:1.75rem;font-weight:800;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5);letter-spacing:.02em}.world-portal__character-name{margin:.25rem 0 0;font-size:.9rem;color:#ffffffb3;font-weight:500}.world-portal--empty{display:flex;align-items:center;justify-content:center}.world-portal__empty-text{font-size:1.1rem;color:#ffffff80}@media(max-width:900px){.world-portal{max-height:400px}.world-portal__character{width:80px;height:144px}.world-portal__world-name{font-size:1.5rem}}@media(max-width:600px){.world-portal{aspect-ratio:16 / 10;max-height:320px}.world-portal__character{width:60px;height:108px;bottom:10%}.world-portal__portal{width:140px;height:180px}.world-portal__info{padding:1rem}.world-portal__world-name{font-size:1.25rem}.world-portal__celestial{width:30px;height:30px}}.character-portal{position:relative;display:flex;flex-direction:column;min-height:100vh;width:100%;padding:1.5rem 2rem;overflow-x:hidden}.character-portal__bg{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 20%,rgba(76,175,80,.08) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(255,215,0,.05) 0%,transparent 40%),var(--color-bg);z-index:-1}.character-portal__layout{display:grid;grid-template-columns:minmax(280px,360px) 1fr;gap:2rem;max-width:1200px;width:100%;margin:0 auto;min-height:calc(100vh - 3rem);align-items:center}.character-portal__selection{display:flex;flex-direction:column;gap:1.5rem}.character-portal__header{display:flex;align-items:center;gap:.75rem}.character-portal__back-button{display:flex;align-items:center;gap:.4rem;padding:.5rem .75rem;font-size:.85rem;font-weight:500;color:var(--color-text);background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:inherit}.character-portal__back-button:hover{color:var(--color-text-heading);background:var(--color-border);border-color:var(--color-border-strong)}.character-portal__back-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.character-portal__back-button svg{width:18px;height:18px}.character-portal__title{margin:0;font-size:1.5rem;font-weight:700;color:var(--color-text-heading);text-shadow:0 2px 8px rgba(0,0,0,.3)}.character-portal__grid{display:flex;flex-direction:column;gap:.75rem}.character-portal__coming-soon{display:flex;align-items:center;justify-content:center}.coming-soon__placeholder{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem 1rem;background:var(--color-input-bg);border:2px dashed var(--color-border);border-radius:12px;opacity:.5;width:100%}.coming-soon__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:var(--color-text-muted);background:var(--color-input-bg);border-radius:50%}.coming-soon__text{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted)}.character-portal__preview{display:flex;flex-direction:column;gap:1.5rem;align-items:center}.character-portal__enter-button{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;max-width:320px;padding:1rem 2rem;font-size:1.15rem;font-weight:700;letter-spacing:.04em;color:var(--color-text-on-art);background:var(--color-primary);border:none;border-radius:50px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 6px 24px #4caf5059,inset 0 1px #fff3;font-family:inherit;position:relative;overflow:hidden}.character-portal__enter-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.12) 50%,transparent 100%);transform:translate(-100%);transition:transform .5s ease}.character-portal__enter-button:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 10px 32px #4caf5073,inset 0 1px #ffffff4d}.character-portal__enter-button:hover:not(:disabled):before{transform:translate(100%)}.character-portal__enter-button:active:not(:disabled){transform:translateY(0) scale(.98)}.character-portal__enter-button:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.4);box-shadow:none}.character-portal__enter-button:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px}.enter-button__icon{display:flex}.enter-button__icon svg{width:22px;height:22px}@media(max-width:900px){.character-portal{padding:1rem}.character-portal__layout{grid-template-columns:1fr;gap:1.5rem;min-height:auto;padding-bottom:2rem}.character-portal__selection{order:1}.character-portal__preview{order:2}.character-portal__grid{flex-direction:row;flex-wrap:wrap;justify-content:center}.character-portal__coming-soon{display:none}}@media(max-width:600px){.character-portal{padding:.75rem}.character-portal__layout{gap:1rem}.character-portal__header{flex-wrap:wrap}.character-portal__back-button span{display:none}.character-portal__title{font-size:1.25rem}.character-portal__enter-button{padding:.875rem 1.5rem;font-size:1rem;max-width:100%}.enter-button__icon svg{width:20px;height:20px}}@media(max-width:400px){.character-portal__title{font-size:1.1rem}.character-portal__enter-button{padding:.75rem 1.25rem;font-size:.95rem;gap:.5rem}}.exploring-hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:1fr 1fr;padding:1rem 1.5rem;font-family:inherit}.exploring-hud__info{grid-row:1;grid-column:1;display:flex;flex-direction:column;gap:.25rem}.exploring-hud__world-name{margin:0;font-size:1.25rem;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.6)}.exploring-hud__character-name{margin:0;font-size:.85rem;font-weight:500;color:#ffffffbf;text-shadow:0 1px 4px rgba(0,0,0,.5)}.exploring-hud__progress{grid-row:1;grid-column:2;display:flex;justify-content:flex-end;align-items:flex-start}.exploring-hud__quest-count{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:.8rem;font-weight:600;color:#ffffffe6;background:#00000059;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-shadow:0 1px 2px rgba(0,0,0,.4)}.exploring-hud__controls{grid-row:3;grid-column:1 / -1;display:flex;justify-content:center;align-items:center;gap:.35rem;padding-bottom:.5rem}.exploring-hud__key{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;font-size:.75rem;font-weight:700;color:#ffffffe6;background:#0006;border:1px solid rgba(255,255,255,.2);border-radius:4px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.exploring-hud__controls-label{margin-left:.5rem;font-size:.8rem;font-weight:500;color:#ffffffb3;text-shadow:0 1px 4px rgba(0,0,0,.5)}.exploring-hud__back-button{position:absolute;bottom:1rem;left:1.5rem;display:flex;align-items:center;gap:.4rem;padding:.5rem .75rem;font-size:.8rem;font-weight:500;color:#ffffffd9;background:#0006;border:1px solid rgba(255,255,255,.15);border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:inherit;pointer-events:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.exploring-hud__back-button:hover{color:#fff;background:#0009;border-color:#ffffff4d}.exploring-hud__back-button:focus-visible{outline:2px solid var(--color-accent, #ffd54f);outline-offset:2px}.exploring-hud__back-button svg{width:16px;height:16px}@media(max-width:600px){.exploring-hud{padding:.75rem 1rem}.exploring-hud__world-name{font-size:1rem}.exploring-hud__character-name{font-size:.75rem}.exploring-hud__quest-count{font-size:.7rem;padding:.3rem .6rem}.exploring-hud__key{width:24px;height:24px;font-size:.65rem}.exploring-hud__controls-label{font-size:.7rem}.exploring-hud__back-button{padding:.4rem .6rem;font-size:.75rem}}.exploring-world{position:relative;width:100vw;height:100vh;overflow:hidden;background:var(--color-bg)}.exploring-world__canvas-container{position:absolute;top:0;right:0;bottom:0;left:0}.exploring-world__canvas-container--hidden{display:none}.exploring-error{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%;background:radial-gradient(ellipse at center,rgba(76,175,80,.05) 0%,transparent 60%),linear-gradient(180deg,var(--color-bg) 0%,var(--color-surface) 100%);padding:2rem}.exploring-error__content{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 3rem;background:var(--color-surface-glass);border:1px solid var(--color-border);border-radius:16px;text-align:center;max-width:400px}.exploring-error__content h2{margin:0;font-size:1.5rem;font-weight:700;color:var(--color-text-heading)}.exploring-error__content p{margin:0;font-size:.9rem;color:var(--color-text);line-height:1.5}.exploring-error__button{margin-top:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;color:var(--color-text-on-art);background:var(--color-primary);border:none;border-radius:25px;cursor:pointer;transition:all .2s ease;font-family:inherit}.exploring-error__button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5059}.exploring-error__button:focus-visible{outline:2px solid var(--color-accent, #ffd54f);outline-offset:4px}.quest-intro-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;animation:quest-intro-fade-in .3s ease-out}.quest-intro-overlay__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.quest-intro-overlay__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to bottom,#050c08cc,#050c08eb);pointer-events:none}.quest-intro-card{position:relative;z-index:2;background:var(--color-surface-card);border:2px solid var(--color-border-gold);border-radius:16px;padding:32px 40px;max-width:420px;width:90%;color:var(--color-text);box-shadow:0 0 40px #ffd54f26,0 8px 32px #0006;animation:quest-intro-card-enter .35s ease-out}.quest-intro-card--error{text-align:center}@keyframes quest-intro-card-enter{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.quest-intro__badge{display:inline-block;background:var(--color-accent-blue-gradient);color:var(--color-text-on-art);font-size:.75rem;font-weight:700;letter-spacing:.12em;padding:4px 14px;border-radius:12px;margin-bottom:8px}.quest-intro__title{font-size:1.5rem;font-weight:700;margin:0 0 20px;color:var(--color-text-heading);text-shadow:0 0 10px rgba(100,180,255,.3)}.quest-intro__section-title{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);margin:0 0 8px}.quest-intro__exercises{margin-bottom:20px}.quest-intro__exercise-list{list-style:none;padding:0;margin:0 0 6px}.quest-intro__exercise-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--color-input-bg);border-radius:8px;margin-bottom:4px}.quest-intro__exercise-name{font-size:.95rem;color:var(--color-text)}.quest-intro__exercise-requirement{font-size:.85rem;font-weight:600;color:var(--color-accent-blue);min-width:60px;text-align:right}.quest-intro__exercise-count{font-size:.75rem;color:var(--color-text-muted);margin:4px 0 0;text-align:right}.quest-intro__missing{color:#ff6b6b;font-style:italic}.quest-intro__reward{margin-bottom:24px}.quest-intro__reward-items{display:flex;gap:16px}.quest-intro__reward-item{font-size:1rem;font-weight:600;color:var(--color-accent)}.quest-intro__actions{display:flex;flex-direction:column;gap:10px}.quest-intro__button{border:none;border-radius:10px;padding:12px 24px;font-size:.95rem;font-weight:700;letter-spacing:.05em;cursor:pointer;transition:all .15s ease}.quest-intro__button--primary{background:var(--color-accent-blue-gradient);color:var(--color-text-on-art);box-shadow:0 2px 12px #3a7bd54d}.quest-intro__button--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #3a7bd566}.quest-intro__button--disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.3)}.quest-intro__button--secondary{background:var(--color-input-bg);color:var(--color-text-muted);border:1px solid var(--color-border)}.quest-intro__button--secondary:hover{background:var(--color-border);color:var(--color-text)}.quest-intro__error-text{color:#f88;margin:12px 0}.exercise-countdown{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:50;pointer-events:none}.exercise-countdown__number{font-size:8rem;font-weight:900;color:#fff;text-shadow:0 0 40px rgba(30,136,229,.8),0 0 80px rgba(30,136,229,.4),0 4px 8px rgba(0,0,0,.5);animation:countdown-pulse 1s ease-in-out;line-height:1}.exercise-countdown__number--go{color:#ffd54f;text-shadow:0 0 40px rgba(255,213,79,.8),0 0 80px rgba(255,213,79,.4),0 4px 8px rgba(0,0,0,.5);font-size:6rem;animation:countdown-go .5s ease-out}.exercise-countdown__label{font-size:1.5rem;font-weight:700;color:#ffffffe6;text-transform:uppercase;letter-spacing:.15em;margin-top:1rem;text-shadow:0 2px 4px rgba(0,0,0,.5)}@keyframes countdown-pulse{0%{transform:scale(1.5);opacity:0}20%{transform:scale(1);opacity:1}80%{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:.5}}@keyframes countdown-go{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}.chroma-video__source{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.chroma-video__canvas{width:100%;height:100%;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 24px 28px rgba(0,0,0,.55))}.crossfade{position:relative;display:flex;align-items:flex-end;justify-content:center;width:100%;height:100%;overflow:hidden}.crossfade__layer{display:flex;align-items:flex-end;justify-content:center;width:100%;height:100%;transition-property:opacity,transform;transition-timing-function:ease-out}.crossfade__layer--outgoing{position:absolute;top:0;right:0;bottom:0;left:0}.crossfade__layer--incoming{width:100%;height:100%}.forest-ring-loop{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.forest-ring-loop__glow{position:absolute;bottom:8%;left:50%;width:46%;height:13%;border-radius:50%;background:#ffd54f4d;filter:blur(24px);transform:translate(-50%);animation:ea-breathe 4.2s ease-in-out infinite}.forest-ring-loop__ring{position:absolute;left:50%;border-radius:50%;transform:translate(-50%) rotateX(72deg)}.forest-ring-loop__ring--outer{bottom:7%;width:44%;height:16%;border:2px dashed rgba(255,213,79,.55);animation:ea-ring-spin 18s linear infinite;box-shadow:0 0 24px #ffd54f73}.forest-ring-loop__ring--inner{bottom:9%;width:32%;height:11%;border:1px dotted rgba(124,196,255,.6);animation:ea-ring-spin-rev 26s linear infinite}.forest-ring-loop__burst{position:absolute;bottom:6%;left:50%;width:48%;height:18%;border-radius:50%;border:2px solid rgba(255,213,79,.7);transform:translate(-50%);opacity:0;animation:ea-rep-burst .7s ease-out 1 forwards}.forest-ring-loop__firefly{position:absolute;bottom:12%;border-radius:50%;background:#ffd54f;box-shadow:0 0 10px 3px #ffd54f99}@keyframes ea-ring-spin{to{transform:translate(-50%) rotateX(72deg) rotate(360deg)}}@keyframes ea-ring-spin-rev{to{transform:translate(-50%) rotateX(72deg) rotate(-360deg)}}@keyframes ea-breathe{0%,to{opacity:.45;transform:translate(-50%) scale(1)}50%{opacity:.85;transform:translate(-50%) scale(1.08)}}@keyframes ea-firefly{0%{opacity:0;transform:translateZ(0) scale(.6)}15%{opacity:.9}60%{opacity:.7}to{opacity:0;transform:translate3d(var(--fx, 24px),var(--fy, -140px),0) scale(1.1)}}@keyframes ea-rep-burst{0%{opacity:.8;transform:translate(-50%) scale(.75)}to{opacity:0;transform:translate(-50%) scale(1.5)}}.workout-scene-2d{position:relative;overflow:hidden;width:100%;height:100%;background:#0a1510}.workout-scene-2d__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.workout-scene-2d__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to top,#050f0ad9,#050f0a33 40%,#050f0a66);pointer-events:none}.workout-scene-2d__bottom-fade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to top,rgba(5,15,10,.95) 0%,transparent 33%);pointer-events:none}.forest-ring-loop{z-index:2}.workout-scene-2d__avatar-area{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:flex-end;justify-content:center;padding-top:6%;padding-bottom:6%;pointer-events:none}.workout-scene-2d__avatar-slot{position:relative;height:100%;max-width:50%;display:flex;align-items:flex-end;justify-content:center}.workout-scene-2d__chroma-canvas{max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain}.workout-scene-2d__avatar-fallback{max-height:100%;max-width:100%;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 0 16px rgba(255,213,79,.3))}.workout-scene-2d__contact-shadow{position:absolute;bottom:7%;left:50%;width:18%;height:3%;border-radius:50%;background:#0000008c;filter:blur(8px);transform:translate(-50%);z-index:2;pointer-events:none}@media(max-width:700px){.workout-scene-2d__avatar-slot{max-width:75%}}.exercise-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none;overflow:hidden;display:flex;flex-direction:row}.exercise-overlay__tap-surface{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:auto;cursor:pointer}.exercise-overlay__ai-toggle{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;border:1px solid rgba(80,227,194,.4);border-radius:999px;padding:10px 18px;font-size:.8rem;font-weight:800;letter-spacing:.08em;color:#50e3c2;background:#50e3c214;cursor:pointer;pointer-events:auto;transition:all .12s ease}.exercise-overlay__ai-toggle:hover{background:#50e3c229;box-shadow:0 0 18px #50e3c240}.exercise-overlay__ai-toggle--off{color:#ffffffa6;border-color:#ffffff2e;background:#ffffff0d}.exercise-overlay__ai-toggle--off:hover{background:#ffffff1a;box-shadow:none}.exercise-overlay__ai-dot{width:8px;height:8px;border-radius:50%;background:#50e3c2;box-shadow:0 0 8px #50e3c2e6;animation:track-dot-pulse 1.2s ease-in-out infinite}.exercise-overlay__ai-toggle--off .exercise-overlay__ai-dot{background:#fff6;box-shadow:none;animation:none}.exercise-overlay__ai-state{padding:2px 8px;border-radius:999px;font-size:.68rem;letter-spacing:.12em;color:#06121c;background:#50e3c2e6}.exercise-overlay__ai-toggle--off .exercise-overlay__ai-state{color:#ffffffb3;background:#ffffff1f}@keyframes track-dot-pulse{0%,to{opacity:.35}50%{opacity:1}}.exercise-overlay__scene{position:relative;flex:1 1 60%;min-width:0;overflow:hidden;pointer-events:none}.exercise-overlay__feedback{position:absolute;top:18%;left:50%;transform:translate(-50%);z-index:6;font-size:2.5rem;font-weight:900;color:#ffd54f;text-shadow:0 0 20px rgba(255,213,79,.6),0 4px 8px rgba(0,0,0,.5);pointer-events:none;animation:feedback-pop 1.2s ease-out forwards}@keyframes feedback-pop{0%{opacity:0;transform:translate(-50%) scale(.6) translateY(10px)}20%{opacity:1;transform:translate(-50%) scale(1.1) translateY(0)}40%{transform:translate(-50%) scale(1) translateY(0)}80%{opacity:1;transform:translate(-50%) scale(1) translateY(0)}to{opacity:0;transform:translate(-50%) scale(.95) translateY(-8px)}}.exercise-overlay__panel{flex:0 0 340px;display:flex;flex-direction:column;gap:6px;padding:24px 20px;background:var(--color-surface-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-left:1px solid var(--color-border-gold);pointer-events:auto;overflow-y:auto;position:relative;z-index:6}.exercise-overlay__quest{font-size:.65rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--color-accent);opacity:.6}.exercise-overlay__quest-name{font-size:1.1rem;font-weight:700;color:var(--color-text-heading);margin-bottom:4px}.exercise-overlay__step{font-size:.7rem;font-weight:500;color:var(--color-text-muted)}.exercise-overlay__name{font-size:1.4rem;font-weight:900;color:var(--color-text-heading);letter-spacing:.04em;margin-top:8px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.exercise-overlay__instruction{font-size:.85rem;font-weight:500;color:var(--color-text);line-height:1.4}.exercise-overlay__progress{margin:8px 0 4px}.exercise-overlay__reps{font-size:2rem;font-weight:900;color:var(--color-text-heading);font-variant-numeric:tabular-nums}.exercise-overlay__timer{font-size:2.2rem;font-weight:900;color:#ffd54f;text-shadow:0 0 16px rgba(255,213,79,.4);font-variant-numeric:tabular-nums}.exercise-overlay__timer-target{font-size:1.1rem;font-weight:600;color:#ffd54f80}.exercise-overlay__progress-bar{width:100%;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden;margin:4px 0 8px}.exercise-overlay__progress-fill{height:100%;background:linear-gradient(90deg,#ffd54f,#ffb300);border-radius:3px;transition:width .3s ease;box-shadow:0 0 8px #ffd54f66}.exercise-overlay__safety{font-size:.75rem;font-weight:500;color:var(--color-text-muted);font-style:italic}.exercise-overlay__rep-button{pointer-events:auto;border:none;border-radius:12px;padding:14px 28px;font-size:1rem;font-weight:800;letter-spacing:.08em;color:var(--color-text-on-art);background:linear-gradient(135deg,#ffd54f,#ffb300);box-shadow:0 4px 16px #ffb30066,0 0 30px #ffd54f33;cursor:pointer;transition:all .12s ease;margin-top:8px;min-height:52px}.exercise-overlay__rep-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffb30080,0 0 40px #ffd54f4d}.exercise-overlay__rep-button:active{transform:translateY(0);box-shadow:0 2px 8px #ffb3004d}.exercise-overlay__next{font-size:.75rem;font-weight:600;color:var(--color-text-muted);letter-spacing:.06em;margin-top:auto;padding-top:8px}.exercise-overlay__tap-hint{position:absolute;bottom:24px;left:30%;transform:translate(-50%);z-index:6;font-size:.8rem;font-weight:700;letter-spacing:.12em;color:#ffffff59;text-shadow:0 1px 4px rgba(0,0,0,.5);pointer-events:none;animation:tap-hint-pulse 2s ease-in-out infinite}@keyframes tap-hint-pulse{0%,to{opacity:.35}50%{opacity:.6}}.exercise-overlay__transition{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20;pointer-events:none;animation:exercise-transition-fade 1.5s ease-in-out}.exercise-overlay__transition-text{font-size:5rem;font-weight:900;color:#ffd54f;text-shadow:0 0 40px rgba(255,213,79,.7),0 4px 8px rgba(0,0,0,.5)}.exercise-overlay__transition-next{font-size:1.2rem;font-weight:700;color:#fffc;text-transform:uppercase;letter-spacing:.1em;margin-top:12px;text-shadow:0 2px 4px rgba(0,0,0,.5)}@keyframes exercise-transition-fade{0%{opacity:0;transform:scale(.8)}15%{opacity:1;transform:scale(1)}85%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.1)}}.exercise-overlay__back-btn{position:fixed;top:16px;left:16px;z-index:100;display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface-panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--color-text);font-size:.8rem;font-weight:700;letter-spacing:.06em;cursor:pointer;transition:all .12s ease;pointer-events:auto}.exercise-overlay__back-btn:hover{background:var(--color-surface-glass-heavy);border-color:var(--color-border-gold);color:var(--color-text-heading)}.exercise-overlay__back-btn:focus-visible{outline:2px solid #ffd54f;outline-offset:2px}.exercise-overlay__dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:dialog-backdrop-in .15s ease}@keyframes dialog-backdrop-in{0%{opacity:0}to{opacity:1}}.exercise-overlay__dialog{max-width:380px;width:90%;padding:28px 24px 20px;border-radius:16px;background:var(--color-surface);border:1px solid var(--color-border-gold);box-shadow:0 16px 48px #0009,0 0 40px #ffd54f14;animation:dialog-slide-in .2s ease;outline:none}@keyframes dialog-slide-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.exercise-overlay__dialog-title{font-size:1.25rem;font-weight:800;color:var(--color-text-heading);margin:0 0 8px}.exercise-overlay__dialog-message{font-size:.9rem;font-weight:500;color:var(--color-text);line-height:1.5;margin:0 0 20px}.exercise-overlay__dialog-actions{display:flex;gap:10px;justify-content:flex-end}.exercise-overlay__dialog-btn{padding:10px 20px;border-radius:10px;font-size:.85rem;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:all .12s ease;border:none;min-height:44px}.exercise-overlay__dialog-btn:focus-visible{outline:2px solid #ffd54f;outline-offset:2px}.exercise-overlay__dialog-btn--stay{background:var(--color-input-bg);color:var(--color-text);border:1px solid var(--color-border)}.exercise-overlay__dialog-btn--stay:hover{background:var(--color-border);color:var(--color-text-heading)}.exercise-overlay__dialog-btn--leave{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;box-shadow:0 2px 8px #e74c3c4d}.exercise-overlay__dialog-btn--leave:hover{background:linear-gradient(135deg,#ff5744,#e74c3c);box-shadow:0 4px 14px #e74c3c73}@media(max-width:700px){.exercise-overlay{flex-direction:column}.exercise-overlay__scene{flex:1 1 55%;min-height:0}.exercise-overlay__panel{flex:0 0 auto;border-left:none;border-top:1px solid var(--color-border-gold);border-radius:16px 16px 0 0;padding:12px 16px 16px;gap:4px;max-height:45%}.exercise-overlay__name{font-size:1.15rem}.exercise-overlay__instruction{font-size:.8rem}.exercise-overlay__reps{font-size:1.6rem}.exercise-overlay__timer{font-size:1.8rem}.exercise-overlay__feedback{font-size:1.8rem;top:12%}.exercise-overlay__tap-hint{left:50%;bottom:auto;top:10px}.exercise-overlay__back-btn{top:10px;left:10px;padding:6px 12px;font-size:.72rem}.exercise-overlay__dialog{max-width:92%;padding:20px 16px 16px}.exercise-overlay__dialog-actions{flex-direction:column-reverse}.exercise-overlay__dialog-btn{width:100%;text-align:center}}.break-offer{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:50;background:radial-gradient(ellipse at center,#0a2420b8,#041012e6);animation:break-offer-fade .25s ease-out}.break-offer__card{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:2rem 1.75rem 1.5rem;text-align:center;background:#001113f2;background:oklch(.16 .03 205 / .95);border:1px solid rgba(255,255,255,.1);border-radius:18px;box-shadow:0 24px 64px -16px #0009;animation:break-offer-pop .3s ease-out}.break-offer__badge{padding:.25rem .75rem;font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;border-radius:6px;background:#46b86e26;color:#70e093}.break-offer__title{margin:.5rem 0 0;font-size:2rem;font-weight:900;color:#fff;line-height:1.1}.break-offer__subtitle{margin:0;font-size:.85rem;color:#fff9}.break-offer__next{display:flex;flex-direction:column;gap:.15rem;margin:.75rem 0 .5rem;padding:.5rem .9rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:10px}.break-offer__next-label{font-size:.6rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#f2ca3fb3}.break-offer__next-name{font-size:1rem;font-weight:700;color:#fff}.break-offer__actions{display:flex;flex-direction:column;gap:.6rem;width:100%;margin-top:1rem}.break-offer__continue{width:100%;padding:.8rem 1rem;border:none;border-radius:10px;background:linear-gradient(100deg,#f1bc00,#edc018,#e8c52b 12.5%,#ddce44 25%,#c5df66,#8dde95 75%,#6adda8 87.5%,#54dcb0,#34dbb9);background:linear-gradient(100deg,color(xyz 0.544 0.547 0.072),#edc018,#e8c52b 12.5%,#ddce44 25%,#c5df66,#8dde95 75%,#6adda8 87.5%,#54dcb0,#34dbb9);color:#001618;color:oklch(.18 .035 205);font-family:inherit;font-weight:800;font-size:.9rem;letter-spacing:.08em;cursor:pointer;transition:transform .15s ease;box-shadow:0 8px 24px -8px #debb1966,inset 0 1px #ffffff40}.break-offer__continue:hover{transform:translateY(-1px)}.break-offer__continue:focus-visible{outline:3px solid oklch(.85 .155 92);outline-offset:3px}.break-offer__break{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.8rem 1rem;border:1px solid oklch(.6 .1 190 / .4);border-radius:10px;background:#14938d1a;color:#7ecfc9;font-family:inherit;font-weight:700;font-size:.9rem;letter-spacing:.04em;cursor:pointer;transition:all .15s ease}.break-offer__break:hover{background:#14938d2e;border-color:#14938d99}.break-offer__break:focus-visible{outline:3px solid oklch(.8 .08 190);outline-offset:3px}.break-offer__hint{margin:.25rem 0 0;font-size:.7rem;color:#ffffff73;font-style:italic}@keyframes break-offer-fade{0%{opacity:0}to{opacity:1}}@keyframes break-offer-pop{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:768px){.break-offer{padding:1rem}.break-offer__card{padding:1.5rem 1.25rem 1.25rem}.break-offer__title{font-size:1.6rem}}.archery-game{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;flex-direction:column;overflow:hidden;background:#000c0e;background:oklch(.14 .03 205);-webkit-user-select:none;user-select:none;animation:archery-game-fade .25s ease-out}.archery-game__bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center}.archery-game__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#0a24204d,#041012a8)}.archery-game__hud{position:relative;z-index:2;display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem}.archery-game__brand{display:flex;flex-direction:column;gap:.15rem;margin-right:auto}.archery-game__brand-name{font-size:.95rem;font-weight:900;letter-spacing:.06em;color:#fff}.archery-game__brand-context{align-self:flex-start;padding:.15rem .55rem;font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;border-radius:5px;background:#46b86e26;color:#70e093}.archery-game__score,.archery-game__arrows{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .7rem;border-radius:8px;background:#0a1e2299;border:1px solid rgba(255,255,255,.08);font-weight:800;font-size:.8rem;color:#fff}.archery-game__score{color:#f2ca3f}.archery-game__exit{padding:.45rem .85rem;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#0a1e2299;color:#ffffffbf;font-family:inherit;font-weight:700;font-size:.75rem;cursor:pointer;transition:all .15s ease}.archery-game__exit:hover{border-color:#fff6;color:#fff}.archery-game__exit:focus-visible{outline:3px solid oklch(.85 .155 92);outline-offset:2px}.archery-game__field{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;cursor:crosshair}.archery-game__instruction{margin:.25rem auto 0;max-width:540px;padding:.4rem 1rem;text-align:center;font-size:.78rem;line-height:1.45;color:#ffffffd1;background:#0a1e228c;border:1px solid rgba(255,255,255,.08);border-radius:999px}.archery-game__lane{position:relative;flex:1;margin:0 2%}.archery-game__lane:before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background-image:linear-gradient(90deg,rgba(255,255,255,.22) 55%,transparent 45%);background-size:26px 2px}.archery-game__target{position:absolute;top:50%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:#ece5cb;box-shadow:0 12px 32px -8px #0000008c,0 0 0 2px #ffffff2e;transition:left calc(.25s * var(--centering, 0)) ease}.archery-game__ring{position:absolute;border-radius:50%}.archery-game__ring--outer{top:10%;right:10%;bottom:10%;left:10%;background:#009a94;background:oklch(.62 .11 190)}.archery-game__ring--inner{top:22.5%;right:22.5%;bottom:22.5%;left:22.5%;background:#70e093}.archery-game__ring--core{top:37.5%;right:37.5%;bottom:37.5%;left:37.5%;background:#f2ca3f;box-shadow:inset 0 0 0 2px #ffffff59}.archery-game__feedback{position:absolute;top:16%;left:50%;transform:translate(-50%);padding:.35rem 1rem;border-radius:999px;font-weight:900;font-size:.95rem;letter-spacing:.05em;pointer-events:none;animation:archery-game-feedback 1.5s ease-out forwards}.archery-game__feedback--bullseye{background:#f2ca3f33;border:1px solid oklch(.85 .155 92 / .5);color:#ffe38c;color:oklch(.92 .15 92)}.archery-game__feedback--hit{background:#00c47129;background:oklch(.72 .18 155 / .16);border:1px solid oklch(.72 .18 155 / .4);color:#72eaa2}.archery-game__feedback--miss{background:#b9464226;border:1px dashed oklch(.55 .12 25 / .4);color:#df7f78}.archery-game__shots,.archery-game__shot{display:none}.archery-game__bow{position:absolute;bottom:4.2rem;left:50%;transform:translate(-50%);pointer-events:none;filter:drop-shadow(0 8px 14px rgba(0,0,0,.45))}.archery-game__bow svg{width:52px;height:130px}.archery-game__nocked{position:absolute;bottom:5.9rem;left:50%;z-index:2;transform:translate(-50%);pointer-events:none;filter:drop-shadow(0 0 5px rgba(255,255,255,.5)) drop-shadow(0 4px 8px rgba(0,0,0,.5));animation:archery-game-nocked 1.4s ease-in-out infinite alternate}.archery-game__flight{position:absolute;top:50%;z-index:3;transform:translate(-50%,var(--start-y, 32%));pointer-events:none;filter:drop-shadow(0 0 6px rgba(255,255,255,.6)) drop-shadow(0 4px 8px rgba(0,0,0,.5));animation:archery-game-flight var(--flight-ms, .38s) cubic-bezier(.25,.7,.35,1) forwards}.archery-game__impact{position:absolute;top:50%;z-index:2;width:24px;height:24px;border-radius:50%;border:2px solid rgba(255,255,255,.9);box-shadow:0 2px 8px #00000073;transform:translate(-50%,-50%);pointer-events:none;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800;line-height:1;animation:archery-game-impact .25s ease-out;transition:left calc(.25s * var(--centering, 0)) ease}.archery-game__impact--bullseye{background:#f2ca3f;color:#1e1400}.archery-game__impact--great,.archery-game__impact--solid,.archery-game__impact--edge{background:#00c471;background:oklch(.72 .18 155);color:#fff}.archery-game__impact--miss{background:#cf4040;color:#fff}.archery-game__shoot:disabled{opacity:.55;cursor:default;transform:none;box-shadow:inset 0 1px #ffffff40}.archery-game__shoot:disabled:hover{transform:none}.archery-game__shoot{position:relative;z-index:2;align-self:center;margin-bottom:1.25rem;padding:.95rem 3.4rem;border:none;border-radius:999px;background:linear-gradient(100deg,#f1bc00,#edc018,#e8c52b 12.5%,#ddce44 25%,#c5df66,#8dde95 75%,#6adda8 87.5%,#54dcb0,#34dbb9);background:linear-gradient(100deg,color(xyz 0.544 0.547 0.072),#edc018,#e8c52b 12.5%,#ddce44 25%,#c5df66,#8dde95 75%,#6adda8 87.5%,#54dcb0,#34dbb9);color:#001618;color:oklch(.18 .035 205);font-family:inherit;font-weight:900;font-size:1.05rem;letter-spacing:.16em;cursor:pointer;transition:transform .12s ease;box-shadow:0 10px 28px -8px #debb1973,inset 0 1px #ffffff40}.archery-game__shoot:hover{transform:translateY(-1px)}.archery-game__shoot:active{transform:scale(.97)}.archery-game__shoot:focus-visible{outline:3px solid oklch(.85 .155 92);outline-offset:3px}.archery-game__result-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;align-items:flex-end;justify-content:center;padding:1.5rem 1.5rem 2rem;background:radial-gradient(ellipse at center,#0a2420b8,#041012e6);animation:archery-game-fade .25s ease-out}.archery-game__result-card{width:100%;max-width:380px;display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:2rem 1.75rem 1.5rem;text-align:center;background:#001113f2;background:oklch(.16 .03 205 / .95);border:1px solid rgba(255,255,255,.1);border-radius:18px;box-shadow:0 24px 64px -16px #0009;animation:archery-game-pop .3s ease-out}.archery-game__result-badge{padding:.25rem .75rem;font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;border-radius:6px;background:#ffffff14;color:#ffffffa6}.archery-game__result-badge--success{background:#f2ca3f26;color:#f2ca3f}.archery-game__result-rank{margin:.5rem 0 0;font-size:1.6rem;font-weight:900;color:#fff;line-height:1.15}.archery-game__result-score{margin:0;font-size:1.05rem;font-weight:800;color:#f2ca3f}.archery-game__result-shots{width:100%;margin:.75rem 0 .25rem;padding:0;list-style:none;display:flex;flex-direction:column;gap:.3rem}.archery-game__result-shot{display:flex;align-items:center;justify-content:space-between;padding:.3rem .75rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:8px;font-size:.78rem}.archery-game__result-shot-label{color:#ffffffbf}.archery-game__result-shot-value{font-weight:800;color:#f2ca3f}.archery-game__result-coins{margin:.4rem 0 0;padding:.35rem .9rem;border-radius:999px;background:#f2ca3f24;border:1px solid oklch(.85 .155 92 / .4);color:#f4d660;font-weight:800;font-size:.85rem}.archery-game__result-hint{margin:.4rem 0 0;font-size:.7rem;color:#ffffff73;font-style:italic}.archery-game__result-actions{display:flex;flex-direction:column;gap:.6rem;width:100%;margin-top:1rem}.archery-game__result-again{width:100%;padding:.8rem 1rem;border:none;border-radius:10px;background:linear-gradient(100deg,#f1bc00,#edc018,#e8c52b 12.5%,#ddce44 25%,#c5df66,#8dde95 75%,#6adda8 87.5%,#54dcb0,#34dbb9);background:linear-gradient(100deg,color(xyz 0.544 0.547 0.072),#edc018,#e8c52b 12.5%,#ddce44 25%,#c5df66,#8dde95 75%,#6adda8 87.5%,#54dcb0,#34dbb9);color:#001618;color:oklch(.18 .035 205);font-family:inherit;font-weight:800;font-size:.9rem;letter-spacing:.08em;cursor:pointer;transition:transform .15s ease;box-shadow:0 8px 24px -8px #debb1966,inset 0 1px #ffffff40}.archery-game__result-again:hover{transform:translateY(-1px)}.archery-game__result-again:focus-visible{outline:3px solid oklch(.85 .155 92);outline-offset:3px}.archery-game__result-exit{width:100%;padding:.8rem 1rem;border:1px solid oklch(.6 .1 190 / .4);border-radius:10px;background:#14938d1a;color:#7ecfc9;font-family:inherit;font-weight:700;font-size:.9rem;letter-spacing:.04em;cursor:pointer;transition:all .15s ease}.archery-game__result-exit:hover{background:#14938d2e;border-color:#14938d99}.archery-game__result-exit:focus-visible{outline:3px solid oklch(.8 .08 190);outline-offset:3px}@keyframes archery-game-fade{0%{opacity:0}to{opacity:1}}@keyframes archery-game-pop{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}@keyframes archery-game-feedback{0%{opacity:0;transform:translate(-50%,10px)}10%{opacity:1;transform:translate(-50%)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-16px)}}@keyframes archery-game-nocked{0%{transform:translate(-50%) translateY(0)}to{transform:translate(-50%) translateY(-5px)}}@keyframes archery-game-flight{0%{transform:translate(-50%,var(--start-y, 32%))}to{transform:translate(calc(-50% + var(--impact-x, 0%)),-50%)}}@keyframes archery-game-impact{0%{transform:translate(-50%,-50%) scale(.3)}to{transform:translate(-50%,-50%) scale(1)}}@media(max-width:768px){.archery-game__hud{flex-wrap:wrap;padding:.6rem .75rem}.archery-game__brand-name{font-size:.85rem}.archery-game__instruction{font-size:.7rem;margin-left:.75rem;margin-right:.75rem}.archery-game__bow{bottom:3.4rem}.archery-game__bow svg{width:42px;height:105px}.archery-game__nocked{bottom:4.8rem}.archery-game__shoot{padding:.85rem 2.6rem;font-size:.95rem;margin-bottom:1rem}.archery-game__result-card{padding:1.5rem 1.25rem 1.25rem}.archery-game__result-rank{font-size:1.35rem}}@media(prefers-reduced-motion:reduce){.archery-game,.archery-game__result-overlay,.archery-game__result-card,.archery-game__feedback,.archery-game__impact{animation-duration:.01ms;animation-iteration-count:1}.archery-game__target{transition-duration:.01ms}.archery-game__nocked{animation:none}.archery-game__flight{animation-duration:.01ms}}.ai-view{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;display:flex;flex-direction:column;background:#040912f0;color:#fff;overflow:hidden}.ai-view__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;flex-shrink:0}.ai-view__title{font-size:1.3rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 16px rgba(30,136,229,.5),0 2px 4px rgba(0,0,0,.5)}.ai-view__tap-switch{border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:8px 14px;font-size:.7rem;font-weight:800;letter-spacing:.1em;color:#ffffffbf;background:#ffffff0f;cursor:pointer;transition:all .12s ease}.ai-view__tap-switch:hover{background:#ffffff1f;color:#fff}.ai-view__body{display:flex;flex:1;min-height:0;padding:0 20px 20px;gap:20px}.ai-view__stage{position:relative;flex:1;min-width:0;min-height:0}.ai-view__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;border-radius:16px;background:#000;transform:scaleX(-1);box-shadow:0 12px 48px #0009}.pose-skeleton{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:scaleX(-1);pointer-events:none;z-index:1}.ai-view__status{position:absolute;left:50%;bottom:24px;transform:translate(-50%);z-index:2;display:flex;align-items:center;gap:10px;padding:10px 18px;border-radius:999px;font-size:.85rem;font-weight:700;color:#ffffffe6;background:#080e18cc;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap}.ai-view__spinner{width:14px;height:14px;border-radius:50%;border:2px solid rgba(80,227,194,.3);border-top-color:#50e3c2;animation:ai-spin .8s linear infinite}@keyframes ai-spin{to{transform:rotate(360deg)}}.ai-view__hud{display:flex;flex-direction:column;justify-content:center;gap:10px;width:320px;flex-shrink:0;padding:24px;border-radius:16px;background:#080e18bf;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ai-view__counter{font-size:3.5rem;font-weight:900;line-height:1;color:#50e3c2;font-variant-numeric:tabular-nums;text-shadow:0 0 24px rgba(80,227,194,.5)}.ai-view__counter-target{font-size:1.6rem;font-weight:600;color:#50e3c273}.ai-view__feedback{min-height:1.8em;font-size:1.15rem;font-weight:800;color:#ffd54f;text-shadow:0 0 20px rgba(255,213,79,.45);transition:opacity .15s ease,transform .15s ease;opacity:0;transform:translateY(4px)}.ai-view__feedback--visible{opacity:1;transform:translateY(0)}.ai-view__guidance{padding:10px 14px;border-radius:10px;font-size:.85rem;font-weight:700;color:#ffe0b2;background:#ff980024;border:1px solid rgba(255,152,0,.35)}.ai-view__instruction{margin-top:6px;font-size:.9rem;font-weight:500;color:#fffc;line-height:1.4}.ai-view__safety{font-size:.75rem;font-weight:500;font-style:italic;color:#ffffff73}.ai-panel{position:fixed;right:22px;bottom:22px;z-index:55;width:min(300px,42vw);aspect-ratio:300 / 230;display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:#050b15d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(80,227,194,.35);box-shadow:0 20px 52px #0009,0 0 26px #50e3c22e;animation:ai-panel-in .35s cubic-bezier(.22,1,.36,1)}@keyframes ai-panel-in{0%{opacity:0;transform:translateY(16px) scale(.94)}to{opacity:1;transform:none}}.ai-panel__header{display:flex;align-items:center;justify-content:space-between;padding:8px 8px 0 12px;flex-shrink:0}.ai-panel__badge{display:inline-flex;align-items:center;gap:7px;font-size:.62rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#50e3c2}.ai-panel__dot{width:7px;height:7px;border-radius:50%;background:#50e3c2;box-shadow:0 0 10px #50e3c2e6;animation:camera-chip-pulse 1.2s ease-in-out infinite}.ai-panel__close{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:#ffffffbf;font-size:.8rem;line-height:1;cursor:pointer;transition:all .12s ease}.ai-panel__close:hover{color:#fff;background:#ffffff24}.ai-panel__stage{position:relative;flex:1;min-height:0}.ai-panel__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;opacity:0;pointer-events:none}.ai-panel__canvas{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ai-panel__status{position:absolute;left:50%;bottom:8px;transform:translate(-50%);z-index:2;display:flex;align-items:center;gap:8px;padding:5px 12px;border-radius:999px;font-size:.72rem;font-weight:700;white-space:nowrap;color:#ffffffe6;background:#080e18cc;border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ai-panel__feedback{position:absolute;left:50%;bottom:38px;transform:translate(-50%);z-index:2;max-width:88%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:4px 12px;border-radius:999px;font-size:.72rem;font-weight:700;color:#50e3c2;background:#080e18cc;border:1px solid rgba(80,227,194,.35);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:ai-feedback-pop .35s ease-out}@keyframes ai-feedback-pop{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}.ai-panel__status--ok{color:#50e3c2;border-color:#50e3c259}.ai-panel__check{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;font-size:.62rem;font-weight:900;color:#06121c;background:#50e3c2;box-shadow:0 0 8px #50e3c2b3}.ai-panel__spinner{width:13px;height:13px;border-radius:50%;border:2px solid rgba(80,227,194,.3);border-top-color:#50e3c2;animation:ai-spin .8s linear infinite}.ai-panel__error{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:14px;text-align:center;background:#050b15f5}.ai-panel__error-title{font-size:.95rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.ai-panel__error-body{font-size:.78rem;font-weight:500;color:#ffffffb3;line-height:1.4}.ai-panel__retry{border:none;border-radius:10px;padding:10px 22px;font-size:.8rem;font-weight:800;letter-spacing:.08em;color:#fff;background:linear-gradient(135deg,#3a7bd5,#5ca0f2);box-shadow:0 4px 16px #3a7bd566;cursor:pointer;transition:all .12s ease}.ai-panel__retry:hover{transform:translateY(-2px)}.ai-view__error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:10px;width:min(420px,90%);padding:28px;border-radius:18px;text-align:center;background:#080e18f5;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 64px #0009}.ai-view__error-title{font-size:1.3rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.ai-view__error-body{font-size:.9rem;font-weight:500;color:#ffffffb3;line-height:1.5}.ai-view__error-detail{max-width:100%;overflow-wrap:anywhere;padding:6px 10px;border-radius:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;line-height:1.4;color:#ffc88cd9;background:#ffffff0d;border:1px dashed rgba(255,255,255,.15)}.ai-view__error-actions{display:flex;gap:12px;margin-top:8px;flex-wrap:wrap;justify-content:center}.ai-view__error-retry{border:none;border-radius:10px;padding:12px 24px;font-size:.85rem;font-weight:800;letter-spacing:.08em;color:#fff;background:linear-gradient(135deg,#3a7bd5,#5ca0f2);box-shadow:0 4px 16px #3a7bd566;cursor:pointer;transition:all .12s ease}.ai-view__error-retry:hover{transform:translateY(-2px)}.ai-view__error-tap{border:1px solid rgba(255,255,255,.25);border-radius:10px;padding:12px 24px;font-size:.85rem;font-weight:800;letter-spacing:.08em;color:#ffffffd9;background:#ffffff14;cursor:pointer;transition:all .12s ease}.ai-view__error-tap:hover{background:#ffffff24}.camera-choice{position:fixed;left:50%;bottom:7vh;transform:translate(-50%);z-index:55;display:flex;flex-direction:column;align-items:center;gap:8px;width:min(420px,90%);padding:22px 26px;border-radius:18px;text-align:center;background:#080e18eb;border:1px solid rgba(80,227,194,.35);box-shadow:0 24px 64px #0000008c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto}.camera-choice__badge{font-size:.65rem;font-weight:800;letter-spacing:.2em;color:#50e3c2;text-transform:uppercase}.camera-choice__title{font-size:1.25rem;font-weight:900}.camera-choice__body{font-size:.85rem;font-weight:500;color:#ffffffb3;line-height:1.5}.camera-choice__button{margin-top:6px;border:none;border-radius:12px;padding:13px 30px;font-size:.95rem;font-weight:800;letter-spacing:.08em;color:#06121c;background:linear-gradient(135deg,#50e3c2,#2fd6b4);box-shadow:0 4px 20px #50e3c266;cursor:pointer;transition:all .12s ease}.camera-choice__button:hover{transform:translateY(-2px);box-shadow:0 8px 28px #50e3c280}.camera-choice__privacy{font-size:.7rem;font-weight:500;color:#fff6}.camera-chip{position:fixed;left:50%;bottom:4vh;transform:translate(-50%);z-index:55;display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.06em;color:#ffffffbf;background:#080e18bf;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.camera-chip--ready{color:#50e3c2e6;border-color:#50e3c259}.camera-chip--error{color:#ffcc80;border-color:#ff980066}.camera-chip__dot{width:8px;height:8px;border-radius:50%;background:#ffd54f;animation:camera-chip-pulse 1s ease-in-out infinite}@keyframes camera-chip-pulse{0%,to{opacity:.35}50%{opacity:1}}@media(max-width:900px){.ai-view__body{flex-direction:column;padding:0 12px 12px}.ai-view__hud{width:auto;flex-shrink:0;padding:14px 18px;gap:6px}.ai-view__counter{font-size:2.4rem}.ai-view__instruction,.ai-view__safety{display:none}.ai-panel{right:14px;bottom:14px;width:min(240px,56vw)}}.reward-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;animation:reward-screen-fade-in .5s ease-out}.reward-screen__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.reward-screen__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(ellipse at center,#050c08d1,#020604f2);pointer-events:none}@keyframes reward-screen-fade-in{0%{opacity:0}to{opacity:1}}.reward-screen__card{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;background:var(--color-surface-card);border:2px solid var(--color-border-gold);border-radius:20px;padding:48px 56px;max-width:460px;width:90%;text-align:center;box-shadow:0 0 60px #ffd54f26,0 8px 40px #00000080;animation:reward-card-enter .5s ease-out .1s both}@keyframes reward-card-enter{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.reward-screen__icon{font-size:4rem;color:#ffd54f;text-shadow:0 0 30px rgba(255,213,79,.6);margin-bottom:16px;animation:reward-icon-pulse 2s ease-in-out infinite}@keyframes reward-icon-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.reward-screen__title{font-size:1.8rem;font-weight:800;color:var(--color-text-heading);margin:0 0 12px;text-shadow:0 0 12px rgba(255,213,79,.3)}.reward-screen__quest{font-size:1.1rem;font-weight:600;color:var(--color-accent-blue);margin-bottom:24px}.reward-screen__rewards{display:flex;gap:24px;justify-content:center;margin-bottom:32px;padding:16px 24px;background:var(--color-input-bg);border-radius:12px;border:1px solid var(--color-border)}.reward-screen__reward-item{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:64px}.reward-screen__reward-icon{font-size:1.6rem}.reward-screen__reward-value{font-size:1.2rem;font-weight:700;color:var(--color-accent)}.reward-screen__reward-label{font-size:.75rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.reward-screen__continue{display:inline-flex;align-items:center;justify-content:center;padding:14px 40px;font-size:1rem;font-weight:700;color:var(--color-text-on-art);background:linear-gradient(135deg,#1e88e5,#1565c0);border:none;border-radius:12px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 4px 16px #1e88e54d}.reward-screen__continue:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1e88e580}.reward-screen__continue:active{transform:translateY(0)}.reward-screen__notice{font-size:.85rem;font-weight:500;color:var(--color-text-muted);font-style:italic;padding:12px 16px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1);margin-bottom:20px}.reward-screen__lumia-badge{font-size:.7rem;font-weight:800;letter-spacing:.2em;color:var(--color-accent);background:#ffd54f1f;border:1px solid var(--color-border-gold);border-radius:999px;padding:3px 14px;margin-bottom:12px}.reward-screen__badge{font-size:.72rem;font-weight:700;letter-spacing:.12em;color:var(--color-accent-blue);background:#7cc4ff1a;border:1px solid rgba(124,196,255,.2);border-radius:12px;padding:4px 14px;margin-bottom:8px}.reward-screen__quest-name{font-size:1.5rem;font-weight:700;color:var(--color-text-heading);margin:0 0 20px;text-shadow:0 0 10px rgba(100,180,255,.3)}.reward-screen__progress{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 16px;margin-bottom:20px}.reward-screen__progress-label{font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:6px}.reward-screen__progress-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.reward-screen__progress-fraction{font-size:.9rem;font-weight:600;color:var(--color-text)}.reward-screen__progress-pct{font-size:.85rem;font-weight:700;color:#4caf50}.reward-screen__progress-bar-track{height:6px;background:#ffffff1a;border-radius:999px;overflow:hidden}.reward-screen__progress-bar-fill{height:100%;background:linear-gradient(90deg,#4caf50,#81c784);border-radius:999px;transition:width .6s ease}.reward-screen__actions{display:flex;flex-direction:column;gap:10px;width:100%}.reward-screen__btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 32px;font-size:.95rem;font-weight:700;border:none;border-radius:12px;cursor:pointer;font-family:inherit;transition:transform .15s ease,box-shadow .15s ease;letter-spacing:.03em}.reward-screen__btn--primary{color:var(--color-text-on-art);background:linear-gradient(135deg,#1e88e5,#1565c0);box-shadow:0 4px 16px #1e88e54d}.reward-screen__btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1e88e580}.reward-screen__btn--secondary{color:var(--color-text-muted);background:var(--color-input-bg);border:1px solid var(--color-border)}.reward-screen__btn--secondary:hover{background:var(--color-border);color:var(--color-text)}.reward-screen__btn:active{transform:translateY(0)}.world-complete{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;animation:world-complete-fade-in .6s ease-out}.world-complete__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.world-complete__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(ellipse at center,#040a06d9,#020604f7);pointer-events:none}@keyframes world-complete-fade-in{0%{opacity:0}to{opacity:1}}.world-complete__card{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;background:var(--color-surface-card);border:2px solid var(--color-border-gold);border-radius:20px;padding:40px 52px;max-width:480px;width:90%;text-align:center;box-shadow:0 0 80px #ffd54f33,0 12px 48px #0009;animation:world-complete-card-enter .6s ease-out .1s both}@keyframes world-complete-card-enter{0%{opacity:0;transform:translateY(24px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.world-complete__lumia-badge{font-size:.7rem;font-weight:800;letter-spacing:.2em;color:var(--color-accent);background:#ffd54f1f;border:1px solid var(--color-border-gold);border-radius:999px;padding:3px 14px;margin-bottom:16px}.world-complete__trophy{font-size:3.5rem;margin-bottom:12px;animation:world-complete-trophy-bounce .6s ease-out .4s both}@keyframes world-complete-trophy-bounce{0%{transform:scale(0) rotate(-10deg)}70%{transform:scale(1.15) rotate(4deg)}to{transform:scale(1) rotate(0)}}.world-complete__title{font-size:1.6rem;font-weight:800;color:var(--color-text-heading);margin:0 0 8px;text-shadow:0 0 16px rgba(255,213,79,.4);line-height:1.2}.world-complete__subtitle{font-size:.9rem;color:var(--color-text-muted);margin-bottom:24px;line-height:1.4}.world-complete__progress-block{width:100%;background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:12px;padding:14px 18px;margin-bottom:20px}.world-complete__progress-label{font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:6px}.world-complete__progress-fraction{font-size:1.2rem;font-weight:700;color:var(--color-accent);margin-bottom:8px}.world-complete__progress-count{color:var(--color-accent)}.world-complete__progress-sep{color:var(--color-text-muted)}.world-complete__progress-total{color:var(--color-text)}.world-complete__progress-unit{font-size:.85rem;font-weight:400;color:var(--color-text-muted)}.world-complete__progress-bar-track{height:6px;background:#ffffff1a;border-radius:999px;overflow:hidden;margin-bottom:6px}.world-complete__progress-bar-fill{height:100%;background:linear-gradient(90deg,#4caf50,#81c784);border-radius:999px;transition:width .8s ease}.world-complete__progress-pct{font-size:.85rem;font-weight:600;color:#81c784;text-align:right}.world-complete__rewards{display:flex;gap:20px;justify-content:center;margin-bottom:28px;padding:14px 20px;background:#ffffff0a;border-radius:12px;border:1px solid rgba(255,255,255,.08);width:100%}.world-complete__reward-item{display:flex;flex-direction:column;align-items:center;gap:3px;flex:1}.world-complete__reward-icon{font-size:1.5rem}.world-complete__reward-value{font-size:1.15rem;font-weight:700;color:var(--color-accent)}.world-complete__reward-label{font-size:.68rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.world-complete__hub-btn{padding:14px 44px;font-size:1rem;font-weight:700;color:var(--color-text-on-art);background:linear-gradient(135deg,#2e7d32,#4caf50);border:none;border-radius:12px;cursor:pointer;font-family:inherit;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 4px 16px #4caf504d}.world-complete__hub-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5080}.world-complete__hub-btn:active{transform:translateY(0)}.fish-game{position:relative;width:100vw;height:100vh;height:100dvh;overflow:hidden;background:#04121f;touch-action:none;user-select:none;-webkit-user-select:none;cursor:crosshair}.fish-game__canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;width:100%;height:100%}.fish-scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.fish-scene canvas{display:block}.fish-game__shimmer{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;z-index:2;pointer-events:none;opacity:.055;mix-blend-mode:screen;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.011 0.019' numOctaves='2' seed='7'/><feColorMatrix type='saturate' values='0'/></filter><rect width='300' height='300' filter='url(%23n)' opacity='0.6'/></svg>");background-size:300px 300px;animation:fish-shimmer 16s linear infinite}@keyframes fish-shimmer{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-4%,-3%,0) scale(1.14)}}.fish-game__hidden-video{position:fixed;width:2px;height:2px;opacity:.01;pointer-events:none;right:0;bottom:0}.fish-game__zone-flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background:radial-gradient(circle at 50% 50%,#ffffffd9,#ffffff59);animation:fish-zone-flash .7s ease-out forwards;pointer-events:none}@keyframes fish-zone-flash{0%{opacity:1}to{opacity:0}}.fish-game__grow-flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background:radial-gradient(circle at 50% 55%,#ffe282e6,#ffbe464d 55%,#ffbe4600);animation:fish-zone-flash .8s ease-out forwards;pointer-events:none}.fish-game__danger{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;box-shadow:inset 0 0 120px 34px #ff2e3c80;animation:fish-danger-pulse .9s ease-in-out infinite}@keyframes fish-danger-pulse{0%,to{opacity:.35}50%{opacity:.95}}.fish-game__hud{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 18px;pointer-events:none;background:linear-gradient(#030c1a8c,#030c1a00)}.fish-game__hud>*{pointer-events:auto}.fish-game__hud-left{display:flex;flex-direction:column;gap:2px;min-width:150px}.fish-game__score{display:flex;align-items:baseline;gap:8px}.fish-game__score-label{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#c8f5ffbf}.fish-game__score-value{font-size:1.5rem;font-weight:800;color:#fff;text-shadow:0 2px 12px rgba(60,200,255,.55)}.fish-game__best{font-size:.74rem;color:#c8f0ffa6}.fish-game__hud-center{display:flex;justify-content:center;flex:1;min-width:0}.fish-game__level{display:flex;flex-direction:column;align-items:center;gap:3px;max-width:260px;width:100%}.fish-game__tier-label{font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:#c8f5ffa6}.fish-game__level-name{font-size:.85rem;font-weight:700;color:#ffe9a3;text-shadow:0 1px 8px rgba(255,200,80,.4);white-space:nowrap}.fish-game__tier-index{font-weight:500;color:#d2f0ff99}.fish-game__growth-bar{width:100%;height:8px;border-radius:6px;background:#061e37bf;border:1px solid rgba(140,220,255,.35);overflow:hidden}.fish-game__growth-fill{height:100%;border-radius:6px;background:linear-gradient(90deg,#38d8c6,#9ffbea);box-shadow:0 0 10px #78f0dccc;transition:width .3s ease}.fish-game__growth-label{font-size:.68rem;color:#c8f0ffb3}.fish-game__growth-label--apex{font-weight:800;color:#ffd76e;text-shadow:0 0 12px rgba(255,190,80,.75);animation:fish-pulse 1.6s ease-in-out infinite}.fish-game__hud-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;min-width:210px}.fish-game__zone{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2}.fish-game__zone-label{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:#c8f5ffb3}.fish-game__zone-name{font-size:.95rem;font-weight:700;color:#d6f8ff;text-shadow:0 1px 10px rgba(120,210,255,.5)}.fish-game__body-btn{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;border:1px solid rgba(140,220,255,.45);background:#061e37b8;color:#cfefff;font-size:.74rem;cursor:pointer;transition:background .2s ease,border-color .2s ease}.fish-game__body-btn:hover{background:#143c64cc;border-color:#a0ebffcc}.fish-game__body-status{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;border:1px solid rgba(140,220,255,.3);background:#061e37b8;color:#cfefff;font-size:.74rem}.fish-game__body-dot{width:9px;height:9px;border-radius:50%;background:#96c8e680;flex-shrink:0}.fish-game__body-dot--pulse{background:#ffd76e;animation:fish-pulse 1s ease-in-out infinite}.fish-game__body-dot--seen{background:#4be27a;box-shadow:0 0 10px #4be27ae6}@keyframes fish-pulse{0%,to{opacity:.35}50%{opacity:1}}.fish-game__camera-error{max-width:210px;text-align:right;font-size:.7rem;color:#ffb0a0}.fish-game__predator-warn{position:absolute;left:50%;top:84px;z-index:10;transform:translate(-50%);padding:8px 18px;border-radius:999px;border:1px solid rgba(255,120,110,.65);background:#340a0ed1;color:#ffc4bc;font-size:.82rem;font-weight:700;text-align:center;text-shadow:0 1px 6px rgba(255,80,70,.6);box-shadow:0 0 24px #ff3c3c59;animation:fish-rise .25s ease-out,fish-danger-pulse .9s ease-in-out infinite;pointer-events:none}.fish-game__gate-hint{position:absolute;left:50%;bottom:12%;z-index:10;transform:translate(-50%);padding:10px 20px;border-radius:14px;border:1px solid rgba(255,215,110,.5);background:#281c06cc;color:#ffe9a3;font-size:.9rem;font-weight:600;text-align:center;animation:fish-rise .35s ease-out;pointer-events:none}.fish-game__banner{position:absolute;left:50%;top:30%;z-index:10;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px 40px;border-radius:22px;border:1px solid rgba(180,240,255,.4);background:#041428b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fish-rise .4s ease-out;pointer-events:none;text-align:center}.fish-game__banner-title{font-size:1.6rem;font-weight:800;color:#fff;text-shadow:0 2px 18px rgba(90,220,255,.7)}.fish-game__banner-sub{font-size:.85rem;color:#d2f0ffd9}@keyframes fish-rise{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}.fish-game__banner--gold{border-color:#ffd76ea6;background:#2e2006c7;box-shadow:0 0 44px #ffc45059}.fish-game__banner--gold .fish-game__banner-title{color:#ffe9a3;text-shadow:0 2px 18px rgba(255,190,70,.85)}.fish-game__banner--gold .fish-game__banner-sub{color:#ffecbee6}.fish-game__exit{position:absolute;left:14px;bottom:14px;z-index:10;display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;border:1px solid rgba(200,240,255,.35);background:#061e37b8;color:#d6f8ff;font-size:.8rem;cursor:pointer;transition:background .2s ease}.fish-game__exit:hover{background:#143c64d9}.fish-game__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#020a18a8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fish-fade-in .4s ease-out}@keyframes fish-fade-in{0%{opacity:0}to{opacity:1}}.fish-game__intro{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:430px;margin:0 20px;padding:34px 38px;border-radius:26px;border:1px solid rgba(150,230,255,.4);background:linear-gradient(160deg,#0a2846f0,#041228f0);box-shadow:0 20px 70px #0000008c,0 0 60px #46bee62e;text-align:center}.fish-game__intro-orb{display:flex;align-items:center;justify-content:center;width:76px;height:76px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#9ffbea,#1d8f83 70%);box-shadow:0 0 34px #78f0dcbf;animation:fish-float 3s ease-in-out infinite}.fish-game__intro-orb--dim{background:radial-gradient(circle at 35% 30%,#ffd9c9,#b0543c 70%);box-shadow:0 0 34px #ffa0788c}.fish-game__intro-fish{font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.35))}@keyframes fish-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.fish-game__intro-title{margin:0;font-size:1.9rem;font-weight:800;color:#fff;text-shadow:0 2px 20px rgba(90,220,255,.65)}.fish-game__intro-sub{margin:0;font-size:.95rem;color:#cdf0ffe6}.fish-game__intro-list{margin:6px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;text-align:left;font-size:.85rem;color:#dcf5ffeb}.fish-game__intro-list li:before{content:"◦ ";color:#7ee8c8}.fish-game__intro-list strong{color:#ffe9a3}.fish-game__dot{display:inline-block;width:11px;height:7px;margin-right:2px;border-radius:50%;vertical-align:baseline}.fish-game__dot--prey{border:2px solid #5ef2a0;box-shadow:0 0 8px #5ef2a0cc}.fish-game__dot--hero{border:2px solid #ffe082;box-shadow:0 0 8px #ffe082e6}.fish-game__dot--danger{border:2px solid #ff5a50;box-shadow:0 0 8px #ff5a50cc}.fish-game__intro-list li:has(.fish-game__dot):before{content:none}.fish-game__intro-controls{margin:4px 0 0;font-size:.78rem;color:#bee1f5cc;line-height:1.5}.fish-game__start{margin-top:10px;padding:12px 34px;border:none;border-radius:999px;background:linear-gradient(135deg,#38d8c6,#2a9d8f);color:#03262a;font-size:1rem;font-weight:800;letter-spacing:.03em;cursor:pointer;box-shadow:0 6px 26px #38d8c673;transition:transform .15s ease,box-shadow .2s ease}.fish-game__start:hover{transform:translateY(-2px);box-shadow:0 10px 32px #38d8c699}.fish-game__start:active{transform:translateY(0)}.fish-game__start--ghost{background:transparent;border:1px solid rgba(150,230,255,.5);color:#d6f8ff;box-shadow:none}.fish-game__final-stats{display:flex;gap:18px;margin-top:6px;font-size:.85rem;color:#d2f0ffe6}.fish-game__final-stats strong{color:#ffe9a3;font-size:1.05rem}.fish-game__over-actions{display:flex;gap:12px;margin-top:6px}.fish-skeleton{position:absolute;right:18px;bottom:18px;z-index:40;width:min(240px,34vw);display:flex;flex-direction:column;border-radius:14px;overflow:hidden;background:#041020d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(80,227,194,.4);box-shadow:0 16px 44px #0000008c,0 0 24px #50e3c229;animation:fish-skeleton-in .3s cubic-bezier(.22,1,.36,1)}@keyframes fish-skeleton-in{0%{opacity:0;transform:translateY(14px) scale(.95)}to{opacity:1;transform:none}}.fish-skeleton__header{display:flex;align-items:center;justify-content:space-between;padding:8px 8px 4px 12px;flex-shrink:0}.fish-skeleton__badge{display:inline-flex;align-items:center;gap:6px;font-size:.6rem;font-weight:800;letter-spacing:.18em;color:#50e3c2}.fish-skeleton__dot{width:7px;height:7px;border-radius:50%;background:#50e3c2;box-shadow:0 0 9px #50e3c2e6;flex-shrink:0}.fish-skeleton__dot--pulse{animation:fish-pulse 1.2s ease-in-out infinite}.fish-skeleton__dot--seen{background:#4be27a;box-shadow:0 0 9px #4be27ae6;animation:none}.fish-skeleton__actions{display:inline-flex;gap:2px}.fish-skeleton__icon{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:8px;background:transparent;color:#c8f5ffbf;font-size:.85rem;cursor:pointer;transition:background .15s ease,color .15s ease}.fish-skeleton__icon:hover{background:#78dcff29;color:#fff}.fish-skeleton__stage{position:relative;height:150px;margin:2px 10px 8px;border-radius:10px;background:radial-gradient(circle at 50% 35%,#14466e8c,#030c1ae6);border:1px solid rgba(140,220,255,.16);overflow:hidden}.fish-skeleton__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:scaleX(-1);pointer-events:none}.fish-skeleton__waiting{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:0 12px;text-align:center;font-size:.72rem;color:#c8f0ffbf}.fish-skeleton__spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(80,227,194,.25);border-top-color:#50e3c2;animation:fish-spin .8s linear infinite}@keyframes fish-spin{to{transform:rotate(360deg)}}.fish-skeleton__status{display:flex;align-items:center;justify-content:center;gap:6px;padding:0 12px 10px;font-size:.68rem;color:#9ffbea;text-align:center}.fish-skeleton__status-dim{color:#c8f0ff8c}.fish-skeleton__check{color:#4be27a}.fish-skeleton__error{display:flex;flex-direction:column;align-items:center;gap:6px;margin:2px 10px 12px;padding:14px 12px;border-radius:10px;background:#5014108c;border:1px solid rgba(255,140,110,.35);text-align:center}.fish-skeleton__error-title{font-size:.78rem;font-weight:700;color:#ffb0a0}.fish-skeleton__error-body{font-size:.68rem;color:#ffd2c3cc}.fish-skeleton__retry{margin-top:4px;padding:6px 16px;border:1px solid rgba(255,176,150,.6);border-radius:999px;background:#ff785026;color:#ffc8b8;font-size:.72rem;font-weight:700;cursor:pointer;transition:background .15s ease}.fish-skeleton__retry:hover{background:#ff78504d}.fish-skeleton--min{flex-direction:row;align-items:center;gap:8px;width:auto;padding:8px 10px;border-radius:999px}.fish-skeleton__min-label{font-size:.62rem;font-weight:800;letter-spacing:.16em;color:#c8f5ffcc}.fish-skeleton__expand{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#78dcff29;color:#cfefff;font-size:.6rem;cursor:pointer;transition:background .15s ease}.fish-skeleton__expand:hover{background:#78dcff4d}@media(max-width:760px){.fish-game__hud{padding:10px 12px}.fish-game__hud-center{display:none}.fish-game__hud-right{min-width:0;max-width:44vw}.fish-game__intro{padding:26px 24px}.fish-game__intro-title{font-size:1.5rem}.fish-skeleton{width:min(200px,58vw);right:10px;bottom:10px}}.fish-game__lives{margin-top:3px;font-size:.95rem;letter-spacing:.1em;filter:drop-shadow(0 1px 4px rgba(255,90,110,.55))}.fish-game__boost{display:flex;align-items:center;gap:7px;margin-top:5px}.fish-game__boost-label{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:#c8f5ffbf}.fish-game__boost-bar{width:86px;height:7px;border-radius:5px;background:#061e37bf;border:1px solid rgba(140,220,255,.35);overflow:hidden}.fish-game__boost-fill{height:100%;border-radius:5px;background:linear-gradient(90deg,#ffd76e,#fff3c9);box-shadow:0 0 8px #ffd76ecc;transition:width .25s ease}.fish-game__boost-key{padding:1px 6px;border-radius:5px;border:1px solid rgba(200,240,255,.35);background:#061e3799;font-size:.56rem;font-weight:800;letter-spacing:.08em;color:#d6f8ffcc}.fish-game__objective{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:5px;margin-top:6px;padding:5px 12px;border-radius:999px;border:1px solid rgba(255,215,110,.45);background:#1e18069e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);max-width:100%}.fish-game__objective-pin{font-size:.75rem}.fish-game__objective-text{font-size:.72rem;font-weight:700;color:#ffe9a3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fish-game__objective-count{font-size:.68rem;font-weight:800;color:#fff3c9d9}.fish-game__objective-bar{flex-basis:100%;height:3px;border-radius:2px;background:#ffe9a32e;overflow:hidden}.fish-game__objective-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,#ffd76e,#fff3c9);transition:width .3s ease}.fish-game__powerups{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px;max-width:240px}.fish-game__powerup-chip{padding:3px 9px;border-radius:999px;border:1px solid rgba(160,220,255,.5);background:#082846b8;font-size:.66rem;font-weight:700;color:#d6f8ff;text-shadow:0 1px 6px rgba(120,210,255,.5);animation:fish-pulse 1.4s ease-in-out infinite}.fish-game__joystick,.fish-game__boost-btn{display:none}@media(pointer:coarse){.fish-game__joystick{position:absolute;left:26px;bottom:86px;z-index:12;display:block;width:118px;height:118px;border-radius:50%;border:2px solid rgba(160,230,255,.4);background:radial-gradient(circle,#0a2d5080,#061930b8);touch-action:none}.fish-game__joystick-knob{position:absolute;left:50%;top:50%;width:52px;height:52px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#9ffbea,#2a9d8f 75%);box-shadow:0 4px 14px #00000073,0 0 16px #78f0dc80;transform:translate(-50%,-50%);pointer-events:none}.fish-game__boost-btn{position:absolute;right:26px;bottom:96px;z-index:12;display:flex;align-items:center;justify-content:center;width:74px;height:74px;border-radius:50%;border:2px solid rgba(255,215,110,.55);background:radial-gradient(circle at 35% 30%,#5a3c0ad9,#2d1c04e6);font-size:1.8rem;box-shadow:0 4px 16px #00000073,0 0 18px #ffd76e59;touch-action:none}.fish-game__boost-btn:active{transform:scale(.92);box-shadow:0 2px 10px #00000080,0 0 26px #ffd76e99}.fish-game__boost-key{display:none}}.settings-screen{min-height:100vh;background:var(--color-bg);color:var(--color-text);padding:2rem 1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;transition:background-color .25s,color .25s}.settings-container{max-width:800px;margin:0 auto}.settings-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.settings-back-btn{background:var(--color-surface);border:1px solid var(--color-border-strong);color:var(--color-text);padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .2s}.settings-back-btn:hover{background:var(--color-surface-alt);border-color:var(--color-border-strong)}.settings-title{font-size:2rem;font-weight:700;margin:0;flex:1;color:var(--color-text-heading)}.settings-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;margin-bottom:1rem;transition:background-color .25s,border-color .25s;overflow:hidden}.settings-section--open{margin-bottom:1.25rem}.settings-section-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem 1.25rem;background:none;border:none;cursor:pointer;color:inherit;font-family:inherit;transition:background-color .15s}.settings-section-header:hover{background:var(--color-input-bg)}.settings-section-header:focus-visible{outline:2px solid var(--color-accent-ui);outline-offset:-2px;border-radius:12px}.settings-section-title{font-size:1.1rem;font-weight:600;margin:0;color:var(--color-text-heading);pointer-events:none}.settings-chevron{flex-shrink:0;color:var(--color-text-muted);transition:transform .25s ease}.settings-section--open .settings-chevron{transform:rotate(180deg)}.settings-section-body{padding:0 1.25rem 1.25rem;animation:settings-expand .2s ease-out}@keyframes settings-expand{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.settings-player-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;margin-bottom:1.5rem;transition:background-color .25s,border-color .25s}.settings-player-card__avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid var(--color-accent-ui);flex-shrink:0}.settings-player-card__info{flex:1;min-width:0}.settings-player-card__name{display:block;font-size:1.05rem;font-weight:700;color:var(--color-text-heading);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-player-card__stats{display:flex;gap:1rem;margin-top:.25rem}.settings-player-card__stat{display:flex;align-items:center;gap:.25rem;font-size:.85rem;font-weight:600;color:var(--color-text-muted)}.settings-player-card__icon{font-size:.9rem}.settings-field{margin-bottom:1.5rem}.settings-field:last-child{margin-bottom:0}.settings-label{display:block;font-size:.9rem;font-weight:500;color:var(--color-text-muted);margin-bottom:.5rem}.settings-input-group{display:flex;gap:.5rem}.settings-input{flex:1;background:var(--color-input-bg);border:1px solid var(--color-border-strong);color:var(--color-text);padding:.625rem .875rem;border-radius:8px;font-size:1rem;transition:all .2s}.settings-input:focus{outline:none;border-color:var(--color-accent-ui)}.settings-input::placeholder{color:var(--color-text-muted)}.settings-btn{padding:.625rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;border:none;transition:all .2s}.settings-btn--primary{background:var(--color-accent-ui);color:#fff}.settings-btn--primary:hover{background:#2563eb}.settings-btn--secondary{background:var(--color-input-bg);color:var(--color-text);border:1px solid var(--color-border-strong)}.settings-btn--secondary:hover:not(:disabled){background:var(--color-surface-alt)}.settings-btn--secondary:disabled{opacity:.5;cursor:not-allowed}.settings-btn--danger{background:var(--color-danger);color:#fff}.settings-btn--danger:hover{background:#dc2626}.settings-btn--restart{background:var(--color-input-bg);color:var(--color-text);border:1px solid var(--color-border-strong);display:flex;align-items:center;justify-content:center;gap:.5rem}.settings-btn--restart:hover{background:var(--color-surface-alt);border-color:var(--color-border-strong)}.settings-bottom-actions{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1.5rem}.settings-bottom-actions .settings-btn{margin-top:0}.settings-error{color:var(--color-danger);font-size:.85rem;margin-top:.5rem}.settings-avatar-options{display:flex;gap:1rem}.settings-avatar-option{flex:1;background:var(--color-input-bg);border:2px solid var(--color-border-strong);border-radius:12px;padding:1rem;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:.5rem}.settings-avatar-option:hover{background:var(--color-surface-alt)}.settings-avatar-option--selected{border-color:var(--color-accent-ui);background:var(--color-surface-alt)}.settings-avatar-img{width:80px;height:80px;border-radius:50%;object-fit:cover}.settings-avatar-label{font-size:.9rem;font-weight:500;color:var(--color-text-muted)}.settings-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.settings-summary-item{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:8px;padding:1rem;text-align:center;transition:background-color .25s,border-color .25s}.settings-summary-label{display:block;font-size:.85rem;color:var(--color-text-muted);margin-bottom:.25rem}.settings-summary-value{display:block;font-size:1.5rem;font-weight:700;color:var(--color-text-heading)}.settings-disclaimer{font-size:.85rem;color:#b45309;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:8px;padding:.75rem;margin-bottom:1rem}[data-theme=light] .settings-disclaimer{color:#92400e;background:#fbbf241f;border-color:#fbbf2459}.settings-rewards-grid{display:grid;gap:1rem}.settings-reward-card{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:8px;padding:1rem;transition:background-color .25s,border-color .25s}.settings-reward-title{font-size:1rem;font-weight:600;margin:0 0 .5rem;color:var(--color-text-heading)}.settings-reward-description{font-size:.85rem;color:var(--color-text-muted);margin:0 0 .5rem}.settings-reward-cost{font-size:.9rem;font-weight:600;color:var(--color-accent);margin:0 0 .75rem}.settings-toggle-field{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0}.settings-toggle{position:relative;width:48px;height:26px;background:var(--color-toggle-off);border:none;border-radius:13px;cursor:pointer;transition:all .2s;padding:0}.settings-toggle--on{background:var(--color-accent-ui)}.settings-toggle-thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:all .2s}.settings-toggle--on .settings-toggle-thumb{left:25px}.settings-privacy-note{font-size:.85rem;color:var(--color-text-muted);background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:8px;padding:.75rem;margin-bottom:1rem}.settings-radio-group{display:flex;flex-direction:column;gap:.75rem}.settings-radio-option{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .2s}.settings-radio-option:hover{background:var(--color-surface-alt)}.settings-radio-option input[type=radio]{width:18px;height:18px;cursor:pointer}.settings-radio-option span{font-size:.95rem;color:var(--color-text)}.settings-theme-options{display:flex;gap:.75rem}.settings-theme-option{flex:1;padding:.75rem;background:var(--color-input-bg);border:2px solid var(--color-border-strong);border-radius:8px;color:var(--color-text);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.settings-theme-option:hover{background:var(--color-surface-alt)}.settings-theme-option--selected{border-color:var(--color-accent-ui);background:var(--color-surface-alt)}.settings-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.settings-dialog{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:12px;padding:1.5rem;max-width:400px;width:100%;transition:background-color .25s,border-color .25s}.settings-dialog-title{font-size:1.25rem;font-weight:600;margin:0 0 1rem;color:var(--color-text-heading)}.settings-dialog-message{font-size:.95rem;color:var(--color-text-muted);margin:0 0 1.5rem;line-height:1.5}.settings-dialog-actions{display:flex;gap:.75rem;justify-content:flex-end}@media(max-width:640px){.settings-screen{padding:1rem .5rem}.settings-title{font-size:1.5rem}.settings-summary{grid-template-columns:1fr}.settings-avatar-options,.settings-theme-options{flex-direction:column}.settings-player-card{padding:.75rem 1rem}.settings-player-card__avatar{width:44px;height:44px}.settings-player-card__stats{gap:.6rem}.settings-player-card__stat{font-size:.78rem}.settings-bottom-actions{grid-template-columns:1fr}.settings-section-header{padding:.85rem 1rem}.settings-section-body{padding:0 1rem 1rem}}