/* WORLD-0083 · Lumea mea medieval living-village spectator prologue */
.world-page-shell{background:radial-gradient(circle at 8% 14%,rgba(88,208,239,.18),transparent 28rem),radial-gradient(circle at 90% 12%,rgba(255,112,170,.13),transparent 25rem),linear-gradient(180deg,var(--page),var(--page-warm));}
.world-main{width:var(--content);margin:auto;padding:clamp(26px,4.4vw,54px) 0 118px;min-width:0;max-width:100%}
.world-intro{display:grid;gap:clamp(24px,3.2vw,38px);min-width:0}
.world-intro-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.72fr);grid-template-areas:"kicker badges" "title title" "lead lead";column-gap:28px;align-items:end;min-width:0}
.world-intro-copy>.kicker{grid-area:kicker;margin:0}
.world-title{grid-area:title;margin:10px 0 0;max-width:980px;font-family:var(--font-ui);font-size:clamp(3.2rem,7.2vw,7.05rem);font-weight:1000;letter-spacing:-.067em;line-height:.83;color:var(--ink-strong)}
.world-title span{display:block;width:max-content;max-width:100%;padding:.09em .06em .04em 0;background:linear-gradient(100deg,var(--headline-1a),var(--purple) 46%,var(--pink) 74%,var(--orange));background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.world-title span:nth-child(2){margin-left:clamp(18px,8vw,118px);background-image:linear-gradient(100deg,var(--purple),var(--blue) 56%,var(--cyan))}
.world-title span:nth-child(3){margin-left:clamp(2px,2.5vw,38px);background-image:linear-gradient(100deg,var(--orange),var(--pink) 52%,var(--purple))}
.world-lead{grid-area:lead;max-width:850px;margin:18px 0 0;color:var(--muted);font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.72}
.world-intro-badges{grid-area:badges;justify-self:end;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;min-width:0}
.world-intro-badges>span{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;border:1px solid color-mix(in srgb,var(--line) 86%,transparent);border-radius:999px;background:color-mix(in srgb,var(--surface) 88%,transparent);box-shadow:0 8px 22px rgba(48,74,112,.08);color:color-mix(in srgb,var(--ink) 76%,var(--muted));font-size:.72rem;font-weight:900;white-space:nowrap}
.world-mini-orb{width:9px;height:9px;border-radius:50%;box-shadow:0 0 0 4px color-mix(in srgb,currentColor 13%,transparent)}
.world-mini-orb-mint{color:var(--mint-edge);background:var(--mint)}.world-mini-orb-purple{color:var(--purple-edge);background:var(--purple)}.world-mini-orb-sun{color:var(--orange-edge);background:var(--yellow)}

.world-stage-wrap{position:relative;min-width:0}
.world-stage{position:relative;isolation:isolate;height:clamp(600px,calc(100svh - 196px),820px);min-width:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--line-strong) 84%,transparent);border-radius:clamp(32px,4vw,52px);background:linear-gradient(180deg,#b8eaff,#fff1c9 45%,#d8f1d1);box-shadow:0 12px 0 color-mix(in srgb,var(--line-strong) 38%,transparent),0 36px 90px rgba(35,69,108,.18);transform:translateZ(0)}
.world-stage::before{content:"";position:absolute;z-index:8;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.72),inset 0 26px 70px rgba(255,255,255,.17),inset 0 -34px 70px rgba(35,60,91,.11)}
.world-stage::after{content:"";position:absolute;z-index:7;left:7%;right:7%;bottom:-8%;height:20%;pointer-events:none;background:radial-gradient(ellipse,rgba(255,255,255,.45),transparent 66%);filter:blur(16px);opacity:.62}
.world-stage-shadow{width:86%;height:28px;margin:0 auto;background:radial-gradient(ellipse,rgba(44,65,96,.18),transparent 68%);filter:blur(8px);transform:translateY(-3px);pointer-events:none}
.world-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;transform:scale(1.075) translateY(2.4%);filter:saturate(.88) contrast(.96) blur(1.8px);opacity:.72;transition:transform 4.2s cubic-bezier(.18,.74,.18,1),filter 3.6s ease,opacity 2.1s ease}
.world-stage.is-world-ready .world-canvas{transform:none;filter:none;opacity:1}

.world-portal{position:absolute;z-index:20;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,#d7f8ff 0%,#f8feff 34%,#fff6df 100%);opacity:1;transition:opacity 1.25s ease 3.25s,visibility 0s linear 4.5s}
.world-stage.is-world-ready .world-portal{opacity:0;visibility:hidden}
.portal-cloud{position:absolute;display:block;width:310px;height:94px;border-radius:999px;background:#fff;filter:drop-shadow(0 18px 30px rgba(75,126,164,.12));opacity:.94;transition:transform 3.9s cubic-bezier(.2,.75,.16,1),opacity 2.5s ease}
.portal-cloud::before,.portal-cloud::after{content:"";position:absolute;border-radius:50%;background:inherit}.portal-cloud::before{width:132px;height:132px;left:50px;bottom:12px}.portal-cloud::after{width:168px;height:168px;right:42px;bottom:4px}
.portal-cloud-a{left:-80px;top:20%;transform:rotate(4deg)}.portal-cloud-b{right:-105px;top:15%;transform:rotate(-4deg) scale(.92)}.portal-cloud-c{left:8%;bottom:17%;transform:scale(.78)}.portal-cloud-d{right:7%;bottom:10%;transform:scale(.7)}
.world-stage.is-world-ready .portal-cloud-a{transform:translate3d(-78%,-18%,0) rotate(-8deg) scale(1.15);opacity:.18}.world-stage.is-world-ready .portal-cloud-b{transform:translate3d(80%,-22%,0) rotate(8deg) scale(1.08);opacity:.16}.world-stage.is-world-ready .portal-cloud-c{transform:translate3d(-105%,40%,0) scale(.84);opacity:0}.world-stage.is-world-ready .portal-cloud-d{transform:translate3d(108%,44%,0) scale(.78);opacity:0}
.portal-mist{position:absolute;z-index:3;left:-8%;right:-8%;height:46%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(255,255,255,.99) 0%,rgba(255,255,255,.9) 35%,rgba(255,255,255,.12) 72%,transparent 75%);filter:blur(10px);transition:transform 3.8s cubic-bezier(.2,.74,.16,1),opacity 2.7s ease}.portal-mist-a{top:37%}.portal-mist-b{top:58%;opacity:.85;transform:scale(1.18)}
.world-stage.is-world-ready .portal-mist-a{transform:translateY(-64%) scale(1.18);opacity:0}.world-stage.is-world-ready .portal-mist-b{transform:translateY(74%) scale(1.28);opacity:0}
.portal-rainbow{position:absolute;z-index:2;left:50%;top:48%;width:min(58%,620px);aspect-ratio:1.8/1;transform:translate(-50%,-50%) scale(.72);opacity:.08;transition:transform 2.7s cubic-bezier(.18,.8,.16,1),opacity 2.1s ease}.portal-rainbow i{position:absolute;left:50%;bottom:0;transform:translateX(-50%);border-style:solid;border-color:transparent;border-top-color:currentColor;border-radius:50% 50% 0 0;width:100%;height:100%;border-width:11px 11px 0}.portal-rainbow i:nth-child(1){color:#ff739f}.portal-rainbow i:nth-child(2){color:#ffb04f;width:91%;height:91%}.portal-rainbow i:nth-child(3){color:#ffdf65;width:82%;height:82%}.portal-rainbow i:nth-child(4){color:#62d6a3;width:73%;height:73%}.portal-rainbow i:nth-child(5){color:#6e90ff;width:64%;height:64%}
.world-stage.is-world-ready .portal-rainbow{transform:translate(-50%,-50%) scale(1.05);opacity:.72;animation:portal-rainbow-away 3.9s ease forwards}@keyframes portal-rainbow-away{0%,45%{opacity:.72}100%{opacity:0;transform:translate(-50%,-72%) scale(1.18)}}
.portal-emblem{position:absolute;z-index:7;left:50%;top:48%;transform:translate(-50%,-50%);display:grid;grid-template-columns:52px auto;grid-template-areas:"icon title" "icon copy";gap:1px 12px;align-items:center;min-width:min(86%,330px);padding:14px 18px;border:1px solid rgba(255,255,255,.84);border-radius:22px;background:rgba(255,255,255,.72);box-shadow:0 18px 55px rgba(63,96,137,.17);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);color:#23304b;transition:transform 1.6s cubic-bezier(.18,.78,.2,1),opacity 1.15s ease}.portal-emblem .icon{grid-area:icon;width:52px;height:52px;padding:12px;border-radius:17px;background:linear-gradient(145deg,#6ee0b4,#7b6cf1);color:#fff;box-shadow:0 7px 0 rgba(58,151,117,.18),0 17px 28px rgba(80,105,174,.18)}.portal-emblem strong{grid-area:title;font-family:var(--font-ui);font-size:1rem}.portal-emblem small{grid-area:copy;color:#6d7890;font-size:.72rem;font-weight:800}.world-stage.is-world-ready .portal-emblem{transform:translate(-50%,-72%) scale(.92);opacity:0}
.portal-spark{position:absolute;z-index:6;color:#ffbd45;font-size:1.3rem;text-shadow:0 4px 14px rgba(255,173,66,.28);animation:portal-spark 2.2s ease-in-out infinite}.portal-spark-a{left:27%;top:28%}.portal-spark-b{right:25%;top:31%;animation-delay:-.7s;color:#8b6ff7}.portal-spark-c{left:44%;bottom:19%;animation-delay:-1.25s;color:#58d0ef}@keyframes portal-spark{0%,100%{opacity:.22;transform:translateY(0) rotate(0) scale(.75)}50%{opacity:1;transform:translateY(-8px) rotate(32deg) scale(1.12)}}

.world-stage-top{position:absolute;z-index:10;left:clamp(14px,2vw,24px);right:clamp(14px,2vw,24px);top:clamp(14px,2vw,24px);display:flex;align-items:flex-start;justify-content:space-between;gap:12px;pointer-events:none;opacity:0;transform:translateY(-10px);transition:opacity .7s ease 3.2s,transform .8s cubic-bezier(.2,.8,.2,1) 3.15s}.world-stage.is-world-ready .world-stage-top{opacity:1;transform:none}
.world-place{display:grid;grid-template-columns:11px auto;grid-template-areas:"dot title" "dot state";column-gap:9px;align-items:center;min-height:54px;padding:8px 13px;border:1px solid rgba(255,255,255,.7);border-radius:18px;background:rgba(19,35,53,.55);box-shadow:0 12px 32px rgba(15,41,61,.13);backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%);color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.18)}.world-place i{grid-area:dot;width:9px;height:9px;border-radius:50%;background:#62e8b1;box-shadow:0 0 0 5px rgba(98,232,177,.16),0 0 14px rgba(98,232,177,.42)}.world-place b{grid-area:title;font-family:var(--font-ui);font-size:.84rem;line-height:1}.world-place small{grid-area:state;font-size:.64rem;font-weight:850;opacity:.78}
.world-sound-toggle{pointer-events:auto;position:relative;display:inline-flex;align-items:center;gap:8px;min-height:43px;padding:0 11px 0 10px;border:1px solid rgba(255,255,255,.72);border-radius:15px;background:rgba(19,35,53,.56);box-shadow:0 12px 32px rgba(15,41,61,.13);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;font:inherit;font-size:.68rem;font-weight:950;letter-spacing:.01em;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .18s ease,background .18s ease,border-color .18s ease}.world-sound-toggle:hover{transform:translateY(-1px);background:rgba(19,35,53,.68)}.world-sound-toggle:active{transform:translateY(1px)}.world-sound-toggle .icon{width:18px;height:18px;color:#c8bdff}.world-sound-waves{display:inline-flex;align-items:center;gap:2px;width:18px;height:15px}.world-sound-waves i{display:block;width:2px;border-radius:999px;background:linear-gradient(180deg,#82e9ff,#c0a5ff);height:5px;opacity:.32}.world-sound-waves i:nth-child(2){height:9px}.world-sound-waves i:nth-child(3){height:13px}.world-sound-toggle.is-on .world-sound-waves i{opacity:.95;animation:world-sound-wave 1.25s ease-in-out infinite}.world-sound-toggle.is-on .world-sound-waves i:nth-child(2){animation-delay:-.42s}.world-sound-toggle.is-on .world-sound-waves i:nth-child(3){animation-delay:-.84s}.world-sound-toggle:not(.is-on)::after{content:"";position:absolute;left:17px;top:11px;width:2px;height:20px;border-radius:999px;background:#ffced8;transform:rotate(-38deg);box-shadow:0 0 0 1px rgba(19,35,53,.24)}@keyframes world-sound-wave{0%,100%{transform:scaleY(.55);opacity:.55}50%{transform:scaleY(1);opacity:1}}
.world-story-caption{position:absolute;z-index:10;left:50%;bottom:clamp(16px,2.2vw,25px);transform:translate(-50%,12px);width:min(620px,calc(100% - 32px));display:grid;grid-template-columns:42px 1fr;align-items:center;gap:11px;min-height:62px;padding:9px 15px 9px 10px;border:1px solid rgba(255,255,255,.72);border-radius:21px;background:rgba(19,35,53,.62);box-shadow:0 18px 42px rgba(15,41,61,.2);backdrop-filter:blur(12px) saturate(125%);-webkit-backdrop-filter:blur(12px) saturate(125%);color:#fff;opacity:0;transition:opacity .75s ease 3.45s,transform .8s cubic-bezier(.2,.8,.2,1) 3.4s}.world-stage.is-world-ready .world-story-caption{opacity:1;transform:translate(-50%,0)}
.world-story-caption span:last-child{display:grid;gap:2px;min-width:0}.world-story-caption small{font-size:.61rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase;color:#8ff0c9}.world-story-caption strong{font-size:clamp(.73rem,1.3vw,.86rem);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.world-story-mark{width:42px;height:42px;display:flex!important;align-items:flex-end!important;justify-content:center;gap:3px;padding:10px 8px;border-radius:14px;background:linear-gradient(150deg,rgba(120,222,255,.2),rgba(167,118,255,.24));border:1px solid rgba(255,255,255,.13)}.world-story-mark i{display:block;width:4px;border-radius:999px;background:linear-gradient(180deg,#74e1ff,#b889ff);animation:world-meter 1.15s ease-in-out infinite}.world-story-mark i:nth-child(1){height:10px}.world-story-mark i:nth-child(2){height:18px;animation-delay:-.38s}.world-story-mark i:nth-child(3){height:13px;animation-delay:-.76s}@keyframes world-meter{0%,100%{transform:scaleY(.62);opacity:.65}50%{transform:scaleY(1.08);opacity:1}}

.world-living{margin-top:clamp(58px,7vw,92px);display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.45fr);gap:clamp(26px,4vw,54px);align-items:start;min-width:0}
.world-living-copy .copy{max-width:500px;margin-bottom:0}.world-life-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0}
.world-life-card{position:relative;display:grid;grid-template-columns:58px 1fr;gap:14px;align-items:center;min-width:0;min-height:128px;padding:17px;border:1px solid var(--line);border-radius:26px;background:var(--surface);box-shadow:0 8px 0 color-mix(in srgb,var(--line-strong) 30%,transparent),0 22px 48px rgba(48,74,112,.09);overflow:hidden}.world-life-card::after{content:"";position:absolute;right:-24px;bottom:-32px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--life-accent) 18%,transparent),transparent 70%);pointer-events:none}.world-life-card strong{display:block;margin-bottom:6px;font-family:var(--font-ui);font-size:.94rem;color:var(--ink-strong)}.world-life-card p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.5}.world-life-icon{position:relative;width:58px;height:58px;border-radius:19px;border:1px solid color-mix(in srgb,var(--life-accent) 34%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--life-accent) 18%,var(--surface)),var(--surface));box-shadow:0 6px 0 color-mix(in srgb,var(--life-accent) 14%,transparent);font-size:0}
.world-life-forest{--life-accent:#37ba78}.world-life-mine{--life-accent:#7c72ca}.world-life-build{--life-accent:#ef9e43}.world-life-market{--life-accent:#e95d95}
.world-life-icon::before,.world-life-icon::after{content:"";position:absolute}.world-life-forest .world-life-icon::before{left:18px;top:10px;width:22px;height:28px;background:linear-gradient(145deg,#57d294,#2ea66c);clip-path:polygon(50% 0,100% 72%,69% 72%,91% 100%,9% 100%,31% 72%,0 72%);border-radius:4px}.world-life-forest .world-life-icon::after{left:26px;bottom:8px;width:7px;height:13px;border-radius:3px;background:#8d5c3e}.world-life-mine .world-life-icon::before{left:15px;top:27px;width:29px;height:5px;border-radius:999px;background:#5f579c;transform:rotate(-34deg)}.world-life-mine .world-life-icon::after{left:27px;top:13px;width:5px;height:30px;border-radius:999px;background:#786dba;transform:rotate(36deg);box-shadow:-8px -5px 0 -1px #c8c0ff,8px -5px 0 -1px #c8c0ff}.world-life-build .world-life-icon::before{left:15px;top:14px;width:28px;height:28px;border-radius:8px;background:linear-gradient(145deg,#ffc36a,#ed8a31);box-shadow:inset -6px -6px 0 rgba(170,88,20,.12)}.world-life-build .world-life-icon::after{left:20px;top:9px;width:18px;height:18px;border:3px solid #fff3d8;border-left-color:transparent;border-bottom-color:transparent;transform:rotate(-45deg);border-radius:3px}.world-life-market .world-life-icon::before{left:13px;top:16px;width:32px;height:25px;border-radius:8px;background:linear-gradient(180deg,#ff8db8 0 34%,#fff 35%);box-shadow:inset 0 -5px 0 #e6ecf7}.world-life-market .world-life-icon::after{left:17px;top:10px;width:24px;height:10px;border-radius:6px 6px 2px 2px;background:repeating-linear-gradient(90deg,#ff6d9f 0 6px,#fff 6px 12px)}

.world-future{position:relative;margin-top:clamp(42px,6vw,76px);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:clamp(24px,4vw,42px);overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--surface-lilac) 72%,var(--surface)),var(--surface));isolation:isolate}.world-future>div{position:relative;z-index:2}.world-future .copy{max-width:760px;margin-bottom:0}.world-future-badge{position:relative;z-index:2;display:inline-flex;align-items:center;gap:9px;min-height:48px;padding:0 15px;border:1px solid color-mix(in srgb,var(--purple) 26%,var(--line));border-radius:17px;background:var(--surface);box-shadow:0 7px 0 color-mix(in srgb,var(--purple) 12%,transparent);color:var(--purple);font-size:.75rem;font-weight:950;white-space:nowrap}.world-future-badge .icon{width:22px;height:22px}.world-future-orbit{position:absolute;z-index:0;right:-50px;top:50%;width:260px;height:260px;transform:translateY(-50%);border:1px solid color-mix(in srgb,var(--purple) 16%,transparent);border-radius:50%;opacity:.72}.world-future-orbit::before,.world-future-orbit::after{content:"";position:absolute;inset:34px;border:1px dashed color-mix(in srgb,var(--cyan) 23%,transparent);border-radius:50%}.world-future-orbit::after{inset:75px;border-style:solid;border-color:color-mix(in srgb,var(--pink) 20%,transparent)}.world-future-orbit i{position:absolute;width:13px;height:13px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 6px color-mix(in srgb,var(--mint) 12%,transparent)}.world-future-orbit i:nth-child(1){left:18px;top:78px}.world-future-orbit i:nth-child(2){right:42px;top:25px;background:var(--pink)}.world-future-orbit i:nth-child(3){right:52px;bottom:29px;background:var(--purple)}

html[data-theme="night"] .world-stage{background:#12223c;border-color:#3c4a69;box-shadow:0 12px 0 rgba(7,11,27,.24),0 38px 100px rgba(1,4,18,.38)}
html[data-theme="night"] .world-life-card{box-shadow:0 8px 0 rgba(5,8,25,.2),0 26px 54px rgba(1,4,18,.24)}
@media(prefers-color-scheme:dark){html[data-theme="auto"] .world-stage{background:#12223c;border-color:#3c4a69;box-shadow:0 12px 0 rgba(7,11,27,.24),0 38px 100px rgba(1,4,18,.38)}html[data-theme="auto"] .world-life-card{box-shadow:0 8px 0 rgba(5,8,25,.2),0 26px 54px rgba(1,4,18,.24)}}

@media(max-width:980px){
  .world-main{padding-top:26px}
  .world-intro-copy{grid-template-columns:1fr;grid-template-areas:"kicker" "title" "lead" "badges";align-items:start}
  .world-intro-badges{justify-self:start;justify-content:flex-start;margin-top:17px}
  .world-title{font-size:clamp(3rem,10.8vw,5.8rem)}
  .world-title span:nth-child(2){margin-left:clamp(10px,5vw,46px)}
  .world-stage{height:clamp(560px,calc(100svh - 162px),730px)}
  .world-living{grid-template-columns:1fr;gap:24px}
  .world-living-copy .copy{max-width:720px}
}
@media(max-width:700px){
  .world-main{padding-bottom:112px}
  .world-title{line-height:.87;letter-spacing:-.058em}
  .world-title span{width:auto}
  .world-title span:nth-child(2),.world-title span:nth-child(3){margin-left:0}
  .world-stage{height:clamp(520px,72svh,650px);border-radius:32px}
  .world-stage-top{top:12px;left:12px;right:12px}.world-place{min-height:48px;padding:7px 10px;border-radius:15px}.world-place small{font-size:.59rem}.world-sound-toggle{min-height:40px;padding:0 9px;font-size:.59rem}.world-sound-toggle .icon{width:16px;height:16px}.world-sound-waves{width:15px}
  .world-story-caption{bottom:14px;grid-template-columns:38px 1fr;min-height:58px;padding:8px 12px 8px 9px;border-radius:18px}.world-story-mark{width:38px;height:38px;border-radius:12px;padding:9px 7px}.world-story-caption strong{font-size:.7rem}
  .world-life-grid{grid-template-columns:1fr}
  .world-life-card{min-height:108px;padding:14px;border-radius:22px}
  .world-future{grid-template-columns:1fr;align-items:start;padding:24px}.world-future-badge{justify-self:start}.world-future-orbit{right:-110px;top:65%;opacity:.5}
}
@media(max-width:460px){
  .world-main{width:min(100% - 20px,1180px);padding-top:20px}
  .world-intro{gap:18px}
  .world-title{font-size:clamp(2.7rem,15vw,4rem)}
  .world-lead{margin-top:12px;font-size:.94rem;line-height:1.62}
  .world-intro-badges{gap:6px}.world-intro-badges>span{min-height:32px;padding:0 9px;font-size:.64rem}
  .world-stage{height:clamp(490px,69svh,610px);border-radius:27px;box-shadow:0 8px 0 color-mix(in srgb,var(--line-strong) 36%,transparent),0 25px 58px rgba(35,69,108,.16)}
  .world-place{max-width:190px}.world-place b{font-size:.75rem}.world-place small{font-size:.54rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.world-sound-toggle{font-size:0;width:42px;padding:0;justify-content:center}.world-sound-toggle .icon{width:19px;height:19px}.world-sound-label,.world-sound-waves{display:none}.world-sound-toggle:not(.is-on)::after{left:20px;top:10px;height:20px}
  .portal-emblem{grid-template-columns:46px auto;padding:12px 14px;min-width:min(88%,300px)}.portal-emblem .icon{width:46px;height:46px;padding:11px}.portal-emblem strong{font-size:.9rem}.portal-emblem small{font-size:.65rem}
  .world-story-caption{width:calc(100% - 22px)}.world-story-caption small{font-size:.56rem}.world-story-caption strong{font-size:.65rem}
  .world-living{margin-top:54px}.world-life-card{grid-template-columns:52px 1fr;gap:12px}.world-life-icon{width:52px;height:52px;border-radius:17px}.world-life-card strong{font-size:.88rem}.world-life-card p{font-size:.73rem}
}
@media(max-width:340px){
  .world-main{width:min(100% - 16px,1180px)}
  .world-title{font-size:2.55rem}
  .world-intro-badges>span:nth-child(3){display:none}
  .world-stage{height:500px;border-radius:24px}
  .world-place{max-width:170px}.world-story-caption{grid-template-columns:34px 1fr;padding-inline:8px}.world-story-mark{width:34px;height:34px}
}
@media(max-height:650px) and (orientation:landscape){
  .world-stage{height:calc(100svh - 92px);min-height:390px;max-height:560px}
  .world-main{padding-top:18px}.world-intro-copy{display:none}.world-intro{gap:0}.world-stage-wrap{margin-top:0}
  .world-stage-top{top:10px}.world-story-caption{bottom:10px}
}
@media(prefers-reduced-motion:reduce){
  .world-canvas{transition:none!important;transform:none!important;filter:none!important;opacity:1!important}
  .world-portal{display:none!important}
  .world-stage-top,.world-story-caption{opacity:1!important;transform:none!important;transition:none!important}
  .world-story-mark i,.world-sound-waves i{animation:none!important}
}
@media(forced-colors:active){.world-stage,.world-life-card,.world-future,.world-intro-badges>span,.world-future-badge{box-shadow:none}.world-stage{border:2px solid CanvasText}.world-portal{display:none}.world-stage-top,.world-story-caption{background:Canvas;color:CanvasText;border:1px solid CanvasText}.world-sound-toggle{background:ButtonFace;color:ButtonText;border:1px solid ButtonText;box-shadow:none}.world-title span{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}.world-life-icon{border:1px solid CanvasText;background:Canvas}.world-future-orbit{display:none}}

/* Immersive mobile spectator mode: site chrome retreats while the living world is centered. */
@media(max-width:980px){
  .world-page .mobile-nav,.world-page .school-assistant{transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .22s ease,visibility .22s ease}
  .world-page.world-stage-focus .mobile-nav{transform:translateY(calc(100% + 34px));opacity:0;visibility:hidden;pointer-events:none}
  html:not(.school-assistant-open) .world-page.world-stage-focus .school-assistant{transform:translateX(calc(100% + 36px));opacity:0;visibility:hidden;pointer-events:none}
}
@media(max-width:460px){.world-stage{height:clamp(460px,62svh,560px)}}
@media(max-width:340px){.world-stage{height:460px}}
@media(prefers-reduced-motion:reduce) and (max-width:980px){.world-page .mobile-nav,.world-page .school-assistant{transition:none}}

/* WORLD-0083 · medieval village detail pass */
.world-future-plan{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.world-future-plan>span{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:5px 11px 5px 7px;border:1px solid color-mix(in srgb,var(--purple) 20%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--surface) 88%,transparent);box-shadow:0 5px 0 color-mix(in srgb,var(--purple) 8%,transparent);color:color-mix(in srgb,var(--ink) 82%,var(--muted));font-size:.69rem;font-weight:900}
.world-future-plan i{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:linear-gradient(145deg,color-mix(in srgb,var(--mint) 28%,var(--surface)),color-mix(in srgb,var(--purple) 17%,var(--surface)));color:var(--purple);font-style:normal;font-family:var(--font-ui);font-size:.66rem;font-weight:1000;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--purple) 12%,transparent)}
.world-future-plan .icon{width:15px;height:15px}
.world-stage{background:radial-gradient(circle at 50% 66%,rgba(255,255,255,.24),transparent 28%),linear-gradient(180deg,#afe9ff 0%,#eefadf 43%,#fff2c7 70%,#d9eef7 100%)}
html[data-theme="night"] .world-stage{background:radial-gradient(circle at 50% 70%,rgba(128,147,232,.11),transparent 30%),linear-gradient(180deg,#101e38 0%,#203351 56%,#2d3d56 100%)}
@media(prefers-color-scheme:dark){html[data-theme="auto"] .world-stage{background:radial-gradient(circle at 50% 70%,rgba(128,147,232,.11),transparent 30%),linear-gradient(180deg,#101e38 0%,#203351 56%,#2d3d56 100%)}}
@media(max-width:700px){.world-future-plan{gap:6px}.world-future-plan>span{min-height:36px;padding-right:9px;font-size:.64rem}.world-future-plan i{width:25px;height:25px}}
@media(max-width:380px){.world-future-plan{display:grid;grid-template-columns:1fr}.world-future-plan>span{width:100%;border-radius:14px}}
@media(forced-colors:active){.world-future-plan>span,.world-future-plan i{box-shadow:none;border:1px solid CanvasText;background:Canvas;color:CanvasText}}