.world-prototype{position:relative;isolation:isolate;height:calc(100dvh - 74px);min-height:520px;overflow:hidden;background:#061426;color:#fff;scroll-margin-top:74px}.world-stage{position:absolute;inset:0;overflow:hidden;touch-action:none;outline:none;background:radial-gradient(circle at 50% 40%,#123c55 0,#071a2c 58%,#04101c 100%)}.world-stage::before,.world-stage::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:3}.world-stage::before{background:linear-gradient(180deg,rgba(2,8,16,.1),transparent 28%,transparent 70%,rgba(1,7,13,.48)),radial-gradient(circle at center,transparent 45%,rgba(1,7,14,.46) 100%)}.world-stage::after{box-shadow:inset 0 0 100px rgba(0,0,0,.45)}#worldCanvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}#worldCanvas.is-dragging{cursor:grabbing}.world-hotspots{position:absolute;inset:0;z-index:5;pointer-events:none}.world-hotspot{--accent:#f2c45e;position:absolute;left:0;top:0;min-width:132px;max-width:210px;min-height:54px;padding:9px 13px;border:1px solid color-mix(in srgb,var(--accent) 72%,white 8%);border-radius:16px;background:linear-gradient(145deg,rgba(6,29,43,.88),rgba(5,18,31,.76));box-shadow:0 12px 34px rgba(0,0,0,.34),0 0 26px color-mix(in srgb,var(--accent) 18%,transparent);color:#fff;backdrop-filter:blur(10px);text-align:left;pointer-events:auto;cursor:pointer;transform-origin:center;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,opacity .16s ease}.world-hotspot:hover,.world-hotspot:focus-visible,.world-hotspot.is-near{border-color:var(--accent);background:linear-gradient(145deg,rgba(9,45,58,.94),rgba(5,22,36,.88));box-shadow:0 14px 38px rgba(0,0,0,.4),0 0 34px color-mix(in srgb,var(--accent) 30%,transparent)}.world-hotspot:focus-visible{outline:3px solid #fff;outline-offset:3px}.world-hotspot small,.world-hotspot strong{display:block}.world-hotspot small{margin-bottom:3px;color:var(--accent);font:800 9px/1.1 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase}.world-hotspot strong{font:800 16px/1.08 Georgia,serif;text-wrap:balance}.world-hud{position:absolute;z-index:6;top:clamp(16px,3vh,30px);left:clamp(16px,3vw,42px);width:min(520px,calc(100% - 32px));pointer-events:none;text-shadow:0 2px 16px rgba(0,0,0,.72)}.world-hud .world-prototype-chip{display:inline-flex;align-items:center;gap:7px;margin:0 0 9px;padding:6px 10px;border:1px solid rgba(255,221,135,.48);border-radius:999px;background:rgba(4,22,35,.66);color:#ffe49a;font:800 9px/1 system-ui,sans-serif;letter-spacing:.13em;text-transform:uppercase}.world-hud h1{margin:0;font:800 clamp(31px,5.2vw,66px)/.96 Georgia,serif;letter-spacing:-.025em}.world-hud p{max-width:520px;margin:10px 0 0;color:#d6e8ed;font:600 clamp(12px,1.45vw,16px)/1.45 system-ui,sans-serif}.world-controls{position:absolute;z-index:7;left:clamp(12px,2vw,24px);bottom:clamp(14px,2.4vh,26px);display:flex;flex-wrap:wrap;gap:8px;max-width:min(640px,calc(100% - 24px));pointer-events:auto}.world-control{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 13px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(4,24,37,.82);box-shadow:0 8px 22px rgba(0,0,0,.26);color:#fff;font:800 11px/1 system-ui,sans-serif;cursor:pointer;backdrop-filter:blur(8px)}.world-control:hover,.world-control:focus-visible{border-color:#ffe08b;background:rgba(12,48,58,.9)}.world-control:focus-visible{outline:3px solid #fff;outline-offset:2px}.world-control.is-icon{width:44px;padding:0;font-size:20px}.world-compass{position:absolute;z-index:7;right:clamp(12px,2vw,24px);bottom:clamp(15px,2.4vh,27px);display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(4,22,34,.68);backdrop-filter:blur(8px)}.world-compass button{--accent:#fff;position:relative;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;opacity:.7}.world-compass button::before{content:"";position:absolute;left:50%;top:50%;width:13px;height:13px;border:2px solid color-mix(in srgb,var(--accent) 80%,white);border-radius:50%;background:transparent;transform:translate(-50%,-50%);transition:transform .15s ease,background .15s ease}.world-compass button:hover,.world-compass button:focus-visible,.world-compass button.is-active{opacity:1}.world-compass button:hover::before,.world-compass button:focus-visible::before,.world-compass button.is-active::before{background:var(--accent);transform:translate(-50%,-50%) scale(1.22)}.world-compass button:focus-visible{outline:2px solid #fff;outline-offset:0}.world-focus-panel{position:absolute;z-index:8;left:50%;bottom:84px;width:min(440px,calc(100% - 24px));padding:14px 16px;border:1px solid rgba(255,216,121,.45);border-radius:20px;background:linear-gradient(145deg,rgba(6,34,48,.95),rgba(6,20,34,.94));box-shadow:0 18px 48px rgba(0,0,0,.42);backdrop-filter:blur(12px);transform:translateX(-50%);text-align:center}.world-focus-panel[hidden]{display:none}.world-focus-panel small{display:block;color:#80dbc8;font:900 9px/1 system-ui,sans-serif;letter-spacing:.13em;text-transform:uppercase}.world-focus-panel strong{display:block;margin-top:5px;font:800 22px/1.1 Georgia,serif}.world-focus-panel p{margin:6px 0 11px;color:#c9dde4;font:600 11px/1.4 system-ui,sans-serif}.world-focus-actions{display:flex;justify-content:center;gap:8px}.world-focus-actions button{min-height:44px;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#fff;font:800 11px/1 system-ui,sans-serif;cursor:pointer}.world-focus-actions .world-enter{border-color:#f2c35a;background:linear-gradient(180deg,#f9d87a,#d9a83b);color:#172735}.world-diagnostics{position:absolute;z-index:7;right:14px;top:14px;min-width:132px;padding:8px 10px;border:1px solid rgba(117,221,202,.25);border-radius:12px;background:rgba(0,11,20,.62);color:#cfe9e3;font:700 9px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;pointer-events:none;backdrop-filter:blur(6px)}.world-diagnostics b{color:#ffe18c}.world-prototype[data-world-art="production"] .world-prototype-chip,.world-prototype[data-world-art="production"] .world-diagnostics{display:none}.world-fallback{position:absolute;z-index:10;inset:0;display:grid;place-items:center;padding:24px;background:linear-gradient(160deg,#07182b,#123b49);text-align:center}.world-fallback[hidden]{display:none}.world-fallback>div{max-width:520px}.world-fallback h2{margin:0 0 8px;font:800 34px/1.05 Georgia,serif}.world-fallback p{color:#c9dce2;line-height:1.5}.world-fallback button{min-height:48px;padding:9px 16px;border:1px solid #f1ca65;border-radius:999px;background:#f1ca65;color:#152638;font-weight:900;cursor:pointer}.world-help{position:absolute;z-index:6;left:50%;top:18%;transform:translateX(-50%);padding:7px 12px;border-radius:999px;background:rgba(0,18,29,.62);color:#d8ebef;font:700 10px/1 system-ui,sans-serif;pointer-events:none;opacity:.84;transition:opacity .35s ease}.world-prototype.has-interacted .world-help{opacity:0}.world-prototype.world-unavailable #worldCanvas,.world-prototype.world-unavailable .world-hotspots,.world-prototype.world-unavailable .world-hud,.world-prototype.world-unavailable .world-controls,.world-prototype.world-unavailable .world-compass,.world-prototype.world-unavailable .world-diagnostics,.world-prototype.world-unavailable .world-help{display:none}.world-classic-divider{position:relative;z-index:1;padding:10px 16px;background:#071a29;color:#b9d2db;text-align:center;font:700 10px/1.3 system-ui,sans-serif;letter-spacing:.04em}.world-classic-divider strong{color:#ffe296}@media(max-width:700px){.world-prototype{height:calc(100dvh - 66px);min-height:480px}.world-hud{top:13px;left:13px;width:calc(100% - 26px)}.world-hud h1{font-size:clamp(30px,10vw,47px)}.world-hud p{max-width:310px;font-size:11px}.world-hotspot{min-width:112px;max-width:150px;min-height:48px;padding:8px 10px}.world-hotspot strong{font-size:13px}.world-hotspot small{font-size:8px}.world-controls{bottom:12px;gap:6px}.world-control{min-width:44px;min-height:44px;padding-inline:11px;font-size:10px}.world-compass{right:10px;bottom:64px}.world-diagnostics{top:auto;right:10px;bottom:110px;font-size:8px}.world-focus-panel{bottom:112px}.world-help{top:25%}}@media(max-width:430px){.world-hud p{display:none}.world-prototype-chip{max-width:230px}.world-control.world-classic-label span{display:none}.world-compass{left:6px;right:auto;bottom:62px;gap:0;padding:2px}.world-compass button{width:44px;height:44px}.world-focus-panel{padding:12px}.world-focus-panel strong{font-size:19px}}@media(max-height:520px) and (orientation:landscape){.world-prototype{height:calc(100dvh - 72px);min-height:280px}.world-hud{top:8px;left:12px}.world-hud h1{font-size:30px}.world-hud p{display:none}.world-hud .world-prototype-chip{margin-bottom:5px}.world-help{display:none}.world-controls{bottom:8px}.world-compass{bottom:8px}.world-diagnostics{display:none}.world-focus-panel{bottom:58px;max-width:380px;padding:10px 12px}.world-focus-panel p{display:none}}@media(prefers-reduced-motion:reduce){.world-hotspot,.world-compass button,.world-help{transition:none!important}}