:root{--bg:#a9d6e5;--ink:#2b2a26;--paper:#fdfbf4;--paper-dim:#f3efe2;--line:#e0d9c4;--accent:#ff7a59;--accent-ink:#fff5ef;--shadow:0 10px 30px #2b2a262e;--radius:16px;font-size:16px}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);margin:0;font-family:Segoe UI,system-ui,-apple-system,Helvetica,Arial,sans-serif;overflow:hidden}button{font-family:inherit}a{color:inherit}ul{margin:0;padding:0}.btn{appearance:none;color:var(--ink);background:var(--paper);cursor:pointer;border:none;border-radius:999px;padding:.6em 1.1em;font-size:.95rem;font-weight:600;transition:transform 80ms,box-shadow 80ms;box-shadow:0 2px #2b2a261f}.btn:hover{transform:translateY(-1px)}.btn:active{box-shadow:none;transform:translateY(0)}.btn--primary{background:var(--accent);color:var(--accent-ink)}.btn:disabled{opacity:.55;cursor:default;transform:none}.link{appearance:none;color:var(--ink);text-underline-offset:3px;cursor:pointer;opacity:.75;background:0 0;border:none;padding:0;font-size:.9rem;text-decoration:underline}.link:hover{opacity:1}.desktop-only{display:list-item}.touch-only{display:none}@media (pointer:coarse){.desktop-only{display:none}.touch-only{display:block}}.game{touch-action:none;width:100dvw;height:100dvh;position:relative;overflow:hidden}.boot{background:var(--bg);width:100dvw;height:100dvh;color:var(--ink);justify-content:center;align-items:center;font-weight:600;display:flex}.label{box-shadow:var(--shadow);white-space:nowrap;background:#fdfbf4eb;border-radius:999px;flex-direction:column;align-items:center;gap:.1em;padding:.35em .8em;font-size:.85rem;line-height:1.2;display:flex;transform:translateY(-50%)}.label strong{font-size:.95em}.label span{opacity:.75;font-size:.82em}.label--district{background:#fdfbf4d9;padding:.5em 1.1em;font-size:1rem}.label--building{background:#fdfbf4f2}.start{z-index:30;background:radial-gradient(circle at top,#a9d6e58c,#2b2a268c);justify-content:center;align-items:center;padding:1.5rem;display:flex;position:absolute;inset:0}.start__card{background:var(--paper);border-radius:var(--radius);width:100%;max-width:30rem;max-height:100%;box-shadow:var(--shadow);text-align:center;padding:2rem;position:relative;overflow-y:auto}.start__lang{padding:.4em .9em;font-size:.8rem;position:absolute;top:1rem;right:1rem}.start__eyebrow{text-transform:uppercase;letter-spacing:.08em;opacity:.6;margin:0 0 .3em;font-size:.75rem}.start__card h1{margin:0 0 .2em;font-size:1.8rem}.start__title{opacity:.8;margin:0 0 1em;font-weight:600}.start__summary{opacity:.85;margin:0 0 1.2em;line-height:1.5}.start__characters{justify-content:center;gap:.6em;margin-bottom:1.2em;display:flex}.start__character{appearance:none;border:2px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:999px;padding:.5em 1.3em;font-size:.9rem;font-weight:600}.start__character--active{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.start__help{text-align:left;background:var(--paper-dim);border-radius:10px;flex-direction:column;gap:.4em;margin:0 0 1.4em;padding:.9em 1em;font-size:.9rem;list-style:none;display:flex}.start__help kbd{background:var(--paper);border:1px solid var(--line);border-radius:5px;padding:.1em .45em;font-family:inherit;font-size:.85em}.start__actions{flex-wrap:wrap;justify-content:center;gap:.6em;margin-bottom:.8em;display:flex}.overlay{z-index:40;background:var(--paper);flex-direction:column;display:flex;position:absolute;inset:0}.overlay__bar{border-bottom:1px solid var(--line);background:var(--paper-dim);justify-content:space-between;align-items:center;gap:1em;padding:.8em 1.2em;display:flex}.overlay__actions{gap:.5em;display:flex}.overlay__sheet{flex:1;justify-content:center;padding:2rem 1.2rem 4rem;display:flex;overflow-y:auto}.cvpage{background:var(--paper-dim);justify-content:center;height:100dvh;padding:3rem 1.2rem;display:flex;overflow-y:auto}.cv{background:var(--paper);border-radius:var(--radius);width:100%;max-width:42rem;box-shadow:var(--shadow);padding:2.5rem;line-height:1.5}.cv__header{margin-bottom:1.6em}.cv__header h1{margin:0 0 .15em}.cv__title{opacity:.85;margin:0 0 .3em;font-weight:600}.cv__meta{opacity:.65;margin:0 0 .6em;font-size:.9rem}.cv__links{flex-wrap:wrap;gap:.9em;margin:0;display:flex}.cv__links a{text-underline-offset:3px;text-decoration:underline}.cv section{margin-bottom:1.8em}.cv section:last-child{margin-bottom:0}.cv h2{text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--line);margin:0 0 .7em;padding-bottom:.3em;font-size:1.05rem}.cv__job{margin-bottom:1.2em}.cv__job:last-child{margin-bottom:0}.cv__jobhead{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1em;display:flex}.cv__jobhead h3{margin:0;font-size:1rem}.cv__jobhead span{opacity:.6;white-space:nowrap;font-size:.85rem}.cv__job ul{margin:.5em 0 0;padding-left:1.2em}.cv__earlier{flex-direction:column;gap:.4em;padding-left:0;font-size:.9rem;list-style:none;display:flex}.cv__earlier span{opacity:.6}.hud{z-index:20;pointer-events:none;flex-direction:column;justify-content:space-between;padding:1rem;display:flex;position:absolute;inset:0}.hud__card{pointer-events:auto;box-shadow:var(--shadow);background:#fdfbf4eb;border-radius:12px;flex-direction:column;align-self:flex-start;gap:.1em;padding:.6em 1em;display:flex}.hud__name{font-size:1rem}.hud__progress{opacity:.7;font-size:.8rem}.hud__actions{pointer-events:auto;align-items:flex-start;gap:.5em;display:flex;position:absolute;top:1rem;right:1rem}.hud__iconbtn{padding:.5em .7em;font-size:1.1rem;line-height:1}.hud__goto{position:relative}.hud__gotomenu{background:var(--paper);box-shadow:var(--shadow);border-radius:12px;flex-direction:column;gap:.35em;min-width:11rem;padding:.5em;display:flex;position:absolute;top:calc(100% + .4em);right:0}.hud__interact{pointer-events:auto;align-self:center;margin-bottom:7.5rem}.minimap{pointer-events:none;width:min(32vw,220px);height:min(32vw,220px);box-shadow:var(--shadow);background:#fdfbf4e0;border-radius:14px;align-self:flex-end;padding:.4rem}.minimap__district{opacity:.9;stroke:#2b2a2626;stroke-width:.3px}.minimap__dot{fill:#c9c2ab;stroke:var(--paper);stroke-width:.2px}.minimap__dot--found{fill:#4caf63}.minimap__player{fill:var(--accent);stroke:var(--paper);stroke-width:.3px}.dialog{z-index:50;background:#2b2a2673;justify-content:center;align-items:center;padding:1.2rem;display:flex;position:absolute;inset:0}.dialog__card{background:var(--paper);border-radius:var(--radius);width:100%;max-width:28rem;max-height:calc(100vh - 2.4rem);box-shadow:var(--shadow);padding:2rem;position:relative;overflow-y:auto}.dialog__close{background:var(--paper-dim);cursor:pointer;border:none;border-radius:999px;width:2em;height:2em;font-size:.9rem;position:absolute;top:.8rem;right:.8rem}.dialog__eyebrow{text-transform:uppercase;letter-spacing:.06em;opacity:.6;margin:0 0 .3em;font-size:.75rem}.dialog__card h2{margin:0 0 .5em;font-size:1.3rem}.dialog__level{align-items:center;gap:.3em;margin-bottom:.9em;display:flex}.dialog__pip{background:var(--line);border-radius:999px;width:.8em;height:.8em}.dialog__pip--on{background:var(--accent)}.dialog__years{opacity:.6;margin-left:.4em;font-size:.8rem}.dialog__npc{opacity:.85;margin:0 0 .4em}.dialog__greeting{opacity:.8;font-style:italic}.dialog__card ul{margin:.6em 0 0;padding-left:1.2em}.dialog__links{flex-direction:column;gap:.4em;margin-top:.8em;padding-left:0;list-style:none;display:flex}.dialog__archive{flex-direction:column;gap:.5em;max-height:40vh;margin-top:.8em;padding-left:0;font-size:.9rem;list-style:none;display:flex;overflow-y:auto}.dialog__archive-period{opacity:.6;font-size:.85em}.dialog__ok{margin:1.4em auto 0;display:block}.joystick{touch-action:none;z-index:25;pointer-events:auto;background:#fdfbf48c;border-radius:999px;width:7.5rem;height:7.5rem;position:absolute;bottom:1.2rem;left:1.2rem;box-shadow:inset 0 0 0 2px #2b2a2626}.joystick__stick{background:var(--accent);border-radius:999px;width:3.2rem;height:3.2rem;margin:-1.6rem 0 0 -1.6rem;position:absolute;top:50%;left:50%;box-shadow:0 3px 8px #2b2a264d}.battle{z-index:50;background:linear-gradient(#cfe8f3 0% 55%,#e3ddcd 55% 100%);flex-direction:column;display:flex;position:absolute;inset:0}.battle__scene{flex:1;justify-content:center;align-items:center;min-height:0;max-height:60vh;padding:1.5rem;display:flex;position:relative;overflow:hidden}.battle__creature-canvas{width:100%;height:100%}.battle__zap{pointer-events:none;background:linear-gradient(100deg,#0000 45%,#fff6c2 48%,#ffe066 50%,#fff6c2 52%,#0000 55%);animation:.35s ease-out forwards battle-zap;position:absolute;inset:0}.battle__sparkle{pointer-events:none;background:radial-gradient(circle at 50% 45%,#ffffffe6,#0000 55%);animation:.6s ease-out forwards battle-sparkle;position:absolute;inset:0}@keyframes battle-zap{0%{opacity:0;transform:translate(-30%)}40%{opacity:1}to{opacity:0;transform:translate(30%)}}@keyframes battle-sparkle{0%{opacity:0;transform:scale(.4)}40%{opacity:1}to{opacity:0;transform:scale(1.3)}}.battle__hpbar{width:min(50vw,220px);height:.9rem;box-shadow:var(--shadow);background:#fdfbf4d9;border-radius:999px;position:absolute;top:1.2rem;right:1.2rem;overflow:hidden}.battle__hpbar-fill{background:#4caf63;height:100%;transition:width .25s}.battle__box{background:var(--paper);border-top:3px solid var(--line);border-radius:var(--radius) var(--radius) 0 0;width:100%;max-width:30rem;max-height:70vh;box-shadow:var(--shadow);flex-direction:column;gap:.7em;margin:0 auto;padding:1.4rem 1.6rem 1.8rem;display:flex;overflow-y:auto}.battle__text{margin:0;font-size:1.05rem;line-height:1.4}.battle__actions{flex-wrap:wrap;gap:.6em;display:flex}.battle__level{align-items:center;gap:.3em;display:flex}.battle__description{opacity:.9;margin:0;line-height:1.5}