*{margin:0;padding:0;box-sizing:border-box}:root{--parch-1: #f6ecd2;--parch-2: #e8d6ac;--parch-3: #ddc79c;--ink: #4a3621;--ink-soft: #6e5a3b;--ink-title: #5a3d18;--gold: #cba85a;--gold-deep: #9c7a32;--frame: #6e4d23;--sel: rgba(108, 76, 36, .16);--sel-strong: rgba(108, 76, 36, .28);--serif: "Trajan Pro", Georgia, "Times New Roman", serif}.parchment{position:relative;background:radial-gradient(60% 50% at 50% 0%,rgba(255,251,238,.65),transparent 70%),radial-gradient(80% 60% at 50% 120%,rgba(150,110,55,.16),transparent 70%),linear-gradient(180deg,var(--parch-1),var(--parch-2));border:2px solid var(--frame);border-radius:5px;color:var(--ink);box-shadow:0 18px 54px #0000008c,inset 0 0 0 3px var(--gold),inset 0 0 0 4px var(--gold-deep),inset 0 0 26px #966e3229}.parchment:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px solid rgba(110,77,35,.5);border-radius:3px;pointer-events:none}html,body,#root{width:100%;height:100%;overflow:hidden;background:#0b0d1a;font-family:system-ui,-apple-system,sans-serif;color:#fff}#root canvas{touch-action:none}.hud{position:absolute;top:12px;left:12px;z-index:10;padding:8px 12px;background:#00000073;border-radius:8px;font-size:13px;line-height:1.5;pointer-events:none;-webkit-user-select:none;user-select:none}.hud kbd{background:#2a2f4a;border-radius:4px;padding:1px 6px;font-family:monospace}.clock{position:absolute;bottom:18px;right:18px;z-index:10;width:140px;height:140px;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 6px 14px rgba(0,0,0,.55));animation:clock-bob 6s ease-in-out infinite}.clock:before{content:"";position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(255,207,92,.45),rgba(255,207,92,.12) 55%,transparent 72%);z-index:-1;animation:clock-glow 4.5s ease-in-out infinite}.clock-face{position:absolute;top:5%;left:5%;width:90%;height:90%;display:block;filter:drop-shadow(0 0 4px rgba(255,207,92,.35))}.clock-crown{transform-origin:32px 32px;animation:clock-spin 48s linear infinite}.clock-season{position:absolute;right:-2px;bottom:2px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6df,#f0c873 70%,#c8902f);box-shadow:0 0 9px #ffcf5ccc,0 1px 4px #0009,inset 0 0 3px #ffffffb3;filter:drop-shadow(0 1px 1px rgba(0,0,0,.4));animation:clock-season-pulse 3.5s ease-in-out infinite}@keyframes clock-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px) scale(.97)}}@keyframes clock-glow{0%,to{opacity:.7;transform:scale(.95)}50%{opacity:1;transform:scale(1)}}@keyframes clock-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes clock-season-pulse{0%,to{box-shadow:0 0 6px #ffcf5ccc,0 1px 3px #0009,inset 0 0 2px #ffffffb3}50%{box-shadow:0 0 11px #ffcf5c,0 1px 3px #0009,inset 0 0 2px #ffffffe6}}.debug-layer{position:absolute;top:12px;right:12px;z-index:10;padding:8px 12px;background:#0000008c;border-radius:8px;font-family:monospace;font-size:13px;line-height:1.5;pointer-events:none;-webkit-user-select:none;user-select:none}.debug-layer .hot{color:#ffcf5c}.interact-prompt{position:absolute;top:0;left:0;z-index:25;visibility:hidden;display:flex;flex-direction:column;align-items:center;gap:3px;padding:0;border:0;background:none;color:var(--ink);font-family:var(--serif);cursor:pointer;-webkit-user-select:none;user-select:none;animation:interact-pop .14s ease-out}.interact-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;font-size:18px;line-height:1;background:radial-gradient(circle at 50% 35%,var(--parch-1),var(--parch-2));border:2px solid var(--frame);border-radius:999px;box-shadow:0 3px 10px #00000073,inset 0 0 0 2px var(--gold);animation:interact-bob 1.6s ease-in-out infinite}.interact-label{padding:1px 8px;font-size:12px;font-weight:600;white-space:nowrap;background:linear-gradient(180deg,var(--parch-1),var(--parch-2));border:1px solid var(--frame);border-radius:6px;box-shadow:0 2px 6px #0006}@keyframes interact-pop{0%{opacity:0}to{opacity:1}}@keyframes interact-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.pad-focus{outline:2px solid rgba(255,226,160,.95)!important;outline-offset:2px;box-shadow:0 0 18px #f4d28973!important;border-radius:8px}.menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:4vh 4vw;background:radial-gradient(120% 100% at 50% 50%,#0000008c,#000000c7);-webkit-user-select:none;user-select:none;animation:save-overlay-in .18s ease}.menu-panel{display:flex;flex-direction:column;width:min(820px,96vw);height:min(620px,86vh);overflow:hidden;animation:save-panel-in .2s ease}.menu-tabs{display:flex;align-items:stretch;gap:4px;padding:14px 16px 0;margin:4px 4px 0;border-bottom:2px solid var(--gold-deep)}.menu-tab{display:flex;align-items:center;gap:8px;padding:10px 16px;font-family:var(--serif);font-size:14px;font-weight:600;letter-spacing:.08em;color:var(--ink-soft);background:transparent;border:2px solid transparent;border-bottom:none;border-radius:8px 8px 0 0;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.menu-tab:hover{color:var(--ink);background:var(--sel)}.menu-tab.active{color:var(--ink-title);background:linear-gradient(180deg,#fffaebb3,#dcc4968c);border-color:var(--gold-deep);box-shadow:0 -2px 8px #966e322e}.menu-tab-icon{font-size:18px;line-height:1}.menu-tab-label{white-space:nowrap}.menu-close{margin-left:auto;align-self:center;width:30px;height:30px;display:grid;place-items:center;font-size:14px;color:var(--ink);background:#fffaeb80;border:1.5px solid var(--gold-deep);border-radius:6px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.menu-close:hover{background:var(--gold);border-color:var(--frame)}.menu-body{flex:1;min-height:0;overflow-y:auto;padding:20px 24px 24px}.menu-section{display:flex;flex-direction:column;gap:16px}.menu-section-title{margin:0;font-family:var(--serif);font-size:20px;font-weight:700;letter-spacing:.1em;color:var(--ink-title);text-shadow:0 1px 0 rgba(255,252,240,.6);padding-bottom:8px;border-bottom:1.5px solid var(--gold-deep)}.menu-empty{margin:8px 0;font-family:var(--serif);font-style:italic;color:var(--ink-soft)}.inv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px}.inv-cell{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 10px 12px;background:linear-gradient(180deg,#fffaeb8c,#d6be9280);border:1.5px solid var(--gold-deep);border-radius:8px;box-shadow:inset 0 1px #fffcf099,inset 0 0 0 1px #6e4d232e;transition:border-color .15s ease,transform .1s ease,box-shadow .15s ease}.inv-cell:hover{border-color:var(--frame);box-shadow:inset 0 1px #fffcf099,0 3px 10px #7858284d;transform:translateY(-1px)}.inv-cell-icon{font-size:34px;line-height:1;filter:drop-shadow(0 1px 1px rgba(80,56,24,.35))}.inv-cell-count{font-size:13px;font-weight:700;color:var(--ink-title)}.inv-cell-label{font-family:system-ui,sans-serif;font-size:11px;letter-spacing:.02em;color:var(--ink-soft);text-align:center}.quest-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.quest-entry{padding:14px 16px;background:linear-gradient(180deg,#fffaeb80,#d6be926b);border:1.5px solid var(--gold-deep);border-left-width:4px;border-radius:8px;box-shadow:inset 0 1px #fffcf08c}.quest-entry.done{opacity:.72;border-left-color:var(--ink-soft)}.quest-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.quest-title{font-family:var(--serif);font-size:17px;font-weight:700;color:var(--ink-title)}.quest-status{flex:none;font-family:system-ui,sans-serif;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);border:1px solid var(--gold-deep);border-radius:999px;padding:2px 8px}.quest-entry.done .quest-status{color:var(--ink-soft);border-color:var(--ink-soft)}.quest-giver{font-family:var(--serif);font-style:italic;font-size:12px;color:var(--ink-soft);margin-top:2px}.quest-summary{margin:8px 0 0;font-family:var(--serif);font-size:13.5px;line-height:1.5;color:var(--ink)}.quest-objectives{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}.quest-obj{display:flex;align-items:center;gap:8px;font-family:system-ui,sans-serif;font-size:12.5px;color:var(--ink)}.quest-obj.ok{color:var(--ink-soft);text-decoration:line-through}.quest-obj-mark{font-size:14px;color:var(--gold-deep)}.menu-actions{display:flex;flex-direction:column;gap:12px;max-width:300px}.menu-action{position:relative;padding:13px 18px 13px 40px;font-family:var(--serif);font-size:15px;letter-spacing:.08em;text-align:left;color:var(--ink);background:linear-gradient(180deg,#fffaeb99,#d8c0948c);border:1.5px solid var(--gold-deep);border-radius:8px;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .12s ease}.menu-action:hover{background:linear-gradient(180deg,#fffcf0d9,#e2ca9eb3);border-color:var(--frame);transform:translate(2px)}.menu-action:hover:before{content:"☞";position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:16px;color:var(--ink-title)}.menu-soon{align-items:center;justify-content:center;height:100%;text-align:center;color:var(--ink-soft)}.menu-soon-icon{font-size:56px;opacity:.45;filter:sepia(.4)}.map-view{position:relative;display:inline-block;max-width:100%;margin:0 auto;border:2px solid var(--frame);box-shadow:inset 0 0 0 2px var(--gold),inset 0 0 0 3px var(--gold-deep);line-height:0}.map-image{display:block;max-width:100%;max-height:60vh;image-rendering:pixelated}.map-marker{position:absolute;left:50%;top:50%;width:12px;height:12px;margin:0;border-radius:50%;background:#d8413a;border:2px solid var(--parch-1);box-shadow:0 0 0 1px var(--frame),0 0 6px #00000080;transform:translate(-50%,-50%);pointer-events:none}.map-caption{position:absolute;right:6px;bottom:4px;font-family:var(--serif);font-size:12px;color:var(--parch-1);text-shadow:0 0 3px rgba(0,0,0,.8);line-height:1}.joystick{position:absolute;left:24px;bottom:24px;z-index:20;width:140px;height:140px;border-radius:50%;background:#ffffff14;border:2px solid rgba(255,255,255,.25);touch-action:none;user-select:none;-webkit-user-select:none;display:flex;align-items:center;justify-content:center}.joystick-knob{width:60px;height:60px;border-radius:50%;background:#ffffff8c;border:2px solid rgba(255,255,255,.8);pointer-events:none}.radial-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none;user-select:none;-webkit-user-select:none}.radial-menu{position:absolute;width:0;height:0;animation:radial-pop .16s cubic-bezier(.2,.9,.3,1.2)}.radial-menu:before{content:"";position:absolute;left:0;top:0;width:320px;height:320px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,207,92,.28),rgba(255,207,92,.08) 48%,transparent 66%);pointer-events:none;animation:radial-glow 4.5s ease-in-out infinite}@keyframes radial-glow{0%,to{opacity:.7;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}}@keyframes radial-pop{0%{transform:scale(.55) rotate(-8deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.radial-ring{position:absolute;left:0;top:0;transform:translate(-50%,-50%);overflow:visible;filter:drop-shadow(0 6px 14px rgba(0,0,0,.55))}.radial-seg{stroke-width:2;stroke-linejoin:round;transition:opacity .1s ease}.radial-seg.disabled{opacity:.38}.radial-seg.active:not(.disabled){stroke-width:3}.radial-crown{transform-origin:124px 124px;animation:clock-spin 60s linear infinite;filter:drop-shadow(0 0 2px rgba(255,207,92,.7))}.radial-hub-ring{stroke-width:2.5}.radial-item{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;pointer-events:none;transform:translate(-50%,-50%) translate(var(--px, 0),var(--py, 0));transition:transform .1s ease}.radial-item.active:not(.disabled){transform:translate(-50%,-50%) translate(var(--px, 0),var(--py, 0)) scale(1.18)}.radial-item.disabled{opacity:.45}.radial-icon{font-size:24px;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8))}.radial-label{font-size:10px;line-height:1;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;letter-spacing:.02em;color:#f6e7c4;text-shadow:0 1px 2px rgba(0,0,0,.85)}.radial-item.active:not(.disabled) .radial-label{color:#3a240c;text-shadow:0 1px 1px rgba(255,232,170,.6)}.radial-hub{position:absolute;left:0;top:0;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;color:#d6b26eb3;font-size:15px;line-height:1;display:flex;align-items:center;justify-content:center;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.8);transition:color .1s ease}.radial-hub.active{color:#ffe9a8}.loading-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;overflow:hidden;-webkit-user-select:none;user-select:none;background:radial-gradient(120% 80% at 50% 120%,rgba(0,0,0,.55),transparent 60%),radial-gradient(90% 70% at 50% 18%,rgba(255,198,120,.12),transparent 55%),radial-gradient(circle at 50% 38%,#243154,#131a30 55%,#090c18);opacity:1;transition:opacity .7s ease}.loading-screen.loaded{opacity:0;pointer-events:none}.loading-inner{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;z-index:2;margin-bottom:4vh}.loading-kicker{font-size:12px;letter-spacing:.42em;text-transform:uppercase;color:#ffe0a899;text-indent:.42em}.loading-title{font-family:Georgia,Times New Roman,serif;font-weight:600;font-size:clamp(30px,6vw,52px);letter-spacing:.06em;line-height:1.1;background:linear-gradient(180deg,#fff5dc,#f4d289 45%,#c79248);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 2px 18px rgba(245,196,110,.25)}.loading-status{font-size:13px;letter-spacing:.12em;color:#e8eeffb3;animation:loading-breathe 2.4s ease-in-out infinite}@keyframes loading-breathe{0%,to{opacity:.45}50%{opacity:.9}}.loading-bar{position:relative;width:clamp(200px,34vw,340px);height:3px;margin:4px 0 2px;border-radius:999px;background:#ffffff1a;overflow:hidden}.loading-bar-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:40%;border-radius:999px;background:linear-gradient(90deg,transparent,#f4d289 35%,#fff5dc 50%,#f4d289 65%,transparent);box-shadow:0 0 12px #f4d28980;animation:loading-sweep 1.6s ease-in-out infinite}@keyframes loading-sweep{0%{transform:translate(-120%)}to{transform:translate(320%)}}.loading-ground{position:absolute;left:0;right:0;bottom:0;height:28%;z-index:1;background:radial-gradient(70% 120% at 88% 100%,rgba(255,198,120,.14),transparent 60%),linear-gradient(180deg,transparent,rgba(8,10,20,.55) 45%,rgba(5,7,14,.85));-webkit-mask-image:linear-gradient(180deg,transparent,#000 40%);mask-image:linear-gradient(180deg,transparent,#000 40%)}.loading-dust{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.loading-dust .mote{position:absolute;bottom:-8%;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,#ffeab8e6,#ffd28c00 70%);filter:blur(1px);opacity:0;animation:loading-float linear infinite}@keyframes loading-float{0%{transform:translateY(0) scale(.6);opacity:0}15%{opacity:.8}85%{opacity:.5}to{transform:translateY(-78vh) scale(1.2);opacity:0}}.loading-dust .mote-0{left:8%;width:6px;height:6px;animation-duration:11s;animation-delay:-2s}.loading-dust .mote-1{left:21%;width:12px;height:12px;animation-duration:15s;animation-delay:-7s}.loading-dust .mote-2{left:34%;width:8px;height:8px;animation-duration:9s;animation-delay:-4s}.loading-dust .mote-3{left:47%;width:5px;height:5px;animation-duration:13s;animation-delay:-9s}.loading-dust .mote-4{left:62%;width:14px;height:14px;animation-duration:17s;animation-delay:-1s}.loading-dust .mote-5{left:76%;width:7px;height:7px;animation-duration:10s;animation-delay:-6s}.loading-dust .mote-6{left:90%;width:10px;height:10px;animation-duration:14s;animation-delay:-11s}.loading-runner{position:absolute;right:24px;bottom:32px;z-index:3;width:132px;height:132px;overflow:hidden;transform:scaleX(-1)}.loading-runner-strip{position:absolute;top:0;left:0;width:1320px;height:1980px;background-repeat:no-repeat;background-size:1320px 1980px;background-position:0 0;image-rendering:pixelated;will-change:transform;animation:loading-run .66s steps(6) infinite}.loading-runner:after{content:"";position:absolute;left:28%;right:22%;bottom:14px;height:12px;border-radius:50%;background:radial-gradient(circle,rgba(0,0,0,.45),transparent 70%);animation:loading-shadow .66s steps(6) infinite}@keyframes loading-shadow{0%,to{transform:scaleX(1);opacity:.5}50%{transform:scaleX(.82);opacity:.38}}@keyframes loading-run{0%{transform:translate3d(-396px,-264px,0)}to{transform:translate3d(-1188px,-264px,0)}}.start-menu{position:absolute;top:0;right:0;bottom:0;left:0;z-index:110;display:flex;align-items:center;justify-content:center;overflow:hidden;-webkit-user-select:none;user-select:none;background:radial-gradient(120% 80% at 50% 120%,rgba(0,0,0,.55),transparent 60%),radial-gradient(90% 70% at 50% 18%,rgba(255,198,120,.12),transparent 55%),radial-gradient(circle at 50% 38%,#243154,#131a30 55%,#090c18);opacity:1;transition:opacity .8s ease}.start-menu.entered{opacity:0;pointer-events:none}.start-menu-inner{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;z-index:2;margin-bottom:4vh}.start-menu-actions{display:flex;flex-direction:column;gap:12px;margin-top:22px;width:clamp(220px,30vw,300px)}.start-menu-loading{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:26px}.start-menu-btn{position:relative;padding:14px 18px;font-family:var(--serif);font-size:16px;font-weight:600;letter-spacing:.14em;color:var(--ink);background:linear-gradient(180deg,var(--parch-1),var(--parch-2));border:2px solid var(--frame);border-radius:7px;box-shadow:inset 0 0 0 2px var(--gold),0 4px 14px #00000073;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .12s ease,box-shadow .18s ease}.start-menu-btn:hover:not(:disabled),.start-menu-btn:focus-visible:not(:disabled){background:linear-gradient(180deg,#fffaf0,#ecd9b0);box-shadow:inset 0 0 0 2px var(--gold),0 0 22px #f4d28966;outline:none;transform:translateY(-1px)}.start-menu-btn:active:not(:disabled){transform:translateY(0)}.start-menu-btn:disabled{color:var(--ink-soft);opacity:.6;box-shadow:inset 0 0 0 2px #c9a55a80,0 4px 14px #0006;cursor:not-allowed}.start-menu-soon{margin-left:8px;font-family:system-ui,sans-serif;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);vertical-align:middle}.season-fx{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none;overflow:hidden}.season-fx-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at var(--fx-x) var(--fx-y),var(--fx-glow),transparent 62%);mix-blend-mode:screen;animation:season-flash 1.1s ease-out forwards}.season-fx-wave{position:absolute;left:var(--fx-x);top:var(--fx-y);width:300vmax;height:300vmax;margin:-150vmax 0 0 -150vmax;border-radius:50%;background:radial-gradient(circle,var(--fx-core) 0%,var(--fx-glow) 38%,transparent 64%);mix-blend-mode:screen;transform:scale(0);animation:season-wave 1.25s cubic-bezier(.2,.7,.3,1) forwards}.season-fx-ring{position:absolute;left:var(--fx-x);top:var(--fx-y);width:0;height:0;border:3px solid var(--fx-ring);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 26px var(--fx-glow),inset 0 0 26px var(--fx-glow);opacity:0;animation:season-ring 1.2s ease-out forwards}.season-fx-burst{position:absolute;left:var(--fx-x);top:var(--fx-y)}.season-fx-particle{position:absolute;left:0;top:0;font-size:26px;line-height:1;opacity:0;filter:drop-shadow(0 0 6px var(--fx-glow));transform:translate(-50%,-50%) rotate(var(--a)) translateY(0) rotate(calc(-1 * var(--a)));animation:season-particle 1.3s ease-out forwards}@keyframes season-flash{0%{opacity:0}18%{opacity:1}to{opacity:0}}@keyframes season-wave{0%{transform:scale(0);opacity:0}14%{opacity:.95}70%{opacity:.45}to{transform:scale(1);opacity:0}}@keyframes season-ring{0%{width:0;height:0;opacity:0}12%{opacity:1}to{width:320vmax;height:320vmax;opacity:0}}@keyframes season-particle{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--a)) translateY(0) scale(.4) rotate(calc(-1 * var(--a)))}16%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--a)) translateY(calc(-1 * var(--d))) scale(1) rotate(calc(-1 * var(--a)))}}.save-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:130;display:flex;align-items:center;justify-content:center;padding:4vh 4vw;background:radial-gradient(120% 100% at 50% 50%,#0009,#000000d1);-webkit-user-select:none;user-select:none;animation:save-overlay-in .18s ease}@keyframes save-overlay-in{0%{opacity:0}to{opacity:1}}.save-panel{display:flex;flex-direction:column;width:min(680px,94vw);max-height:88vh;padding:22px 24px 24px;animation:save-panel-in .2s ease}@keyframes save-panel-in{0%{transform:translateY(10px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.save-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;margin-bottom:16px;border-bottom:2px solid var(--gold-deep)}.save-title{font-family:var(--serif);font-size:21px;font-weight:700;letter-spacing:.1em;color:var(--ink-title);text-shadow:0 1px 0 rgba(255,252,240,.6)}.save-close{width:30px;height:30px;display:grid;place-items:center;font-size:14px;color:var(--ink);background:#fffaeb80;border:1.5px solid var(--gold-deep);border-radius:6px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.save-close:hover{background:var(--gold);border-color:var(--frame)}.save-new{display:flex;gap:10px;margin-bottom:16px}.save-name-input{flex:1;padding:10px 12px;font-family:system-ui,sans-serif;font-size:13px;color:var(--ink);background:#fffaebb3;border:1.5px solid var(--gold-deep);border-radius:7px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.save-name-input::placeholder{color:var(--ink-soft);opacity:.7}.save-name-input:focus{border-color:var(--frame);box-shadow:inset 0 0 0 1px var(--gold)}.save-list{display:flex;flex-direction:column;gap:10px;overflow-y:auto;padding-right:4px}.save-empty{margin:18px 0;text-align:center;font-family:var(--serif);font-style:italic;color:var(--ink-soft)}.save-row{display:flex;align-items:center;gap:14px;padding:10px;background:linear-gradient(180deg,#fffaeb8c,#d8c09480);border:1.5px solid var(--gold-deep);border-radius:8px;box-shadow:inset 0 1px #fffcf080;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.save-row:hover{border-color:var(--frame);box-shadow:inset 0 1px #fffcf080,0 3px 10px #78582840}.save-thumb{flex:0 0 auto;width:112px;height:63px;display:grid;place-items:center;overflow:hidden;border-radius:5px;background:#46341c66;border:1.5px solid var(--gold-deep)}.save-thumb img{width:100%;height:100%;object-fit:cover;display:block}.save-thumb-empty{font-size:22px;opacity:.6}.save-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.save-row-name{font-family:var(--serif);font-size:15px;font-weight:700;letter-spacing:.04em;color:var(--ink-title);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.save-row-sub{font-family:system-ui,sans-serif;font-size:11px;color:var(--ink-soft)}.save-row-state{font-family:system-ui,sans-serif;font-size:11px;letter-spacing:.02em;color:var(--ink)}.save-row-actions{flex:0 0 auto;display:flex;gap:8px;align-items:center}.save-btn{padding:8px 14px;font-family:var(--serif);font-size:13px;font-weight:600;letter-spacing:.06em;color:var(--ink);background:linear-gradient(180deg,#fffaebd9,#dcc496cc);border:1.5px solid var(--gold-deep);border-radius:6px;cursor:pointer;white-space:nowrap;transition:background .15s ease,border-color .15s ease,transform .1s ease}.save-btn:hover:not(:disabled){border-color:var(--frame);background:linear-gradient(180deg,#fffcf0f2,#e6cea0e6);transform:translateY(-1px)}.save-btn:disabled{opacity:.5;cursor:not-allowed}.save-btn-primary{color:#3a2607;background:linear-gradient(180deg,#f5d98c,#cba14a);border-color:var(--frame);text-shadow:0 1px 0 rgba(255,248,224,.5)}.save-btn-primary:hover:not(:disabled){background:linear-gradient(180deg,#ffe9a8,#d9af55)}.save-btn-danger{color:#5a1e12;border-color:#9c4a36;background:linear-gradient(180deg,#e0b3a4,#c98d77)}.save-btn-danger:hover:not(:disabled){border-color:#7c3320;background:linear-gradient(180deg,#e8c0b1,#d19782)}.save-btn-icon{padding:8px 10px}.dialogue-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;cursor:pointer;-webkit-user-select:none;user-select:none}.dialogue-box{position:fixed;left:0;top:0;visibility:hidden;display:flex;align-items:flex-end;gap:12px;width:min(460px,86vw)}.dialogue-right{flex-direction:row-reverse}.dialogue-portrait{flex:0 0 auto;width:98px;height:98px;padding:6px;overflow:hidden;display:flex;align-items:center;justify-content:center}.dialogue-portrait img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;border-radius:3px}.dialogue-bubble{position:relative;flex:1 1 auto;padding:15px 20px 12px;min-height:96px;border-radius:12px;animation:dialogue-bubble-in .22s cubic-bezier(.2,.8,.3,1)}.dialogue-bubble:after{border-radius:9px}.dialogue-bubble:before{content:"";position:absolute;bottom:-9px;left:50%;margin-left:-9px;width:18px;height:18px;background:var(--parch-1);border:2px solid var(--frame);border-top:none;border-left:none;transform:rotate(45deg);z-index:1}.dialogue-bubble .dialogue-speaker{animation:dialogue-text-in .26s ease-out both}.dialogue-bubble .dialogue-text{animation:dialogue-text-in .28s ease-out .04s both}.dialogue-speaker{display:inline-block;font-family:var(--serif);font-size:14px;font-weight:700;letter-spacing:.08em;color:var(--ink-title);margin-bottom:7px;padding-bottom:4px;border-bottom:1.5px solid var(--gold-deep)}.dialogue-text{margin:0;font-size:16px;line-height:1.55;color:var(--ink)}.dialogue-advance{margin-top:8px;text-align:right;font-size:12px;color:var(--ink-soft);animation:dialogue-blink 1.1s ease-in-out infinite}.dialogue-advance kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;background:linear-gradient(#ffe9a8,#caa14e);color:#2a1d06;border-radius:5px;font-family:monospace;font-weight:700;font-size:12px}@keyframes dialogue-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes dialogue-bubble-in{0%{opacity:.2;transform:translateY(6px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dialogue-text-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.dialogue-portrait{animation:dialogue-portrait-in .3s cubic-bezier(.2,.8,.3,1)}@keyframes dialogue-portrait-in{0%{opacity:0;transform:translateY(4px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dialogue-blink{0%,to{opacity:.45}50%{opacity:.9}}.map-view{position:relative;width:100%;aspect-ratio:1 / 1;max-height:60vh;margin:0 auto;border-radius:6px;overflow:hidden;background:radial-gradient(circle at 50% 35%,var(--parch-1),var(--parch-3));border:2px solid var(--frame);box-shadow:inset 0 0 0 2px var(--gold),inset 0 0 0 3px var(--gold-deep)}.map-view .map-img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:auto;-webkit-user-select:none;user-select:none}.map-view .map-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:0 12px;text-align:center;color:var(--ink-soft);font-family:var(--serif);font-style:italic}.map-view .map-hero{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6df,#f0c873 70%,#c8902f);border:1.5px solid var(--frame);box-shadow:0 0 6px #ffcf5ce6,0 1px 3px #0009;pointer-events:none}.map-view.minimap{position:absolute;top:12px;left:12px;width:164px;height:164px;max-height:none;margin:0;z-index:10;pointer-events:none;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5))}.map-view.minimap .map-hero{width:9px;height:9px;margin:-4.5px 0 0 -4.5px}.mapwin-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:122;display:flex;align-items:center;justify-content:center;padding:4vh 4vw;background:radial-gradient(120% 100% at 50% 50%,#0000008c,#000000c7);-webkit-user-select:none;user-select:none;animation:save-overlay-in .18s ease}.mapwin-panel{display:flex;flex-direction:column;width:auto;height:auto;max-width:96vw;max-height:90vh;min-width:min(320px,90vw);overflow:hidden;animation:save-panel-in .2s ease}.mapwin-head{display:flex;align-items:center;gap:12px;padding:16px 18px 10px;margin:4px 4px 0;border-bottom:2px solid var(--gold-deep)}.mapwin-title{margin:0;font-family:var(--serif);font-size:20px;font-weight:700;letter-spacing:.1em;color:var(--ink-title);text-shadow:0 1px 0 rgba(255,252,240,.6)}.mapwin-head .menu-close{margin-left:auto}.mapwin-toggle{margin-left:auto;padding:4px 12px;font-family:var(--serif);font-size:13px;letter-spacing:.06em;color:var(--ink-soft);background:transparent;border:2px solid var(--gold-deep);border-radius:6px;cursor:pointer}.mapwin-toggle.is-on{color:var(--ink-title);background:#c79e4a2e}.mapwin-toggle:hover{border-color:var(--gold)}.map-npc{position:absolute;transform:translate(-50%,-100%);background-repeat:no-repeat;image-rendering:pixelated;pointer-events:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}.mapwin-viewport{position:relative;flex:0 0 auto;align-self:center;margin:14px 18px;overflow:hidden;border:2px solid var(--frame);box-shadow:inset 0 0 0 2px var(--gold),inset 0 0 0 3px var(--gold-deep);background:var(--parch-3, #2a2118);cursor:grab;touch-action:none}.mapwin-viewport:active{cursor:grabbing}.mapwin-stage{position:absolute;left:50%;top:50%;line-height:0;will-change:transform,width,height}.mapwin-image{display:block;width:100%;height:100%;image-rendering:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.mapwin-caption{position:absolute;right:8px;bottom:6px}.mapwin-empty{flex:1;display:flex;align-items:center;justify-content:center}.mapwin-hint{padding:0 18px 14px;font-family:var(--serif);font-size:12px;font-style:italic;letter-spacing:.04em;color:var(--ink-soft);text-align:center}