/* V12: the planet is the whole hero's subject, without an image frame. */
.hero-world{position:relative;isolation:isolate;overflow:hidden;background:#05070b;color:#f3f1eb;padding:0 40px;text-align:left}
.world-stars{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(90deg,#05070bda,#05070b40 58%,#05070b33),linear-gradient(0deg,#05070b,transparent 40%),url('./assets/world/stars.jpg');background-size:cover;background-position:50% 40%;opacity:.86}
.hero-world:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 75% 34%,#ffffff05,transparent 45%)}
.world-layout{position:relative;max-width:1420px;margin:auto;display:grid;grid-template-columns:43% 57%;grid-template-rows:minmax(660px,calc(88svh - 180px)) auto auto auto}
.world-copy{align-self:center;position:relative;z-index:3;padding:48px 0 60px;pointer-events:none}
.world-copy>*{pointer-events:auto}
.world-kicker{font-size:10px;letter-spacing:.2em;font-weight:500;color:#c7c9cf;display:flex;align-items:center;gap:12px}
.world-kicker:before{content:'';width:6px;height:6px;border:1px solid #f7931a;border-radius:50%;box-shadow:0 0 12px #f7931a66}
.world-copy h1{font-size:clamp(62px,6.8vw,103px);font-weight:400;letter-spacing:-.068em;line-height:1.04;white-space:nowrap;margin:29px 0 28px;color:#c3c8d1;text-shadow:0 3px 45px #05070b}
.world-copy h1 span{color:#f3f1eb;font-weight:600}
.world-lead{font-size:clamp(15px,1.3vw,18px);line-height:1.8;color:#b5bdcb;max-width:410px;letter-spacing:-.015em}
.world-start.button{display:inline-flex;align-items:center;gap:35px;background:#f7931a;border:1px solid #ffab46;border-radius:40px;color:#17110a;margin-top:35px;min-height:56px;padding:8px 9px 8px 25px;font-size:13px;font-weight:650;box-shadow:0 2px 2px #ffcd8220 inset,0 6px 38px #f7931a13}
.world-start.button>span{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#22170d;color:#ffbd69;font-size:21px;font-weight:400}
.world-start.button:hover{background:#ffa32f;transform:translateY(-2px);border-color:#ffbe65}
.world-meta{display:flex;gap:17px;font-size:10px;color:#adb4c0;margin-top:17px;align-items:center}
.world-meta>span+span:before{content:'·';margin-right:17px;color:#f7931a}
.world-resume,.world-invitation{font-size:11px;color:#969eac;line-height:1.7;margin:29px 0 0}
.world-resume .text-button{font-size:11px;margin-left:6px;color:#bfc5cf}
.world-profile-note{font-size:10px;color:#86909e;margin:7px 0 0}
.world-visual{position:relative;min-width:0;isolation:isolate;align-self:stretch;grid-column:2;grid-row:1;overflow:visible}
.world-scene{position:absolute;inset:-18px -70px -5px -60px;cursor:grab;touch-action:pan-y;z-index:1}
.world-scene:active{cursor:grabbing}
.world-scene canvas{display:block;width:100%;height:100%;outline:none}
.world-labels{position:absolute;inset:-18px -70px -5px -60px;pointer-events:none;z-index:2;overflow:hidden}
.world-map-label{position:absolute;top:0;left:0;white-space:nowrap;opacity:0;pointer-events:none;text-align:center;transition:opacity .25s;will-change:transform;transform-origin:center;color:var(--style);text-shadow:0 2px 3px #000,0 1px 15px #000,0 0 30px #000;filter:drop-shadow(0 1px 4px #0009)}
.world-map-label.is-visible{opacity:1}
.world-map-name{display:block;font-size:clamp(14px,1.6vw,23px);font-weight:600;letter-spacing:.025em}
.world-map-time{display:block;font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px;letter-spacing:.02em;color:#e4e7e9;margin-top:6px}
.world-scene-tools{position:absolute;bottom:26px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:23px;z-index:4;font-size:10px;color:#aab4c4}
.world-drag-hint{display:flex;align-items:center;gap:8px}.world-drag-hint>span{font-size:17px;color:#b8c7d9}
[data-world-pause]{display:flex;align-items:center;justify-content:center;gap:9px;background:#070b1240;border:1px solid #ffffff21;border-radius:30px;padding:7px 13px;min-height:36px;font-size:10px;color:#c7d0dd;backdrop-filter:blur(8px)}
[data-world-pause]:hover{border-color:#ffffff66;background:#ffffff10}
.world-fallback{display:none;position:absolute;inset:80px 10px 90px;place-content:center;text-align:center;border-radius:50%;background:radial-gradient(circle at 35% 30%,#314b73,#0a182b 45%,#03060b 74%);box-shadow:0 0 35px #8caed518;border:1px solid #8caed536}
.world-fallback>span{font-size:22px;font-weight:500;color:#d4dfeb}.world-fallback>p{max-width:260px;margin:15px auto;font-size:12px;line-height:1.8;color:#bcc8d9}
.world-scene-failed .world-fallback{display:grid}.world-scene-failed .world-scene-tools,.world-scene-failed .world-labels,.world-scene-failed .world-scene{display:none}
.world-navigation{position:relative;z-index:5;grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-bottom:35px}
.world-region{background:transparent;border:0;padding:17px 0 12px;text-align:left;position:relative;min-width:0;color:#d8dee7}
.world-region-line{display:block;position:absolute;left:0;top:0;height:1px;width:100%;background:#ffffff21;transition:background .2s}
.world-region-line:after{content:'';position:absolute;inset:0;transform:scaleX(0);transform-origin:left;background:var(--style);box-shadow:0 0 12px color-mix(in srgb,var(--style) 45%,transparent);transition:transform .35s}
.world-region[aria-pressed=true] .world-region-line:after,.world-region:hover .world-region-line:after{transform:scaleX(1)}
.world-region-name{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:550;letter-spacing:-.025em;transition:color .2s}
.world-region-name i{width:5px;height:5px;border-radius:50%;background:var(--style);box-shadow:0 0 10px color-mix(in srgb,var(--style) 30%,transparent);flex-shrink:0}
.world-region-name>span{margin-left:auto;font-size:14px;color:var(--style);opacity:0;transform:translate(-3px,3px);transition:opacity .2s,transform .2s}
.world-region[aria-pressed=true] .world-region-name{color:var(--style)}
.world-region[aria-pressed=true] .world-region-name>span,.world-region:hover .world-region-name>span{opacity:1;transform:none}
.world-region-time{display:block;margin:6px 0 0 14px;font-size:11px;color:#99a4b5}
.world-detail{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.1fr auto;align-items:center;gap:40px;padding:25px 0 27px;border-top:1px solid #ffffff0f}
.world-detail-tag{font-size:8px;font-weight:550;letter-spacing:.16em;color:var(--style)}
.world-detail h2{font-size:21px;font-weight:500;letter-spacing:-.035em;line-height:1.3;margin:8px 0 0;color:#dce1e8}
.world-detail>p{font-size:12px;line-height:1.8;color:#9da8b9;margin:0;max-width:450px}
.world-detail>a{font-size:11px;color:#d1d9e4;white-space:nowrap;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#ffffff40;display:flex;gap:14px}
.world-detail>a>span{color:var(--style)}
.world-footnotes{grid-column:1/-1;display:flex;justify-content:space-between;align-items:start;gap:20px;padding:0 0 23px;color:#8591a3;font-size:9px;line-height:1.6}
.world-footnotes>p{margin:0;max-width:590px}.world-credit{max-width:310px;text-align:right}.world-credit summary{cursor:pointer}.world-credit p{font-size:9px;color:#939fae;line-height:1.7;margin-top:9px}.world-credit a{text-decoration:underline;text-underline-offset:3px}
.world-support{max-width:1420px;margin:0 auto;padding:20px 40px 35px;color:#8c97a7;text-align:center;font-size:10px;line-height:1.7}.world-support>p{max-width:780px;margin:0 auto}.world-support .migration-note,.world-support .storage-note{max-width:800px;margin:0 auto 20px;font-size:11px;text-align:left}
body[data-design=world] .site-header{background:#05070be8;border-bottom-color:#ffffff0c}
body[data-design=world][data-page=landing] .page-enter{animation:none}
@media(min-width:1650px){.world-layout{grid-template-rows:minmax(760px,calc(88svh - 180px)) auto auto auto}.world-copy h1{font-size:108px}.world-visual{margin-right:-20px}}
@media(max-width:1150px){.hero-world{padding:0 32px}.world-layout{grid-template-columns:44% 56%;grid-template-rows:620px auto auto auto}.world-copy h1{font-size:clamp(58px,7vw,80px)}.world-scene,.world-labels{inset:15px -65px 25px -70px}.world-copy{padding:40px 0 60px}.world-lead{font-size:14px}.world-kicker{font-size:8px;letter-spacing:.15em}.world-navigation{gap:20px}.world-region-name{font-size:13px}.world-region-time{font-size:10px}.world-detail{gap:25px;grid-template-columns:1fr 1.1fr}.world-detail>a{grid-column:2;margin-top:-14px}.world-map-name{font-size:12px}}
@media(max-width:760px){.hero-world{padding:0 24px}.world-layout{grid-template-columns:1fr;grid-template-rows:auto 430px auto auto auto}.world-copy{grid-column:1;grid-row:1;text-align:center;padding:49px 0 0}.world-kicker{justify-content:center;font-size:8px}.world-copy h1{font-size:clamp(48px,9.5vw,72px);margin:23px 0 21px;letter-spacing:-.065em;line-height:1.05}.world-lead{font-size:14px;margin:0 auto;max-width:350px}.world-start.button{margin-top:26px;min-height:52px;padding-left:23px;gap:28px;font-size:12px}.world-start.button>span{width:34px;height:34px}.world-meta{justify-content:center;font-size:9px;margin-top:14px}.world-resume,.world-invitation{margin-top:20px;font-size:10px}.world-profile-note{font-size:9px}.world-visual{grid-column:1;grid-row:2;margin:0}.world-scene,.world-labels{inset:0 -24px 0}.world-scene-tools{bottom:15px;font-size:9px;gap:18px}.world-map-name{font-size:11px}.world-map-time{font-size:8px}.world-navigation{grid-template-columns:1fr 1fr;gap:15px 24px;margin:18px 0 25px}.world-region-name{font-size:13px}.world-region-time{font-size:10px;margin-top:6px}.world-region{padding:14px 0 9px}.world-detail{grid-template-columns:1fr;gap:14px;padding:22px 0 23px}.world-detail h2{font-size:23px}.world-detail>p{font-size:12px;max-width:460px}.world-detail>a{grid-column:1;margin:3px 0 0;font-size:11px}.world-footnotes{font-size:9px;flex-direction:column;gap:12px}.world-credit{text-align:left;max-width:100%}.world-support{padding:21px 24px 30px;font-size:9px}.world-fallback{inset:40px 15px 50px}.world-stars{background-position:70% 20%;background-size:auto 1300px}}
@media(max-width:390px){.hero-world{padding:0 20px}.world-layout{grid-template-rows:auto 370px auto auto auto}.world-copy{padding-top:37px}.world-copy h1{font-size:47px}.world-lead{font-size:12px}.world-kicker{font-size:7px}.world-scene,.world-labels{inset:0 -20px}.world-navigation{gap:16px 18px}.world-region-name{font-size:11px}.world-region-time{font-size:9px}.world-meta{gap:10px;font-size:8px}.world-meta>span+span:before{margin-right:10px}.world-start.button{font-size:11px;gap:20px}.world-map-name{font-size:10px}.world-map-time{font-size:7px}}
@media(prefers-reduced-motion:reduce){.world-drag-hint{display:none}.world-map-label,.world-region-line:after{transition:none}}
@media print{.world-visual,.world-stars,.world-navigation{display:none}.world-layout{display:block}.hero-world{background:none;padding:0}.world-copy{padding:0}.world-copy h1{font-size:45px}.world-detail{display:block}.world-footnotes{display:none}}