:root{--w-ink: #eef0ff;--w-muted: #8b93c8;--w-panel: rgba(13, 16, 38, .86);--w-line: rgba(140, 150, 220, .22);--w-amber: #ffb454;--w-violet: #8f7bff;--font-mono: "JetBrains Mono", ui-monospace, monospace;--font-display: "Fraunces", "Times New Roman", serif}body.world-page{margin:0;background:#0a0c1e;color:var(--w-ink);font-family:var(--font-mono);overflow:hidden;height:100vh;height:100dvh}#world-canvas{position:fixed;inset:0;width:100%;height:100%;display:block}#world-hud{position:fixed;inset:0;z-index:20;pointer-events:none;font-family:var(--font-mono)}#world-hud>*{pointer-events:auto}#btn-nav{position:absolute;top:1rem;left:1rem;width:46px;height:46px;border-radius:12px;border:1px solid var(--w-line);background:var(--w-panel);color:var(--w-ink);font-size:1.05rem;cursor:pointer;backdrop-filter:blur(10px);transition:transform .2s ease,border-color .2s ease}#btn-nav:hover{transform:translateY(-2px);border-color:#ffb4548c}#btn-sound{position:absolute;top:4.4rem;left:1rem;width:46px;height:46px;border-radius:12px;border:1px solid var(--w-line);background:var(--w-panel);color:var(--w-muted);font-size:1.05rem;cursor:pointer;backdrop-filter:blur(10px);transition:transform .2s ease,border-color .2s ease,color .2s ease}#btn-sound:hover{transform:translateY(-2px);border-color:#ffb4548c;color:var(--w-amber)}#btn-sound[aria-pressed=true]{color:var(--w-amber);border-color:#ffb45480}#world-boot{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;background:#0a0c1e;font-family:var(--font-mono);transition:opacity .5s ease;pointer-events:none}#world-boot p{margin:0;font-size:.72rem;letter-spacing:.34em;color:#5d659e}#world-boot .boot-dots{animation:boot-blink 1s steps(3) infinite}@keyframes boot-blink{0%{opacity:.2}50%{opacity:1}to{opacity:.2}}#world-boot.done{opacity:0}#world-menu{position:absolute;top:4.4rem;left:1rem;display:flex;flex-direction:column;gap:2px;padding:6px;min-width:190px;border-radius:14px;border:1px solid var(--w-line);background:var(--w-panel);backdrop-filter:blur(12px);opacity:0;transform:translateY(-8px);visibility:hidden;transition:opacity .25s ease,transform .25s ease,visibility .25s}#world-menu.is-open{opacity:1;transform:none;visibility:visible}.wm-item{text-align:left;padding:.62rem .8rem;border:none;border-radius:9px;background:transparent;color:var(--w-muted);font-family:inherit;font-size:.72rem;letter-spacing:.18em;cursor:pointer;transition:background .15s ease,color .15s ease}.wm-item:hover,.wm-item:focus-visible{background:#8f7bff24;color:var(--w-ink)}#world-panel{position:absolute;top:1rem;right:1rem;bottom:auto;width:min(92vw,380px);max-height:calc(100dvh - 2rem);overflow-y:auto;padding:1.3rem 1.35rem 1.5rem;border-radius:16px;border:1px solid var(--w-line);background:var(--w-panel);backdrop-filter:blur(14px);box-shadow:0 18px 60px #00000073,0 0 0 1px #7882dc0f;opacity:0;transform:translate(16px);visibility:hidden;transition:opacity .3s ease,transform .3s cubic-bezier(.22,1,.36,1),visibility .3s}#world-panel.is-open{opacity:1;transform:none;visibility:visible}#world-panel-close{position:absolute;top:.7rem;right:.7rem;width:32px;height:32px;border-radius:9px;border:1px solid var(--w-line);background:transparent;color:var(--w-muted);cursor:pointer}#world-panel-close:hover{color:var(--w-ink);border-color:#ffb45480}.wp-kicker{margin:0 0 .35rem;font-size:.62rem;letter-spacing:.26em;text-transform:uppercase;color:#ffb454}.wp-title{margin:0 0 .7rem;font-family:var(--font-display);font-weight:500;font-size:1.65rem;letter-spacing:-.02em;line-height:1.05;color:#f4f5ff}.wp-org{margin:-.4rem 0 .7rem;font-size:.78rem;color:#aab2e8}.wp-p{margin:.45rem 0;font-size:.82rem;line-height:1.6;color:#c3c9f2}.wp-img{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:10px;border:1px solid var(--w-line);margin:.35rem 0 .75rem;display:block}.wp-img--ph{display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,rgba(140,150,220,.05) 0 10px,transparent 10px 20px),#0d102680;color:#6a72ab;font-size:.66rem;letter-spacing:.22em}.wp-chips{display:flex;flex-wrap:wrap;gap:.35rem;margin:.7rem 0}.wp-chip{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:#aab2e8;padding:.28rem .55rem;border:1px solid rgba(140,150,220,.3);border-radius:999px}.wp-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.9rem}.wp-btn{padding:.52rem .95rem;border-radius:999px;border:1px solid rgba(255,180,84,.45);color:var(--w-amber);font-size:.74rem;letter-spacing:.08em;text-decoration:none;transition:background .2s ease,transform .2s ease}.wp-btn:hover{background:#ffb4541f;transform:translateY(-2px)}.wp-live{display:inline-block;margin:.2rem 0 .6rem;font-size:.66rem;letter-spacing:.14em;color:#69d98e}.wp-sample{display:inline-block;margin:.2rem 0 .6rem;font-size:.66rem;letter-spacing:.14em;color:#ffb454}#world-toast{position:absolute;left:50%;bottom:1.4rem;transform:translate(-50%) translateY(8px);padding:.55rem 1.1rem;border-radius:999px;border:1px solid var(--w-line);background:var(--w-panel);color:var(--w-ink);font-size:.72rem;letter-spacing:.1em;opacity:0;transition:opacity .25s ease,transform .25s ease;white-space:nowrap}#world-toast.is-on{opacity:1;transform:translate(-50%)}#world-hint{position:absolute;left:1rem;bottom:1.3rem;margin:0;font-size:.64rem;letter-spacing:.22em;text-transform:uppercase;color:#5d659e;pointer-events:none}body.is-hovering #world-canvas{cursor:pointer}#world-map{position:absolute;top:1rem;right:1rem;width:176px;height:176px;border-radius:50%;border:1px solid var(--w-line);box-shadow:0 10px 34px #00000073;cursor:pointer;transition:transform .2s ease}#world-map:hover{transform:scale(1.04)}#world-prompt{position:absolute;left:50%;bottom:4.6rem;transform:translate(-50%) translateY(10px);display:flex;align-items:center;gap:.55rem;padding:.55rem 1.05rem;border-radius:999px;border:1px solid rgba(255,180,84,.55);background:var(--w-panel);color:var(--w-ink);font-family:var(--font-mono);font-size:.74rem;letter-spacing:.08em;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .2s;backdrop-filter:blur(10px);box-shadow:0 0 24px #ffaa542e}#world-prompt.is-on{opacity:1;visibility:visible;transform:translate(-50%)}#world-prompt .wp-key{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;border:1px solid rgba(255,180,84,.6);color:var(--w-amber);font-size:.66rem;font-weight:700}#joy{position:absolute;left:1.4rem;bottom:1.6rem;width:108px;height:108px;border-radius:50%;border:2px solid rgba(140,150,220,.3);background:#0d102673;backdrop-filter:blur(6px);display:none;touch-action:none}#joy-knob{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:#ffb454d9;box-shadow:0 0 18px #ffaa5473;transition:transform .06s linear}@media(pointer:coarse){#joy{display:block}#world-prompt{bottom:9.2rem}#world-prompt .wp-key{display:none}}#world-vignette{position:fixed;inset:0;z-index:10;pointer-events:none;background:radial-gradient(ellipse 120% 105% at 50% 42%,transparent 58%,rgba(4,5,16,.55) 100%)}.wp-metric{margin:.55rem 0 0;font-size:.78rem;letter-spacing:.06em;color:#ffd9a0}.wp-lesson{color:#9fe8ff;font-size:.76rem}.world-skip{position:fixed;top:-48px;left:1rem;z-index:100;padding:.6rem 1rem;border-radius:10px;background:var(--w-amber);color:#0a0c1e;font-family:var(--font-mono);font-size:.78rem;text-decoration:none;transition:top .2s ease}.world-skip:focus-visible{top:1rem}#btn-nav:focus-visible,.wm-item:focus-visible,#world-panel-close:focus-visible,#world-prompt:focus-visible,.wi-explore:focus-visible,.wp-btn:focus-visible,#world-map:focus-visible{outline:2px solid var(--w-amber);outline-offset:2px}.visually-h1{font-family:var(--font-display);font-weight:500;font-size:2.6rem;letter-spacing:-.03em;margin:0 0 .4rem}@media(prefers-reduced-motion:reduce){#world-intro,#world-panel,#world-toast,#world-prompt,#world-menu{transition:none!important}}@media(max-width:767px){#world-panel{top:auto;right:.7rem;left:.7rem;bottom:.7rem;width:auto;max-height:62dvh;transform:translateY(16px)}#world-panel.is-open{transform:none}#world-hint{display:none}#world-map{width:116px;height:116px;top:.8rem;right:.8rem}}#world-intro{position:fixed;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.1rem;text-align:center;pointer-events:none;transition:opacity .9s ease}#world-intro.is-hidden{opacity:0}#world-intro .wi-kicker{font-size:clamp(.6rem,1vw,.72rem);letter-spacing:.42em;color:var(--w-muted);text-transform:uppercase}#world-intro .wi-name{font-family:var(--font-display);font-weight:500;font-size:clamp(3rem,10vw,7.5rem);letter-spacing:-.04em;line-height:.95;color:#f4f5ff;text-shadow:0 8px 60px rgba(90,80,200,.45)}#world-intro .wi-tag{font-size:clamp(.78rem,1.4vw,1rem);color:#aab2e8;letter-spacing:.06em}#world-intro .wi-sub{font-size:clamp(.62rem,1vw,.74rem);letter-spacing:.18em;text-transform:uppercase;color:#5d659e}#world-intro .wi-explore{pointer-events:auto;margin-top:1.4rem;padding:.85rem 2.2rem;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.34em;color:#0a0c1e;background:linear-gradient(120deg,var(--w-amber),#ff8f5e);border:none;border-radius:999px;cursor:pointer;box-shadow:0 0 32px #ffaa5459;transition:transform .25s ease,box-shadow .25s ease}#world-intro .wi-explore:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 6px 44px #ffaa548c}.world-fallback{position:relative;z-index:5;max-width:46rem;margin:0 auto;padding:4.5rem 1.5rem;overflow-y:auto;height:100dvh;line-height:1.65}.world-fallback h1{font-family:var(--font-display);font-weight:500;font-size:2.6rem;letter-spacing:-.03em;margin:0 0 .4rem}.world-fallback h2{font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--w-muted);margin:2.2rem 0 .8rem}.world-fallback a{color:var(--w-amber)}.world-fallback ul{padding-left:1.1rem}.sr-only-world{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}