html,body.immersive{width:100%;height:100%;overflow:hidden;background:#221f18}
body.immersive>.site-header,body.immersive>main,body.immersive>.site-footer,body.immersive>.ambient-noise{display:none}
#worldApp{position:fixed;inset:0;color:#fff2d5;font-family:'Malgun Gothic',system-ui,sans-serif;background:#2e2a21;isolation:isolate}
#worldCanvas{display:block;width:100%;height:100%;touch-action:none;outline:none;cursor:crosshair}
.world-hud{position:absolute;top:max(20px,env(safe-area-inset-top));left:24px;right:24px;display:flex;justify-content:space-between;gap:14px;pointer-events:none}
.world-title,.world-hud-right{display:flex;align-items:center;gap:12px;background:#171d18bf;border:1px solid #f3dab949;backdrop-filter:blur(12px);border-radius:32px;padding:10px 18px;pointer-events:auto;box-shadow:0 5px 22px #0003}
.world-seal{font:27px Batang,serif;color:#e6c688}.world-title strong{font-size:15px;font-weight:500}.world-title small{display:block;font-size:10px;color:#bdbba6;margin-top:4px}.world-hud-right{font-size:12px}.world-hud-right button,.world-zoom button{background:none;color:#f7e6c8;border:0;font-size:20px;padding:4px 7px}
.world-hud .mode-badge{padding:0;border:0;background:none;font-size:10px}.hud-sound svg{width:20px;height:20px}
.world-guide{position:absolute;top:104px;left:50%;transform:translateX(-50%);font-size:12px;text-align:center;padding:8px 16px;background:#18231ad9;border-radius:20px;pointer-events:none;white-space:nowrap;border:1px solid #ddcc9c30}
.world-zoom{position:absolute;right:22px;top:155px;display:grid;gap:3px;border-radius:20px;background:#162018bc;border:1px solid #d0bc8640;padding:8px;backdrop-filter:blur(12px)}
.world-actions{position:absolute;bottom:max(26px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;gap:5px;padding:7px;background:#161e17d9;border:1px solid #e2cc8a77;border-radius:40px;backdrop-filter:blur(15px);box-shadow:0 8px 40px #0005;white-space:nowrap}
.world-actions button{border:0;background:none;border-radius:28px;color:#efdfb9;padding:15px 20px;font-size:13px;min-height:48px}.world-actions button:first-child{border:1px solid #d7c38d66}.world-actions button:hover{background:#bdab7633}.world-place{position:absolute;bottom:115px;left:50%;transform:translateX(-50%);font-size:12px;background:#172017a3;padding:8px 15px;border-radius:20px;pointer-events:none;white-space:nowrap}
.world-dpad{position:absolute;bottom:34px;left:24px;display:grid;grid-template-columns:repeat(3,38px);grid-template-rows:repeat(2,38px);gap:4px;opacity:.8;touch-action:none}.world-dpad button{background:#172218bb;color:#eee3c6;border:1px solid #dbc28d55;border-radius:10px;touch-action:none}.world-dpad button[data-direction=up]{grid-column:2}.world-dpad button[data-direction=left]{grid-row:2;grid-column:1}.world-dpad button[data-direction=down]{grid-row:2;grid-column:2}.world-dpad button[data-direction=right]{grid-row:2;grid-column:3}
.world-minimap{position:absolute;bottom:32px;right:24px;width:100px;height:110px;background:#25392a99;border:1px solid #d6be8955;border-radius:12px;pointer-events:none;font-size:9px;text-align:center;color:#dbcdad}.world-minimap span{position:absolute;top:8px;left:0;width:100%}.world-minimap small{position:absolute;bottom:5px;left:0;width:100%;font-size:8px}.world-minimap i{position:absolute;width:6px;height:6px;border-radius:50%;background:#ffdb7f;box-shadow:0 0 9px #ffe0a9;transform:translate(-50%,-50%)}
.entry-shade{position:absolute;inset:0;display:grid;place-items:center;background:#111c196b;backdrop-filter:blur(5px);overflow:auto;padding:24px}.entry-shade[hidden]{display:none}.entry-card{width:min(450px,100%);border:1px solid #e4cf9377;background:linear-gradient(150deg,#1b302bee,#18251ef5);box-shadow:0 25px 90px #0007;border-radius:20px;padding:36px;color:#f7ebcd}.entry-eyebrow{font-size:10px;letter-spacing:.15em;color:#c6b47e}.entry-card h1{font:normal 30px/1.5 Batang,serif;margin:22px 0 12px;letter-spacing:-.04em}.entry-card p{font-size:13px;line-height:1.9;color:#c2c9b6}.entry-card input[type=text]{width:100%;padding:14px;background:#f1eadb0a;color:#fff2d6;border:1px solid #e0d2b04a;border-radius:7px;margin:10px 0}.entry-card fieldset{border:0;padding:8px 0 18px;display:flex;gap:10px}.entry-card legend{font-size:12px;color:#bfc4b1;padding-bottom:10px}.entry-card fieldset label{font-size:13px;background:#f4e9c50b;border:1px solid #d6c79a44;padding:12px;border-radius:7px;cursor:pointer;flex:1}.entry-card input{accent-color:#cbb27b}.entry-submit{display:block;width:100%;border:1px solid #e3ca90;background:#d4bb80;color:#243127;border-radius:8px;padding:15px;font-size:14px;cursor:pointer}.entry-card>small{display:block;font-size:10px;color:#a6b3a1;line-height:1.8;margin-top:20px;text-align:center}
.world-panel{position:fixed!important;top:92px;right:22px;width:min(390px,calc(100% - 40px));max-height:calc(100dvh - 195px);overflow:auto;z-index:30;background:#f8f6ed;box-shadow:0 20px 80px #0006;border:1px solid #d4c293;padding:24px!important;display:block!important;scrollbar-width:thin}.world-panel[hidden]{display:none!important}.world-panel .panel{padding:20px;margin-top:15px}.world-panel .notes-grid{display:block}.world-panel .quote-panel{display:none}.world-panel .notes-heading{display:block}.world-panel .notes-heading p{font-size:11px}.world-panel .notebook{padding:16px}.world-panel h2{font-size:23px}.panel-close{display:block;margin-left:auto;background:none;border:0;font-size:28px;color:#7d856f;cursor:pointer}.world-dialog{border:1px solid #b8a170;border-radius:14px;padding:25px;max-width:420px;width:calc(100% - 40px);color:#24382d;background:#faf5e7}.world-dialog::backdrop{background:#14201885;backdrop-filter:blur(3px)}.world-dialog h2{font:24px Batang,serif}.world-dialog p{font-size:14px;line-height:1.9}.world-dialog .entry-submit{margin-top:20px}
@media(max-width:650px){.world-hud{left:12px;right:12px;top:max(14px,env(safe-area-inset-top))}.world-title,.world-hud-right{padding:9px 12px;gap:8px}.world-title strong{font-size:13px}.world-seal{font-size:22px}.world-hud .mode-badge{font-size:0}.world-hud .status-pulse{width:6px;height:6px}.world-hud-right{font-size:11px}.world-hud .hud-sound{display:flex}.world-guide{top:88px;width:calc(100% - 32px);white-space:normal;font-size:10px;padding:8px;line-height:1.5}.world-zoom{right:12px;top:145px}.world-actions{bottom:22px;gap:0;padding:5px;max-width:calc(100% - 20px)}.world-actions button{padding:11px 10px;font-size:11px;min-height:45px}.world-dpad{bottom:100px;left:14px;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,44px)}.world-minimap{bottom:112px;right:14px;width:65px;height:75px}.world-place{bottom:210px;font-size:10px;max-width:calc(100% - 30px);white-space:normal;text-align:center}.entry-card{padding:26px}.entry-card h1{font-size:27px}.world-panel{top:80px;right:12px;width:calc(100% - 24px);max-height:calc(100dvh - 170px)}}

.ink-atmosphere{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.ink-mist{position:absolute;top:22%;left:10%;width:60%;height:12%;background:radial-gradient(ellipse,rgba(240,242,235,.16),transparent 68%);filter:blur(12px);animation:inkMist 24s ease-in-out infinite alternate}.ink-mist.second{top:35%;left:42%;animation-duration:32s;animation-direction:alternate-reverse}@keyframes inkMist{to{transform:translateX(5%);opacity:.4}}@media(prefers-reduced-motion:reduce){.ink-mist{animation:none}}

.ink-atmosphere svg{position:absolute;inset:0;width:100%;height:100%}.ink-atmosphere .flow{stroke:#f8fbfc;stroke-width:2.1;stroke-opacity:.33;fill:none;stroke-dasharray:7 22 3 34;animation:inkWater 1.8s linear infinite}.ink-atmosphere .mist{fill:#eef0eb;opacity:.07;filter:blur(12px);animation:inkMist 22s ease-in-out infinite alternate}@keyframes inkWater{to{stroke-dashoffset:-132}}

.world-garden,.world-context{position:absolute;left:24px;top:164px;border:1px solid #ddcc9c66;border-radius:20px;padding:10px 15px;background:#18231ad9;color:#efdfb9;font:12px 'Malgun Gothic',sans-serif;cursor:pointer;backdrop-filter:blur(8px)}
.world-context{top:210px}.world-garden:hover,.world-context:hover{background:#394a35}.world-garden[hidden],.world-context[hidden],.world-npc-label[hidden]{display:none}
.world-npc-label{position:absolute;transform:translate(-50%,-100%);border:1px solid #ddcc9c55;border-radius:14px;padding:5px 10px;background:#18231ad9;color:#efdfb9;font-size:10px;pointer-events:none;white-space:nowrap}
@media(max-width:650px){.world-garden,.world-context{left:12px;top:144px;font-size:11px;padding:9px 12px}.world-context{top:184px}}

.world-room-field{display:block;font-size:12px;color:#c7c9b3;margin:0 0 18px}.world-room-field select{display:block;width:100%;margin-top:8px;padding:11px;background:#26382c;color:#f4e7c7;border:1px solid #cfbd8955;border-radius:7px}.world-channel{background:transparent;border:1px solid #ddcc9c55;color:#efdfb9;border-radius:14px;padding:6px 9px;font-size:10px;cursor:pointer}.world-channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;max-height:45vh;overflow:auto}.world-channel-grid button{padding:10px 5px;background:#e9e5d7;border:1px solid #b9b299;border-radius:6px;color:#283d31;font-size:11px}.world-channel-grid button:disabled{opacity:.5}.world-dialog{max-height:85dvh;overflow:auto}

.world-map-button{position:absolute;left:24px;top:257px;background:#18231ad9;border:1px solid #ddcc9c66;border-radius:20px;padding:10px 15px;color:#efdfb9;font-size:12px;cursor:pointer}.world-map-button[hidden]{display:none}.world-destination{display:block;width:100%;margin:8px 0;padding:14px;text-align:left;border:1px solid #c2b593;border-radius:7px;background:#e9e5d7;color:#283d31;line-height:1.6;cursor:pointer}@media(max-width:650px){.world-map-button{top:226px;left:12px;padding:9px 12px;font-size:11px}.world-channel{padding:5px;font-size:9px}}

.world-gait{position:absolute;left:24px;bottom:134px;display:flex;gap:3px;padding:4px;background:#18231ad9;border:1px solid #ddcc9c55;border-radius:20px;backdrop-filter:blur(8px)}.world-gait[hidden]{display:none}.world-gait button{border:0;background:none;color:#e5d7b7;border-radius:15px;padding:8px 11px;font-size:11px;cursor:pointer}.world-gait button[aria-pressed=true]{background:#d2bd84;color:#243329}.world-gait button:hover{box-shadow:inset 0 0 0 1px #dbc58c88}@media(max-width:650px){.world-gait{left:14px;bottom:204px}.world-gait button{padding:8px 10px}.world-place{bottom:262px}}

/* Keep instructional text off the world; help remains available with ?. */
.world-guide{display:none}
.world-place{bottom:94px;padding:3px 10px;background:#17201799;font-size:10px;max-width:calc(100% - 230px);overflow:hidden;text-overflow:ellipsis}
body.immersive .toast{top:84px;bottom:auto;left:auto;right:24px;max-width:260px;padding:8px 12px;font-size:11px;border-radius:10px;text-align:left;transform:translateY(-6px)}
body.immersive .toast.visible{transform:translateY(0)}
body.immersive:has(.world-dialog[open]) .toast,body.immersive:has(.world-panel:not([hidden])) .toast{visibility:hidden}
@media(max-width:650px){.world-place{bottom:82px;max-width:calc(100% - 32px)}body.immersive .toast{top:76px;right:12px;max-width:230px}}

.world-destination-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.world-destination-grid .world-destination{margin:0;padding:11px;font-size:12px;min-height:67px}.world-dialog:has(.world-destination-grid){width:min(620px,92vw)}

.world-flight{position:absolute;left:8px;bottom:158px;display:flex;gap:4px;padding:5px;border:1px solid #a29869;border-radius:22px;background:#252e22e8;z-index:14}.world-flight[hidden]{display:none}.world-flight button{border:0;border-radius:18px;background:transparent;color:#f1e4bd;padding:9px 13px;font:inherit;touch-action:none}.world-flight button[aria-pressed="true"]{background:#d1bf80;color:#232b22}.world-flight button:active{background:#93865b}@media(max-width:650px){.world-flight{bottom:157px;left:8px}.world-flight button{padding:9px 10px;font-size:12px}}