:root{
  --blue:#0752a5;--blue2:#0a74dc;--navy:#07172a;--yellow:#ffc928;--orange:#ff8a1f;--cream:#fff8e9;--white:#fff;
  --shadow:0 24px 70px rgba(0,0,0,.28);--radius:28px;--max:1180px;
}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-snap-type:y mandatory;scroll-padding-top:0}body{margin:0;font-family:'Baloo 2','Trebuchet MS',system-ui,sans-serif;background:#061320;color:#fff;overflow-x:hidden}button,a{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.noscript{padding:20px;background:#fff;color:#111}.site{background:#061320}.site[aria-hidden="true"]{display:none}.scene{position:relative;min-height:100vh;overflow:hidden;isolation:isolate;scroll-snap-align:start;scroll-snap-stop:always}.scene-kicker,.section-title>span{display:inline-block;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--yellow);font-size:.86rem}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.reveal.is-visible{opacity:1;transform:none}em{font-style:normal;color:var(--yellow)}

body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.scene::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:50;box-shadow:inset 0 0 0 1px rgba(255,255,255,0);transition:box-shadow .35s ease}
.scene.snap-arrived::after{box-shadow:inset 0 0 0 1px rgba(255,255,255,.035)}

.loader{position:fixed;inset:0;z-index:9999;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at 50% 30%,#0d64b9,#07182c 58%,#02070e);padding:28px}.loader__logo{width:min(280px,66vw);margin:0 auto 16px;filter:drop-shadow(0 18px 24px rgba(0,0,0,.35))}.loader__gears{display:flex;justify-content:center;align-items:center;gap:4px;font-size:2.1rem;margin:4px 0 14px}.loader__gears span:first-child{animation:spin 2s linear infinite}.loader__gears span:nth-child(2){animation:spinRev 1.5s linear infinite}.loader strong{font-family:'Baloo 2','Trebuchet MS',system-ui,sans-serif;font-size:1.15rem}.loader small{opacity:.75}.loader__meter{width:min(420px,78vw);height:14px;margin:14px auto 8px;background:#07101d;border:2px solid rgba(255,255,255,.24);border-radius:999px;overflow:hidden;box-shadow:inset 0 0 20px rgba(0,0,0,.45)}.loader__meter i{display:block;width:0;height:100%;background:linear-gradient(90deg,#ff9e1d,#ffe35a);box-shadow:0 0 18px #ffd733;transition:width .18s ease}

.entry{position:fixed;inset:0;z-index:9000;overflow:hidden;display:grid;place-items:center;padding:20px}.entry__bg{position:absolute;inset:-3%;background:url('../assets/backgrounds/entry.webp') center/cover no-repeat;animation:entryDrift 12s ease-in-out infinite alternate}.entry__shade{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(3,18,36,.2) 0%,rgba(2,12,24,.48) 68%,rgba(1,6,14,.72) 100%),linear-gradient(180deg,rgba(2,9,18,.25),transparent 40%,rgba(2,9,18,.35) 100%)}.entry__content{position:relative;z-index:2;width:min(580px,92vw);margin:0 auto;padding:42px 36px;border:1px solid rgba(255,255,255,.22);border-radius:36px;background:rgba(3,22,44,0);backdrop-filter:blur(5px);box-shadow:0 30px 90px rgba(0,0,0,0),0 0 50px rgba(7,82,165,.3);display:flex;flex-direction:column;align-items:center;text-align:center}.entry__logo{width:min(360px,82vw);margin:0 auto 16px;filter:drop-shadow(0 14px 28px rgba(0,0,0,.45));transition:transform .3s ease}.entry__logo:hover{transform:scale(1.03)}.entry__content p{font-size:1.2rem;line-height:1.6;margin:0 0 22px;color:#e6f2ff;max-width:440px}.entry__content small{display:block;margin-top:16px;opacity:.75;font-size:.85rem}.portal-button-wrap{position:relative;display:inline-flex;justify-content:center;align-items:center;margin-top:6px;width:100%;max-width:380px}.portal-button{position:relative;z-index:2;width:100%;display:flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:999px;padding:17px 26px;background:linear-gradient(180deg,#ffe04e,#f9b712);color:#102038;font-weight:900;font-size:1.05rem;box-shadow:0 12px 35px rgba(255,193,35,.35),inset 0 2px 0 #fff7b3;transition:.25s transform,.25s box-shadow}.portal-button:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 18px 48px rgba(255,193,35,.55),inset 0 2px 0 #fff7b3}.portal-button__spark{font-size:1.3rem;animation:pulse 1.3s ease-in-out infinite}.entry__pulse{position:absolute;inset:-6px;border-radius:999px;pointer-events:none;z-index:1;box-shadow:0 0 0 0 rgba(255,201,40,.6);animation:portalPulse 2.2s ease-out infinite}

.topbar{position:fixed;z-index:200;top:26px;left:50%;transform:translateX(-50%);width:min(1200px,calc(100% - 28px));height:72px;padding:8px 10px 8px 14px;display:flex;align-items:center;gap:22px;border:1px solid rgba(255,255,255,.18);border-radius:25px;background:rgba(4,24,47,.68);backdrop-filter:blur(16px);box-shadow:0 10px 40px rgba(0,0,0,.18);transition:.3s}.topbar.scrolled{background:rgba(4,24,47,.9)}.brand img{width:148px;filter:drop-shadow(0 6px 12px rgba(0,0,0,.3))}.nav{display:flex;gap:8px;margin-left:auto}.nav a{color:#fff;text-decoration:none;font-weight:900;font-size:1.08rem;padding:10px 12px;border-radius:15px;transition:.2s}.nav a:hover{background:rgba(255,255,255,.1);color:var(--yellow)}.topbar__actions{display:flex;gap:8px}.round-button{width:46px;height:46px;border:1px solid rgba(255,255,255,.18);border-radius:16px;background:rgba(255,255,255,.1);color:#fff}.menu-button{display:none}.energy{position:fixed;right:14px;top:50%;transform:translateY(-50%);z-index:180;width:58px;padding:10px 8px;border:1px solid rgba(255,255,255,.15);border-radius:22px;background:rgba(3,21,42,.7);backdrop-filter:blur(12px);text-align:center;font-size:.55rem;font-weight:900;letter-spacing:.03em}.energy__track{height:120px;width:12px;margin:8px auto;border-radius:999px;background:#07101c;overflow:hidden;display:flex;align-items:flex-end}.energy__track i{display:block;width:100%;height:0;background:linear-gradient(0deg,#ff9f1c,#ffe447);box-shadow:0 0 14px #ffd533}.energy b{font-size:.65rem;color:var(--yellow)}

.hero__bg,.world__bg,.team__bg,.idea-lab__bg,.cinema__bg,.games__bg,.footer__bg,.tunnel__bg{position:absolute;inset:-5%;background-position:center;background-size:cover;background-repeat:no-repeat;z-index:-3;will-change:transform}.hero__bg{background-image:url('../assets/backgrounds/hero-workshop.webp')}.hero__wash{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(3,16,30,.82) 0%,rgba(3,16,30,.58) 34%,rgba(3,16,30,.1) 66%),linear-gradient(0deg,rgba(3,16,30,.45),transparent 35%)}.hero{display:flex;align-items:center}.hero__copy{width:min(660px,88vw);margin-left:max(7vw,38px);padding-top:76px}.hero h1,.world h2,.section-title h2,.footer__content h2,.tunnel__copy h2{font-family:'Baloo 2','Trebuchet MS',system-ui,sans-serif;line-height:.94;margin:10px 0 16px;font-weight:800;text-shadow:0 8px 25px rgba(0,0,0,.3)}.hero h1{font-size:clamp(3rem,6.2vw,6.1rem)}.hero__copy p{max-width:610px;font-size:clamp(1rem,1.3vw,1.25rem);line-height:1.65}.hero__actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:24px}.cta,.ghost-cta{display:inline-flex;align-items:center;gap:14px;border-radius:999px;padding:14px 20px;font-weight:900;text-decoration:none}.cta{background:linear-gradient(180deg,#ffe45c,#f6bd20);color:#12233b;box-shadow:0 14px 34px rgba(255,193,27,.25)}.cta b{width:29px;height:29px;display:grid;place-items:center;background:#0c5eb6;color:#fff;border-radius:50%}.ghost-cta{border:1px solid rgba(255,255,255,.22);background:rgba(4,30,55,.55);color:#fff}.hero-hotspot{position:absolute;z-index:3;width:62px;height:62px;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:rgba(5,34,64,.42);color:#fff;font-size:1.8rem;backdrop-filter:blur(8px);box-shadow:0 10px 30px rgba(0,0,0,.2)}.hero-hotspot--left{left:4%;bottom:14%}.hero-hotspot--right{right:5%;top:26%}.hero-hotspot.is-active{animation:popSpin .7s ease}.scroll-hint{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;font-size:1rem;font-weight:900;letter-spacing:.18em}.scroll-hint i{height:42px;width:2px;background:linear-gradient(#fff,transparent);margin-top:8px;animation:scrollLine 1.8s ease-in-out infinite}

.gear-particle{position:fixed;pointer-events:none;z-index:999;font-size:1.8rem;user-select:none;filter:drop-shadow(0 4px 10px rgba(0,0,0,.4));will-change:transform,opacity;animation:burstFly .9s cubic-bezier(.1,.8,.2,1) forwards}
.hero-shockwave{position:fixed;border-radius:50%;border:3px solid #38bdf8;pointer-events:none;z-index:998;transform:translate(-50%,-50%) scale(0);box-shadow:0 0 45px #38bdf8,inset 0 0 30px #0284c7;animation:shockwavePulse .85s ease-out forwards}
.energy-badge{position:fixed;z-index:999;pointer-events:none;font-weight:900;font-size:1.15rem;color:#ffe04e;background:rgba(7,24,46,.92);border:1.5px solid rgba(255,224,78,.7);padding:8px 18px;border-radius:999px;box-shadow:0 10px 30px rgba(255,200,30,.45);animation:badgeFloat 1.25s cubic-bezier(.2,.8,.2,1) forwards}
.energy.boost-pulse{animation:energyPulse .6s ease-in-out 2}
.scroll-portal-wave{position:fixed;top:50%;left:50%;width:35px;height:35px;border-radius:50%;border:3.5px solid rgba(56,189,248,.9);box-shadow:0 0 55px rgba(56,189,248,.7),inset 0 0 35px rgba(255,201,40,.5);pointer-events:none;z-index:995;will-change:transform,opacity;animation:scrollPortalExpand 1.05s cubic-bezier(.1,.75,.2,1) forwards}
.scroll-portal-wave--gold{border-color:rgba(255,201,40,.95);box-shadow:0 0 65px rgba(255,201,40,.8),inset 0 0 40px rgba(56,189,248,.6)}
.scroll-portal-wave--cyan{border-color:rgba(44,220,255,1);box-shadow:0 0 60px rgba(44,220,255,.85),inset 0 0 35px rgba(255,255,255,.7)}

@keyframes burstFly{0%{opacity:1;transform:translate(0,0) scale(1) rotate(0deg)}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(var(--scale)) rotate(var(--rot))}}
@keyframes shockwavePulse{0%{width:10px;height:10px;opacity:1;border-width:6px}100%{width:700px;height:700px;opacity:0;border-width:1px}}
@keyframes badgeFloat{0%{opacity:0;transform:translate(-50%,20px) scale(.75)}20%{opacity:1;transform:translate(-50%,0) scale(1.1)}100%{opacity:0;transform:translate(-50%,-55px) scale(1)}}
@keyframes energyPulse{50%{transform:translateY(-50%) scale(1.22);box-shadow:0 0 35px #ffc928}}
@keyframes scrollPortalExpand{0%{opacity:.95;transform:translate(-50%,-50%) scale(.2);border-width:6px}100%{opacity:0;transform:translate(-50%,-50%) scale(28);border-width:1px}}

.tunnel{min-height:120vh;display:grid;place-items:center}.tunnel__bg{background-image:url('../assets/backgrounds/tunnel.webp');transform:scale(1.03)}.tunnel__vignette{position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 50% 50%,transparent 25%,rgba(1,8,16,.1) 52%,rgba(1,6,14,.6) 100%)}.tunnel__copy{position:absolute;left:6%;top:18%;width:min(560px,80vw);padding:24px 28px;border-radius:26px;background:rgba(2,15,30,.42);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.13)}.tunnel__copy span{font-weight:900;color:var(--yellow);letter-spacing:.11em}.tunnel__copy h2{font-size:clamp(2.8rem,5vw,5.6rem)}.tunnel__copy p{line-height:1.6}.tunnel__portal{position:absolute;left:50%;top:50%;width:10vw;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;box-shadow:0 0 75px rgba(44,185,255,.95),0 0 140px rgba(255,201,40,.65),inset 0 0 40px rgba(255,255,255,.85);border:3px solid rgba(255,255,255,.95);opacity:.9}.tunnel__rings i{position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%);opacity:.85;filter:drop-shadow(0 0 12px rgba(56,189,248,.6));animation:spin 14s linear infinite}.tunnel__rings i:nth-child(1){width:30vw;height:30vw;border:2.5px dashed rgba(56,189,248,.85);box-shadow:0 0 30px rgba(56,189,248,.5)}.tunnel__rings i:nth-child(2){width:44vw;height:44vw;border:3px dotted rgba(255,201,40,.85);box-shadow:0 0 35px rgba(255,201,40,.5);animation-direction:reverse;animation-duration:16s}.tunnel__rings i:nth-child(3){width:62vw;height:62vw;border:2.5px dashed rgba(44,220,255,.8);box-shadow:0 0 40px rgba(44,220,255,.5);animation-duration:22s}.tunnel__rings i:nth-child(4){width:80vw;height:80vw;border:4px double rgba(255,201,40,.75);box-shadow:0 0 50px rgba(255,201,40,.4);animation-direction:reverse;animation-duration:28s}

.world__bg{background-image:url('../assets/backgrounds/gear-island.webp')}.world__shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(3,18,34,.75),rgba(3,18,34,.15) 62%,rgba(3,18,34,.02)),linear-gradient(0deg,rgba(2,12,24,.38),transparent)}.world{display:flex;align-items:center;position:relative;overflow:hidden}.world__copy{margin-left:max(7vw,38px);width:min(620px,86vw);position:relative;z-index:3}.world__copy h2{font-size:clamp(3rem,5.7vw,6rem)}.world__copy p{font-size:1.15rem;line-height:1.7;max-width:560px}.world__actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:22px}.story-btn{border-color:rgba(255,224,78,.4);background:rgba(7,36,66,.65)}.story-btn:hover{background:rgba(12,54,98,.8);border-color:var(--yellow);transform:translateY(-3px)}.world-gear{position:absolute;filter:drop-shadow(0 20px 40px rgba(0,0,0,.55));opacity:.98;will-change:transform;pointer-events:none}.world-gear--a{right:4%;bottom:5%;width:min(250px,42vw);height:auto;animation:spin 22s linear infinite}.world-gear--b{right:17%;bottom:18%;width:min(155px,27vw);height:auto;animation:spinRev 14s linear infinite}

.world__sunflare{position:absolute;inset:0;pointer-events:none;z-index:-1;overflow:visible}
.sun-core{position:absolute;top:0;right:0;width:240px;height:240px;transform:translate(30%,-30%);border-radius:50%;background:radial-gradient(circle,#ffffff,#ffe885 35%,rgba(255,193,35,.5) 65%,transparent 100%);box-shadow:0 0 140px #ffe575,0 0 280px #ff9800,0 0 450px rgba(255,152,0,.5);animation:sunPulse 4.5s ease-in-out infinite alternate}
.sun-rays{position:absolute;top:0;right:0;width:1300px;height:1300px;transform:translate(35%,-35%);background:conic-gradient(from 0deg at 50% 50%,transparent 0deg,rgba(255,235,130,.28) 18deg,transparent 36deg,rgba(255,235,130,.32) 65deg,transparent 95deg,rgba(255,235,130,.28) 130deg,transparent 170deg);animation:spin 38s linear infinite;filter:blur(8px);-webkit-mask-image:radial-gradient(circle at 50% 50%,rgba(0,0,0,1) 15%,rgba(0,0,0,0) 68%);mask-image:radial-gradient(circle at 50% 50%,rgba(0,0,0,1) 15%,rgba(0,0,0,0) 68%)}
.lens-flare{position:absolute;top:28%;right:30%;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.5),rgba(56,189,248,.25) 60%,transparent 100%);box-shadow:0 0 50px rgba(56,189,248,.4);filter:blur(2px)}
@keyframes sunPulse{0%{transform:translate(30%,-30%) scale(1);opacity:.85}100%{transform:translate(30%,-30%) scale(1.18);opacity:1}}

.modal{position:fixed;inset:0;z-index:9500;display:grid;place-items:center;padding:20px}.modal[hidden]{display:none!important}
.modal__overlay{position:absolute;inset:0;background:rgba(2,11,22,.84);backdrop-filter:blur(16px);animation:fadeIn .3s ease}
.modal__card{position:relative;z-index:2;width:min(720px,94vw);max-height:86vh;overflow-y:auto;padding:42px 36px;border-radius:36px;background:linear-gradient(180deg,rgba(6,33,65,.96),rgba(3,18,36,.98));border:2px solid rgba(255,224,78,.4);box-shadow:0 30px 100px rgba(0,0,0,.7),0 0 80px rgba(7,82,165,.45);color:#fff;animation:modalPop .35s cubic-bezier(.2,.8,.2,1);font-family:'Fredoka','Baloo 2',system-ui,sans-serif}
.modal__card::-webkit-scrollbar{width:8px}.modal__card::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:99px}.modal__card::-webkit-scrollbar-thumb{background:rgba(255,224,78,.4);border-radius:99px}
.modal__close{position:absolute;top:20px;right:22px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.12);color:#fff;font-size:1.3rem;display:grid;place-items:center;transition:.2s;cursor:pointer;z-index:5}
.modal__close:hover{background:rgba(255,255,255,.28);transform:scale(1.08)}
.modal__header{margin-bottom:22px;border-bottom:1px dashed rgba(255,255,255,.15);padding-bottom:14px}.modal__header h2{font-family:'Fredoka','Baloo 2',system-ui,sans-serif;font-size:clamp(2.1rem,4vw,3rem);margin:6px 0;color:var(--yellow);letter-spacing:.02em}
.modal__body{line-height:1.8;font-size:1.12rem;color:#e8f4ff;font-family:'Fredoka','Baloo 2',system-ui,sans-serif}.modal__body p{margin:0 0 18px}
.story-chapter{font-family:'Fredoka','Baloo 2',system-ui,sans-serif;font-size:1.5rem;color:var(--yellow);margin:28px 0 14px;padding:8px 16px;border-left:4px solid var(--yellow);background:rgba(255,201,40,.08);border-radius:0 14px 14px 0;display:inline-block}
.story-quote{margin:0 0 20px;padding:16px 20px;border-radius:20px;background:linear-gradient(90deg,rgba(255,201,40,.18),rgba(255,201,40,.04));border:1px solid rgba(255,201,40,.4);color:#ffe98a;font-size:1.3rem;font-weight:600;text-align:center;box-shadow:0 8px 24px rgba(255,201,40,.1)}
.story-list{margin:0 0 20px;padding-left:24px;display:grid;gap:10px}.story-list li{list-style-type:'⚙️ ';padding-left:6px;color:#d8ecff}
.story-highlight{background:rgba(12,65,122,.6);border:1px solid rgba(56,189,248,.3);padding:12px 18px;border-radius:18px;margin:18px 0!important;font-weight:600}
.sfx-tag{display:inline-block;padding:3px 10px;border-radius:999px;background:linear-gradient(180deg,#ffe04e,#ff9a1f);color:#102038;font-weight:700;font-size:.95rem;box-shadow:0 4px 12px rgba(255,160,30,.4);transform:rotate(-2deg);margin:0 4px}
.modal__footer{margin-top:28px;display:flex;justify-content:flex-end}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes modalPop{from{opacity:0;transform:scale(.88) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}

.team{padding:120px 6vw 70px;min-height:110vh}.team__bg{background-image:url('../assets/backgrounds/team-world.webp')}.team__shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(0deg,rgba(3,14,28,.88),rgba(3,14,28,.42) 58%,rgba(3,14,28,.72))}.section-title{position:relative;z-index:2;max-width:820px;margin:0 auto 28px;text-align:center}.section-title h2{font-size:clamp(2.6rem,4.4vw,4.2rem)}.section-title p{font-size:1.05rem}.character-console{position:relative;z-index:2;max-width:1180px;margin:auto;display:grid;grid-template-columns:72px minmax(340px,1fr) minmax(300px,.85fr) 72px;align-items:center;gap:16px;padding:18px;border:1px solid rgba(255,255,255,.16);background:rgba(5,29,55,.65);backdrop-filter:blur(18px);border-radius:34px;box-shadow:var(--shadow)}.console-arrow{width:58px;height:58px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:#0a5db2;color:#fff;font-size:2.2rem;box-shadow:inset 0 2px 0 rgba(255,255,255,.2)}.character-stage{position:relative;min-height:570px;display:grid;place-items:end center;overflow:hidden;border-radius:24px;background:radial-gradient(circle at 50% 52%,rgba(21,146,255,.25),transparent 44%),linear-gradient(180deg,rgba(5,18,37,.04),rgba(2,11,22,.32))}.character-art{position:relative;z-index:3;max-height:540px;width:auto;max-width:94%;object-fit:contain;filter:drop-shadow(0 25px 24px rgba(0,0,0,.35));transform-origin:50% 100%}.character-floor{position:absolute;z-index:1;bottom:13px;width:62%;height:22px;border-radius:50%;background:rgba(0,0,0,.35);filter:blur(8px)}.scanner-ring{position:absolute;left:50%;bottom:14%;border:2px solid rgba(36,180,255,.25);border-radius:50%;transform:translateX(-50%) rotateX(72deg);box-shadow:0 0 22px rgba(44,178,255,.22)}.scanner-ring--one{width:80%;height:240px;animation:scanPulse 2.8s ease-in-out infinite}.scanner-ring--two{width:62%;height:180px;animation:scanPulse 2.8s .8s ease-in-out infinite}.character-data{padding:22px}.data-label{font-size:.72rem;font-weight:900;letter-spacing:.14em;color:#8ed6ff}.character-data h3{font-family:'Baloo 2','Trebuchet MS',system-ui,sans-serif;font-size:clamp(2.8rem,4vw,4.7rem);margin:6px 0;color:var(--yellow)}.character-data p{line-height:1.7;font-size:1.03rem}.character-data dl{display:grid;gap:10px;margin:22px 0}.character-data dl div{display:flex;justify-content:space-between;gap:20px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.08)}.character-data dt{font-size:.72rem;font-weight:900;color:#8ed6ff}.character-data dd{margin:0;font-weight:900}.character-dots{display:flex;gap:8px;flex-wrap:wrap}.character-dots button{width:13px;height:13px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.3)}.character-dots button.active{background:var(--yellow);box-shadow:0 0 14px rgba(255,204,32,.7)}

.idea-lab{padding:120px 6vw 90px;display:flex;flex-direction:column;justify-content:center}.idea-lab__bg{background-image:url('../assets/backgrounds/idea-machine.webp')}.idea-lab__shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(2,13,26,.74),rgba(2,13,26,.18) 52%,rgba(2,13,26,.68)),linear-gradient(0deg,rgba(2,12,22,.5),transparent)}.idea-lab .section-title{margin-bottom:20px}.idea-panel{margin:0 auto;width:min(780px,92vw);padding:24px;border-radius:32px;border:1.5px solid rgba(255,224,78,.35);background:rgba(4,29,55,.76);backdrop-filter:blur(18px);box-shadow:var(--shadow),0 0 50px rgba(7,82,165,.3)}
.idea-panel__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:10px}
.idea-panel__status{display:flex;align-items:center;gap:9px;font-size:.75rem;font-weight:900;letter-spacing:.1em}
.idea-panel__status i{width:10px;height:10px;border-radius:50%;background:#5bff75;box-shadow:0 0 14px #5bff75}
.notebook-btn{padding:8px 14px;border-radius:99px;border:1px solid rgba(255,224,78,.4);background:rgba(255,201,40,.12);color:var(--yellow);font-weight:700;font-size:.85rem;cursor:pointer;transition:.2s;display:inline-flex;align-items:center;gap:6px}
.notebook-btn:hover{background:rgba(255,201,40,.25);transform:scale(1.04)}
.idea-panel__display{margin:10px 0 14px;min-height:165px;padding:24px;border-radius:24px;background:linear-gradient(180deg,#06182b,#0a2f56);border:2px solid #1d74ba;box-shadow:inset 0 0 35px rgba(0,0,0,.35),0 0 30px rgba(32,161,255,.14);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
.idea-panel__display small{color:#8ed6ff;font-weight:900;letter-spacing:.1em}
.idea-panel__display strong{font-family:'Fredoka','Baloo 2',system-ui,sans-serif;font-size:clamp(1.5rem,2.8vw,2.4rem);color:var(--yellow);line-height:1.2;margin:8px 0}
.idea-panel__display p{margin:0;opacity:.88;font-size:1.02rem}
.idea-panel__actions{display:flex;gap:12px;justify-content:center;margin-bottom:14px;flex-wrap:wrap}
.idea-act-btn{padding:10px 18px;border-radius:99px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);color:#fff;font-weight:700;font-size:.9rem;cursor:pointer;transition:.2s}
.idea-act-btn:hover{background:rgba(255,255,255,.22);border-color:var(--yellow);transform:translateY(-2px)}
.idea-panel__buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.idea-panel__buttons button{border:1px solid rgba(255,255,255,.18);border-radius:20px;padding:16px 8px;background:linear-gradient(180deg,#116bbd,#074783);color:#fff;font-weight:900;box-shadow:inset 0 2px 0 rgba(255,255,255,.18);transition:.2s;cursor:pointer}
.idea-panel__buttons button:hover{transform:translateY(-3px);background:linear-gradient(180deg,#1681dd,#0753a1);border-color:var(--yellow)}
.idea-panel__buttons b{display:block;font-size:1.7rem;margin-bottom:4px}
.idea-panel.active{animation:machineShake .3s linear 3}
.slot-spinning strong{animation:slotRoll .08s linear infinite}
@keyframes slotRoll{0%{transform:translateY(-5px);opacity:.4}100%{transform:translateY(5px);opacity:1}}

.notebook-card{width:min(680px,92vw)}
.notebook-item{position:relative;padding:16px 48px 16px 18px;margin-bottom:12px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;gap:4px}
.notebook-item small{color:var(--yellow);font-weight:700;font-size:.8rem}
.notebook-item p{margin:0;font-size:1.05rem;line-height:1.5;color:#fff}
.notebook-item__delete{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;border:0;background:rgba(255,80,80,.2);color:#ff8080;font-size:1.1rem;cursor:pointer;display:grid;place-items:center;transition:.2s}
.notebook-item__delete:hover{background:#ff4444;color:#fff}
.empty-notebook{text-align:center;padding:30px 10px;opacity:.7;font-size:1.05rem}
.danger-btn{border-color:rgba(255,80,80,.4);color:#ff8080}
.danger-btn:hover{background:rgba(255,80,80,.2);border-color:#ff5050}

.cinema{padding:110px 5vw 90px;min-height:115vh}.cinema__bg{background-image:url('../assets/backgrounds/cinema.webp')}.cinema__shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(0deg,rgba(0,5,12,.76),rgba(0,5,12,.1) 56%,rgba(0,5,12,.62))}.cinema__title{margin-bottom:16px}.cinema-interface{width:min(980px,92vw);margin:auto;padding-top:6vh}.cinema-screen{width:min(760px,90%);aspect-ratio:16/9;margin:auto;border:8px solid #1a1b1f;border-radius:12px;background:#020408;box-shadow:0 0 0 2px #333,0 28px 65px rgba(0,0,0,.55);overflow:hidden}.cinema-screen iframe{display:block;border:0}.cinema-screen__placeholder{height:100%;display:grid;place-content:center;text-align:center;padding:24px;background:radial-gradient(circle,#13294d,#04070e)}.cinema-screen__placeholder span{font-size:3rem;color:var(--yellow)}.cinema-screen__placeholder strong{font-family:'Baloo 2','Trebuchet MS',system-ui,sans-serif;font-size:1.8rem}.cinema-screen__placeholder small{opacity:.68}.episode-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:22px}.episode-card{padding:13px 12px;border-radius:16px;border:1px solid rgba(255,255,255,.16);background:rgba(2,17,33,.72);color:#fff;text-align:left}.episode-card strong,.episode-card small{display:block}.episode-card small{opacity:.63;margin-top:4px}.episode-card.active{border-color:var(--yellow);box-shadow:0 0 0 1px var(--yellow),0 10px 30px rgba(0,0,0,.25)}

.games{padding:120px 6vw 90px;display:flex;flex-direction:column;justify-content:center}.games__bg{background-image:url('../assets/backgrounds/games.webp')}.games__shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(1,10,20,.7),rgba(1,10,20,.12) 55%,rgba(1,10,20,.55)),linear-gradient(0deg,rgba(1,8,17,.62),transparent 45%)}.games__title{text-align:left;margin:0 0 20px;max-width:620px}

.game-center{width:min(820px,92vw);margin:0 auto}
.game-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}
.game-tab-btn{padding:14px 10px;border-radius:20px;border:1px solid rgba(255,255,255,.16);background:rgba(4,28,52,.75);color:#fff;font-weight:900;font-size:.92rem;cursor:pointer;transition:.2s;backdrop-filter:blur(12px)}
.game-tab-btn:hover{background:rgba(12,54,98,.8);border-color:rgba(255,224,78,.5)}
.game-tab-btn.active{background:linear-gradient(180deg,#1681dd,#0753a1);border-color:var(--yellow);box-shadow:0 0 25px rgba(22,129,221,.4),0 0 0 1px var(--yellow)}

.game-panel{padding:22px;border-radius:28px;background:rgba(4,28,52,.8);border:1.5px solid rgba(255,255,255,.18);backdrop-filter:blur(16px);box-shadow:var(--shadow),0 0 40px rgba(0,0,0,.4);animation:fadeIn .3s ease}.game-panel[hidden]{display:none!important}
.game-panel__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:12px;border-bottom:1px dashed rgba(255,255,255,.15);flex-wrap:wrap;gap:10px}
.game-panel__title{font-family:'Fredoka','Baloo 2',system-ui,sans-serif;font-size:1.4rem;color:var(--yellow);font-weight:700}
.game-stats{display:flex;gap:16px;font-size:1rem;font-weight:700;color:#8ed6ff}.game-stats strong{color:var(--yellow)}
.game-reset-btn{padding:8px 16px;border-radius:99px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);color:#fff;font-weight:700;font-size:.88rem;cursor:pointer;transition:.2s}
.game-reset-btn:hover{background:rgba(255,255,255,.22);border-color:var(--yellow);transform:scale(1.04)}

/* OYUN 1: ATÖLYE TAMİRİ */
.repair-game{display:grid;grid-template-columns:1fr 1.25fr;gap:16px}
.repair-game__parts{display:grid;gap:10px}.repair-game__parts button{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid rgba(255,255,255,.13);border-radius:17px;background:#0d5dac;color:#fff;font-weight:900;font-size:1.05rem;cursor:pointer}.repair-game__parts button.used{opacity:.28;pointer-events:none}
.repair-game__machine{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-content:center;padding:18px;border-radius:20px;background:linear-gradient(180deg,#0d263d,#071525);border:1px solid #31526e}
.drop-slot{aspect-ratio:1;border:2px dashed #5e86a8;border-radius:18px;display:grid;place-items:center;color:#86a6c2;font-size:1.8rem;transition:.2s}.drop-slot.drag-over{border-color:var(--yellow);background:rgba(255,205,36,.1)}.drop-slot.filled{border-style:solid;border-color:#64e778;color:#fff;background:rgba(60,218,92,.14)}
.repair-game__machine strong{grid-column:1/-1;text-align:center;color:var(--yellow);margin-top:8px}

/* OYUN 2: HAFIZA KARTLARI */
.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;perspective:1000px}
.memory-card{aspect-ratio:1;cursor:pointer;position:relative;border:0;background:transparent;padding:0}
.memory-card__inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .4s cubic-bezier(.2,.8,.2,1);border-radius:18px}
.memory-card.flipped .memory-card__inner,.memory-card.matched .memory-card__inner{transform:rotateY(180deg)}
.memory-card__front,.memory-card__back{position:absolute;inset:0;backface-visibility:hidden;border-radius:18px;display:grid;place-items:center;font-size:2rem;user-select:none}
.memory-card__front{background:linear-gradient(135deg,#0d4b85,#072b4f);border:2px solid rgba(255,255,255,.2);box-shadow:inset 0 0 15px rgba(255,255,255,.1)}
.memory-card__front::after{content:'⚙️';font-size:1.6rem;opacity:.5}
.memory-card__back{background:linear-gradient(135deg,#126cb8,#074783);border:2px solid var(--yellow);transform:rotateY(180deg);box-shadow:0 0 20px rgba(255,204,32,.3)}
.memory-card.matched .memory-card__back{border-color:#5bff75;background:linear-gradient(135deg,#0c7c42,#044825);box-shadow:0 0 20px rgba(91,255,117,.4)}

/* OYUN 3: DİŞLİ YAKALAMA */
.catcher-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:480px;margin:0 auto}
.catcher-hole{aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#051527,#020a14);border:2px solid rgba(255,255,255,.15);box-shadow:inset 0 0 20px rgba(0,0,0,.6);position:relative;overflow:hidden;display:grid;place-items:center;cursor:pointer}
.catcher-gear{font-size:2.8rem;animation:popGear .25s ease forwards;user-select:none;filter:drop-shadow(0 0 14px var(--yellow))}
@keyframes popGear{from{transform:scale(0) translateY(30px)}to{transform:scale(1) translateY(0)}}

/* OYUN 4: FİKİR KODU (SIMON SAYS) */
.pattern-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:420px;margin:0 auto}
.pattern-pad{aspect-ratio:1;border-radius:24px;border:3px solid rgba(255,255,255,.2);cursor:pointer;transition:.15s;opacity:.65;box-shadow:0 10px 25px rgba(0,0,0,.3)}
.pad-red{background:#e74c3c;box-shadow:0 0 30px rgba(231,76,60,.4)}
.pad-yellow{background:#f1c40f;box-shadow:0 0 30px rgba(241,196,15,.4)}
.pad-blue{background:#3498db;box-shadow:0 0 30px rgba(52,152,219,.4)}
.pad-green{background:#2ecc71;box-shadow:0 0 30px rgba(46,204,113,.4)}
.pattern-pad.lit,.pattern-pad:active{opacity:1;transform:scale(1.05);filter:brightness(1.5);border-color:#fff}

.footer__night{scroll-snap-align:start;scroll-snap-stop:always;position:relative;min-height:92vh;display:flex;align-items:flex-end;padding:80px 7vw 58px;overflow:hidden;isolation:isolate}.footer__bg{background-image:url('../assets/backgrounds/night.webp')}.footer__shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(2,8,17,.72),rgba(2,8,17,.15) 55%,rgba(2,8,17,.18)),linear-gradient(0deg,rgba(2,7,14,.9),transparent 58%)}.footer__content{width:min(620px,90vw)}.footer__content img{width:150px;margin-bottom:14px}.footer__content>span{font-weight:900;color:#ffd65b;letter-spacing:.11em}.footer__content h2{font-size:clamp(3rem,5vw,5.5rem)}.footer__content p{line-height:1.7;font-size:1.05rem}.footer__content nav{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.footer__content nav a{color:#fff;text-decoration:none;font-weight:900;padding:9px 12px;background:rgba(255,255,255,.08);border-radius:12px}.footer__content small{opacity:.56}.toast{position:fixed;z-index:10000;left:50%;bottom:24px;transform:translate(-50%,30px);opacity:0;pointer-events:none;background:#0b2644;border:1px solid rgba(255,255,255,.15);box-shadow:var(--shadow);padding:13px 18px;border-radius:999px;font-weight:900;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}

body.disco::after{content:'';position:fixed;inset:0;z-index:9998;pointer-events:none;background:linear-gradient(45deg,rgba(255,0,140,.14),rgba(0,183,255,.13),rgba(255,224,0,.13));mix-blend-mode:screen;animation:disco .4s linear infinite alternate}

.btn-icon{width:22px;height:22px;object-fit:contain;vertical-align:middle;margin-right:6px}.btn-icon-lg{width:36px;height:36px;object-fit:contain;display:block;margin:0 auto 4px}.tab-icon{width:20px;height:20px;object-fit:contain;vertical-align:middle;margin-right:6px}.part-icon-img{width:32px;height:32px;object-fit:contain;vertical-align:middle}.nav-icon-img{width:22px;height:22px;object-fit:contain;display:block;margin-bottom:2px}.slot-icon-img{width:42px;height:42px;object-fit:contain;vertical-align:middle}.mem-icon-img{width:54px;height:54px;object-fit:contain}.catcher-icon-img{width:56px;height:56px;object-fit:contain;animation:popGear .25s ease forwards;filter:drop-shadow(0 0 12px var(--yellow))}

@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinRev{to{transform:rotate(-360deg)}}@keyframes pulse{50%{transform:scale(1.2)}}@keyframes entryDrift{to{transform:scale(1.05) translate3d(-1%,1%,0)}}@keyframes portalPulse{0%{box-shadow:0 0 0 0 rgba(255,201,40,.7),0 0 25px rgba(255,201,40,.4);opacity:1}100%{box-shadow:0 0 0 40px rgba(255,201,40,0),0 0 50px rgba(255,201,40,0);opacity:0}}@keyframes scrollLine{0%,100%{transform:scaleY(.2);transform-origin:top}50%{transform:scaleY(1)}}@keyframes popSpin{50%{transform:scale(1.22) rotate(120deg)}}@keyframes scanPulse{0%,100%{opacity:.2;transform:translateX(-50%) rotateX(72deg) scale(.9)}50%{opacity:.7;transform:translateX(-50%) rotateX(72deg) scale(1.08)}}@keyframes machineShake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes disco{to{filter:hue-rotate(100deg)}}

.mobile-bottom-nav{display:none!important}

@media (max-width:980px){
  .nav{position:fixed;top:86px;left:14px;right:14px;display:none;flex-direction:column;padding:12px;border-radius:20px;background:rgba(4,24,47,.96);border:1px solid rgba(255,255,255,.14)}.nav.open{display:flex}.menu-button{display:block}.topbar__actions{margin-left:auto}.energy{display:none}.character-console{grid-template-columns:52px 1fr 52px}.character-data{grid-column:1/-1}.character-stage{min-height:500px}.console-arrow{width:48px;height:48px}.episode-strip{grid-template-columns:1fr 1fr}.hero__copy{margin-left:5vw}.hero__wash{background:linear-gradient(0deg,rgba(3,16,30,.78),rgba(3,16,30,.15) 70%)}.hero{align-items:flex-end;padding-bottom:9vh}.hero__copy{padding-top:120px}.tunnel__copy{left:5%;top:14%}.idea-panel__buttons{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:680px){
  html{scroll-snap-type:y proximity}
  body{padding-bottom:70px}
  .topbar{height:62px;top:8px}.topbar__actions{margin-left:auto}.brand img{width:85px}.round-button{width:40px;height:40px;font-size:1.2rem}.hero{min-height:100svh}.hero h1{font-size:clamp(2.7rem,13vw,4.2rem)}.hero__copy{margin:0 22px;padding-top:100px}.hero__copy p{font-size:.95rem}.hero-hotspot{display:none}.world{align-items:flex-end;padding-bottom:8vh}.world__copy{margin:0 22px}.world__copy h2,.section-title h2,.footer__content h2,.tunnel__copy h2{font-size:clamp(2.5rem,12vw,4rem)}.team{padding:100px 14px 50px}.character-console{padding:12px 14px;grid-template-columns:1fr;border-radius:24px}.console-arrow{display:none!important}.character-stage{min-height:430px;touch-action:pan-y}.character-art{max-height:410px}.character-data{padding:14px}.character-data h3{font-size:2.7rem}.idea-lab,.cinema,.games{padding:100px 14px 60px}.idea-panel__buttons{grid-template-columns:repeat(2,1fr)}.game-tabs{grid-template-columns:repeat(2,1fr)}.idea-panel__buttons button{display:flex;align-items:center;justify-content:center;gap:10px}.idea-panel__buttons b{margin:0}.cinema-interface{width:100%;padding-top:3vh}.cinema-screen{width:100%}.episode-strip{display:flex;overflow:auto;padding-bottom:6px}.episode-card{min-width:205px}.repair-game{grid-template-columns:1fr}.footer__night{padding:70px 22px 90px;min-height:100svh}.footer__shade{background:linear-gradient(0deg,rgba(2,7,14,.92),rgba(2,7,14,.13) 72%)}.tunnel{min-height:100svh}.tunnel__copy{left:20px;right:20px;top:auto;bottom:8%;width:auto}.tunnel__rings{display:none}.tunnel__bg{inset:-2%;background-position:center}.entry__bg{inset:0;background-position:center}.entry__content{width:100%;padding:28px 18px}.entry__logo{width:min(290px,80vw)}.portal-button{width:100%;justify-content:center}.world__bg,.team__bg,.games__bg,.footer__bg{background-position:center}

  /* Mobil Alt Yüzen Menü Barı */
  .mobile-bottom-nav{display:flex!important;position:fixed;bottom:12px;left:14px;right:14px;z-index:9000;height:62px;border-radius:24px;background:rgba(4,24,47,.88);backdrop-filter:blur(16px);border:1.5px solid rgba(255,224,78,.35);box-shadow:0 10px 30px rgba(0,0,0,.5),0 0 30px rgba(7,82,165,.35);justify-content:space-around;align-items:center;padding:0 4px}
  .mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:rgba(255,255,255,.7);text-decoration:none;font-size:.68rem;font-weight:700;padding:5px 8px;border-radius:16px;transition:.2s}
  .mobile-nav-item b{font-size:1.2rem;line-height:1}
  .mobile-nav-item.active,.mobile-nav-item:hover{color:var(--yellow);background:rgba(255,201,40,.15);transform:scale(1.05)}

  /* Mobil Modal Sheet */
  .modal{align-items:flex-end;padding:0}
  .modal__card{border-radius:30px 30px 0 0;max-height:90vh;width:100vw;padding:32px 20px 24px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;scroll-snap-type:none}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.parallax-bg{transform:none!important}}