.immersive{padding-bottom:8px}.immersive-title h1{max-width:760px}.immersive-title p{max-width:660px;line-height:1.9}.immersive-signature{display:flex;align-items:center;gap:10px;border:1px solid #728b7055;border-radius:30px;padding:13px 16px;color:#b5c9ac;letter-spacing:1.4px;font-size:9px;white-space:nowrap}.immersive-signature svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.3}.immersive-layout{display:grid;grid-template-columns:minmax(0,1fr) 284px;gap:24px;align-items:start}.immersive-stage{position:relative;border:1px solid #6e8c8759;border-radius:22px;overflow:hidden;background:#0b2430;box-shadow:0 16px 60px #04131220,inset 0 1px 0 #d2e6d810}.immersive-canvas{display:block;width:100%;height:clamp(420px,43vw,610px);touch-action:none;cursor:crosshair;outline-offset:-7px!important}.immersive-stage-top{position:absolute;inset:24px 26px auto;display:flex;align-items:center;justify-content:space-between;gap:20px;pointer-events:none;color:#d1e2db;text-shadow:0 1px 9px #041721;font-size:9px;letter-spacing:1.6px}.immersive-counter{font-size:9px;letter-spacing:1px;color:#a7c2c0;margin-inline-end:36px;direction:ltr}.immersive-stage-bottom{position:absolute;inset:auto 26px 25px;display:flex;align-items:start;gap:10px;pointer-events:none;color:#d3e4d5;font-size:12px;line-height:1.65;text-shadow:0 1px 8px #02151e}.immersive-stage-bottom i{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:#bed8ab;margin-top:7px}.immersive-fullscreen{position:absolute;inset:13px 14px auto auto;min-width:44px;min-height:44px;display:grid;place-items:center;border:1px solid #b2d0c11c;border-radius:50%;background:#122d3855;color:#c8ddd3}.immersive-fullscreen svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.immersive-fullscreen:hover{background:#24495788;border-color:#b2d0c155}.immersive-still{position:absolute;inset:auto 25px 63px auto;max-width:70%;color:#c5d8d0;background:#0c2532ba;border:1px solid #a3bdbb20;border-radius:9px;padding:7px 10px;font-size:10px;line-height:1.7;pointer-events:none}.immersive-still[hidden]{display:none}.immersive-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;flex-wrap:wrap}.immersive-actions{display:flex;gap:8px}.immersive-actions button,.immersive-listen{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:24px;padding:10px 14px;border:1px solid #69856a4d;background:#294134;color:#d0dfbf;font-size:11px;line-height:1.6}.immersive-actions button:last-child{background:transparent;border-color:#58745e55;color:#b4c6ad}.immersive-actions svg,.immersive-listen svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.immersive-actions button:disabled{opacity:.55;cursor:default}.immersive-options{display:flex;align-items:center;gap:16px}.immersive-options>label{display:flex;align-items:center;gap:8px;color:#b0c5ad;font-size:11px}.immersive-options select{min-height:44px;max-width:120px;border:1px solid #5c765e88;border-radius:9px;background:#1b322b;color:#d2dfbf;padding:7px 10px;cursor:pointer;font-size:11px}.immersive-motion{white-space:nowrap;min-height:44px}.immersive-motion input{width:17px;height:17px;accent-color:#bfd5a7;margin:0}.immersive-motion input:disabled{opacity:.7}.immersive-keyboard{font-size:11px;line-height:1.8;color:#99b39e;margin:13px 2px 0}.immersive-foot{display:flex;justify-content:space-between;gap:20px;color:#9db49e;font-size:11px;line-height:1.8;margin:13px 2px 0}.immersive-discovery{display:flex;gap:13px;align-items:start;border:1px solid #5f775c33;background:linear-gradient(110deg,#2b433025,#17302b25);border-radius:14px;padding:17px 19px;margin-top:22px}.immersive-discovery>span{font-size:23px;color:#b9cfa3;line-height:1.2}.immersive-discovery strong{color:#b8c9a8;font-size:11px;font-weight:500}.immersive-discovery p{color:#9fb599;font-size:12px;line-height:1.8;margin:5px 0 0}.immersive-menu{display:flex;flex-direction:column;gap:10px}.immersive-menu-label{font-size:10px;text-transform:uppercase;letter-spacing:1.4px;color:#a1b798;margin:2px 3px 4px}.immersive-world{position:relative;display:flex;align-items:center;text-align:start;gap:13px;min-height:114px;padding:17px 15px;background:#1a2d2b;border:1px solid #58725a55;border-radius:15px;transition:border-color .2s,background .2s}.immersive-world:hover{border-color:#9eb58a88;background:#263c31}.immersive-world.selected{background:linear-gradient(130deg,#314f41,#203830);border-color:#a6bd8688}.immersive-world.selected:before{content:"";position:absolute;inset:26px auto 26px -1px;width:2px;background:#c8daa7;border-radius:5px}.immersive-world-art{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;border:1px solid #a0bdbe22;border-radius:50%;background:radial-gradient(circle at 36% 30%,#79b5bd42,#234c5730);color:#b4d4d0}.immersive-world-art svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round}.immersive-world[data-lw-world="meadow"] .immersive-world-art{background:radial-gradient(circle at 35% 30%,#9fb57845,#31533833);color:#d0dca4}.immersive-world[data-lw-world="aurora"] .immersive-world-art{background:radial-gradient(circle at 35% 30%,#a78fbf45,#305f5233);color:#c9c6dc}.immersive-world-copy{display:flex;flex-direction:column;gap:7px;min-width:0}.immersive-world-copy small{font-size:8px;letter-spacing:1px;color:#9bb68c}.immersive-world-copy strong{font:400 21px/1.2 var(--serif);letter-spacing:-.4px;color:#dce5ca}.immersive-world-copy>span{font-size:11px;line-height:1.7;color:#adbea1;max-width:180px}.immersive-listen{width:100%;border-color:#8fa8776b;background:#354f36;margin-top:5px;min-height:48px;padding:12px 16px;justify-content:start}.immersive-listen>span:last-child{margin-inline-start:auto;font-size:16px}.immersive-sound-note{font-size:11px;line-height:1.8;color:#a0b39b;margin:0 5px}.immersive-announcer{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.immersive-reduced *{transition:none!important}.immersive-stage:fullscreen{border:0;border-radius:0;width:100vw;height:100dvh;background:#0b2430}.immersive-stage:fullscreen .immersive-canvas{height:100dvh;width:100vw}.immersive-stage:fullscreen .immersive-stage-top{top:max(24px,env(safe-area-inset-top))}.immersive-stage:fullscreen .immersive-stage-bottom{bottom:max(25px,env(safe-area-inset-bottom))}.immersive :focus-visible{outline:2px solid #d0e6ad;outline-offset:4px}.immersive button{font-family:inherit}.immersive button:active{filter:brightness(1.08)}[dir="rtl"] .immersive-fullscreen{right:auto;left:14px}[dir="rtl"] .immersive-world.selected:before{left:auto;right:-1px}[dir="rtl"] .immersive-world-copy strong{font:400 17px/1.5 var(--sans);letter-spacing:0}[dir="rtl"] .immersive-stage-top{letter-spacing:0}[dir="rtl"] .immersive-menu-label{letter-spacing:0}[dir="rtl"] .immersive-title h1{line-height:1.5}
@media(min-width:1600px){.immersive-layout{grid-template-columns:minmax(0,1fr) 330px;gap:28px}.immersive-world{min-height:126px;padding:20px 18px}.immersive-world-copy strong{font-size:24px}.immersive-world-copy>span{max-width:215px}.immersive-canvas{height:640px}}
@media(max-width:1200px){.immersive-layout{grid-template-columns:minmax(0,1fr) 250px;gap:20px}.immersive-world{padding:15px 12px;gap:10px}.immersive-world-art{height:40px;width:40px}.immersive-world-copy strong{font-size:19px}.immersive-world-copy>span{font-size:10px}.immersive-toolbar{align-items:start}.immersive-options{gap:12px}.immersive-signature{font-size:8px;padding:12px}}
@media(max-width:980px){.immersive-layout{grid-template-columns:1fr}.immersive-menu{display:grid;grid-template-columns:1fr 1fr;gap:12px}.immersive-menu-label{grid-column:1/-1}.immersive-world{min-height:118px;padding:18px 16px;gap:15px}.immersive-world-copy strong{font-size:22px}.immersive-world-copy>span{font-size:11px;max-width:none}.immersive-world-art{height:46px;width:46px}.immersive-listen{grid-column:1/-1;width:auto;justify-self:start;min-width:250px}.immersive-sound-note{grid-column:1/-1;margin:0}.immersive-canvas{height:530px}.immersive-toolbar{align-items:center}.immersive-signature{display:none}}
@media(max-width:600px){.immersive-title{padding-top:30px}.immersive-title h1{font-size:34px;max-width:360px}.immersive-title p{font-size:12px;max-width:350px}.immersive-stage{border-radius:17px}.immersive-canvas{height:430px}.immersive-stage-top{inset:21px 19px auto;font-size:8px;letter-spacing:.7px;gap:9px}.immersive-counter{font-size:8px;margin-inline-end:34px}.immersive-fullscreen{inset:9px 8px auto auto}.immersive-stage-bottom{inset:auto 19px 21px;font-size:11px;max-width:310px}.immersive-still{inset:auto 18px 72px auto;font-size:10px;max-width:80%}.immersive-actions{width:100%;gap:9px}.immersive-actions button{font-size:11px;padding:10px 13px;flex:1;white-space:normal}.immersive-options{width:100%;justify-content:space-between;padding:0 2px}.immersive-options>label{font-size:11px;gap:7px}.immersive-options select{font-size:11px;max-width:105px}.immersive-keyboard{font-size:10px;max-width:340px}.immersive-foot{flex-direction:column;gap:3px;font-size:11px}.immersive-discovery{padding:15px;gap:11px;margin-top:18px}.immersive-discovery p{font-size:12px}.immersive-menu{gap:10px}.immersive-world{flex-direction:column;align-items:start;min-height:202px;padding:16px 14px;gap:12px}.immersive-world-copy{gap:8px}.immersive-world-copy small{position:absolute;inset:20px 16px auto auto}.immersive-world-copy strong{font-size:21px}.immersive-world-copy>span{font-size:11px;line-height:1.7}.immersive-world-art{width:42px;height:42px}.immersive-world.selected:before{top:22px;bottom:auto;height:18px}.immersive-menu-label{font-size:10px;margin-top:7px}.immersive-listen{justify-self:stretch;min-width:0;font-size:12px}.immersive-sound-note{font-size:11px;line-height:1.8}[dir="rtl"] .immersive-fullscreen{right:auto;left:8px}[dir="rtl"] .immersive-world-copy small{right:auto;left:16px}}
@media(max-width:360px){.immersive-canvas{height:385px}.immersive-world{min-height:215px;padding:14px 12px}.immersive-world-copy strong{font-size:19px}.immersive-world-copy>span{font-size:11px}.immersive-options{flex-wrap:wrap;gap:8px}.immersive-stage-top{font-size:7px}.immersive-stage-bottom{font-size:10px}.immersive-stage-bottom i{margin-top:5px}}
@media(prefers-reduced-motion:reduce){.immersive-world{transition:none}}