.section2-screen{overflow:hidden;background:#071c32;touch-action:none;user-select:none;-webkit-user-select:none}
.s2-camera{position:absolute;inset:0;overflow:hidden}.s2-world{position:absolute;left:0;top:0;width:3000px;height:100%;transform:translate3d(0,0,0)}
.s2-sky,.s2-back,.s2-ground,.s2-mist{position:absolute;inset:0}.s2-sky{background:linear-gradient(#2878a7 0 39%,#78bd9b 72%,#264d44)}
.s2-back{opacity:.72;background:url('assets/forest.webp') center 55%/1500px 100% repeat-x;filter:saturate(.76) brightness(.73)}
.s2-back::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#164e4822,#7132a433 43%,transparent 67%,#7132a444)}
.s2-ground{top:auto;height:18%;background:linear-gradient(#5eac63,#285b48 55%,#163c37);box-shadow:0 -9px 26px #8ae18977}
.s2-mist{pointer-events:none;opacity:.28;background:repeating-linear-gradient(112deg,transparent 0 180px,#b15aff2d 190px 230px,transparent 240px 390px);animation:s2Mist 9s linear infinite}
.s2-chasm{position:absolute;left:850px;bottom:0;width:300px;height:20%;background:linear-gradient(#13233a,#080b20);box-shadow:inset 0 12px 22px #010818}
.s2-bridge{position:absolute;z-index:7;left:840px;bottom:17%;width:330px;height:55px;display:flex;gap:8px;align-items:flex-start}.s2-bridge i{width:58px;height:38px;border:3px solid #8fffff;border-radius:8px;background:linear-gradient(#64dfe0,#237da3);box-shadow:0 5px 0 #153e60,0 0 12px #5cffff}.s2-bridge i:nth-child(n+3){opacity:.12;transform:translateY(35px)}.s2-bridge.is-fixed i{opacity:1;transform:none;transition:.45s}
.s2-crystal-pile{position:absolute;z-index:12;bottom:17%;width:100px;height:95px;display:flex;align-items:flex-end;justify-content:center;gap:-2px}.s2-crystal-pile i{width:24px;height:48px;margin-left:-7px;clip-path:polygon(50% 0,100% 65%,72% 100%,20% 92%,0 55%);background:linear-gradient(135deg,#eaffff,#28d8ee 48%,#1555bf);box-shadow:0 0 13px #58efff}.s2-crystal-pile b{position:absolute;left:34px;top:4px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#064b89;color:#fff;font-size:23px;box-shadow:0 0 12px #66ecff}.s2-crystal-pile.is-wrong{animation:s2Wrong .55s}.s2-crystal-pile.is-chosen{opacity:0;transform:translate(380px,-90px) scale(.3);transition:.7s}
.s2-enemy{position:absolute;z-index:13;left:1450px;bottom:17%;width:132px;height:145px;transition:left .2s}.s2-enemy span{position:absolute;inset:28px 13px 0;border:5px solid #a35cff;border-radius:48% 48% 28% 28%;background:radial-gradient(circle at 50% 30%,#f6c8ff 0 5%,#743db2 7% 28%,#281c58 62%);box-shadow:0 0 24px #8d41db}.s2-enemy span::before,.s2-enemy span::after{content:"";position:absolute;top:48px;width:28px;height:12px;border-radius:8px;background:#372969}.s2-enemy span::before{left:-25px;transform:rotate(28deg)}.s2-enemy span::after{right:-25px;transform:rotate(-28deg)}.s2-enemy b{position:absolute;top:145px;white-space:nowrap;color:#ebd5ff;font-size:12px}.s2-signal{position:absolute;z-index:2;left:38px;top:-24px;width:58px;height:58px;border:6px solid #fff;border-radius:50%;opacity:0;transform:scale(.3);transition:.2s}.s2-enemy.signal-red .s2-signal{opacity:1;transform:none;background:#ef4c63;box-shadow:0 0 28px #ff425b}.s2-enemy.signal-blue .s2-signal{opacity:1;transform:none;background:#35c8ef;box-shadow:0 0 28px #42eaff}.s2-enemy.is-hit{animation:s2Hit .35s}.s2-enemy.is-defeated{opacity:0;transform:translateY(-65px) scale(.3);transition:.65s}
.s2-drop,.s2-key{position:absolute;z-index:14;display:grid;place-items:center;opacity:0;pointer-events:none}.s2-drop{left:1510px;bottom:20%;width:70px;height:80px}.s2-drop i{width:36px;height:52px;background:linear-gradient(135deg,#fff4ac,#43def0,#8056ef);clip-path:polygon(50% 0,90% 28%,75% 100%,22% 83%,5% 30%);box-shadow:0 0 22px #7eefff}.s2-drop b,.s2-key b{color:#fffbd0;font-size:13px}.s2-drop.is-visible,.s2-key.is-visible{opacity:1;pointer-events:auto;animation:pickupFloat 1.1s ease-in-out infinite alternate}.s2-drop.is-collected,.s2-key.is-collected{opacity:0;transform:translateY(-80px) scale(.2);transition:.5s}
.s2-rune-gate{position:absolute;z-index:8;left:2210px;bottom:17%;width:190px;height:240px;border:8px solid #315d70;border-radius:90px 90px 10px 10px;background:#153248cc;box-shadow:inset 0 0 0 14px #071c30,0 0 24px #7b51a5}.s2-rune-gate>i{position:absolute;top:75px;width:32px;height:42px;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:#423b65}.s2-rune-gate>i:nth-child(1){left:28px}.s2-rune-gate>i:nth-child(2){left:72px}.s2-rune-gate>i:nth-child(3){left:116px}.s2-rune-gate>b{position:absolute;bottom:20px;width:100%;text-align:center;color:#c6dce6}.s2-rune-gate.is-open{filter:brightness(1.35);box-shadow:0 0 38px #6df1ff}.s2-rune-gate.is-open>i{background:#6df1ff;box-shadow:0 0 16px #6df1ff}
.s2-word-runes{position:absolute;z-index:18;left:2035px;bottom:calc(17% + 255px);width:520px;display:flex;gap:12px;opacity:0;pointer-events:none;transform:translateY(20px)}.s2-word-runes.is-visible{opacity:1;pointer-events:auto;transform:none;transition:.3s}.s2-word-runes button{min-width:150px;height:60px;border:3px solid #c5fbff;border-radius:20px;background:#12679c;color:#fff;font-size:20px;font-weight:900;box-shadow:0 6px 0 #073655}.s2-word-runes button.is-wrong{animation:s2Wrong .55s}.s2-word-runes button.is-correct{background:#2aaa72}
.s2-key{left:2460px;bottom:23%;width:115px;height:105px}.s2-key i{width:80px;height:34px;border:8px solid #ffe879;border-radius:50% 8px 8px 50%;box-shadow:0 0 24px #ffe870}.s2-key i::after{content:"";position:absolute;width:35px;height:13px;margin:3px 0 0 57px;border-right:8px solid #ffe879;border-bottom:8px solid #ffe879}
.s2-hero{z-index:16;left:150px}.s2-guagua{z-index:15}.s2-exit{left:2760px;opacity:.12}.s2-exit.is-open{opacity:1}.s2-progress{height:44px;padding:0 11px;display:flex;align-items:center;gap:6px;border:2px solid #9cf5ff;border-radius:22px;background:#07456ddd}.s2-progress span{font-size:20px}.s2-progress b{font-size:14px}.s2-actions{display:flex;gap:12px}.s2-actions button{width:88px;height:88px;border:4px solid #d8fbff;border-radius:50%;color:#fff;font-weight:900;box-shadow:0 7px 0 #082e55}.s2-actions span{display:block;font-size:27px}.s2-actions small{font-size:12px}.s2-actions .control-guard{background:radial-gradient(circle at 35% 25%,#5ee9ff,#1466b5 70%)}.s2-actions .control-attack{background:radial-gradient(circle at 35% 25%,#ffdb69,#c25521 70%)}
@keyframes s2Mist{to{background-position:600px 0}}@keyframes s2Wrong{25%{transform:translateX(-9px)}50%{transform:translateX(8px)}75%{transform:translateX(-5px)}}@keyframes s2Hit{50%{transform:translateX(22px) rotate(5deg);filter:brightness(2)}}