:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,sans-serif}*{box-sizing:border-box}html,body,#viewport{width:100%;height:100%;margin:0;overflow:hidden}html{overscroll-behavior:none}body{color:#d8e0e5;background:#03070e}#viewport{isolation:isolate;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none;background:radial-gradient(45% 55% at 55% 43%,#0b2030 0%,#060e1a 54%,#02060d 100%);position:relative}#scene{touch-action:none;position:absolute;inset:0 0 106px}#scene canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}#viewer-header{z-index:2;padding:max(22px,env(safe-area-inset-top)) max(26px,env(safe-area-inset-right)) 0 max(26px,env(safe-area-inset-left));pointer-events:none;justify-content:space-between;align-items:flex-start;gap:18px;display:flex;position:absolute;inset:0 0 auto}#world-identity{text-shadow:0 1px 12px #000000a6;flex-direction:column;gap:4px;min-width:0;display:flex}#world-count{letter-spacing:.18em;color:#93adbc;font-variant-numeric:tabular-nums;font-size:10px;font-weight:500}#world-name{letter-spacing:.075em;margin:0;font-size:clamp(15px,2.05vw,24px);font-weight:460;line-height:1.4}.viewer-actions{pointer-events:auto;flex:none;gap:7px;display:flex}button{-webkit-tap-highlight-color:transparent;font-family:inherit}.viewer-actions button{color:#dce8ed;cursor:pointer;-webkit-backdrop-filter:blur(12px);touch-action:manipulation;background:#06101a94;border:1px solid #b4cddc2e;border-radius:100px;justify-content:center;align-items:center;min-width:36px;min-height:36px;padding:0 10px;display:flex}.viewer-actions #world-previous,.viewer-actions #world-next{padding-bottom:4px;font-size:24px;line-height:1}.viewer-actions button:hover{background:#192d3bb8;border-color:#c8e0ec80}.viewer-actions button:focus-visible,.world-option:focus-visible{outline-offset:3px;outline:2px solid #b7dcea}#motion-toggle{white-space:nowrap;letter-spacing:.025em;gap:7px;font-size:11px}#motion-toggle svg{flex:none}#loading{z-index:2;color:#9eb8c6;pointer-events:none;font-size:11px;position:absolute;bottom:128px;left:50%;transform:translate(-50%)}#loading[hidden]{display:none}#fallback{z-index:3;text-align:center;background:#020710;place-items:center;padding:25px;display:grid;position:absolute;inset:0 0 106px}#fallback[hidden]{display:none}#scene-guide{z-index:1;bottom:124px;left:max(25px,env(safe-area-inset-left));color:#b9c9d07a;letter-spacing:.04em;pointer-events:none;font-size:10px;position:absolute}#world-gallery{z-index:4;height:106px;padding:6px max(18px,env(safe-area-inset-right)) max(15px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));overscroll-behavior-inline:contain;scrollbar-width:none;scroll-snap-type:x proximity;touch-action:pan-x;background:linear-gradient(#030810ad,#030810e8 35%,#030810f7);border-top:1px solid #96b1c118;align-items:center;gap:3px;display:flex;position:absolute;inset:auto 0 0;overflow-x:auto}#world-gallery::-webkit-scrollbar{display:none}.world-option{color:#d2dfe79e;cursor:pointer;scroll-snap-align:center;touch-action:manipulation;background:0 0;border:1px solid #0000;border-radius:9px;flex-direction:column;flex:0 0 88px;justify-content:center;align-self:stretch;align-items:center;gap:7px;padding:4px 3px;display:flex;position:relative}.world-option:hover{color:#e0ebee;background:#a5cde60b}.world-option[aria-pressed=true]{color:#f1f7f7;background:#8db5d116;border-color:#afcfdf29}.world-disc{background:radial-gradient(circle at 30% 20%, #ffffff54 0%, transparent 28%), radial-gradient(circle at 25% 25%, var(--high) 0%, var(--low) 72%, #050a13 100%);width:39px;height:39px;box-shadow:0 0 0 1px #cae2eb1c, 0 1px 9px 0 color-mix(in srgb,var(--rim),transparent 76%), inset -9px -6px 12px #00000052;pointer-events:none;background-position:50%;background-size:cover;border-radius:100%;display:block;position:relative}.world-disc.with-ring:after{content:"";border:3px solid var(--rim);opacity:.61;pointer-events:none;border-radius:50%;position:absolute;inset:10px -11px;transform:rotate(-24deg)}.world-option-name{letter-spacing:.03em;white-space:nowrap;pointer-events:none;font-size:10px;font-weight:440;line-height:1.15}#source-credit{z-index:2;top:max(78px,calc(env(safe-area-inset-top) + 70px));left:max(26px,env(safe-area-inset-left));color:#a2b7c770;letter-spacing:.02em;font-size:9px;text-decoration:none;position:absolute}#source-credit:hover{color:#d3e7ede6}#source-credit:focus-visible{outline-offset:3px;outline:2px solid #b7dcea}@media (max-width:700px){#viewer-header{padding:max(12px,env(safe-area-inset-top)) max(13px,env(safe-area-inset-right)) 0 max(13px,env(safe-area-inset-left))}#world-name{font-size:16px}#world-count{font-size:9px}.viewer-actions{gap:5px}.viewer-actions button{min-width:32px;min-height:32px;padding:0 7px}#motion-toggle{gap:4px;font-size:10px}#world-gallery{padding-inline:max(6px,env(safe-area-inset-left));gap:0}.world-option{flex-basis:77px}#source-credit{top:max(65px,calc(env(safe-area-inset-top) + 55px));left:max(13px,env(safe-area-inset-left));font-size:8px}#scene-guide{left:max(13px,env(safe-area-inset-left));font-size:9px}}@media (max-height:490px){#scene{bottom:80px}#world-gallery{height:80px;padding-block:1px 3px}.world-option{flex-basis:73px;gap:4px}.world-disc{width:34px;height:34px}.world-option-name{font-size:9px}#scene-guide{display:none}#loading{bottom:90px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
