.journey-cinema[hidden],.journey-entry[hidden],.journey-progress[hidden]{display:none!important}.journey-cinema{position:fixed;inset:0;z-index:200;background:radial-gradient(ellipse at 50% 45%,#52203d88,transparent 50%),radial-gradient(ellipse at 15% 80%,#382d5544,transparent 35%),#08060e;display:grid;place-items:center;padding:35px 22px;overflow:auto}.journey-cinema::before{content:'';position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#e9c58d99 1px,transparent 1px);background-size:97px 113px;mask-image:radial-gradient(ellipse,#000,transparent 80%);animation:starDrift 24s linear infinite}#journey-skip{position:absolute;top:24px;right:24px;border:1px solid #dfbd7955;background:#19101e;color:#fff;padding:12px 22px;z-index:2}#cinema-scene{position:relative;max-width:780px;text-align:center}#cinema-scene h1{font-size:clamp(36px,7vw,72px);letter-spacing:.06em;line-height:1.1;margin:20px 0}#cinema-scene h2{font:normal clamp(24px,4vw,38px)/1.3 Georgia,serif}#cinema-scene p{max-width:620px;margin:18px auto;color:#e4d6e0;line-height:1.65}.scene-in{animation:sceneIn .8s ease both}.power-point{width:110px;height:110px;position:relative;margin:20px auto;flex:none;filter:drop-shadow(0 0 calc(10px + var(--power,.3)*20px) #df318677)}.power-point>span{position:absolute;inset:43%;border-radius:50%;background:#fff5dc;box-shadow:0 0 15px #f6cb8d,0 0 40px #df3186;animation:pointPulse 3s ease-in-out infinite}.power-petal{position:absolute;inset:19%;border:1px solid #eac58838;border-radius:40% 0 40% 0;transform:rotate(var(--angle)) translateY(-13px);transform-origin:center;transition:background 1s,box-shadow 1s}.power-petal.lit{border-color:#efd290;background:linear-gradient(45deg,#e7388e55,#dfbd7933);box-shadow:0 0 12px #ed398652}.journey-visual{height:240px;width:240px;margin:0 auto 25px;position:relative;display:grid;place-items:center}.journey-visual img{height:100%;max-width:100%;object-fit:contain;filter:drop-shadow(0 0 15px #dd8abc66)}.scene-chakra{position:absolute;left:calc(50% - 5px);width:10px;height:10px;background:var(--color);border-radius:50%;box-shadow:0 0 15px 5px var(--color);animation:chakraAwake 2s var(--delay) ease both}.scene-symbol{width:125px;height:125px;border:1px solid #dfbd79;transform:rotate(45deg);background:radial-gradient(circle,#f1aabc88,#aa236e33,transparent);box-shadow:inset 0 0 30px #df318666,0 0 40px #df318633;animation:pointPulse 4s infinite}.shadow .scene-symbol{background:linear-gradient(135deg,#09080d 35%,#edbaccbb 80%);animation:shadowLight 4s infinite alternate}.need .scene-symbol{border-radius:50%;transform:none}.creation .scene-symbol{border-radius:50%;transform:none;background:repeating-conic-gradient(#dfbd7944 0deg 38deg,#0000 38deg 40deg)}.scene-ray{position:absolute;width:2px;height:85px;top:50%;left:50%;transform-origin:top;transform:rotate(var(--angle));background:linear-gradient(#efc896aa,transparent);animation:pointPulse 3s infinite}.return-threads{position:absolute;inset:0;border:1px solid #f5c87844;border-radius:50%;animation:threadsReturn 3s ease-out infinite}.intro-collection{position:relative}.intro-collection .power-point{width:70px;height:70px;margin:10px auto}.intro-collection small{color:#dfbd79;letter-spacing:.15em}.collection-particle{position:absolute;left:15%;top:-90px;width:6px;height:6px;background:#ffdc94;border-radius:50%;box-shadow:0 0 18px #efc896;animation:collectIntro 3s ease-in infinite}.journey-entry{text-align:center;max-width:960px!important}.journey-entry h2{font:normal clamp(27px,4vw,42px)/1.2 Georgia,serif}.journey-entry>p{max-width:650px;margin:18px auto 25px!important}.journey-tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;margin:25px 0}.journey-tools>div{padding:20px 14px;border:1px solid #dfbd7944;background:linear-gradient(140deg,#e3318611,#dfbd7909)}.journey-tools strong{display:block;font-size:12px;letter-spacing:.12em}.journey-tools p{font-size:14px!important;line-height:1.5;margin:12px 0 0!important}.tool-orbit{display:grid;place-items:center;width:35px;height:35px;margin:0 auto 18px;border:1px solid #dfbd7977;border-radius:50%;color:#dfbd79}.journey-progress{display:flex;gap:20px;align-items:center;padding:12px 20px;border:1px solid #dfbd7933;background:linear-gradient(120deg,#34102777,#14101d);margin-bottom:25px}.journey-progress .power-point{width:85px;height:85px;margin:0}.journey-progress strong,.journey-progress small{display:block;margin-top:8px}.journey-progress strong{font:normal clamp(17px,2.5vw,25px)/1.3 Georgia,serif}.journey-progress small{font-size:12px;color:#c8b7c3}.living-portal{border-radius:50%!important;box-shadow:inset 0 0 18px #ad799622!important;border:1px solid #dfbd7933!important}.living-portal.unlocked{border-color:#efcc95!important;box-shadow:inset 0 0 30px #ee5da955,0 0 24px #f5bf7d88!important;animation:portalBreath 3s ease-in-out infinite}.portal-object{height:160px;width:130px;margin:25px auto;border-radius:50%;border:2px solid #746172;position:relative;background:radial-gradient(ellipse,#07040b 30%,#43254888 65%,#bd76a133 72%,transparent 76%);box-shadow:inset 0 0 18px #a9778c44}.portal-object::before,.portal-object::after{content:'';position:absolute;inset:6%;border:1px solid #dfbd7944;border-radius:50%;transform:rotate(-25deg)}.portal-object::after{inset:-12%;border-color:#b25a9233;transform:rotate(20deg)}.portal-object.unlocked{border-color:#f5d393;box-shadow:inset 0 0 35px #dc31867a,0 0 35px #dfbd7966;animation:portalBreath 3s infinite}.portal-object.unlocked::before{animation:portalOrbit 5s linear infinite}.portal-enter .portal-object{animation:portalZoom 1.7s ease-in forwards!important}.stage-result{text-align:center}.stage-result>p{line-height:1.6}.stage-result small{display:block;color:#cab8c2;line-height:1.5}.stage-result h3{font:normal 25px/1.4 Georgia,serif;margin-top:28px}.result-energy{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;border-block:1px solid #dfbd7933;padding:20px;margin:20px 0;color:#f3cd91}.energy-flight{position:fixed;inset:0;z-index:220;pointer-events:none}.energy-flight i{position:absolute;width:5px;height:5px;background:#ffdfa1;border-radius:50%;box-shadow:0 0 12px #ffb977;animation:energyTravel 1s var(--delay) ease-in forwards}.energy-arrived .power-point{animation:energyGlow 1.2s ease}.key-journey span{display:block;animation:keyTravel 1.8s ease both}#board[data-effect=ocean]::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent,#c0a8e344,transparent);filter:blur(16px);animation:mistPass 1.5s ease both}#board[data-effect=event]{animation:eventLight 1s ease}#modal-content[data-effect=view]{animation:changeAngle .8s ease}#modal-content[data-effect=shadow]{animation:shadowLight 1.2s ease}#modal-content[data-effect=support]{animation:supportGlow 1.2s ease}.chakra-dot.active,.body-point.active{filter:drop-shadow(0 0 8px currentColor)}.wheel-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.wheel-tabs button{padding:10px 14px}.balance-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(100px,1fr) 45px;gap:12px;align-items:center;margin:16px 0}.balance-row input{width:100%;accent-color:#df3186}.balance-wheel{display:block;width:min(100%,350px);height:auto;margin:20px auto}.balance-wheel polygon{transition:points .2s;fill:#dc318655;stroke:#f2ce91;stroke-width:2}.balance-wheel text{fill:#eadfe5;font-size:10px}.balance-wheel line,.balance-wheel circle{stroke:#dfbd7933;fill:none}.balance-note{font-size:13px;color:#cdbdca}
@keyframes sceneIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes pointPulse{50%{filter:brightness(1.5);scale:1.04}}@keyframes starDrift{to{background-position:45px -60px}}@keyframes chakraAwake{from{opacity:0;scale:.2}to{opacity:1;scale:1}}@keyframes shadowLight{from{filter:brightness(.45)}to{filter:brightness(1.15)}}@keyframes threadsReturn{from{scale:1.3;opacity:0}30%{opacity:1}to{scale:.25;opacity:0}}@keyframes collectIntro{to{left:50%;top:35px;opacity:0}}@keyframes portalBreath{50%{filter:brightness(1.3);transform:scale(1.035)}}@keyframes portalOrbit{to{transform:rotate(360deg)}}@keyframes portalZoom{40%{filter:brightness(2)}to{transform:scale(12);opacity:0}}@keyframes energyTravel{to{transform:translate(var(--dx),var(--dy));opacity:0}}@keyframes energyGlow{40%{filter:brightness(2) drop-shadow(0 0 25px #ffd596)}}@keyframes keyTravel{50%{transform:rotate(25deg);filter:brightness(1.8)}to{transform:translateY(-25px) scale(.8)}}@keyframes mistPass{from{opacity:0;transform:translateX(-30%)}50%{opacity:1}to{opacity:0;transform:translateX(30%)}}@keyframes eventLight{40%{filter:brightness(1.2)}}@keyframes changeAngle{from{opacity:.4;transform:perspective(900px) rotateY(14deg)}to{opacity:1;transform:none}}@keyframes supportGlow{from{filter:brightness(.7)}50%{filter:brightness(1.15)}to{filter:brightness(1)}}@media(max-width:600px){.journey-visual{width:170px;height:170px}.journey-tools{grid-template-columns:1fr}.journey-tools>div{text-align:left;padding:13px;display:grid;grid-template-columns:35px 1fr;gap:8px 12px}.journey-tools .tool-orbit{grid-row:span 2;margin:0}.journey-tools p{margin:0!important}.journey-progress{gap:12px;padding:12px}.journey-progress .power-point{width:60px;height:60px}.balance-row{grid-template-columns:1fr 100px 30px;font-size:13px}.journey-cinema{padding-top:80px}}@media(prefers-reduced-motion:reduce){.journey-cinema *,.journey-cinema::before,.power-point *,.living-portal,.portal-object,.portal-object::before,.energy-flight i,.key-journey span,#board,#board::after,#modal-content{animation:none!important;transition:none!important}.energy-flight{display:none}}
/* Явный размер изображения предотвращает расширение grid-строки по пропорциям исходного PNG. */
.journey-visual img{position:absolute;inset:0;width:100%;height:100%;max-height:100%;object-fit:contain}

/* Компактная отдельная презентация инструментов. */
.level-deck-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;text-align:left;max-width:760px;margin:20px auto}.level-deck-tools article{display:flex;align-items:center;gap:14px;padding:15px;border:1px solid #e4ca9136;border-radius:14px;background:#ffffff06}.level-deck-tools img{width:72px;height:72px;flex:none;object-fit:cover;border-radius:12px}.level-deck-tools h3{font:600 16px/1.3 system-ui,sans-serif;margin:0;color:#f6e7cf}.level-deck-tools p{font-size:14px!important;line-height:1.45;margin:7px 0 0!important;color:#ddd2db}.level-deck-tools small{font-size:12px;color:#c9b9c7;display:block;margin-top:3px}.journey-entry .tools-caption{font-size:16px;margin:12px auto!important}.level-special-tools{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:18px auto 24px;max-width:760px;text-align:left}.level-special-tools>div{display:flex;align-items:center;gap:9px;flex:1 1 180px;max-width:250px;padding:9px;border-top:1px solid #d1b98536}.level-special-tools img{width:40px;height:40px;object-fit:cover;border-radius:8px}.level-special-tools b{display:block;font-size:14px;color:#e6c693}.level-special-tools small{display:block;font-size:14px;line-height:1.35;color:#d6c6d1;margin-top:3px}.journey-entry #journey-meaning-back{margin-left:8px}.journey-entry>button{min-height:44px}
@media(max-width:600px){.level-deck-tools{grid-template-columns:1fr;gap:8px;margin:16px 0}.level-deck-tools article{padding:11px;gap:12px}.level-deck-tools img{width:60px;height:60px}.level-deck-tools h3{font-size:15px}.level-special-tools{gap:6px}.level-special-tools>div{flex-basis:145px;max-width:none}.journey-entry #journey-meaning-back{margin:8px 0 0}.journey-entry>button{display:block;width:100%}}
/* Рубашка инструмента узнается по тому же рисованному символу, что и клетка. */
.level-deck-tools img,.level-special-tools img{background:#f7f0e4;object-fit:contain;padding:3px;box-sizing:border-box}