body:has(.world-stage:not([hidden])),body.world-active{overflow:hidden}body:has(.world-stage:not([hidden])) .footer,body.world-active .footer{display:none!important}body:has(.world-stage:not([hidden])) .wrap,body.world-active .wrap{max-width:100%;padding-inline:0;width:100%}.world-wrap{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;height:calc(100vh - var(--hud-h, 41px));min-height:auto;padding-block:0}.world-wrap>h1{position:static;width:auto;height:auto;clip:auto;clip-path:none;overflow:visible;white-space:normal;margin:var(--sp-2) 0 var(--sp-1);text-align:center;font-family:var(--font-heading);font-size:.8rem;letter-spacing:.08em;color:var(--c-ink);text-shadow:0 2px 0 rgba(0,0,0,.6)}.world-stage{width:100%;max-width:100%;flex:1 1 auto;min-height:0;height:auto;margin-inline:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;gap:0;background:var(--c-panel)}.world-stage[hidden]{display:none}.world-canvas-frame{width:100%;height:100%;max-width:100%;flex:1;display:flex;justify-content:center;align-items:center;background:var(--c-panel);box-shadow:none;overflow:hidden;position:relative}html[data-theme=light] .world-canvas-frame{background:var(--c-panel);box-shadow:none}#world-canvas{display:block;image-rendering:pixelated;image-rendering:crisp-edges;outline:none}.world-zoom{position:absolute;top:var(--sp-2);right:var(--sp-2);z-index:25;display:flex;gap:var(--sp-1)}.world-zoom__btn{width:2rem;height:2rem;min-width:36px;min-height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:1rem;line-height:1;color:var(--c-ink);background:var(--c-panel-alt);border:2px solid var(--c-line);border-radius:var(--radius);box-shadow:0 2px 0 0 var(--c-cat-deep);cursor:pointer;touch-action:manipulation;user-select:none}.world-zoom__btn:hover:not(:disabled){border-color:var(--c-accent);color:var(--c-accent)}.world-zoom__btn:active:not(:disabled){transform:translateY(1px)}.world-zoom__btn:disabled{opacity:.35;cursor:not-allowed}html[data-theme=light] .world-zoom__btn{box-shadow:0 2px 0 0 var(--c-line-l)}#world-canvas:focus-visible{outline:3px solid var(--c-focus);outline-offset:-3px}#world-canvas:focus:not(:focus-visible){outline:none}.world-hint{position:absolute;bottom:var(--sp-2);left:50%;transform:translate(-50%);z-index:5;width:min(600px,calc(100% - var(--sp-4)));min-height:2.75rem;margin:0;padding:var(--sp-1) var(--sp-3);font-family:var(--font-body);font-size:1.25rem;line-height:1.3;color:var(--c-ink);background:var(--c-panel-alt);border:2px solid var(--c-line);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;text-align:center;box-shadow:inset -2px -2px #00000040,inset 2px 2px #ffffff0d;pointer-events:none}html[data-theme=light] .world-hint{box-shadow:inset -2px -2px #0000000d,inset 2px 2px #ffffff80}.world-hint:empty:before{content:"✦ Walk near a resident or doorway…";color:var(--c-ink-faint);font-size:1.15rem;opacity:.65}.dpad{position:absolute;bottom:var(--sp-4);right:var(--sp-4);z-index:20;display:grid;grid-template-columns:repeat(3,52px);grid-template-rows:repeat(3,52px);gap:var(--sp-2);justify-content:center;align-items:center;touch-action:manipulation;user-select:none;-webkit-user-select:none}.dpad[hidden]{display:none}.dpad__row{display:contents}.dpad__btn{width:52px;height:52px;min-width:48px;min-height:48px;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:1rem;color:var(--c-ink);background:var(--c-panel);border:2px solid var(--c-line);border-radius:var(--radius);box-shadow:0 3px 0 0 var(--c-cat-deep),inset -2px -2px #00000059,inset 2px 2px #ffffff14;cursor:pointer;touch-action:none;transition:transform .08s ease,background .08s ease,border-color .08s ease,box-shadow .08s ease}.dpad__btn[data-dir=up]{grid-column:2;grid-row:1}.dpad__btn[data-dir=left]{grid-column:1;grid-row:2}.dpad__btn[data-dir=down]{grid-column:2;grid-row:2}.dpad__btn[data-dir=right]{grid-column:3;grid-row:2}.dpad__action{grid-column:2;grid-row:3;color:var(--c-accent);border-color:var(--c-accent);font-size:.8rem}.dpad__action[hidden]{display:none}.dpad__btn:hover{border-color:var(--c-accent);color:var(--c-accent)}.dpad__btn:active{transform:translateY(2px);background:var(--c-panel-alt);box-shadow:0 1px 0 0 var(--c-cat-deep);border-color:var(--c-accent)}.dpad__btn:focus-visible{outline:3px solid var(--c-focus);outline-offset:2px}html[data-theme=light] .dpad__btn{box-shadow:0 3px 0 0 var(--c-line-l),inset -2px -2px #00000014,inset 2px 2px #ffffff80}html[data-theme=light] .dpad__btn:active{box-shadow:0 1px 0 0 var(--c-line-l)}.world-dialog{position:absolute;bottom:var(--sp-2);left:var(--sp-2);right:var(--sp-2);z-index:10;background:var(--c-panel);border:3px solid var(--c-line);border-radius:var(--radius);padding:var(--sp-3) var(--sp-4);box-shadow:0 4px 0 0 var(--c-cat-deep),inset -2px -2px #0006,inset 2px 2px #ffffff1a;outline:none;cursor:pointer}html[data-theme=light] .world-dialog{background:var(--c-panel-alt);box-shadow:0 4px 0 0 var(--c-line-l),inset -2px -2px #00000014,inset 2px 2px #fffc}.world-dialog[hidden]{display:none}.world-dialog:focus-visible{border-color:var(--c-accent)}.world-dialog__content{display:flex;flex-direction:column;gap:var(--sp-2)}.world-dialog__text{font-family:var(--font-body);font-size:1.25rem;line-height:1.4;color:var(--c-ink);word-break:break-word}.world-dialog__letters{display:flex;flex-direction:column;gap:var(--sp-1);margin-top:var(--sp-1)}.world-dialog__letters a{color:var(--c-accent);text-decoration:underline;font-size:1.05rem}.world-dialog__letters a:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.world-dialog__letters p{margin:0;font-size:1.05rem}.world-dialog__project{display:flex;flex-direction:column;gap:var(--sp-2)}.world-dialog__strip{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-1);max-width:100%}.world-dialog__thumb-btn{position:relative;padding:0;background:var(--c-panel-alt);border:2px solid var(--c-line);box-shadow:2px 2px 0 0 var(--c-cat-deep);cursor:pointer;display:inline-block;line-height:0;overflow:hidden;transition:border-color .1s ease,transform .1s ease}.world-dialog__thumb-btn:hover{border-color:var(--c-accent);transform:translateY(-2px)}.world-dialog__thumb-btn:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px;border-color:var(--c-accent)}html[data-theme=light] .world-dialog__thumb-btn{background:var(--c-panel-alt-l);border-color:var(--c-line-l);box-shadow:2px 2px 0 0 var(--c-line-l)}.world-dialog__thumb{width:96px;height:96px;aspect-ratio:1 / 1;object-fit:cover;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;display:block}.world-dialog__thumb-badge{position:absolute;top:2px;left:2px;background:var(--c-accent);color:var(--c-accent-ink);font-family:var(--font-heading);font-size:.55rem;line-height:1;padding:2px 4px;box-shadow:1px 1px #0006;pointer-events:none}.world-dialog__links{margin-top:var(--sp-1)}.world-dialog__link{font-family:var(--font-heading);font-size:.65rem;color:var(--c-accent);text-decoration:underline;display:inline-block;letter-spacing:.04em}.world-dialog__link:hover{filter:brightness(1.15)}.world-dialog__link:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}html[data-theme=light] .world-dialog__link{color:var(--c-accent-deep)}.world-dialog__hint{font-family:var(--font-heading);font-size:.6rem;letter-spacing:.06em;color:var(--c-ink-faint);align-self:flex-end;text-transform:uppercase}.world-preview{position:fixed;inset:0;background:#10141feb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);z-index:1000;padding:var(--sp-4);cursor:pointer}html[data-theme=light] .world-preview{background:#f2efe9eb}.world-preview[hidden]{display:none}.world-preview__img{max-width:80vw;max-height:80vh;object-fit:contain;border:2px solid var(--c-line);box-shadow:3px 3px 0 0 var(--c-cat-deep);image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;background:var(--c-panel);cursor:default}html[data-theme=light] .world-preview__img{border-color:var(--c-line-l);box-shadow:3px 3px 0 0 var(--c-line-l);background:var(--c-panel-l)}.world-preview__close{position:absolute;top:var(--sp-4);right:var(--sp-4);background:var(--c-panel);border:2px solid var(--c-line);color:var(--c-ink);font-family:var(--font-heading);font-size:.85rem;width:2.5rem;height:2.5rem;display:grid;place-content:center;cursor:pointer;box-shadow:0 2px 0 0 var(--c-cat-deep)}.world-preview__close:hover{border-color:var(--c-accent);color:var(--c-accent)}html[data-theme=light] .world-preview__close{background:var(--c-panel-l);border-color:var(--c-line-l);color:var(--c-ink-l);box-shadow:0 2px 0 0 var(--c-line-l)}html[data-theme=light] .world-preview__close:hover{border-color:var(--c-accent-deep);color:var(--c-accent-deep)}.world-preview__hint{font-family:var(--font-heading);font-size:.58rem;letter-spacing:.05em;color:var(--c-ink-dim);text-transform:uppercase;pointer-events:none}html[data-theme=light] .world-preview__hint{color:var(--c-ink-dim-l)}.world-travel{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#000000b3;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:50;padding:var(--sp-4)}.world-travel[hidden]{display:none}.world-travel__panel{width:100%;max-width:28rem;background:var(--c-panel);border:3px solid var(--c-line);border-radius:var(--radius);padding:var(--sp-5);box-shadow:0 8px 0 0 var(--c-cat-deep),inset -2px -2px #0006,inset 2px 2px #ffffff1a;display:flex;flex-direction:column;gap:var(--sp-4)}html[data-theme=light] .world-travel__panel{background:var(--c-panel-alt);box-shadow:0 8px 0 0 var(--c-line-l),inset -2px -2px #00000014,inset 2px 2px #fffc}.world-travel__header{display:flex;justify-content:space-between;align-items:center}.world-travel__title{font-family:var(--font-heading);font-size:.92rem;letter-spacing:.05em;color:var(--c-accent);margin:0}html[data-theme=light] .world-travel__title{color:var(--c-accent-deep)}.world-travel__close{background:var(--c-panel-alt);border:1px solid var(--c-line);color:var(--c-ink-dim);border-radius:var(--radius);width:36px;height:36px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:.85rem;transition:border-color .08s ease,color .08s ease}.world-travel__close:hover,.world-travel__close:focus-visible{color:var(--c-accent);border-color:var(--c-accent);outline:none}.world-travel__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-3)}@media(max-width:440px){.world-travel__grid{grid-template-columns:1fr}}.world-travel__btn{min-height:48px;padding:var(--sp-3) var(--sp-4);font-family:var(--font-heading);font-size:.76rem;letter-spacing:.03em;color:var(--c-ink);background:var(--c-panel-alt);border:2px solid var(--c-line);border-radius:var(--radius);cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center;box-shadow:0 3px 0 0 var(--c-cat-deep),inset -1px -1px #0000004d,inset 1px 1px #ffffff14;transition:transform .08s ease,background .08s ease,border-color .08s ease,box-shadow .08s ease}html[data-theme=light] .world-travel__btn{background:var(--c-bg-raised);box-shadow:0 3px 0 0 var(--c-line-l),inset -1px -1px #0000000f,inset 1px 1px #fff9}.world-travel__btn:hover,.world-travel__btn:focus-visible{border-color:var(--c-accent);color:var(--c-accent);transform:translateY(-1px);outline:none}.world-travel__btn:active{transform:translateY(2px);box-shadow:0 1px 0 0 var(--c-cat-deep)}html[data-theme=light] .world-travel__btn:active{box-shadow:0 1px 0 0 var(--c-line-l)}.world-travel__hint{font-family:var(--font-body);font-size:1.1rem;color:var(--c-ink-faint);text-align:center;margin:0}@media(prefers-reduced-motion:reduce){.dpad__btn,.btn,#world-canvas,.world-travel__btn,.world-travel__close,.world-travel,.world-dialog{transition:none!important;animation:none!important;transform:none!important}}@media print{.world-wrap{display:none!important}}