:root{--bg:#070b14;--panel:#101827;--panel2:#151f31;--line:#2a3850;--text:#f2f4ed;--muted:#9ca9ba;--acid:#d9ff57;--cyan:#54e4d8;--orange:#ff7a52;--red:#ff5f6d;--radius:22px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:var(--bg)}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 20%,#19314c 0,transparent 34%),radial-gradient(circle at 90% 80%,#291b45 0,transparent 35%),var(--bg);overflow-x:hidden}button,input,select{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.2rem,5vw,5.8rem);line-height:.95;letter-spacing:-.055em;margin-bottom:22px}h2{font-size:clamp(1.45rem,2.6vw,2.4rem);line-height:1.05}em{font-style:normal;color:var(--acid)}small{color:var(--muted)}#stars{position:fixed;inset:0;pointer-events:none;opacity:.25;background-image:radial-gradient(#fff 1px,transparent 1px),radial-gradient(#54e4d8 1px,transparent 1px);background-size:77px 77px,131px 131px;background-position:0 0,33px 41px;animation:stars 90s linear infinite}#app{position:relative;z-index:1;width:min(1500px,100%);min-height:100vh;margin:auto;padding:clamp(18px,3vw,42px)}.boot{display:grid;place-items:center;min-height:80vh;color:var(--muted)}.brand{height:64px;display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px}.brand a{font-weight:900;letter-spacing:.12em;font-size:.85rem}.brand a span{display:block;color:var(--muted);font-size:.55rem;letter-spacing:.32em}.brand a b{font-size:1.9rem;line-height:1;color:var(--acid)}.brand-actions,.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.icon-btn{border:1px solid var(--line);border-radius:50%;background:#101827;width:42px;height:42px;cursor:pointer}.btn{border:1px solid var(--line);border-radius:12px;background:var(--panel2);padding:13px 18px;font-weight:800;cursor:pointer;transition:.2s transform,.2s border-color}.btn:hover{transform:translateY(-2px);border-color:var(--cyan)}.btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.btn.primary{background:var(--acid);border-color:var(--acid);color:#10150b}.btn.ghost{background:transparent}.btn.big{padding:17px 24px}.btn.mini{padding:9px 12px;font-size:.8rem}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.7rem;font-weight:900;color:var(--cyan);margin-bottom:12px}.lead{font-size:clamp(1.05rem,1.7vw,1.35rem);line-height:1.55;color:#ced6dd;max-width:900px}.panel,.role-card,.round-secret,.personal-final{background:linear-gradient(145deg,rgba(21,31,49,.96),rgba(12,19,31,.94));border:1px solid var(--line);border-radius:var(--radius);padding:clamp(22px,3vw,38px);box-shadow:0 24px 80px #0005}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(28px,7vw,100px);align-items:center;min-height:calc(100vh - 150px)}.hero .lead{max-width:780px}.facts{display:flex;gap:28px;margin-top:42px;color:var(--muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.12em}.hero-card{min-height:510px;padding:34px;position:relative;overflow:hidden;border:1px solid #41516a;border-radius:32px;background:linear-gradient(150deg,#18263c,#101421 65%,#312247);transform:rotate(2deg);box-shadow:0 40px 100px #0009}.ticket-top{display:flex;justify-content:space-between;font-size:.65rem;letter-spacing:.15em}.ticket-top b{color:var(--orange)}.planet{width:280px;height:280px;border-radius:50%;margin:40px auto;background:radial-gradient(circle at 35% 30%,#f5d38c,#c66c49 35%,#512b54 70%);box-shadow:inset -35px -28px 45px #15192d99,0 0 55px #ff9d6266;position:relative}.planet:after{content:"";position:absolute;inset:45% -50px;border:10px solid #d9ff5780;border-radius:50%;transform:rotate(-15deg)}.hero-card h2{margin-bottom:8px}.file input{display:none}.lobby{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px}.join-board{text-align:center}.room-code{font-size:clamp(4rem,9vw,8rem);font-weight:950;letter-spacing:.12em;color:var(--acid);line-height:1}.qr{width:min(240px,70%);margin:24px;border-radius:14px;border:8px solid #fff}.crew-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:20px 0}.crew{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid var(--line);border-radius:13px;background:#0a111d}.crew>i{width:9px;height:9px;border-radius:50%;background:#455063}.crew>i.on{background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.crew div{display:flex;flex-direction:column;min-width:0}.crew strong,.crew small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crew>b{margin-left:auto;color:var(--acid)}label{display:grid;gap:7px;color:var(--muted);font-size:.78rem;margin:15px 0}input,select{width:100%;border:1px solid var(--line);border-radius:12px;background:#080e18;color:var(--text);padding:14px;outline:none}input:focus,select:focus{border-color:var(--cyan)}.guide-shell{width:min(930px,100%);margin:5vh auto}.guide-art{height:270px;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:30px;margin-bottom:34px;background:linear-gradient(145deg,#182a40,#23183d)}.guide-art>span{position:absolute;left:13%;top:30%;font-size:6rem;animation:float 2.4s ease-in-out infinite}.guide-art>b{position:absolute;right:13%;top:38%;font-size:4rem;transform:rotate(-18deg);animation:ship-guide 2.4s ease-in-out infinite}.route-line{position:absolute;left:20%;right:20%;top:55%;border-top:2px dashed #ffffff33}.guide-footer{display:flex;align-items:center;justify-content:space-between;margin-top:42px}.dots{display:flex;gap:7px}.dots i{width:9px;height:9px;border-radius:8px;background:#364156;transition:.2s}.dots i.active{width:35px;background:var(--acid)}.game{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px}.stage,.sidebar{border:1px solid var(--line);border-radius:26px;background:#0c1421cc;overflow:hidden}.stage{position:relative;min-height:780px}.sidebar{padding:22px}.actline{display:flex;justify-content:space-between;padding:18px 24px;font-size:.72rem;letter-spacing:.15em;color:var(--muted)}.actline b{color:var(--cyan)}.scene{height:clamp(300px,42vh,500px);position:relative;overflow:hidden;background:radial-gradient(circle at 70% 25%,var(--scene-a,#405071),transparent 25%),linear-gradient(145deg,var(--scene-b,#16233a),#070b14);isolation:isolate}.scene:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:55px 55px;opacity:.3;animation:stars 35s linear infinite}.nebula{position:absolute;width:70%;height:60%;left:15%;top:20%;border-radius:50%;background:var(--scene-a,#284c6e);filter:blur(70px);opacity:.35}.orbit{position:absolute;border:1px solid #ffffff29;border-radius:50%;transform:rotate(-18deg)}.orbit.one{width:60%;height:35%;left:18%;top:30%}.orbit.two{width:85%;height:55%;left:7%;top:20%}.prop{position:absolute;z-index:2;font-size:clamp(3rem,7vw,7rem);filter:drop-shadow(0 18px 22px #0009)}.prop.a{left:10%;top:19%;animation:prop-a 3s ease-in-out infinite}.prop.b{right:11%;top:17%;animation:prop-b 2.6s ease-in-out infinite}.prop.c{right:27%;bottom:8%;font-size:clamp(2.3rem,5vw,5rem);animation:prop-c 3.4s ease-in-out infinite}.ship{position:absolute;z-index:5;left:48%;top:52%;font-size:clamp(4rem,8vw,8rem);transform:translate(-50%,-50%) rotate(-20deg);animation:ship 2s ease-in-out infinite}.ship i{position:absolute;width:90px;height:16px;right:80%;top:48%;border-radius:50%;background:linear-gradient(90deg,transparent,var(--orange),#fff);filter:blur(4px);animation:thruster .15s alternate infinite}.scan{position:absolute;inset:-30% 0;background:linear-gradient(transparent 47%,#54e4d822 50%,transparent 53%);animation:scan 4s linear infinite}.flash{position:absolute;inset:0;background:#fff;opacity:0}.phase-reveal .flash{animation:flash .65s ease-out}.phase-action .ship{animation:shake .25s alternate infinite}.scene-inspection,.scene-radio{--scene-a:#397d7c;--scene-b:#122938}.scene-engine{--scene-a:#a74531;--scene-b:#411d27}.scene-storm,.scene-blockade{--scene-a:#665080;--scene-b:#201a38}.scene-cabin{--scene-a:#705642;--scene-b:#292234}.scene-chase{--scene-a:#8c3544;--scene-b:#201a34}.scene-terminal{--scene-a:#4a7b60;--scene-b:#172a2b}.event-copy,.result{padding:clamp(22px,3.5vw,50px)}.event-copy h1,.result h1{font-size:clamp(2rem,4vw,4.3rem)}.public-info,.reveal-secret{border-left:3px solid var(--acid);padding:12px 16px;background:#d9ff570b;color:#dbe2ce}.reveal-secret{border-color:var(--cyan)}.options-public{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.options-public div{display:flex;gap:9px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:12px}.options-public b{display:grid;place-items:center;min-width:28px;height:28px;border-radius:50%;background:var(--acid);color:#111}.timer{font:800 clamp(2rem,4vw,4rem)/1 ui-monospace,monospace;letter-spacing:.05em;color:var(--acid);margin:20px 0}.host-next{margin:0 0 30px 40px}.meters{display:grid;gap:13px}.meter{display:grid;grid-template-columns:1fr auto;gap:5px;font-size:.73rem}.meter>b{color:var(--acid)}.meter>i{grid-column:1/-1;height:4px;background:#263146;border-radius:5px;overflow:hidden}.meter>i em{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--acid))}.meter.danger>i em{background:linear-gradient(90deg,var(--orange),var(--red))}.mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:22px 0}.mini-stats span{padding:12px;border:1px solid var(--line);border-radius:10px;font-size:.72rem}.mini-stats b{display:block;font-size:1.4rem;color:var(--acid)}.effect-row{display:flex;flex-wrap:wrap;gap:8px}.effect-row span{padding:8px 11px;border-radius:99px;background:#16243a;font-weight:800;font-size:.78rem}.effect-row .bad{color:#ff9b9b}.effect-row .good{color:var(--acid)}.finale{width:min(1050px,100%);margin:4vh auto}.history{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin:35px 0}.history article{display:flex;flex-direction:column;gap:8px;padding:14px;border-top:2px solid var(--acid);background:#101827}.history article b{color:var(--cyan);font-size:.7rem}.history article span{color:var(--muted);font-size:.72rem}.leaderboard{margin:25px 0}.leaderboard div{display:flex;justify-content:space-between;padding:14px;border-bottom:1px solid var(--line)}.leaderboard small{margin-left:8px}.phone{width:min(600px,100%);margin:auto}.join-card{margin-top:7vh}.join-card form .btn{width:100%;margin-top:10px}.wait{text-align:center;margin-top:12vh}.signal{width:75px;height:75px;margin:0 auto 28px;border-radius:50%;border:2px solid var(--cyan);box-shadow:0 0 0 0 #54e4d855;animation:pulse 1.5s infinite}.role-card{margin-bottom:14px}.role-head{display:flex;align-items:center;gap:17px}.role-head>span{font-size:4.5rem}.role-head h1{font-size:2.6rem;margin-bottom:0}.role-grid{display:grid;gap:8px}.role-grid div{padding:13px;border:1px solid var(--line);border-radius:12px;background:#090f1a}.role-grid small,.role-grid b{display:block}.role-grid small{text-transform:uppercase;letter-spacing:.12em;font-size:.62rem;margin-bottom:5px}.role-grid b{font-size:.86rem;line-height:1.35}.secret,.round-secret{padding:18px;border:1px solid #54e4d866;border-radius:15px;background:#0d2428;margin-bottom:14px}.secret small,.secret b{display:block}.round-secret h2{font-size:1.45rem}.ability{width:100%;display:flex;flex-direction:column;text-align:left;gap:5px;padding:16px;border:1px solid var(--acid);border-radius:14px;background:#d9ff5712;margin:13px 0;cursor:pointer}.ability.used{border-color:var(--line);opacity:.55}.choices{display:grid;gap:10px}.choice{display:flex;align-items:flex-start;gap:13px;width:100%;padding:15px;border:1px solid var(--line);border-radius:15px;background:#101827;text-align:left;cursor:pointer}.choice>b{display:grid;place-items:center;min-width:35px;height:35px;border-radius:50%;background:#28364d}.choice>span{display:grid;gap:5px}.choice strong{font-size:1rem}.choice small{line-height:1.35}.choice small em{color:var(--muted);font-style:normal}.choice.chosen{border-color:var(--acid);box-shadow:inset 0 0 0 1px var(--acid);background:#d9ff570e}.choice.chosen>b{background:var(--acid);color:#111}.hint{text-align:center;color:var(--muted)}.phone-result{text-align:center;margin-top:12vh}.score-pill{display:inline-block;padding:10px 14px;border-radius:99px;background:var(--acid);color:#111;margin-top:20px}.personal-final{text-align:center;margin-top:7vh}.role-emoji{font-size:6rem}.score{font-size:5rem;font-weight:900;color:var(--acid);margin-top:25px}.score small{display:block;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}.offline:after{content:"Связь потеряна · переподключаемся";position:fixed;z-index:100;left:50%;bottom:15px;transform:translateX(-50%);padding:10px 16px;border-radius:99px;background:var(--red);color:#fff;font-weight:800}#toast{position:fixed;z-index:110;left:50%;bottom:24px;transform:translate(-50%,30px);opacity:0;padding:12px 18px;border-radius:12px;background:#fff;color:#111;transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%,0)}
@keyframes stars{to{background-position:-500px 250px,-300px 600px}}@keyframes float{50%{transform:translateY(-18px) rotate(6deg)}}@keyframes ship-guide{50%{transform:translate(35px,-14px) rotate(-13deg)}}@keyframes prop-a{50%{transform:translate(15px,-18px) rotate(7deg)}}@keyframes prop-b{50%{transform:translate(-17px,13px) rotate(-8deg)}}@keyframes prop-c{50%{transform:translateY(17px) rotate(10deg)}}@keyframes ship{50%{transform:translate(-45%,-57%) rotate(-17deg)}}@keyframes thruster{to{width:55px;opacity:.6}}@keyframes scan{to{transform:translateY(60%)}}@keyframes flash{0%{opacity:.8}100%{opacity:0}}@keyframes shake{to{transform:translate(-48%,-50%) rotate(-18deg)}}@keyframes pulse{70%{box-shadow:0 0 0 28px #54e4d800}} 
@media(max-width:900px){.hero,.lobby,.game{grid-template-columns:1fr}.hero-card{min-height:420px}.game .sidebar{order:-1}.sidebar .meters{grid-template-columns:repeat(4,1fr)}.crew-list{grid-template-columns:repeat(3,1fr)}.history{grid-template-columns:1fr}.stage{min-height:auto}.facts{flex-wrap:wrap}.host-next{margin-left:22px}}
@media(max-width:600px){#app{padding:14px}.brand{margin-bottom:18px}.hero{min-height:auto}.hero h1{font-size:3.2rem}.hero-card{min-height:350px}.planet{width:200px;height:200px;margin:28px auto}.facts{gap:12px}.actions>.btn{width:100%}.lobby .crew-list,.crew-list{grid-template-columns:1fr}.sidebar .meters{grid-template-columns:repeat(2,1fr)}.guide-art{height:190px}.guide-art>span{font-size:4rem}.guide-footer{align-items:stretch;gap:20px;flex-direction:column}.options-public{grid-template-columns:1fr}.scene{height:250px}.phone .brand{position:sticky;top:0;z-index:20;background:#070b14dd;backdrop-filter:blur(12px);padding-top:8px}.role-card,.round-secret,.personal-final,.panel{border-radius:17px}.role-head>span{font-size:3.4rem}.role-head h1{font-size:2rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

/* CSS-3D cinematic diorama. Every visible shape is HTML/CSS; no image or emoji assets. */
.cinematic{--key:#73e8ff;--rim:#a891ff;--hot:#ff7357;height:clamp(360px,52vh,610px);perspective:900px;background:#050914;isolation:isolate;overflow:hidden;box-shadow:inset 0 0 90px #000,0 25px 70px #0008}
.sound-btn{width:auto;min-width:76px;border-radius:9px;font:800 .62rem/1 ui-monospace,monospace;letter-spacing:.08em}.guide-art>span{font:900 clamp(2.2rem,7vw,5rem)/1 ui-monospace,monospace;letter-spacing:-.08em;color:var(--cyan);text-shadow:0 0 28px #54e4d888}.guide-art .mini-css-ship{width:115px;height:42px;border-radius:70% 35% 35% 60%;background:linear-gradient(150deg,#e9f7ff,#5d7892 50%,#152338);box-shadow:inset 0 5px 8px #fff9,0 18px 25px #0009,0 0 20px #54e4d844}.guide-art .mini-css-ship:before{content:"";position:absolute;left:-18px;top:7px;width:36px;height:30px;border-radius:100% 10% 10% 100%;background:#b7cfdf}.guide-art .mini-css-ship i{position:absolute;right:-55px;top:16px;width:65px;height:10px;background:linear-gradient(90deg,#fff,var(--cyan),transparent);filter:blur(3px)}
.cinematic:before{background-image:radial-gradient(#fff 0 1px,transparent 1.5px);background-size:71px 71px;opacity:.42}
.scene-camera{position:absolute;inset:-8%;transform-style:preserve-3d;transform:rotateX(-4deg) rotateY(3deg) translateZ(0);animation:camera-dolly 9s ease-in-out infinite}
.deep-space{position:absolute;inset:-25%;transform:translateZ(-600px) scale(1.8);background:radial-gradient(ellipse at 25% 40%,#4e2e7138,transparent 32%),radial-gradient(ellipse at 75% 20%,#14506942,transparent 28%),linear-gradient(#040812,#09101f)}
.deep-space i{position:absolute;width:2px;height:2px;background:white;border-radius:50%;box-shadow:65px 33px #fff,130px 170px #9eefff,220px 80px #fff,310px 240px #ccbaff,420px 95px #fff,550px 210px #7eefff,690px 50px #fff,810px 290px #fff,940px 130px #a6d7ff;animation:star-pulse 2.8s alternate infinite}
.deep-space i:nth-child(2){left:23%;top:31%;transform:scale(.55);animation-delay:-1.2s}.deep-space i:nth-child(3){left:51%;top:12%;transform:scale(1.5);animation-delay:-2s}
.world{position:absolute;width:55%;height:75%;right:-16%;top:-20%;transform:translateZ(-350px);filter:drop-shadow(-30px 30px 70px #5f5dff55)}
.planet-body{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 32% 30%,#cbdfff,#6671b9 23%,#252d69 58%,#0b1031 75%);box-shadow:inset -55px -30px 80px #050717,0 0 80px #8099ff44}
.planet-body:after{content:"";position:absolute;inset:48% -22%;border:7px solid #8bc8ff5c;border-radius:50%;transform:rotate(-13deg)}
.city-line{position:absolute;display:none;left:-25%;right:10%;bottom:4%;height:20%;background:repeating-linear-gradient(90deg,#0c1625 0 18px,#152538 19px 28px);clip-path:polygon(0 100%,0 68%,6% 68%,6% 20%,9% 20%,9% 60%,15% 60%,15% 5%,18% 5%,18% 52%,24% 52%,24% 30%,31% 30%,31% 66%,38% 66%,38% 12%,42% 12%,42% 58%,49% 58%,49% 34%,58% 34%,58% 71%,66% 71%,66% 18%,71% 18%,71% 60%,79% 60%,79% 43%,88% 43%,88% 69%,100% 69%,100% 100%);box-shadow:0 -5px 18px #68dfff}
.set-piece{position:absolute;inset:0;transform-style:preserve-3d}
.deck-grid{position:absolute;left:-25%;right:-25%;bottom:-34%;height:66%;transform:rotateX(69deg) translateZ(-30px);transform-origin:top;background:linear-gradient(#55dfff22,#050a13 58%),repeating-linear-gradient(90deg,#61e8ff22 0 1px,transparent 1px 70px),repeating-linear-gradient(0deg,#61e8ff18 0 1px,transparent 1px 58px);box-shadow:inset 0 20px 50px #48caff19}
.arch{position:absolute;top:-8%;bottom:8%;width:13%;border:14px solid #24364a;border-bottom:0;box-shadow:inset 0 0 0 2px #73e8ff24,0 0 30px #000;transform:translateZ(80px)}.arch:after{content:"";position:absolute;inset:5px;border-left:2px solid var(--key);opacity:.25}.arch-left{left:-4%;transform:translateZ(80px) rotateY(8deg)}.arch-right{right:-4%;transform:translateZ(80px) rotateY(-8deg)}
.wall-panel{position:absolute;top:12%;width:14%;height:25%;border:2px solid #47637b;background:linear-gradient(135deg,#132334,#07101d);box-shadow:inset 0 0 20px #4eeaff22,0 15px 30px #0008}.wall-panel:before{content:"";position:absolute;left:12%;right:12%;top:18%;height:3px;background:var(--key);box-shadow:0 13px #ffffff44,0 26px #ffffff22}.panel-a{left:7%;transform:translateZ(-20px) rotateY(15deg)}.panel-b{right:7%;transform:translateZ(-20px) rotateY(-15deg)}
.seat-row{display:none;position:absolute;bottom:10%;gap:14px;transform-style:preserve-3d}.seat-row i{width:48px;height:88px;border-radius:18px 18px 5px 5px;background:linear-gradient(100deg,#1f3852,#0b1727);border:2px solid #496781;box-shadow:inset 9px 0 18px #0007,0 18px 25px #0009;transform:rotateX(-5deg)}.row-a{left:10%;transform:translateZ(130px) rotateY(12deg)}.row-b{right:9%;transform:translateZ(20px) rotateY(-12deg) scale(.78)}
.css-ship{position:absolute;left:42%;top:40%;width:245px;height:92px;transform-style:preserve-3d;transform:translate(-50%,-50%) rotateY(-18deg) rotateZ(-5deg);border-radius:65% 42% 38% 55%;background:linear-gradient(155deg,#edf7ff 0 10%,#91a8ba 28%,#26374b 62%,#111b2a 100%);box-shadow:inset 0 10px 14px #fff8,inset 0 -16px 20px #050913aa,0 28px 42px #000c,0 0 4px #fff;animation:ship-cinema 4.5s ease-in-out infinite}
.css-ship:before{content:"";position:absolute;right:2%;top:35%;width:24%;height:31%;border-radius:8px 80% 50% 8px;background:#0d1724;box-shadow:inset 0 0 10px #6eeeff,24px 0 20px -7px var(--key)}
.css-ship .nose{position:absolute;left:-12%;top:16%;width:31%;height:68%;border-radius:100% 12% 12% 100%;background:linear-gradient(110deg,#dcecff,#60778d 70%);transform:translateZ(4px)}
.css-ship .cockpit{position:absolute;left:17%;top:10%;width:27%;height:34%;border-radius:90% 25% 20% 25%;background:linear-gradient(145deg,#b5fbff,#196181 52%,#07131f);box-shadow:inset 4px 5px 8px #fff8,0 0 18px #6eeeff77;transform:translateZ(14px)}
.wing{position:absolute;left:35%;width:46%;height:78%;clip-path:polygon(0 45%,100% 0,86% 35%,25% 75%);background:linear-gradient(120deg,#6e879c,#1a293a);box-shadow:0 10px 20px #0008}.wing-a{top:54%;transform:rotateX(62deg) translateZ(-2px)}.wing-b{top:-22%;transform:rotateX(-62deg) scaleY(.75)}
.engine-glow{position:absolute;right:-18%;top:36%;width:30%;height:26%;border-radius:50%;background:linear-gradient(90deg,#fff,#7de8ff 34%,#674cff88 70%,transparent);filter:blur(4px);box-shadow:0 0 25px #58dfff;animation:engine-pulse .16s alternate infinite}
.rival{display:none;width:115px;height:40px;left:auto;border-radius:60% 30%;background:linear-gradient(145deg,#d85868,#311a35);animation:rival-pass 5s linear infinite}.rival .nose{left:-10%}.rival-a{right:12%;top:22%;transform:translateZ(-70px) scale(.75)}.rival-b{right:28%;top:67%;transform:translateZ(100px) scale(.55);animation-delay:-2.4s}
.cargo-unit{display:none;position:absolute;left:15%;bottom:13%;width:190px;height:150px;transform:translateZ(120px) rotateY(14deg);background:linear-gradient(135deg,#596470,#1a222c 55%,#090d13);border:4px solid #6e7983;box-shadow:inset 0 0 0 8px #111820,18px 28px 45px #000c}.cargo-unit:before,.cargo-unit:after{content:"";position:absolute;background:#818c95}.cargo-unit:before{left:12%;right:12%;top:47%;height:8px}.cargo-unit:after{top:12%;bottom:12%;left:48%;width:8px}.cargo-unit b{position:absolute;inset:18%;border:1px solid #d1e5e877}.cargo-unit span{position:absolute;right:12px;top:12px;width:11px;height:11px;border-radius:50%;background:var(--hot);box-shadow:0 0 15px var(--hot);animation:alarm-dot .55s steps(2) infinite}
.reactor{display:none;position:absolute;left:50%;top:48%;width:220px;height:220px;border:25px solid #27374a;border-radius:50%;transform:translate(-50%,-50%) rotateY(-18deg) translateZ(100px);box-shadow:inset 0 0 32px #000,0 0 40px var(--hot),0 20px 50px #000}.reactor:before,.reactor:after{content:"";position:absolute;border-radius:50%;inset:-17px;border:5px dashed #b7c8d5;animation:reactor-spin 4s linear infinite}.reactor:after{inset:28px;border:12px solid var(--hot);filter:drop-shadow(0 0 15px var(--hot));animation-direction:reverse;animation-duration:2.4s}.reactor i{position:absolute;inset:43%;border-radius:50%;background:white;box-shadow:0 0 25px 18px var(--hot)}
.holo{display:none;position:absolute;right:12%;top:15%;width:210px;height:220px;transform:translateZ(90px) rotateY(-12deg);border:1px solid #73e8ff55;background:repeating-linear-gradient(0deg,#63e8ff0d 0 3px,transparent 3px 8px);box-shadow:inset 0 0 35px #58eaff1f,0 0 25px #58eaff22;animation:holo-glitch 3.5s steps(1) infinite}.holo:before{content:"";position:absolute;left:50%;top:18%;width:58px;height:58px;border:3px solid var(--key);border-radius:50%;transform:translateX(-50%);box-shadow:0 0 18px var(--key)}.holo:after{content:"";position:absolute;left:25%;right:25%;bottom:15%;height:38%;border:3px solid var(--key);border-radius:50% 50% 10% 10%;clip-path:polygon(0 0,100% 0,84% 100%,16% 100%)}.holo i{position:absolute;left:8%;right:8%;top:8%;height:2px;background:white;box-shadow:0 0 12px var(--key);animation:holo-scan 2s linear infinite}
.figure{display:none;position:absolute;width:58px;height:155px;transform-style:preserve-3d;filter:drop-shadow(0 18px 12px #000a)}.figure i{position:absolute;left:13px;top:0;width:34px;height:38px;border-radius:48% 48% 42% 42%;background:linear-gradient(110deg,#dbc5b8,#6f5360);box-shadow:inset -7px -3px 8px #291b28}.figure b{position:absolute;left:5px;top:35px;width:50px;height:83px;border-radius:38% 38% 15% 15%;background:linear-gradient(110deg,#304e67,#101a2b);box-shadow:inset 8px 0 12px #79dbff22}.figure span{position:absolute;left:10px;top:112px;width:14px;height:44px;background:#0b1220;box-shadow:28px 0 #0b1220}.figure-a{left:27%;bottom:7%;transform:translateZ(170px)}.figure-b{right:26%;bottom:8%;transform:translateZ(70px) scale(.86)}.figure-c{left:52%;bottom:11%;transform:translateZ(-30px) scale(.65)}
.fx-layer{position:absolute;inset:0;pointer-events:none;transform-style:preserve-3d}.beam{display:none;position:absolute;height:3px;background:linear-gradient(90deg,transparent,var(--key),white);box-shadow:0 0 14px var(--key);transform-origin:left}.beam-a{left:8%;top:28%;width:92%;transform:rotate(8deg)}.beam-b{right:5%;top:61%;width:70%;transform:rotate(188deg)}.lightning{display:none;position:absolute;left:46%;top:-10%;width:8px;height:125%;background:white;clip-path:polygon(45% 0,100% 0,59% 38%,100% 38%,27% 100%,43% 48%,0 48%);filter:drop-shadow(0 0 15px #a6dfff);animation:lightning-hit 3s steps(1) infinite}.smoke{display:none;position:absolute;width:250px;height:110px;border-radius:50%;background:#99b8d322;filter:blur(20px);animation:smoke-drift 5s linear infinite}.smoke-a{left:10%;bottom:10%}.smoke-b{right:3%;top:10%;animation-delay:-2s}.sparks{display:none;position:absolute;left:55%;top:38%;width:5px;height:5px;background:#fff;box-shadow:20px 20px var(--hot),-15px 33px #ffd571,36px -18px #fff,-30px -20px var(--hot),52px 42px #ffd571;filter:drop-shadow(0 0 8px var(--hot));animation:sparks-fall 1.3s linear infinite}.shockwave{display:none;position:absolute;left:50%;top:50%;width:40px;height:40px;border:4px solid white;border-radius:50%;transform:translate(-50%,-50%);animation:shockwave 1.8s ease-out infinite}
.film-grain{position:absolute;z-index:30;inset:-40%;opacity:.06;pointer-events:none;background-image:repeating-radial-gradient(circle at 30% 50%,#fff 0 1px,transparent 1px 4px);background-size:9px 9px;animation:grain .18s steps(2) infinite}.film-bars:before,.film-bars:after{content:"";position:absolute;z-index:31;left:0;right:0;height:6%;background:#03050a}.film-bars:before{top:0}.film-bars:after{bottom:0}
.phase-discussion .scene-camera{animation-duration:14s}.phase-action .scene-camera{animation:camera-tension .7s ease-in-out infinite alternate}.phase-reveal .shockwave{display:block}.phase-reveal .flash{animation:flash .7s ease-out}.phase-reveal .css-ship{animation:reveal-kick .8s ease-out}
.scene-hangar .cargo-unit,.scene-hangar .figure-a,.scene-hangar .figure-b{display:block}.scene-hangar .hero-ship{left:58%;top:48%;transform:translate(-50%,-50%) rotateY(-27deg) rotateZ(-2deg) scale(1.12)}
.scene-cabin .world,.scene-cabin .hero-ship{display:none}.scene-cabin .seat-row,.scene-cabin .figure-a,.scene-cabin .figure-b,.scene-cabin .figure-c{display:flex}.scene-cabin .deck-grid{bottom:-20%;height:85%}.scene-cabin .arch{width:18%}
.scene-inspection .holo,.scene-inspection .beam-a,.scene-inspection .figure-b{display:block}.scene-inspection .beam-a{animation:inspection-scan 3s ease-in-out infinite}.scene-inspection{--key:#55f5d0;--rim:#4bd4ff}
.scene-cargo .cargo-unit,.scene-cargo .smoke-a,.scene-cargo .figure-a{display:block}.scene-cargo .cargo-unit{left:39%;bottom:18%;transform:translateZ(160px) rotateY(-18deg) scale(1.2)}.scene-cargo .hero-ship,.scene-cargo .world{display:none}
.scene-engine .reactor,.scene-engine .sparks,.scene-engine .smoke-b,.scene-engine .figure-a{display:block}.scene-engine .hero-ship,.scene-engine .world{display:none}.scene-engine{--key:#ffb158;--hot:#ff4b3e;--rim:#ffcf70}
.scene-radio .holo,.scene-radio .figure-a{display:block}.scene-radio .hero-ship{left:27%;top:55%;transform:translate(-50%,-50%) rotateY(8deg) scale(.8)}.scene-radio .world{right:-7%;top:-12%}
.scene-chase .rival,.scene-chase .beam-a,.scene-chase .beam-b{display:block}.scene-chase .arch,.scene-chase .wall-panel,.scene-chase .deck-grid{display:none}.scene-chase .hero-ship{left:40%;top:50%;transform:translate(-50%,-50%) rotateY(-14deg) rotateZ(-9deg) scale(1.2)}
.scene-storm .lightning,.scene-storm .smoke-a,.scene-storm .smoke-b{display:block}.scene-storm .arch,.scene-storm .wall-panel,.scene-storm .deck-grid{display:none}.scene-storm .deep-space{background:radial-gradient(circle at 50% 45%,#796a9d,#27324b 34%,#0c1220 70%)}.scene-storm .hero-ship{animation:storm-flight .7s ease-in-out infinite alternate}
.scene-blockade .rival,.scene-blockade .beam-a,.scene-blockade .beam-b,.scene-blockade .holo{display:block}.scene-blockade .arch,.scene-blockade .wall-panel,.scene-blockade .deck-grid{display:none}.scene-blockade .world{right:-2%;top:-12%;transform:translateZ(-260px) scale(.8)}
.scene-terminal .city-line,.scene-terminal .figure-a,.scene-terminal .figure-b,.scene-terminal .figure-c,.scene-terminal .cargo-unit{display:block}.scene-terminal .hero-ship{left:68%;top:33%;transform:translate(-50%,-50%) rotateY(-25deg) scale(.7)}.scene-terminal .world{right:-12%;top:-25%;transform:translateZ(-400px) scale(.72)}
.event-pr_departure .figure-c{display:block;left:48%;transform:translateZ(220px) scale(1.05)}.event-pr_departure .holo{display:block;right:6%;height:120px;--key:#ff7d73}.event-pr_baggage .cargo-unit span{background:#6de9ff;box-shadow:0 0 18px #6de9ff}.event-pr_union .figure-a,.event-pr_union .figure-b,.event-pr_union .figure-c{transform:translateZ(130px)}
.event-sc_departure .cargo-unit{animation:cargo-hum 1.1s ease-in-out infinite}.event-sc_customs_dirty .beam-a{--key:#ff5e72;animation-duration:1.5s}.event-sc_blackmail .holo{--key:#ff728a}.event-sc_crisis .lightning{display:block}
.event-sd_departure .figure-a{filter:brightness(.45) drop-shadow(0 18px 12px #000)}.event-sd_hunters .rival{background:linear-gradient(145deg,#f05772,#24122b)}.event-sd_message .cargo-unit{display:block;left:40%;bottom:16%;animation:cargo-awake 2s ease-in-out infinite}.event-sd_message .holo{display:block;right:10%;--key:#c18bff}.event-sd_origin .holo{--key:#f3c06b}
@keyframes camera-dolly{50%{transform:rotateX(-2deg) rotateY(-3deg) translate3d(1.5%,-1%,45px)}}@keyframes camera-tension{to{transform:rotateX(-3deg) rotateY(2deg) translate3d(.5%,-.3%,22px)}}@keyframes star-pulse{to{opacity:.35}}@keyframes ship-cinema{50%{transform:translate(-47%,-56%) rotateY(-14deg) rotateZ(-3deg)}}@keyframes engine-pulse{to{opacity:.55;transform:scaleX(.72)}}@keyframes rival-pass{0%{transform:translate3d(280px,-70px,-180px) scale(.35)}50%{transform:translate3d(-90px,25px,40px) scale(.9)}100%{transform:translate3d(-600px,170px,200px) scale(1.5)}}@keyframes reactor-spin{to{transform:rotate(360deg)}}@keyframes holo-glitch{8%{transform:translateZ(90px) rotateY(-12deg) translateX(2px)}9%{transform:translateZ(90px) rotateY(-12deg) translateX(-4px)}10%{transform:translateZ(90px) rotateY(-12deg)}}@keyframes holo-scan{to{transform:translateY(190px)}}@keyframes inspection-scan{0%,100%{transform:rotate(2deg) translateY(-90px)}50%{transform:rotate(2deg) translateY(240px)}}@keyframes alarm-dot{50%{opacity:.2}}@keyframes smoke-drift{to{transform:translate(170px,-65px) scale(1.6);opacity:0}}@keyframes lightning-hit{0%,88%,100%{opacity:0}89%,92%{opacity:1}93%{opacity:.2}94%{opacity:1}}@keyframes sparks-fall{to{transform:translate(60px,120px) rotate(90deg);opacity:0}}@keyframes shockwave{to{width:650px;height:650px;opacity:0}}@keyframes grain{to{transform:translate(3%,2%)}}@keyframes reveal-kick{40%{transform:translate(-43%,-55%) rotateY(-8deg) rotateZ(4deg) scale(1.08)}}@keyframes storm-flight{to{transform:translate(-47%,-54%) rotateY(-10deg) rotateZ(8deg)}}@keyframes cargo-hum{50%{transform:translateZ(120px) rotateY(14deg) translateY(-5px);filter:drop-shadow(0 0 16px #75e9ff)}}@keyframes cargo-awake{50%{transform:translateZ(160px) rotateY(-18deg) scale(1.24);box-shadow:inset 0 0 0 8px #111820,0 0 45px #a878ff}}
@media(max-width:700px){.cinematic{height:330px;perspective:700px}.css-ship{transform:translate(-50%,-50%) scale(.7)}.cargo-unit{transform:translateZ(80px) scale(.72)}.figure{transform:scale(.68)}.holo{transform:translateZ(40px) scale(.68);right:0}.film-bars:before,.film-bars:after{height:4%}}