:root{--paper: #f5f2ea;--ink: #232633;--ink-soft: rgba(35, 38, 51, .62)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:var(--paper);color:var(--ink);font-family:Georgia,Times New Roman,serif;-webkit-user-select:none;user-select:none}#app{position:fixed;top:0;right:0;bottom:0;left:0}#app>canvas{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none}.lettered canvas{mix-blend-mode:multiply}.loader{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;z-index:60;transition:opacity .7s ease}.loader.gone{opacity:0;pointer-events:none}.loader-track{width:min(240px,60vw);height:3px;background:#2326331f;border-radius:2px;overflow:hidden}.loader-bar{height:100%;background:var(--ink-soft);transform-origin:left;transform:scaleX(0)}.title-veil{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-start;justify-content:center;padding-top:max(6vh,28px);z-index:50;transition:opacity .9s ease;pointer-events:none}.title-veil.gone{opacity:0}.title-box{display:flex;flex-direction:column;align-items:center;gap:14px;pointer-events:auto}.title-veil.gone .title-box{pointer-events:none}.game-sub{opacity:.85;max-width:94vw}.game-sub canvas{max-width:100%;height:auto}.title-btn{background:#f5f2eacc;border:1.6px solid rgba(35,38,51,.55);border-radius:3px 14px 4px 12px/10px 4px 12px 5px;padding:9px 26px 7px;cursor:pointer;transition:transform .15s ease,border-color .15s ease}.title-btn:hover{transform:rotate(-.6deg) scale(1.03);border-color:var(--ink)}.hud{position:absolute;top:max(10px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));display:flex;gap:10px;z-index:40;opacity:0;pointer-events:none;transition:opacity .6s ease}.hud.show{opacity:1;pointer-events:auto}.hud-btn{background:none;border:1.4px solid rgba(35,38,51,.4);border-radius:3px 10px 4px 9px/8px 4px 9px 5px;padding:6px 12px 4px;cursor:pointer}.hud-btn:hover{border-color:var(--ink)}.region-card{position:absolute;left:50%;top:12%;transform:translate(-50%) translateY(-8px);display:flex;flex-direction:column;align-items:center;gap:2px;opacity:0;pointer-events:none;z-index:35;transition:opacity .8s ease,transform .8s ease}.region-card.show{opacity:1;transform:translate(-50%) translateY(0)}.hint{position:absolute;left:50%;bottom:max(26px,env(safe-area-inset-bottom));transform:translate(-50%);opacity:0;pointer-events:none;z-index:35;transition:opacity .7s ease}.hint.show{opacity:1}.labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:30}.poi-label{position:absolute;transform:translate(-50%,-100%);opacity:0;transition:opacity .5s ease;pointer-events:none;white-space:nowrap}.poi-label.show{opacity:1}#prompt{position:absolute;transform:translate(-50%,-100%);opacity:0;transition:opacity .4s ease;cursor:pointer;z-index:32;padding:4px 10px;pointer-events:none}#prompt.show{opacity:1;pointer-events:auto}#joy{position:absolute;width:96px;height:96px;margin:-48px 0 0 -48px;border:1.4px solid rgba(35,38,51,.25);border-radius:50%;opacity:0;pointer-events:none;z-index:34;transition:opacity .2s ease}#joy .nub{position:absolute;left:50%;top:50%;width:34px;height:34px;margin:-17px 0 0 -17px;border:1.6px solid rgba(35,38,51,.45);background:#f5f2ea80;border-radius:50%}#joy.active{opacity:1}.note-veil{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#3c382e2e;opacity:0;pointer-events:none;z-index:55;transition:opacity .4s ease}.note-veil.show{opacity:1;pointer-events:auto}.note-card{background:#f7f4eb;border:1.4px solid rgba(35,38,51,.3);border-radius:4px 16px 5px 14px/12px 5px 14px 6px;box-shadow:3px 4px #2326331f;padding:26px 30px 20px;max-width:min(460px,88vw);transform:rotate(-.5deg);display:flex;flex-direction:column;gap:12px}.note-close{align-self:flex-end;opacity:.7;cursor:pointer}.map-veil{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#3c382e38;opacity:0;pointer-events:none;z-index:56;transition:opacity .4s ease}.map-veil.show{opacity:1;pointer-events:auto}.map-slot{transform:rotate(.4deg);box-shadow:4px 6px #23263324;border:1.4px solid rgba(35,38,51,.3);border-radius:3px 12px 4px 10px/9px 4px 10px 5px;overflow:hidden;line-height:0}.map-canvas{width:min(92vw,78vh * 1.2368,940px);height:auto;display:block}@media (max-aspect-ratio: 4 / 5){.title-veil{padding-top:max(7vh,34px)}.title-btn{position:absolute;left:50%;bottom:max(8.5vh,62px);transform:translate(-50%);padding:13px 34px 11px;background:#f5f2eadb}.title-btn:hover{transform:translate(-50%) rotate(-.6deg) scale(1.03)}.title-btn+.title-btn{bottom:max(3.4vh,22px)}}