:root{--ink: #5a4d42;--paper: #faf4e6;--teal: #b7d2dc;--accent: #c98a8e;font-family:Georgia,Cambria,serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#dfe9df;-webkit-user-select:none;user-select:none;touch-action:none}#app{position:fixed;inset:0}#scene{display:block;width:100%;height:100%}.hidden{display:none!important}.hud-btn{width:46px;height:46px;border:none;border-radius:12px;background:rgba(255,255,255,.82);color:var(--ink);font-size:20px;line-height:1;cursor:pointer;box-shadow:0 2px #20232a2e;display:grid;place-items:center;transition:transform .08s ease}.hud-btn:active{transform:translateY(2px);box-shadow:none}.hud-btn.music-off{opacity:.5}#minimap{position:fixed;top:70px;right:16px;width:132px;height:132px;z-index:3;filter:drop-shadow(0 2px 3px rgba(90,77,66,.25))}#score{position:fixed;top:14px;left:16px;padding:7px 16px;background:rgba(255,255,255,.86);border-radius:999px;color:#b58a1e;font-weight:700;font-size:19px;z-index:3;box-shadow:0 2px #5a4d4233}#hud-top{position:fixed;top:14px;right:14px}#hud-side{position:fixed;right:14px;bottom:18px;display:flex;flex-direction:column;gap:10px}#prompt{position:fixed;left:50%;bottom:92px;transform:translate(-50%);display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:10px 18px 10px 10px;background:rgba(255,255,255,.9);border-radius:18px;color:var(--ink);font-size:16px;box-shadow:0 2px #20232a2e;animation:floatup .18s ease}#prompt .prompt-row{display:flex;align-items:center;gap:8px}#prompt .prompt-row.hidden{display:none}#prompt .key{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--ink);color:#fff;font-size:14px;font-family:ui-monospace,monospace}@keyframes floatup{0%{opacity:0;transform:translate(-50%) translateY(6px)}}#btn-jump{position:fixed;left:20px;bottom:22px;width:78px;height:78px;border:none;border-radius:50%;background:rgba(255,255,255,.86);color:var(--ink);cursor:pointer;box-shadow:0 3px #20232a33;display:grid;place-items:center;gap:0;z-index:3;transition:transform .08s ease}#btn-jump:active{transform:translateY(3px);box-shadow:none}.jump-glyph{font-size:30px;line-height:1}.jump-key{font-size:9px;letter-spacing:1px;font-family:ui-monospace,monospace;opacity:.6}@media (hover: hover) and (pointer: fine){#btn-jump{width:64px;height:64px;left:16px;bottom:16px}.jump-glyph{font-size:24px}}#label-layer{position:fixed;inset:0;pointer-events:none}.npc-label{position:absolute;top:0;left:0;padding:3px 10px;background:var(--accent);color:var(--ink);border-radius:999px;font-size:13px;font-weight:700;white-space:nowrap;box-shadow:0 2px #20232a38;transition:opacity .2s ease;will-change:transform,opacity}.animal-label{position:absolute;top:0;left:0;padding:2px 9px;background:rgba(90,77,66,.88);color:#fff;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap;box-shadow:0 2px #20232a38;transition:opacity .2s ease;will-change:transform,opacity}.animal-label.speaking{background:#2e7d46;font-style:italic}#dialogue{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:min(720px,94vw);margin-bottom:18px;background:var(--paper);border:2px solid var(--ink);border-radius:16px;padding:18px 20px 20px;box-shadow:0 8px #20232a2e;animation:floatup .2s ease}.dlg-speaker{display:inline-block;margin:-30px 0 8px;padding:5px 14px;background:var(--accent);color:var(--ink);border-radius:999px;font-weight:700;font-size:15px;box-shadow:0 2px #20232a38}.dlg-body{color:var(--ink);font-size:18px;line-height:1.5;min-height:60px;margin-bottom:14px}.dlg-choices{display:flex;flex-direction:column;gap:8px}.dlg-choice{text-align:left;padding:11px 14px;border:1.5px solid var(--ink);border-radius:10px;background:#fff;color:var(--ink);font-family:inherit;font-size:15px;cursor:pointer;transition:background .1s ease,transform .06s ease}.dlg-choice:hover{background:var(--accent);color:#fff}.dlg-choice:active{transform:translateY(1px)}#status-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(560px,94vw);max-height:86vh;overflow-y:auto;background:var(--paper);border:2px solid var(--ink);border-radius:18px;padding:18px 20px;box-shadow:0 10px #20232a2e}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel-head h2{margin:0;color:var(--ink);font-size:22px}.panel-foot{color:#555;font-size:13px;margin-top:14px}.status-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid rgba(32,35,42,.12)}.status-dot{width:14px;height:14px;border-radius:50%;background:var(--accent)}.status-name{color:var(--ink);font-weight:700;font-size:15px}.status-role{color:#777;font-weight:400;font-size:13px}.status-dynamic{color:#555;font-size:13px;margin:2px 0 6px}.status-bar{height:7px;background:rgba(32,35,42,.1);border-radius:999px;overflow:hidden}.status-bar span{display:block;height:100%;background:var(--accent)}.status-rank{color:var(--accent);font-weight:700;font-size:14px}#joystick-zone{position:fixed;inset:0;pointer-events:auto;z-index:1}#dialogue,#status-panel,#hud-top,#hud-side,#prompt{z-index:3}#joystick-base{position:fixed;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.28);border:2px solid rgba(255,255,255,.5);pointer-events:none;z-index:2}#joystick-knob{position:absolute;left:35px;top:35px;width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.85);box-shadow:0 2px 6px #00000040}@media (hover: hover) and (pointer: fine){#joystick-zone{pointer-events:none}}#emote-layer{position:fixed;inset:0;pointer-events:none;z-index:3}.emote-bubble{position:absolute;right:70px;bottom:80px;font-size:34px;animation:emote 1.4s ease-out forwards}@keyframes emote{0%{opacity:0;transform:translateY(0) scale(.4)}20%{opacity:1;transform:translateY(-20px) scale(1.1)}to{opacity:0;transform:translateY(-160px) scale(1)}}#rank-banner{position:fixed;top:26%;left:50%;transform:translate(-50%);display:grid;justify-items:center;gap:2px;padding:18px 40px;background:var(--paper);border:2px solid var(--accent);border-radius:16px;box-shadow:0 8px #20232a2e;z-index:4;pointer-events:none;animation:rankpop 2.6s ease forwards}.rank-spark{font-size:26px;color:var(--accent)}.rank-name{font-size:22px;font-weight:700;color:var(--ink);letter-spacing:.5px}.rank-tier{font-size:13px;text-transform:uppercase;letter-spacing:2px;color:var(--accent);font-weight:700}@keyframes rankpop{0%{opacity:0;transform:translate(-50%,10px) scale(.85)}12%{opacity:1;transform:translate(-50%) scale(1)}85%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-8px) scale(1)}}#zone-title{position:fixed;top:16%;left:50%;transform:translate(-50%);text-align:center;z-index:3;pointer-events:none;animation:zonecard 3.2s ease forwards}.zone-main{font-size:34px;font-weight:700;color:#fff;letter-spacing:1px;text-shadow:0 2px 10px rgba(32,35,42,.5)}.zone-sub{margin-top:4px;font-size:15px;font-style:italic;color:var(--accent);background:rgba(255,255,255,.82);display:inline-block;padding:3px 14px;border-radius:999px}@keyframes zonecard{0%{opacity:0;transform:translate(-50%) translateY(8px)}10%{opacity:1;transform:translate(-50%) translateY(0)}80%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-6px)}}#hint{position:fixed;left:50%;bottom:26px;transform:translate(-50%);max-width:92vw;padding:12px 18px;background:rgba(250,244,230,.92);border:1.5px solid var(--ink);border-radius:14px;color:var(--ink);font-size:14px;text-align:center;line-height:1.7;z-index:5;box-shadow:0 4px #5a4d422e}#hint span{font-weight:700;color:var(--accent)}#hint button{margin-left:10px;padding:4px 12px;border:1.5px solid var(--ink);border-radius:999px;background:#fff;color:var(--ink);font-family:inherit;cursor:pointer}#wardrobe-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(420px,92vw);background:var(--paper);border:2px solid var(--ink);border-radius:18px;padding:16px 20px 20px;box-shadow:0 10px #20232a2e;z-index:5}#wardrobe-panel .panel-head h2{margin:0;color:var(--ink);font-size:20px}.wr-label{margin:12px 0 6px;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:#8a7d70}.wr-row{display:flex;flex-wrap:wrap;gap:8px}.wr-swatch{width:30px;height:30px;border-radius:50%;border:2px solid rgba(74,61,52,.25);cursor:pointer;transition:transform .08s ease}.wr-swatch:hover{transform:scale(1.12)}.wr-swatch.sel{border-color:var(--ink);box-shadow:0 0 0 2px var(--paper),0 0 0 4px var(--ink)}.wr-styles{display:flex;gap:8px}.wr-style{flex:1;padding:9px 0;border:1.5px solid var(--ink);border-radius:10px;background:#fff;color:var(--ink);font-family:inherit;font-size:14px;cursor:pointer}.wr-style.sel{background:var(--ink);color:var(--paper)}#worldmap-modal{position:fixed;inset:0;z-index:18;display:grid;place-items:center;background:rgba(40,34,50,.5);padding:16px}.wm-card{background:var(--paper);border:2px solid var(--ink);border-radius:18px;padding:16px 18px 14px;box-shadow:0 12px #20232a38;max-width:96vw}.wm-card .panel-head h2{margin:0;color:var(--ink);font-size:21px}#wm-canvas{display:block;width:min(760px,92vw);height:auto;border-radius:10px;border:1.5px solid rgba(74,61,52,.3);margin-top:10px;cursor:pointer}.wm-hint{margin:8px 0 0;font-size:12.5px;color:#8a7d70;font-style:italic;text-align:center}#minigame-modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:rgba(40,34,50,.55);padding:16px}.mg-card{background:var(--paper);border:2px solid var(--ink);border-radius:18px;padding:14px 18px 16px;box-shadow:0 12px #20232a38;width:min(440px,94vw)}.mg-card .panel-head h2{margin:0;color:var(--ink);font-size:19px}.mg-blurb{margin:8px 0 12px;font-size:13px;color:#6f6356;text-align:center}#mg-stage{min-height:150px;display:flex;flex-direction:column;align-items:center;gap:12px}.mg-btn{font-family:inherit;font-size:15px;font-weight:700;color:#fff;background:var(--rose, #c06a78);border:none;border-radius:12px;padding:10px 20px;cursor:pointer;box-shadow:0 4px #20232a40}.mg-btn:active{transform:translateY(2px);box-shadow:none}.mg-btn.ghost{background:#b8ac9c}.mg-btn.big{display:inline-flex;flex-direction:column;align-items:center;font-size:28px;padding:10px 18px}.mg-btn.big small{font-size:11px;font-weight:600;opacity:.85}.mg-note{margin:0;font-size:13px;color:#6f6356;text-align:center}.mg-q{margin:0;font-size:15px;font-weight:700;color:var(--ink);text-align:center}.mg-bar{position:relative;width:100%;height:30px;background:#ddd2c2;border-radius:8px;overflow:hidden;border:1.5px solid rgba(74,61,52,.3)}.mg-zone{position:absolute;top:0;bottom:0;background:rgba(70,170,90,.55)}.mg-marker{position:absolute;top:-2px;bottom:-2px;width:5px;background:#c0392b;border-radius:3px}.mg-react{width:100%;height:130px;border-radius:12px;display:grid;place-items:center;font-size:22px;font-weight:800;color:#fff;cursor:pointer;user-select:none}.mg-react.wait{background:#c0564a}.mg-react.go{background:#2e9e57}.mg-simon{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mg-pad{width:80px;height:80px;border:none;border-radius:12px;cursor:pointer;opacity:.55;transition:opacity .1s,transform .1s}.mg-pad.lit{opacity:1;transform:scale(1.06)}.mg-pad.p0{background:#e0445a}.mg-pad.p1{background:#3b8fd2}.mg-pad.p2{background:#f0c23a}.mg-pad.p3{background:#4faa6a}.mg-catch{position:relative;width:100%;height:220px;background:#e7eef0;border-radius:12px;overflow:hidden;border:1.5px solid rgba(74,61,52,.25)}.mg-hud{position:absolute;top:6px;left:8px;font-size:13px;color:#5a4d40;z-index:2}.mg-token{position:absolute;width:30px;height:30px;border:none;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffe680,#e6b800);color:#7a5a00;font-size:16px;cursor:pointer;box-shadow:0 2px 4px #0003}.mg-rps,.mg-quiz{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.mg-quiz{flex-direction:column;width:100%}.mg-quiz .mg-btn{width:100%;background:#8a93b8}.mg-actions{display:flex;gap:10px;justify-content:center}.mg-result{font-size:20px;font-weight:800;text-align:center;padding:14px}.mg-result.win{color:#2e8a4e}.mg-result.lose{color:#b05040}#training-modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:rgba(40,34,50,.5);padding:16px}.tb-card{width:min(960px,96vw);max-height:92vh;overflow-y:auto;background:var(--paper);border:2px solid var(--ink);border-radius:18px;padding:20px 22px 22px;box-shadow:0 12px #20232a38}.tb-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.tb-head h2{margin:0;color:var(--ink);font-size:23px}.tb-sub{margin:4px 0 0;font-size:13px;color:#8a7d70;font-style:italic}.tb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin:16px 0}.tb-prog{border-left:6px solid var(--c);background:#fff;border-radius:12px;padding:12px 14px;box-shadow:0 2px #20232a1f}.tb-tag{display:inline-block;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#fff;background:var(--c);padding:3px 8px;border-radius:999px}.tb-title{margin:8px 0 6px;font-weight:700;font-size:16px;color:var(--ink);line-height:1.25}.tb-dates{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}.tb-dates span{font-size:12.5px;color:var(--c);font-weight:700}.tb-blurb{font-size:12.5px;color:#5a4d42;line-height:1.45}.tb-aud{margin-top:8px;font-size:11px;color:#8a7d70;font-style:italic}.tb-cta{display:block;text-align:center;margin-top:6px;padding:12px;background:var(--ink);color:var(--paper);border-radius:12px;text-decoration:none;font-weight:700}#loading{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(120% 90% at 50% 18%,#f6e3ce 0%,#dcc8da 45%,#aeb8e0 100%);color:var(--ink);z-index:100;transition:opacity .6s ease}#loading.done{opacity:0;pointer-events:none}.load-card{display:grid;justify-items:center;gap:10px;padding:8px 24px;text-align:center}.load-planet{position:relative;width:96px;height:96px;margin-bottom:6px;border-radius:50%;background:radial-gradient(60% 60% at 38% 32%,#b6e0a8 0%,#8fc47e 55%,#5f9a55 100%);box-shadow:inset -10px -12px #3c503c2e,0 8px #5a4d422e;animation:spinPlanet 9s linear infinite}.load-orbit{position:absolute;inset:-22px -40px;border:2px dashed rgba(90,77,66,.35);border-radius:50%;transform:rotate(-18deg);animation:spinOrbit 6s linear infinite}.load-moon{position:absolute;top:-6px;left:50%;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:#f4b8bc;box-shadow:0 2px #5a4d4240;transform-origin:8px 70px;animation:spinOrbit 6s linear infinite}@keyframes spinPlanet{to{transform:rotate(360deg)}}@keyframes spinOrbit{to{transform:rotate(360deg)}}.load-title{margin:0;font-size:34px;letter-spacing:6px;color:#4a3d34;font-weight:700}.load-sub{margin:0 0 6px;font-style:italic;font-size:15px;color:#6a5b6a}.load-bar{width:260px;max-width:70vw;height:12px;border-radius:999px;background:rgba(74,61,52,.16);overflow:hidden;border:1.5px solid rgba(74,61,52,.25)}.load-bar span{display:block;height:100%;width:8%;border-radius:999px;background:linear-gradient(90deg,#f4b8bc,#f4d6a0,#a9cfe6);background-size:200% 100%;transition:width .4s ease;animation:shimmer 1.4s linear infinite}@keyframes shimmer{to{background-position:200% 0}}.load-status{margin:2px 0 0;font-size:13px;color:#6a5b6a;min-height:16px}.load-tip{margin:0;font-size:12px;color:#7d7080;opacity:.85}.load-credit{position:fixed;bottom:16px;font-size:11px;letter-spacing:1px;color:#4a3d3480}.wanderer-label{position:absolute;left:0;top:0;pointer-events:none;background:rgba(58,50,42,.9);color:#fbf4e6;padding:3px 9px;border-radius:11px;font:600 13px/1.2 Georgia,serif;white-space:nowrap;transition:opacity .2s;border-bottom:2px solid var(--accent, #d4a056);text-align:center}.wanderer-label span{display:block;font:italic 400 10px/1.1 Georgia,serif;opacity:.85}#story-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(28,22,18,.55);z-index:60;backdrop-filter:blur(2px)}#story-modal.hidden{display:none}.sb-card{width:min(620px,92vw);max-height:86vh;display:flex;flex-direction:column;background:#f7f0e4;border-radius:16px;box-shadow:0 18px 60px #0006;border-top:6px solid var(--sb-accent, #d4a056);overflow:hidden}.sb-card .panel-head{padding:16px 20px 10px}.sb-card h2{margin:0;font:700 22px Georgia,serif;color:#3a322a}.sb-sub{margin:2px 0 0;font:italic 400 14px Georgia,serif;color:var(--sb-accent, #9a6f44)}.sb-body{overflow-y:auto;padding:4px 24px 24px;color:#4a4036;font:400 16px/1.7 Georgia,serif}.sb-body p{margin:0 0 14px}.sb-body p:first-child:first-letter{font-size:2.4em;font-weight:700;float:left;line-height:.8;padding:6px 8px 0 0;color:var(--sb-accent, #9a6f44)}.wm-filter{display:flex;gap:6px;margin-left:auto;margin-right:10px}.wm-fbtn{border:1px solid rgba(90,77,66,.4);background:#efe6d4;color:#5a4d42;border-radius:999px;padding:4px 12px;font:600 12px Georgia,serif;cursor:pointer}.wm-fbtn.sel{background:#9c3a2a;color:#fbf4e6;border-color:#9c3a2a}#collection-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(28,22,18,.55);z-index:58;backdrop-filter:blur(2px)}#collection-modal.hidden{display:none}.cl-card{width:min(680px,94vw);max-height:86vh;display:flex;flex-direction:column;background:#f7f0e4;border-radius:16px;box-shadow:0 18px 60px #0006;border-top:6px solid #9a6f44;overflow:hidden}.cl-card .panel-head{padding:14px 18px 8px;align-items:center}.cl-card h2{margin:0;font:700 21px Georgia,serif;color:#3a322a}.cl-tabs{display:flex;gap:6px;margin-left:auto;margin-right:10px}.cl-tab{border:1px solid rgba(90,77,66,.4);background:#efe6d4;color:#5a4d42;border-radius:999px;padding:5px 14px;font:600 13px Georgia,serif;cursor:pointer}.cl-tab.sel{background:#9a6f44;color:#fbf4e6;border-color:#9a6f44}.cl-body{overflow-y:auto;padding:6px 18px 20px}.cl-count{margin:4px 2px 12px;font:italic 400 14px Georgia,serif;color:#9a6f44}.cl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}.cl-entry{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#fffaf0;border:1px solid rgba(90,77,66,.18);cursor:pointer;transition:transform .1s,box-shadow .1s}.cl-entry:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001f}.cl-entry.locked{cursor:default;opacity:.6;background:#efe9dd}.cl-entry.locked:hover{transform:none;box-shadow:none}.cl-dot{width:12px;height:12px;border-radius:50%;flex:0 0 auto;background:#b8b0a2}.cl-entry b{display:block;font:700 14px Georgia,serif;color:#3a322a}.cl-entry span{display:block;font:italic 400 11px Georgia,serif;color:#8a7e6e}#hud-mobile{position:fixed;right:90px;bottom:24px;display:none;flex-direction:column;gap:12px;z-index:4}@media (pointer: coarse){#hud-mobile{display:flex}}.m-btn{width:62px;height:62px;border-radius:50%;border:none;background:rgba(247,240,228,.9);color:#5a4d42;font:700 14px Georgia,serif;box-shadow:0 4px 14px #00000040;-webkit-tap-highlight-color:transparent;touch-action:none;cursor:pointer}.m-btn.held{background:#9c3a2a;color:#fbf4e6}.m-btn:active{transform:translateY(2px)}