:root{--ink:#2a2620;--ink-2:#5d564b;--paper:#fffaf0;--accent:#3f6e8c;--accent-2:#b0703a;--line:#2a262026;--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px)}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;word-break:keep-all;background:#1b1814;margin:0;font:15px/1.5 -apple-system,Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif;overflow:hidden}canvas#game{width:var(--app-w,100vw);height:var(--app-h,100dvh);touch-action:none;display:block;position:fixed;top:0;left:0}#ui{width:var(--app-w,100vw);height:var(--app-h,100dvh);pointer-events:none;position:fixed;top:0;left:0}#ui>*{pointer-events:auto}#perf{top:calc(var(--safe-t) + 58px);left:calc(var(--safe-l) + 8px);color:#e8f3e8;white-space:pre;pointer-events:none;background:#14181c9e;border-radius:8px;margin:0;padding:6px 8px;font:11px/1.45 ui-monospace,Menlo,monospace;position:absolute}#stick-zone{touch-action:none;width:45%;height:72%;padding-left:var(--safe-l);position:absolute;bottom:0;left:0}#stick-base,#stick-knob{pointer-events:none;will-change:transform;border-radius:50%;position:absolute;top:0;left:0}#stick-base{background:#fffaf038;border:2px solid #fffaf08c;width:120px;height:120px;margin:-60px 0 0 -60px}#stick-knob{background:#fffaf0cc;width:56px;height:56px;margin:-28px 0 0 -28px;box-shadow:0 2px 8px #0003}#stick-base[hidden],#stick-knob[hidden]{display:none}#hud-player{top:calc(var(--safe-t) + 10px);left:calc(var(--safe-l) + 12px);pointer-events:none;width:min(220px,34vw);position:absolute}#hud-player .bar{background:#2a262073;border:1px solid #fffaf099;border-radius:7px;height:14px;margin-bottom:4px;position:relative;overflow:hidden}#hud-player .bar.sp{height:8px}#hp-fill,#sp-fill,#target-fill{transform-origin:0;transition:transform .12s linear;position:absolute;inset:0}#hp-fill{background:linear-gradient(#ff8a7a,#e0524a)}#sp-fill{background:linear-gradient(#8ac8ff,#4a8fe0)}#hp-text{text-align:center;color:#fff;text-shadow:0 1px 2px #0009;font-size:10px;line-height:14px;position:absolute;inset:0}#hud-player .exp-row{align-items:center;gap:6px;display:flex}#level-text{color:#fffaf0;text-shadow:0 1px 2px #0009;min-width:30px;font-size:12px;font-weight:800}#hud-player .bar.exp{flex:1;height:6px;margin:0}#exp-fill{transform-origin:0;background:linear-gradient(#ffe27a,#f2b84e);transition:transform .2s;position:absolute;inset:0}#char-btn{top:calc(var(--safe-t) + 10px);right:calc(var(--safe-r) + 184px);position:absolute}#points-badge{color:#fff;background:#e0524a;border-radius:9px;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:800;line-height:18px;position:absolute;top:-4px;right:-4px}#points-badge[hidden]{display:none}#toast{color:var(--ink);pointer-events:none;white-space:nowrap;background:#fffaf0f0;border-radius:999px;padding:8px 16px;font-size:15px;font-weight:700;position:absolute;top:22%;left:50%;transform:translate(-50%);box-shadow:0 4px 18px #0000002e}#toast[hidden]{display:none}#levelup{pointer-events:none;z-index:8;text-align:center;opacity:0;position:absolute;top:22%;left:50%;transform:translate(-50%,-50%)}#levelup.show{animation:2.7s ease-out forwards lu-show}#levelup .lu-title{letter-spacing:3px;color:#ffe27a;background:linear-gradient(#fffbe6 0%,#ffe37a 38%,#f2a531 72%,#c46a14 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px #6a3a0c)drop-shadow(0 0 2px #6a3a0c)drop-shadow(0 0 14px #ffc850d9);-webkit-background-clip:text;background-clip:text;font:italic 900 46px/1 system-ui,-apple-system,Segoe UI,sans-serif;position:relative}#levelup .lu-title:after{content:attr(data-text);-webkit-text-fill-color:transparent;filter:none;background-image:linear-gradient(105deg,#0000 35%,#fffffff2 48%,#0000 60%);background-position:130% 0;background-size:260% 100%;-webkit-background-clip:text;background-clip:text;position:absolute;inset:0}#levelup.show .lu-title:after{animation:1.1s ease-out .25s 2 lu-shine}#levelup .lu-level{letter-spacing:2px;color:#fff6d6;text-shadow:0 0 2px #6a3a0c,0 1px #6a3a0c,0 0 10px #ffd26ee6;margin-top:6px;font:800 20px/1 system-ui,-apple-system,sans-serif}#levelup i{opacity:0;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);background:radial-gradient(circle,#fff 0 18%,#ffeca0e6 30%,#0000 62%);width:14px;height:14px;margin:-7px;position:absolute;top:40%;left:50%}#levelup.show i{animation:lu-star 1.6s var(--d) ease-out forwards}@keyframes lu-show{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}12%{opacity:1;transform:translate(-50%,-50%)scale(1.18)}22%{transform:translate(-50%,-50%)scale(.96)}30%{transform:translate(-50%,-50%)scale(1)}82%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-62%)scale(1.04)}}@keyframes lu-shine{0%{background-position:130% 0}to{background-position:-30% 0}}@keyframes lu-star{0%{opacity:0;transform:translate(0)scale(.2)rotate(0)}25%{opacity:1;transform:translate(var(--x), var(--y)) scale(1.3) rotate(45deg)}to{opacity:0;transform:translate(calc(var(--x) * 1.3), calc(var(--y) * 1.3 - 30px)) scale(.4) rotate(120deg)}}@media (prefers-reduced-motion:reduce){#levelup.show{animation-duration:2.7s}#levelup.show i,#levelup.show .lu-title:after{animation:none}}#toast.show{animation:.3s ease-out toast-in}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)scale(.92)}}.dmg.crit{color:#ffcf4d;font-size:28px}.dmg.miss{color:#e4eef4;font-size:16px}.dmg.exp{color:#ffe27a;font-size:15px}.panel.wide{width:min(560px,100%)}.panel h3{margin:14px 0 4px;font-size:15px}.panel .buttons.left{flex-wrap:wrap;justify-content:flex-start}.panel .points{align-self:center;margin-right:auto;font-size:14px}#char-panel{z-index:25;background:#14181c59}.exp-line{color:var(--ink-2);margin-bottom:8px;font-size:13px}#hud-target{top:calc(var(--safe-t) + 10px);text-align:center;pointer-events:none;width:min(220px,30vw);position:absolute;left:50%;transform:translate(-50%)}#hud-target[hidden]{display:none}#target-name{--ol:#1c120aeb;color:#fffaf0;letter-spacing:.2px;text-shadow:-1px -1px 0 var(--ol), 1px -1px 0 var(--ol), -1px 1px 0 var(--ol), 1px 1px 0 var(--ol), 0 0 3px var(--ol), 0 2px 3px #0006;font-size:14px;font-weight:900}#target-name .mlv{margin-right:4px;font-size:12px;font-weight:900}body.pc #target-name{font-size:16px}body.pc #target-name .mlv{margin-right:5px;font-size:14px}#hud-target .bar{background:#2a262073;border-radius:4px;height:8px;margin-top:3px;position:relative;overflow:hidden}#fx{pointer-events:none;position:absolute;inset:0;overflow:hidden}.dmg{--ol:#2a1d12;color:#fffaf0;letter-spacing:.2px;text-shadow:-1px -1px 0 var(--ol), 1px -1px 0 var(--ol), -1px 1px 0 var(--ol), 1px 1px 0 var(--ol), 0 0 3px var(--ol), 0 2px 4px #00000073;will-change:transform, opacity;white-space:nowrap;font-size:20px;font-weight:900;position:absolute;top:0;left:0}.dmg.skillfx{--ol:#5a2a08;color:#fff4c8;letter-spacing:.5px;text-shadow:-1px -1px 0 var(--ol), 1px -1px 0 var(--ol), -1px 1px 0 var(--ol), 1px 1px 0 var(--ol), 0 0 3px var(--ol), 0 0 8px #ff9628f2, 0 0 16px #ff6e1499;font-size:20px}.dmg.strong{color:#ffe27a;font-size:26px}.dmg.take{color:#ff7a6b;font-size:18px}#attack-btn{right:calc(var(--safe-r) + 28px);bottom:calc(var(--safe-b) + 26px);touch-action:none;background:#fffaf0d1;border:3px solid #b0703ab3;border-radius:50%;width:88px;height:88px;padding:0;font-size:34px;line-height:88px;transition:transform 50ms;position:absolute;box-shadow:0 4px 14px #0000002e}#attack-btn.down{background:#ffe9c7f2;transform:scale(.92)}#down-overlay{padding-bottom:calc(var(--safe-b,0px) + 13vh);pointer-events:none;text-align:center;color:#fffaf0;background:radial-gradient(at 50% 45%,#14060400 30%,#3c080673 75%,#190403cc 100%);flex-direction:column;justify-content:flex-end;align-items:center;gap:10px;animation:.9s ease-out both dn-in;display:flex;position:absolute;inset:0}.dn-title{--ol:#460a06e6;letter-spacing:8px;color:#ffe7d8;text-shadow:-1px -1px 0 var(--ol), 1px -1px 0 var(--ol), -1px 1px 0 var(--ol), 1px 1px 0 var(--ol), 0 0 18px #ff4632bf, 0 4px 10px #0009;font-size:36px;font-weight:900;animation:1.4s cubic-bezier(.2,.8,.2,1) .35s both dn-title}.dn-sub{color:#f4e6dc;text-shadow:0 1px 2px #000000e6,0 0 6px #0009;font-size:14px;font-weight:800;animation:.8s ease-out 1.1s both dn-in}.dn-bar{background:#fff0e633;border-radius:2px;width:180px;height:3px;animation:.6s 1.1s both dn-in;overflow:hidden}.dn-bar i{transform-origin:0;width:100%;height:100%;animation:dn-fill var(--dn,3.5s) linear both;background:linear-gradient(90deg,#ff9a7a,#ffe7d8);display:block}@keyframes dn-in{0%{opacity:0}}@keyframes dn-title{0%{opacity:0;letter-spacing:22px;filter:blur(4px);transform:scale(1.15)}}@keyframes dn-fill{0%{transform:scaleX(0)}}#game{transition:filter .5s}body.downed #game{filter:grayscale(.85)brightness(.72)contrast(1.05);transition:filter 1.6s}#down-overlay[hidden]{display:none}#settings-btn{top:calc(var(--safe-t) + 10px);right:calc(var(--safe-r) + 132px);position:absolute}#minimap{top:calc(var(--safe-t) + 10px);right:calc(var(--safe-r) + 12px);pointer-events:auto;cursor:pointer;touch-action:manipulation;background:#2a262040;border:2px solid #fffaf0d9;border-radius:16px;width:112px;height:112px;position:absolute;box-shadow:0 3px 12px #0003}#minimap:active{transform:scale(.96)}#start-version{left:0;right:0;bottom:calc(var(--safe-b) + 8px);text-align:center;color:#2a26208c;pointer-events:none;font-size:12px;position:absolute}#version{bottom:calc(var(--safe-b) + 6px);left:calc(var(--safe-l) + 10px);color:#2a26208c;pointer-events:none;font-size:11px;position:absolute}.btn{font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--line);touch-action:manipulation;border-radius:999px;min-height:40px;padding:8px 16px}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:700}.btn.small{min-height:32px;padding:4px 12px;font-size:13px}.btn.round{background:#fffaf0d9;width:44px;height:44px;padding:0;font-size:20px;line-height:44px}.overlay{width:var(--app-w,100vw);height:var(--app-h,100dvh);padding:16px calc(var(--safe-r) + 16px) 16px calc(var(--safe-l) + 16px);z-index:10;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.overlay[hidden]{display:none}#start{z-index:20;cursor:pointer;background:radial-gradient(circle at 50% 40%,#fff8e8 0%,#ffe9c7 45%,#f5c99a 100%)}#start.fade{opacity:0;pointer-events:none;transition:opacity .4s}.title-card{text-align:center}.title-card .kicker{color:var(--accent-2);letter-spacing:.2em;font-size:12px;font-weight:700}.title-card h1{letter-spacing:-.02em;margin:4px 0 8px;font-family:Gowun Batang,AppleMyungjo,serif;font-size:clamp(34px,7vw,56px)}.title-card p{color:var(--ink-2);margin:0 0 12px}.bar{background:#2a262024;border-radius:5px;width:min(280px,64vw);height:10px;margin:0 auto;overflow:hidden;box-shadow:inset 0 1px 2px #2a26202e}#load-bar{background:linear-gradient(90deg, var(--accent-2), #ffd34d);border-radius:5px;width:0;height:100%;animation:6s cubic-bezier(.2,.7,.3,1) forwards boot-bar;box-shadow:0 0 8px #ffd34db3}@keyframes boot-bar{0%{width:0}to{width:10%}}#load-pct{color:var(--ink-2);font-variant-numeric:tabular-nums;min-height:1.2em;margin-top:6px;font-size:12px;font-weight:800}#start.ready .bar,#start.ready #load-pct{visibility:hidden}#start.ready #start-msg{animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.45}}#settings{z-index:25;background:#14181c59}.panel{background:var(--paper);border-radius:16px;width:min(360px,100%);max-height:100%;padding:16px 18px;overflow:auto;box-shadow:0 10px 40px #00000040}.panel h2{margin:0 0 10px;font-size:18px}.panel label{justify-content:space-between;align-items:center;gap:12px;margin:10px 0;display:flex}.panel label.row{justify-content:flex-start}.panel select{font:inherit;border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px 8px}.panel input[type=checkbox]{width:20px;height:20px}.panel .buttons{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.panel p.small{color:var(--ink-2);margin:12px 0 0;font-size:12px}#device-info{white-space:pre-line;font-size:11px}.toast{left:50%;bottom:calc(var(--safe-b) + 12px);z-index:15;background:#fffaf0f2;border-radius:14px;align-items:center;gap:10px;width:min(560px,100% - 32px);padding:10px 12px;font-size:13px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 6px 24px #0000002e}.toast[hidden]{display:none}#fatal{z-index:40;background:#fffaf0}@media (max-height:420px){.title-card h1{margin:0 0 4px;font-size:34px}.title-card p{margin-bottom:6px}}#bag-btn{top:calc(var(--safe-t) + 10px);right:calc(var(--safe-r) + 236px);position:absolute}#map-name{top:calc(var(--safe-t) + 126px);right:calc(var(--safe-r) + 12px);text-align:center;color:#fffaf0;text-shadow:0 1px 2px #0009;pointer-events:none;width:112px;font-size:11px;font-weight:700;position:absolute}#names{pointer-events:none;position:absolute;inset:0;overflow:hidden}.plate{--ol:#1e140ce6;text-align:center;white-space:nowrap;color:#fffaf0;text-shadow:-1px -1px 0 var(--ol), 1px -1px 0 var(--ol), -1px 1px 0 var(--ol), 1px 1px 0 var(--ol), 0 0 3px var(--ol), 0 2px 4px #0006;will-change:transform;font-size:13px;font-weight:800;line-height:1.2;position:absolute;top:0;left:0}.plate small{color:#ffe27a;font-size:10px;font-weight:700;display:block}.plate.portal{color:#fff2b0;font-size:12px}.plate.sign{color:#ffe6b8;text-align:left;--ol:#4a2a14eb;font-size:11px;line-height:1.35}.plate[hidden]{display:none}#mob-names{pointer-events:none;position:absolute;inset:0;overflow:hidden}.mplate{text-align:center;white-space:nowrap;will-change:transform;padding-bottom:2px;position:absolute;top:0;left:0}.mplate[hidden]{display:none}.mplate .mn{--ol:#1c120aeb;color:#fffaf0;letter-spacing:.2px;text-shadow:-1px -1px 0 var(--ol), 1px -1px 0 var(--ol), -1px 1px 0 var(--ol), 1px 1px 0 var(--ol), 0 0 3px var(--ol), 0 2px 3px #0006;font-size:12px;font-weight:900;line-height:1.15}.mplate .mnm{white-space:nowrap}.mplate .mlv{margin-right:3px;font-size:11px;font-weight:900}.mplate .mbar{background:#1e1814bf;border:1px solid #fffaf08c;border-radius:3px;width:42px;height:5px;margin:2px auto 0;overflow:hidden}.mplate .mbar i{background:linear-gradient(#ff7a6b,#d6372b);width:100%;height:100%;transition:width .15s linear;display:block}.mplate .mbar i.low{background:linear-gradient(#ffb36b,#e0612a)}.mplate.target .mbar{border-color:#ffe27a;width:52px;height:6px;box-shadow:0 0 4px #ffe27acc}.mplate.exposed .mbar{border-color:#8fd8ff;animation:.5s ease-in-out infinite alternate mexposed}.mplate.exposed .mnm:after{content:" 빈틈";color:#8fd8ff;font-size:.8em}@keyframes mexposed{0%{box-shadow:0 0 2px #78d2ff80}to{box-shadow:0 0 8px #78d2ff}}@media (prefers-reduced-motion:reduce){.mplate.exposed .mbar{animation:none;box-shadow:0 0 6px #78d2ffe6}}.mplate.target .mn{font-size:13px}body.pc .mplate .mn{font-size:14px}body.pc .mplate .mlv{margin-right:4px;font-size:12.5px}body.pc .mplate.target .mn{font-size:15px}#map-panel{z-index:3;pointer-events:none}#map-panel .panel{pointer-events:none;opacity:.93}#map-panel #map-close{pointer-events:auto}#ui{z-index:4}.map-panel{width:min(460px,100%)}#bigmap{width:min(100%, calc(var(--app-h,100vh) - 150px), 480px);aspect-ratio:1;background:#6f9a5a;border-radius:14px;height:auto;margin:0 auto;display:block}.map-legend{flex-wrap:wrap;justify-content:center;gap:4px 12px;margin-top:8px;font-size:12px;font-weight:700;display:flex}.map-legend i{vertical-align:-1px;border:1px solid #2a262080;border-radius:50%;width:9px;height:9px;margin-right:4px;display:inline-block}.map-legend i.me{filter:drop-shadow(0 0 1px #2a2620);border:5px solid #0000;border-left:9px solid #fffaf0;border-radius:0;width:0;height:0}.dmg.gold{color:#ffd34d;font-size:15px}.dmg.loot{color:#fffaf0;font-size:14px}.dmg.heal{color:#7fe08a;font-size:18px}#attack-btn.talk{background:#e8f6ffeb;border-color:#3f6e8ccc;font-size:30px}#attack-btn.talk:after{content:attr(data-label);color:#fffaf0;text-shadow:0 1px 2px #000000b3;white-space:nowrap;font-size:11px;font-weight:800;line-height:1;position:absolute;bottom:-18px;left:50%;transform:translate(-50%)}.quick{width:58px;height:58px;font:inherit;touch-action:none;--cd:0;background:#fffaf0c7;border:2px solid #b0703a8c;border-radius:50%;padding:0;position:absolute;overflow:hidden;box-shadow:0 3px 10px #00000029}#quick-0{left:calc(50% - 62px);bottom:calc(var(--safe-b) + 12px)}#quick-1{left:calc(50% + 4px);bottom:calc(var(--safe-b) + 12px)}.quick .ico{font-size:26px;line-height:54px}.quick .qty{color:var(--ink);background:#fffaf0e6;border-radius:6px;padding:0 3px;font-size:11px;line-height:14px;position:absolute;bottom:5px;right:8px}.quick .plus{color:#2a262066;font-size:22px;line-height:54px}.quick.empty{background:#fffaf066;border-style:dashed}.quick.none .ico{opacity:.35}.quick.down{transform:scale(.9)}.quick:after{content:"";height:calc(var(--cd) * 100%);pointer-events:none;background:#2a262059;position:absolute;bottom:0;left:0;right:0}#dialog{left:calc(var(--safe-l) + 16px);right:calc(var(--safe-r) + 206px);bottom:calc(var(--safe-b) + 14px);z-index:5;background:#fffaf0f5;border-radius:14px;max-width:560px;margin:0 auto;padding:10px 14px;display:grid;position:absolute;box-shadow:0 6px 24px #0003}#dialog>.buttons{grid-area:1/1}#dialog[hidden]{display:none}#dialog-name{font-size:15px;font-weight:800}#dialog-name small{color:var(--accent-2);margin-left:4px;font-size:12px}#dialog .buttons{justify-content:flex-end;gap:8px;display:flex}#dialog-shop[hidden],#dialog-next[hidden]{display:none}#dialog .buttons .btn{position:relative}body.pc #dialog{max-width:640px;padding:14px 18px 12px}body.pc #dialog-name{font-size:19px}body.pc #dialog-name small{font-size:14px}body.pc #dialog .buttons{gap:12px;margin-top:4px}body.pc #dialog .buttons .btn{min-width:88px;padding:9px 20px;font-size:16px}body.pc .bubble.talk .bubble-body{border-radius:18px;max-width:min(380px,46vw);padding:11px 26px 12px 16px;font-size:18px;line-height:1.45}#bubbles{pointer-events:none;z-index:4;position:absolute;inset:0;overflow:hidden}.bubble{will-change:transform;padding-bottom:12px;position:absolute;top:0;left:0}.bubble[hidden]{display:none}.bubble-body{width:max-content;max-width:min(240px,62vw);color:var(--g-ink,#3a2615);word-break:keep-all;overflow-wrap:anywhere;text-align:left;transform-origin:50% 100%;background:linear-gradient(#fffdf6,#fbf0d6);border:2px solid #b5832fd9;border-radius:16px;padding:7px 12px 8px;font-size:13.5px;font-weight:700;line-height:1.38;position:relative;box-shadow:0 0 0 2px #fffaeb8c,0 4px 12px #28180a47}.bubble-body:before,.bubble-body:after{content:"";border-style:solid;width:0;height:0;position:absolute;left:50%;transform:translate(-50%)}.bubble-body:before{border-width:12px 9px 0;border-color:#b5832fd9 #0000 #0000;bottom:-12px}.bubble-body:after{border-width:9px 7px 0;border-color:#fbf0d6 #0000 #0000;bottom:-8px}.bubble-body.pop{animation:.22s cubic-bezier(.3,1.6,.5,1) bubble-pop}@keyframes bubble-pop{0%{opacity:.2;transform:scale(.55)}to{opacity:1;transform:scale(1)}}.bubble.talk{pointer-events:auto;cursor:pointer}.bubble.talk .bubble-body{border-color:var(--gold-2,#e9c46a);padding-right:20px;font-size:14.5px;box-shadow:0 0 0 2px #7a5320e6,0 0 14px #ffd6788c,0 5px 14px #28180a4d}.bubble.talk .bubble-body:before{border-top-color:#7a5320f2}.bubble:not(.talk) .bubble-body{opacity:.94}.bubble-text{white-space:pre-wrap;display:inline}.bubble-more{border:4.5px solid #0000;border-top:6px solid #b5832f;border-bottom-width:0;width:0;height:0;animation:.8s ease-in-out infinite bubble-more;position:absolute;bottom:4px;right:7px}.bubble-more[hidden]{display:none}@keyframes bubble-more{50%{opacity:.55;transform:translateY(3px)}}#fade{width:var(--app-w,100vw);height:var(--app-h,100dvh);opacity:0;pointer-events:none;z-index:8;background:#1c2024;position:fixed;top:0;left:0}#fade[hidden]{display:none}#bag-panel,#shop-panel{z-index:25;background:#14181c59}.item-panel{flex-direction:column;width:min(680px,100%);padding:12px 14px;display:flex}.ip-head{align-items:center;gap:12px;margin-bottom:8px;display:flex}.ip-head h2{margin:0;font-size:17px}.ip-head .gold{font-variant-numeric:tabular-nums;margin-left:auto;font-weight:700}.ip-head .count{color:var(--ink-2);font-size:12px}.ip-body{grid-template-columns:auto 1fr;align-items:start;gap:12px;min-height:0;display:grid}.ip-body.shop{grid-template-columns:minmax(200px,1fr) auto}.equip-grid{grid-template-columns:repeat(2,44px);gap:4px;display:grid}.item-grid{grid-template-columns:repeat(8,40px);justify-content:start;gap:4px;display:grid}.cell{border:1px solid var(--line);width:40px;height:40px;font:inherit;touch-action:manipulation;color:var(--ink);background:#fff;border-radius:8px;padding:0;position:relative}.equip-grid .cell{width:44px;height:44px}.cell.empty{background:#2a26200d}.cell.graded{border:2px solid var(--grade);box-shadow:inset 0 0 8px color-mix(in srgb, var(--grade) 45%, transparent)}.cell.sel{outline:3px solid var(--accent);outline-offset:1px}.cell .ico{font-size:22px;line-height:38px}.gtag{background:var(--tag);color:#2a2018;vertical-align:1px;white-space:nowrap;border:1px solid #2a201873;border-radius:6px;margin-right:5px;padding:0 6px;font-size:11px;font-weight:900;line-height:16px;display:inline-block;box-shadow:0 1px #00000059}.cell .qty{font-size:10px;font-weight:800;position:absolute;bottom:0;right:2px}.cell small{color:var(--ink-2);pointer-events:none;font-size:9px;line-height:1;position:absolute;top:1px;left:0;right:0}.cell:not(.empty) small{color:var(--accent);font-weight:800;inset:auto auto 1px 2px}.ip-foot{border-top:1px dashed var(--line);align-items:flex-end;gap:10px;min-height:64px;margin-top:10px;padding-top:8px;display:flex}.detail{flex:1;font-size:13px;line-height:1.45}.detail .hint{color:var(--ink-2);margin:0}.detail .ico{margin-right:4px}.detail .d-name b{-webkit-text-stroke:.2px #2a262099;font-size:15px}.detail .d-name small{color:var(--ink-2);margin-left:4px}.detail .d-stats{color:#3d7a4f;font-weight:700}.detail .d-req .bad{color:#d0453a;font-weight:800}.detail .d-cmp{color:var(--ink-2);font-size:12px}.detail .d-price{font-weight:700}.actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:50%;display:flex}.shop-list{flex-direction:column;gap:4px;max-height:260px;display:flex;overflow:auto}.sub-title{color:var(--ink-2);margin-bottom:4px;font-size:12px}.shop-row{border:1px solid var(--line);font:inherit;text-align:left;color:var(--ink);touch-action:manipulation;background:#fff;border-radius:10px;grid-template-columns:28px 1fr auto;align-items:center;gap:6px;padding:6px 8px;font-size:13px;display:grid}.shop-row.sel{outline:3px solid var(--accent)}.shop-row.cant .nm{opacity:.55}.shop-row .ico{font-size:20px}.shop-row .nm small{color:var(--ink-2)}.shop-row .pr{font-variant-numeric:tabular-nums;font-weight:800}.shop-row .pr:before{content:"";vertical-align:-1px;background:radial-gradient(circle at 35% 30%,#fff3b0,#f2c14e 55%,#c98f22);border:1px solid #7a5320;border-radius:50%;width:11px;height:11px;margin-right:4px;display:inline-block}.shop-row .pr.poor{color:#d0453a}@media (max-height:420px){.item-panel{padding:8px 10px}.item-grid{grid-template-columns:repeat(10,34px);gap:3px}.cell{width:34px;height:34px}.cell .ico{font-size:18px;line-height:32px}.equip-grid{grid-template-columns:repeat(2,38px);gap:3px}.equip-grid .cell{width:38px;height:38px}.shop-list{max-height:170px}.ip-foot{min-height:52px;margin-top:6px;padding-top:6px}}@media (orientation:portrait){#hud-player{width:min(220px,50vw)}#hud-target{top:calc(var(--safe-t) + 64px);left:calc(var(--safe-l) + 12px);text-align:left;width:min(220px,50vw);transform:none}#perf{top:calc(var(--safe-t) + 104px)}#settings-btn,#char-btn,#bag-btn{top:calc(var(--safe-t) + 146px)}#settings-btn{right:calc(var(--safe-r) + 12px)}#char-btn{right:calc(var(--safe-r) + 64px)}#bag-btn{right:calc(var(--safe-r) + 116px)}#stick-zone{width:52%;height:50%}#dialog{left:calc(var(--safe-l) + 12px);right:calc(var(--safe-r) + 12px);bottom:calc(var(--safe-b) + 176px);max-width:none}#toast{white-space:normal;text-align:center;width:max-content;max-width:calc(100vw - 32px);top:28%}.char-grid{grid-template-columns:1fr}.item-panel{padding:12px}.ip-head{flex-wrap:wrap;gap:8px}.ip-body,.ip-body.shop{grid-template-columns:minmax(0,1fr)}.equip-grid{grid-template-columns:repeat(5,44px);justify-content:start}.item-grid{grid-template-columns:repeat(8,minmax(0,1fr));width:100%}.item-grid .cell{aspect-ratio:1;justify-content:center;align-items:center;width:100%;height:auto;display:flex}.item-grid .cell .ico{line-height:1}.shop-list{max-height:34vh}.ip-foot{flex-direction:column;align-items:stretch}.actions{justify-content:flex-start;max-width:none}}@media (orientation:portrait) and (max-width:360px){.equip-grid{grid-template-columns:repeat(5,40px)}.equip-grid .cell{width:40px;height:40px}}#title-menu{margin-top:18px}#title-menu[hidden],#start-msg[hidden]{display:none}#save-summary{color:var(--ink-2);margin-bottom:10px;font-weight:700}.btn.big{min-width:200px;min-height:52px;padding:12px 28px;font-size:19px;font-weight:900}#update-bar{left:50%;top:calc(var(--safe-t) + 56px);z-index:6;white-space:nowrap;border-radius:999px;align-items:center;gap:10px;padding:6px 8px 6px 14px;font-size:13px;font-weight:800;display:flex;position:absolute;transform:translate(-50%)}#update-bar[hidden]{display:none}.panel input[type=range]{accent-color:#3f9a46;flex:1;max-width:200px}.skill{width:52px;height:52px;font:inherit;touch-action:none;--cd:0;border-radius:50%;padding:0;position:absolute;overflow:hidden}#skill-0{right:calc(var(--safe-r) + 158px);bottom:calc(var(--safe-b) + 44px)}#skill-1{right:calc(var(--safe-r) + 143px);bottom:calc(var(--safe-b) + 100px)}#skill-2{right:calc(var(--safe-r) + 102px);bottom:calc(var(--safe-b) + 141px)}#skill-3{right:calc(var(--safe-r) + 46px);bottom:calc(var(--safe-b) + 156px)}#skill-page{right:calc(var(--safe-r) + 222px);bottom:calc(var(--safe-b) + 24px);width:34px;height:34px;font:inherit;touch-action:none;border-radius:50%;padding:0;font-size:13px;font-weight:900;position:absolute}.skill .ico{font-size:24px;line-height:50px}.skill .rk{font-size:9px;line-height:1;position:absolute;bottom:3px;left:0;right:0}.skill em{color:#fff;text-shadow:0 1px 2px #000,0 0 4px #000;justify-content:center;align-items:center;font-size:18px;font-style:normal;font-weight:900;display:flex;position:absolute;inset:0}.skill .plus{font-size:20px;line-height:48px}.skill:after{content:"";pointer-events:none;background:conic-gradient(#140e0899 calc(var(--cd) * 360deg), transparent 0);border-radius:50%;position:absolute;inset:0}.skill.shake{animation:.3s sk-shake}@keyframes sk-shake{20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}@keyframes sk-down{50%{transform:scale(.88)}}#bag-btn{top:calc(var(--safe-t) + 62px);right:calc(var(--safe-r) + 132px)}#skill-btn{top:calc(var(--safe-t) + 62px);right:calc(var(--safe-r) + 184px);position:absolute}.badge{color:#fff;background:#e0524a;border-radius:9px;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:800;line-height:18px;position:absolute;top:-4px;right:-4px}.badge[hidden]{display:none}#buffs{gap:4px;min-height:0;margin-top:4px;display:flex}.buff{border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:relative}.buff i{font-size:14px;font-style:normal}.buff small{color:#fff;text-shadow:0 1px 1px #000,0 0 2px #000;font-size:9px;font-weight:900;position:absolute;bottom:-5px;right:-3px}.buff.ending{animation:.6s ease-in-out infinite pulse}@media (orientation:portrait){#skill-btn{top:calc(var(--safe-t) + 146px);right:calc(var(--safe-r) + 168px)}#quick-0{left:calc(var(--safe-l) + 12px);bottom:calc(50% + 8px)}#quick-1{left:calc(var(--safe-l) + 78px);bottom:calc(50% + 8px)}}#load-help{justify-content:center;gap:10px;margin-top:14px;display:flex}#load-help[hidden],kbd.hk{display:none}body.pc kbd.hk{z-index:3;color:#fff4d6;letter-spacing:.2px;text-align:center;pointer-events:none;white-space:nowrap;background:#181008cc;border:1px solid #ffe6aa99;border-radius:4px;min-width:15px;padding:0 4px;font:800 10px/14px system-ui,-apple-system,sans-serif;display:inline-block;position:absolute;top:2px;left:50%;transform:translate(-50%);box-shadow:0 1px #00000073}body.pc #attack-btn kbd.hk{font-size:11px;line-height:15px;top:6px}body.pc .quick kbd.hk{left:2px;transform:none}body.pc #bag-btn kbd.hk{inset:auto -4px -4px auto;transform:none}body.pc #skill-page kbd.hk{top:auto;bottom:-16px}body.pc .menu-item kbd.hk,body.pc #map-name kbd.hk,body.pc #dialog .btn kbd.hk{vertical-align:1px;margin-left:6px;position:static;transform:none}#start.cine{background:0 0}body.intro #ui{visibility:hidden}#start.cine #start-msg,#start.cine .bar{display:none}#cine{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}#cine[hidden]{display:none}.cine-vignette{background:radial-gradient(78% 72% at 50% 46%,#140c1600 52%,#140c1680 100%);position:absolute;inset:0}.cine-grain{opacity:.045;image-rendering:pixelated;background-size:128px 128px;position:absolute;inset:0}.cine-bar{height:max(calc(var(--app-h,100vh) * .055), calc((var(--app-h,100vh) - var(--app-w,100vw) / 2.39) / 2));transform:scaleY(var(--lb,0));background:#050406;position:absolute;left:0;right:0}.cine-bar.top{transform-origin:50% 0;top:0}.cine-bar.bottom{transform-origin:50% 100%;bottom:0}@media (orientation:portrait){.cine-bar{height:calc(var(--app-h,100vh) * .08)}}.cine-black{opacity:1;background:#000;position:absolute;inset:0}#start.cine .title-card{visibility:hidden;background:radial-gradient(60% 62% at 50% 46%,#1e120e6b,#1e120e00 100%);border-radius:32px;padding:14px 30px 12px;position:relative}#start.cine .title-card .kicker{color:#ffe2a6;letter-spacing:.32em;text-shadow:0 1px 6px #000000b3}#start.cine .title-card h1{color:#0000;background-image:linear-gradient(105deg,#fff1d2 0% 40%,#fff 47%,#fff6b8 50%,#fff 53%,#fff1d2 60% 100%);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;background-position:var(--sweep,100%) 0;filter:drop-shadow(0 2px 10px #462208bf)}#start.cine #save-summary,#start.cine #install-hint{color:#fff6e6;text-shadow:0 1px 4px #000c}#start.cine #start-version{color:#fff6e6b3}#intro-skip{right:calc(var(--safe-r) + 14px);bottom:calc(var(--safe-b) + 10px);z-index:2;min-height:36px;font:inherit;color:#fffaf0eb;touch-action:manipulation;background:#0a080c61;border:1px solid #fff0d273;border-radius:999px;padding:6px 16px;font-size:13px;font-weight:700;position:absolute}#intro-skip:after{content:" ›"}#intro-skip[hidden]{display:none}#intro-gate{z-index:3;opacity:1;cursor:pointer;touch-action:manipulation;background:radial-gradient(120% 55% at 50% 108%,#ffc47857,#ffc47800 62%),linear-gradient(#070912 0%,#121a33 46%,#2b2440 78%,#4a3442 100%);flex-direction:column;justify-content:center;align-items:center;gap:14px;transition:opacity .5s;display:flex;position:absolute;inset:0}#intro-gate[hidden]{display:none}#intro-gate.out{opacity:0;pointer-events:none}.gate-glow{background:#fff3cf;border-radius:50%;width:14px;height:14px;animation:3.2s ease-in-out infinite gate-breathe;box-shadow:0 0 18px 6px #ffd68cbf,0 0 70px 26px #ffbe6e47}.gate-kicker{color:#ffe2a6;letter-spacing:.42em;text-shadow:0 1px 8px #000000b3;opacity:.9;padding-left:.42em;font-size:12px;font-weight:700}.gate-tap{color:#fff8ece6;letter-spacing:.08em;margin:18px 0 0;font-size:15px;font-weight:600;animation:2.4s ease-in-out infinite pulse}@keyframes gate-breathe{0%,to{opacity:.8;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}@media (prefers-reduced-motion:reduce){.gate-glow,.gate-tap{animation:none}}:root{--wood-1:#7a4f2c;--wood-2:#4a2d17;--wood-3:#3a2615;--gold-1:#ffe7a8;--gold-2:#e9c46a;--gold-3:#b5832f;--gold-4:#7a5320;--parch-1:#fbf2db;--parch-2:#eedcb2;--g-ink:#3a2615;--g-ink-2:#7a6040}#settings,#char-panel,#bag-panel,#shop-panel{background:#140e0880}.panel.game{color:var(--g-ink);background:radial-gradient(120% 90% at 50% 0%, var(--parch-1) 0%, var(--parch-2) 100%);border:2px solid var(--gold-3);box-shadow:0 0 0 3px var(--wood-3), 0 0 0 5px var(--gold-4), inset 0 0 0 2px #fff0c8cc, inset 0 0 30px #8c5a1e38, 0 14px 40px #00000080;border-radius:14px;padding:0 16px 14px;position:relative}.panel.game .ph,.panel.game .ip-head{z-index:2;background:linear-gradient(var(--wood-1), var(--wood-2));border-bottom:2px solid var(--gold-3);border-radius:12px 12px 0 0;align-items:center;gap:10px;min-height:46px;margin:0 -16px 12px;padding:9px 50px 9px 16px;display:flex;position:sticky;top:0;box-shadow:inset 0 1px #ffdca059,0 2px 6px #00000040}.panel.game .ph{justify-content:center;padding-left:50px}.panel.game .ph h2,.panel.game .ip-head h2{letter-spacing:.08em;color:var(--gold-1);text-shadow:0 2px #2a170a,0 0 10px #ffc86459;white-space:nowrap;margin:0;font-size:18px;font-weight:900}.panel.game .ph h2:before,.panel.game .ph h2:after{content:"◆";color:var(--gold-2);vertical-align:3px;margin:0 8px;font-size:9px}.panel.game h3{color:var(--wood-1);border-bottom:1px solid #7a532059;padding-bottom:2px;font-weight:900}.panel.game p.small{color:var(--g-ink-2)}.panel.game label{font-weight:700}.panel.game select{border:2px solid var(--gold-3);color:var(--g-ink);background:#fffaf0;border-radius:8px;font-weight:700}.panel.game input[type=checkbox]{accent-color:#3f9a46}.x{border:2px solid var(--gold-2);width:34px;height:34px;font:inherit;color:var(--gold-1);touch-action:manipulation;background:radial-gradient(circle at 35% 30%,#c0634a,#6e2618);border-radius:50%;padding:0;font-size:15px;font-weight:900;line-height:1;position:absolute;top:50%;right:8px;transform:translateY(-50%);box-shadow:0 2px #2a150a}.x:active{transform:translateY(-50%)scale(.9)}.panel.game .btn,#dialog .btn{color:var(--g-ink);border:2px solid var(--gold-3);box-shadow:inset 0 1px 0 #fff, 0 2px 0 var(--gold-4), 0 3px 6px #0000002e;background:linear-gradient(#fff4d6,#e6c98e);border-radius:10px;font-weight:800}.panel.game .btn:active,#dialog .btn:active{box-shadow:inset 0 1px 0 #fff, 0 0 0 var(--gold-4);transform:translateY(2px)}.panel.game .btn.primary,#dialog .btn.primary{color:#fff;border-color:var(--gold-2);text-shadow:0 1px #00000059;background:linear-gradient(#5aa0d6,#2c6496);box-shadow:inset 0 1px #ffffff73,0 2px #1d3f60,0 3px 6px #0003}.panel.game .btn:disabled{filter:grayscale(.7);opacity:.5}.coin{vertical-align:-2px;background:radial-gradient(circle at 35% 30%,#fff1a8,#e2a92c 60%,#9c6a12);border-radius:50%;width:14px;height:14px;margin-right:5px;display:inline-block;box-shadow:inset 0 0 0 1px #8a5a10}.panel.game .ip-head .gold{color:var(--gold-1);border:1px solid var(--gold-4);background:#00000059;border-radius:999px;margin-left:auto;padding:2px 10px;font-weight:900}.panel.game .ip-head .count{color:#e8d3a6;font-size:12px;font-weight:700}.panel.game .ip-body,.panel.game .ip-foot{flex:none}.panel.game .equip-grid,.panel.game .item-grid{background:#3c281424;border:1px solid #7a532066;border-radius:10px;padding:6px}.panel.game .cell{color:#fff3d0;background:radial-gradient(circle at 50% 35%,#5b4330,#2f2116);border:2px solid #7a5a34;border-radius:8px;box-shadow:inset 0 2px 4px #00000080}.panel.game .cell.empty{background:radial-gradient(circle at 50% 35%,#4a3726,#2a1d12)}.panel.game .cell small{color:#c9ab78}.panel.game .cell:not(.empty) small{color:#ffe27a;text-shadow:0 1px #000}.panel.game .cell .qty{color:#fff;text-shadow:0 1px 1px #000,0 0 2px #000}.panel.game .cell.graded{border-color:var(--grade);box-shadow:inset 0 0 10px color-mix(in srgb, var(--grade) 55%, transparent), 0 0 6px color-mix(in srgb, var(--grade) 50%, transparent)}.panel.game .cell.sel{outline-offset:1px;outline:2px solid #ffe27a;box-shadow:0 0 12px #ffdc78d9,inset 0 2px 4px #00000080}.panel.game .sub-title{color:var(--gold-4);font-weight:800}.panel.game .ip-foot{background:#fffaebbf;border:1px solid #7a532066;border-radius:10px;margin-top:10px;padding:8px 10px;box-shadow:inset 0 1px 3px #0000001f}.panel.game .detail .hint{color:var(--g-ink-2)}.panel.game .detail .d-name b{background:var(--wood-3);-webkit-text-stroke:0;border-radius:6px;padding:1px 8px;display:inline-block}.panel.game .detail .d-name small{color:var(--g-ink-2)}.panel.game .detail .d-stats{color:#2f7a3a}.panel.game .shop-row{border:1px solid #c9a86a;border-left:4px solid var(--grade,#c9a86a);color:var(--g-ink);background:linear-gradient(#fffaf0,#f3e3bd);box-shadow:0 1px #b38b4a}.panel.game .shop-row .nm{font-weight:700}.panel.game .shop-row.sel{outline:2px solid var(--gold-3);box-shadow:0 0 10px #e9c46acc}.panel.game .shop-row .pr{color:#7a4d10}.panel.game .shop-row .pr:before{content:"";vertical-align:-1px;background:radial-gradient(circle at 35% 30%,#fff1a8,#e2a92c 60%,#9c6a12);border-radius:50%;width:11px;height:11px;margin-right:4px;display:inline-block}.panel.game .shop-row .pr.poor{color:#c0392b}.panel.game.char-panel{width:min(660px,100%)}.char-top{align-items:center;gap:12px;margin-bottom:10px;display:flex}.lv-medal{color:#4a2a0c;width:58px;height:58px;box-shadow:0 0 0 2px var(--gold-2), 0 3px 8px #00000059, inset 0 -3px 6px #78460066;background:radial-gradient(circle at 35% 30%,#fff1b8,#e3b14a 55%,#a06d1c);border:3px solid #5a3a1c;border-radius:50%;flex-direction:column;flex:none;justify-content:center;align-items:center;line-height:1;display:flex}.lv-medal small{letter-spacing:.1em;font-size:10px;font-weight:900}.lv-medal b{text-shadow:0 1px #fff9;font-size:24px;font-weight:900}.char-id{flex:1;min-width:0}.char-name{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.char-name b{font-size:18px;font-weight:900}.char-name .job{color:#fff;border:1px solid var(--gold-2);text-shadow:0 1px #0000004d;background:linear-gradient(#c0603e,#8a3a22);border-radius:999px;padding:2px 9px;font-size:12px;font-weight:800}.xp-bar{background:var(--wood-3);border:2px solid var(--gold-3);border-radius:8px;height:16px;margin-top:6px;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #0009}#char-exp-fill{transform-origin:0;background:linear-gradient(#ffe98a,#f2b134 60%,#c77d10);transition:transform .25s;position:absolute;inset:0;box-shadow:inset 0 1px #fff9}#char-exp{text-align:center;color:#fff;text-shadow:0 1px 1px #000;font-size:10px;font-weight:800;line-height:12px;position:absolute;inset:0}.pts{text-align:center;color:#e8d3a6;background:var(--wood-3);border:2px solid var(--gold-4);border-radius:12px;flex:none;padding:4px 12px}.pts small{font-size:10px;font-weight:700;display:block}.pts b{color:var(--gold-1);font-size:22px;font-weight:900;line-height:1.1;display:block}.pts.glow{border-color:#ffe27a;animation:1.4s ease-in-out infinite pts-glow}@keyframes pts-glow{50%{box-shadow:0 0 14px #ffdc6ed9}}.char-grid{grid-template-columns:1.15fr 1fr;gap:12px;display:grid}.stat-list{flex-direction:column;gap:6px;display:flex}.stat-row{background:linear-gradient(#fffaf0,#f2e2bb);border:1px solid #c9a86a;border-radius:10px;grid-template-columns:34px 1fr auto 38px;align-items:center;gap:8px;padding:6px 8px;display:grid;box-shadow:0 1px #b38b4a}.st-ico{background:var(--c);border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:17px;font-style:normal;display:flex;box-shadow:inset 0 -2px 4px #0000004d,0 0 0 2px #ffffffb3}.s-STR{--c:#e0775c}.s-DEX{--c:#7cc36a}.s-VIT{--c:#f08aa0}.s-INT{--c:#6fa7e6}.s-WIL{--c:#a98be0}.st-name{min-width:0}.st-name b{font-size:15px;font-weight:900;display:block}.st-name small{color:var(--g-ink-2);font-size:10.5px;line-height:1.25;display:block}.st-val{text-align:right;font-variant-numeric:tabular-nums;min-width:44px;font-size:22px;font-weight:900;line-height:1.1}.st-val em{color:#2f8a3c;margin-left:2px;font-size:13px;font-style:normal}.st-val .bonus{color:#2c6496;font-size:10px;font-weight:800;display:block}.st-val.up{color:#2f8a3c}.gem{width:36px;height:36px;font:inherit;color:#fff;border:2px solid var(--gold-2);text-shadow:0 1px #0006;touch-action:manipulation;background:radial-gradient(circle at 35% 30%,#9fe08f,#3f9a46 60%,#1f5c25);border-radius:50%;padding:0;font-size:20px;font-weight:900;line-height:1;box-shadow:0 2px #1a4a1f,0 3px 6px #00000040,inset 0 1px 2px #fff9}.gem:active{transform:translateY(2px);box-shadow:0 0 #1a4a1f}.gem:disabled{box-shadow:none;opacity:.55;background:radial-gradient(circle at 35% 30%,#e2dacb,#a59a86);border-color:#c9b98f}.tiles{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:6px;display:grid}.tile{text-align:center;color:#f6e7c4;background:var(--wood-3);border:1px solid var(--gold-4);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-height:64px;padding:6px 4px;display:flex;box-shadow:inset 0 2px 4px #00000073}.tile i{font-size:16px;font-style:normal;line-height:1.1}.tile small{color:#c9ab78;font-size:10px;font-weight:700}.tile b{color:var(--gold-1);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:15px;font-weight:900}.tile b em{color:#7fe08a;margin-left:2px;font-size:10px;font-style:normal}.tile.up{border-color:#7fe08a;box-shadow:inset 0 2px 4px #00000073,0 0 8px #7fe08a99}.tile.up b{color:#9ff0a6}.char-right{flex-direction:column;gap:10px;display:flex}.panel.game .pf{justify-content:flex-end;gap:10px;margin-top:auto;display:flex}.panel.game .pf .btn{min-width:96px}@media (max-height:420px){.panel.game .equip-grid,.panel.game .item-grid{padding:3px}.panel.game .ip-foot{min-height:0;margin-top:6px;padding:5px 8px}.panel.game .detail{font-size:12px;line-height:1.35}.panel.game .ph,.panel.game .ip-head{min-height:40px;margin-bottom:8px;padding-top:6px;padding-bottom:6px}.char-top{margin-bottom:6px}.lv-medal{width:48px;height:48px}.lv-medal b{font-size:20px}.stat-row{padding:3px 8px}.st-ico{width:28px;height:28px;font-size:14px}.stat-row{grid-template-columns:28px 1fr auto 34px}.gem{width:32px;height:32px}.st-name small{display:none}.tile{flex-flow:wrap;gap:0 4px;min-height:44px;padding:3px 4px}.tile i{font-size:13px}.tile b{flex-basis:100%}}@media (orientation:portrait){.char-grid{grid-template-columns:minmax(0,1fr)}.char-top{flex-wrap:wrap}}#hud-player .bar{border:2px solid var(--wood-3);box-shadow:0 0 0 1px var(--gold-2), 0 2px 4px #00000059;background:#1e140aa6}#hp-fill{background:linear-gradient(#ff9b86,#e0473c 55%,#b02a22);box-shadow:inset 0 1px #ffffff73}#sp-fill{background:linear-gradient(#9fd4ff,#3f86d8 55%,#2a5fa8);box-shadow:inset 0 1px #ffffff73}#level-text{text-align:center;color:#4a2a0c;min-width:0;text-shadow:none;border:2px solid var(--wood-3);box-shadow:0 0 0 1px var(--gold-2);background:linear-gradient(#ffe98a,#d69a26);border-radius:999px;padding:0 7px;font-size:11px;font-weight:900;line-height:16px}#hud-target .bar{border:2px solid var(--wood-3);height:10px;box-shadow:0 0 0 1px var(--gold-2)}#target-fill{background:linear-gradient(#ffc27a,#e0703a 55%,#a8461c)}.btn.round{color:var(--g-ink);border:2px solid var(--gold-3);box-shadow:0 0 0 2px var(--wood-3), 0 3px 8px #0000004d;background:radial-gradient(circle at 40% 30%,#fffaf0,#ecd6a6)}.btn.round:active{transform:scale(.92)}#minimap{border:3px solid var(--gold-3);box-shadow:0 0 0 2px var(--wood-3), 0 3px 12px #0000004d}#map-name{color:var(--gold-1);text-shadow:0 1px 2px #000,0 0 4px #0009}#attack-btn{border:4px solid var(--gold-3);box-shadow:0 0 0 3px var(--wood-3), inset 0 -4px 8px #78501e4d, 0 4px 12px #0000004d;background:radial-gradient(circle at 40% 30%,#fffaf0,#ecd6a6)}#attack-btn.down{background:radial-gradient(circle at 40% 30%,#fff1c8,#e2c27c)}#attack-btn.talk{background:radial-gradient(circle at 40% 30%,#f4fbff,#cfe6f7);border-color:#5aa0d6}.quick{border:3px solid var(--gold-3);box-shadow:0 0 0 2px var(--wood-3), 0 3px 8px #00000040;background:radial-gradient(circle at 40% 30%,#fffaf0,#ecd6a6)}.quick.empty{background:#fffaf073;border-color:#b5832fb3}#toast{color:var(--gold-1);border:2px solid var(--gold-2);text-shadow:0 1px #2a170a;background:linear-gradient(var(--wood-1), var(--wood-2));box-shadow:0 0 0 2px var(--wood-3), 0 6px 18px #00000059}#dialog{color:var(--g-ink);border:2px solid var(--gold-3);background:radial-gradient(120% 120% at 50% 0%, var(--parch-1), var(--parch-2));box-shadow:0 0 0 3px var(--wood-3), inset 0 0 0 2px #fff0c8cc, 0 8px 24px #00000059;padding-top:14px}#dialog-name{white-space:nowrap;color:var(--gold-1);background:linear-gradient(var(--wood-1), var(--wood-2));border:2px solid var(--gold-2);text-shadow:0 1px #2a170a;border-radius:999px;grid-area:1/1;place-self:start;margin-right:8px;padding:2px 14px;font-size:14px;position:relative;top:-30px;left:4px}#dialog-name small{color:#ffd38a}#start .btn.primary,#bye .btn.primary{color:#fff;border:2px solid var(--gold-2);text-shadow:0 1px #00000059;box-shadow:0 0 0 3px var(--wood-3), inset 0 1px 0 #ffffff73, 0 3px 0 #1d3f60, 0 8px 18px #00000040;background:linear-gradient(#5aa0d6,#2c6496);border-radius:14px;animation:1.8s ease-in-out infinite start-pulse}#start .btn.primary:active,#bye .btn.primary:active{transform:translateY(2px)}#install-btn{min-height:40px;color:var(--g-ink);border:2px solid var(--gold-3);box-shadow:0 0 0 2px var(--wood-3), inset 0 1px 0 #fff, 0 3px 0 var(--gold-4);background:linear-gradient(#fff4d6,#e6c98e);border-radius:14px;margin:14px auto 0;padding:6px 18px;font-size:14px;font-weight:800;display:block}#install-btn:before{content:"+";margin-right:6px;font-weight:900}#install-btn[hidden]{display:none}#install-btn:active{transform:translateY(2px)}#install-btn:disabled{opacity:.7}#install-sheet{z-index:30;background:#140e08b8}.install-card{width:min(380px,100%)}#install-steps{margin:4px 0 0;padding-left:1.6em;font-size:15px;line-height:1.5}#install-steps li{margin:0 0 12px;padding-left:2px}#install-steps li::marker{color:var(--wood-1);font-weight:900}#install-steps small{color:var(--g-ink-2);font-size:12px;display:block}#install-note{text-align:center}.ig-ico{vertical-align:-5px;color:#2c78d6;width:22px;height:22px;margin:0 2px;display:inline-block}.ig-key{text-align:center;border:1px solid var(--gold-3);background:#fff;border-radius:6px;min-width:26px;padding:0 6px;font-weight:900;display:inline-block}#install-arrow{color:#ffd76a;filter:drop-shadow(0 2px 4px #0009);pointer-events:none;width:48px;height:64px;position:absolute}#install-arrow svg{width:100%;height:100%}#install-arrow[data-dir=down]{left:calc(50% - 24px);bottom:calc(var(--safe-b) + 4px);animation:1s ease-in-out infinite ig-down}#install-arrow[data-dir=up-right]{right:calc(var(--safe-r) + 18px);top:calc(var(--safe-t) + 4px);animation:1s ease-in-out infinite ig-up;transform:rotate(180deg)}#install-arrow[data-dir=none]{display:none}@keyframes ig-down{50%{transform:translateY(10px)}}@keyframes ig-up{0%,to{transform:rotate(180deg)}50%{transform:rotate(180deg)translateY(10px)}}@keyframes start-pulse{50%{box-shadow:0 0 0 3px var(--wood-3), inset 0 1px 0 #ffffff73, 0 3px 0 #1d3f60, 0 0 22px #ffdc78e6}}#update-bar{color:var(--gold-1);border:2px solid var(--gold-2);text-shadow:0 1px #2a170a;background:linear-gradient(var(--wood-1), var(--wood-2));box-shadow:0 0 0 2px var(--wood-3), 0 6px 18px #00000059}.skill,#skill-page{color:var(--g-ink);border:3px solid var(--gold-3);box-shadow:0 0 0 2px var(--wood-3), 0 3px 8px #00000047;background:radial-gradient(circle at 40% 30%,#fffaf0,#ecd6a6)}.skill .rk{color:var(--wood-1);font-weight:900}.skill.empty{background:#fffaf06b;border-style:dashed;border-color:#b5832fb3}.skill.empty .plus{color:#2a262073}.skill.nosp{filter:saturate(.25)brightness(.85);border-color:#4a8fe0}#skill-page{background:linear-gradient(var(--wood-1), var(--wood-2));color:var(--gold-1);border-width:2px}.skill:not(.empty){box-shadow:0 0 0 2px var(--wood-3), inset 0 0 0 2px #ffecaabf, inset 0 0 10px #ffbe5073, 0 3px 8px #00000047}.skill:not(.empty):before{content:"";z-index:2;pointer-events:none;background:linear-gradient(#ffffff8c,#fff0);border-radius:50%;height:36%;position:absolute;top:5%;left:14%;right:14%}.skill.cooling:before,.skill.nosp:before{opacity:.25}.skill.down{animation:.5s ease-out sk-cast}@keyframes sk-cast{0%{box-shadow:0 0 0 2px var(--wood-3), 0 0 0 0 #ffc850f2, 0 0 6px 2px #ffe696e6;filter:brightness(1.5);transform:scale(.86)}60%{box-shadow:0 0 0 2px var(--wood-3), 0 0 0 10px #ffb43c00, 0 0 22px 6px #ffd26e8c;filter:brightness(1.15);transform:scale(1.06)}to{transform:scale(1)}}.skill.ready{animation:.7s ease-out sk-ready}.skill.ready:after{background:conic-gradient(from calc(var(--sweep,0) * 1deg), #fff5c800 0deg, #fff5c8d9 40deg, #fff5c800 80deg);animation:.6s linear sk-sweep}@property --sweep{syntax:"<number>";inherits:false;initial-value:0}@keyframes sk-sweep{0%{--sweep:0}to{--sweep:360}}@keyframes sk-ready{0%{filter:brightness(1.6)}to{filter:none}}.buff{border:2px solid var(--gold-3);box-shadow:0 0 0 1px var(--wood-3);background:linear-gradient(#fff4d6,#e6c98e)}#skill-panel{z-index:25;background:#140e0880}.panel.game.skill-panel{width:min(680px,100%)}.skill-body{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:12px;display:grid}.sk-pts{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.sk-pts b{font-size:20px;display:inline}.sk-list{flex-direction:column;gap:6px;display:flex}.sk-row{font:inherit;text-align:left;color:var(--g-ink);touch-action:manipulation;background:linear-gradient(#fffaf0,#f2e2bb);border:1px solid #c9a86a;border-radius:10px;grid-template-columns:40px 1fr auto;align-items:center;gap:8px;padding:6px 8px;display:grid;position:relative;box-shadow:0 1px #b38b4a}.sk-row.sel{outline:2px solid var(--gold-3);box-shadow:0 0 10px #e9c46acc}.sk-row.locked{opacity:.6}.sk-ico{background:radial-gradient(circle at 50% 35%,#5b4330,#2f2116);border:2px solid #7a5a34;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;display:flex}.sk-ico.big{flex:none;width:52px;height:52px;font-size:28px}.sk-name b{font-weight:900;display:block}.sk-name small{color:var(--g-ink-2);font-size:11px}.pips{gap:3px;display:flex}.pips i{text-align:center;color:#c9ab78;background:var(--wood-3);border:1px solid var(--gold-4);border-radius:5px;width:20px;height:20px;font-size:11px;font-style:normal;font-weight:900;line-height:18px}.pips i.on{color:#4a2a0c;border-color:var(--gold-3);background:linear-gradient(#ffe98a,#d69a26)}.sk-row .new{color:#fff;text-align:center;background:#e0524a;border-radius:50%;width:18px;height:18px;font-size:12px;font-weight:900;line-height:18px;position:absolute;top:-6px;right:-6px}.sk-detail{background:#fffaebbf;border:1px solid #7a532066;border-radius:10px;align-self:start;padding:10px}.sd-head{align-items:center;gap:10px;display:flex}.sd-head b{font-size:17px;font-weight:900}.tag{color:#fff;background:linear-gradient(#5aa0d6,#2c6496);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:800}.sd-desc{margin:8px 0;font-size:13px}.sd-now,.sd-next{background:#3c281414;border-radius:8px;margin:4px 0;padding:4px 8px;font-size:13px;font-weight:700}.sd-now small,.sd-next small{min-width:30px;color:var(--wood-1);font-weight:900;display:inline-block}.sd-next em{color:var(--g-ink-2);font-size:11px;font-style:normal;display:block}.sd-actions{flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0;display:flex}.sd-actions .why{color:#c0392b;font-size:12px;font-weight:700}.sk-empty{background:linear-gradient(#fffaf0,#f2e2bb);border:1px dashed #b38b4a;border-radius:10px;align-items:flex-start;gap:12px;padding:12px;display:flex}.sk-empty b{font-size:15px;font-weight:900}.sk-empty p{color:var(--g-ink-2);margin:4px 0 8px;font-size:13px}#skill-panel.empty .skill-body{grid-template-columns:minmax(0,1fr)}#skill-panel.empty .sk-detail{display:none}.t-melee,.t-cone,.t-circle,.t-line{--tc1:#f08a4b;--tc2:#b8452a}.t-buff{--tc1:#f2c14e;--tc2:#c27a1c}.t-passive{--tc1:#5ec4b6;--tc2:#2c7f8a}.t-projectile,.t-summon,.t-zone{--tc1:#8f8af0;--tc2:#4a3fb0}.sk-row[class*=t-]{border-left:5px solid var(--tc2,#c9a86a)}.sk-row.learned .sk-ico{box-shadow:0 0 0 2px var(--tc1,#e9c46a), 0 0 8px var(--tc1,#e9c46a)}.sk-row.locked .sk-ico{filter:grayscale(.8)brightness(.85)}.sk-detail{overflow:hidden}.sd-head{z-index:0;color:#fff;background:radial-gradient(circle at 18% 50%, #ffffff59, transparent 45%), linear-gradient(135deg, var(--tc1,#d9a65a), var(--tc2,#8a5a2a));text-shadow:0 1px 2px #00000073;border-bottom:2px solid #ffecb4b3;margin:-10px -10px 0;padding:12px 12px 10px;position:relative}.sd-head:after{content:"";z-index:-1;pointer-events:none;opacity:.18;background:repeating-linear-gradient(135deg,#fff 0 2px,#0000 2px 12px);position:absolute;inset:0}.sd-head small{color:#fffaebeb}.sd-head .tag{background:#00000047;border:1px solid #ffffff8c}.sk-medal{flex:none;padding:6px;display:flex;position:relative}.sk-medal:before{content:"";z-index:-1;background:repeating-conic-gradient(#fff6d2d9 0 8deg, transparent 8deg 30deg);border-radius:50%;animation:14s linear infinite sk-rays;position:absolute;inset:-8px;-webkit-mask:radial-gradient(circle,#000 30%,#0000 70%);mask:radial-gradient(circle,#000 30%,#0000 70%)}.sk-medal .sk-ico.big{border-color:#ffe7a8;box-shadow:0 0 0 2px #50280a80,0 0 14px #ffe6a0e6}@keyframes sk-rays{to{transform:rotate(360deg)}}.sd-rank{align-items:center;gap:6px;margin-top:2px;display:flex}.stars{gap:2px;display:inline-flex}.stars i{clip-path:polygon(50% 0,62% 35%,100% 38%,70% 60%,80% 100%,50% 77%,20% 100%,30% 60%,0 38%,38% 35%);background:#0000004d;width:12px;height:12px}.stars i.on{background:linear-gradient(#fff6b0,#f0b830)}@media (prefers-reduced-motion:reduce){.sk-medal:before{animation:none}}.sd-slots small{color:var(--g-ink-2);margin-bottom:4px;font-size:11px;display:block}.chips{flex-wrap:wrap;gap:5px;display:flex}.slot-chip{width:34px;height:34px;font:inherit;color:var(--g-ink);border:2px solid var(--gold-3);touch-action:manipulation;background:linear-gradient(#fff4d6,#e6c98e);border-radius:50%;padding:0;font-weight:900;position:relative}.slot-chip.on{color:#fff;border-color:var(--gold-2);background:linear-gradient(#5aa0d6,#2c6496)}.slot-chip small{font-size:11px;position:absolute;top:-6px;right:-5px}@media (orientation:portrait){.skill-body{grid-template-columns:minmax(0,1fr)}}@media (max-height:420px){.sk-row{padding:4px 8px}.sk-ico{width:34px;height:34px;font-size:18px}.sd-desc{margin:4px 0}}#dev-choice{margin:4px 0 14px}#dev-choice[hidden]{display:none}.choice-title{color:var(--wood-1);margin-bottom:6px;font-size:13px;font-weight:800}.char-cards{flex-wrap:wrap;justify-content:center;gap:10px;max-width:min(560px,92vw);margin:0 auto;display:flex}.char-card{width:112px;font:inherit;color:var(--g-ink);touch-action:manipulation;background:linear-gradient(#fffaf0,#f2e2bb);border:2px solid #c9a86a;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:10px 6px 8px;display:flex;position:relative;box-shadow:0 2px #b38b4a,0 4px 10px #0000001f}.char-card .cc-ico{font-size:34px;line-height:1.1}.char-card b{font-size:15px;font-weight:900}.char-card small{color:var(--g-ink-2);font-size:11px}.char-card.sel{border-color:var(--gold-3);box-shadow:0 0 0 3px var(--gold-2), 0 0 16px #e9c46ae6}.char-card.sel:after{content:"✓";color:#fff;background:#3f9a46;border-radius:50%;width:22px;height:22px;font-size:13px;font-weight:900;line-height:22px;position:absolute;top:-8px;right:-8px}.title-buttons{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}#start .btn.big:not(.primary){color:var(--g-ink);border:2px solid var(--gold-3);box-shadow:0 0 0 3px var(--wood-3), inset 0 1px 0 #fff, 0 3px 0 var(--gold-4);background:linear-gradient(#fff4d6,#e6c98e);border-radius:14px}@media (max-height:420px){#dev-choice{margin:0 0 8px}.char-card{width:104px;padding:6px 6px 4px}.char-card .cc-ico{font-size:26px}.btn.big{min-width:150px;min-height:44px;padding:8px 20px;font-size:16px}#install-btn{min-height:34px;margin-top:8px;padding:4px 14px;font-size:13px}}#portrait{border:3px solid var(--gold-3);box-shadow:0 0 0 2px var(--wood-3), 0 3px 8px #00000059;background:radial-gradient(circle at 40% 30%,#fff6dc,#e2c38a)}#menu-pop{background:radial-gradient(120% 120% at 50% 0%, var(--parch-1), var(--parch-2));border:2px solid var(--gold-3);box-shadow:0 0 0 2px var(--wood-3), 0 8px 20px #00000059}.menu-item{color:var(--g-ink);background:linear-gradient(#fffaf0,#f2e2bb);border:1px solid #c9a86a}.menu-item:active{transform:translateY(1px)}#exp-strip{background:#1e140a8c;border-top:1px solid #e9c46a99}#exp-fill{background:linear-gradient(#ffe98a,#f2b134 60%,#c77d10)}.overlay.side{pointer-events:none;z-index:12;background:0 0;justify-content:flex-end;align-items:center}.overlay.side>.panel{pointer-events:auto;width:min(400px,48vw);max-height:calc(var(--app-h,100dvh) - 24px);flex-direction:column;padding-bottom:0;display:flex;overflow:hidden}.overlay.side>.panel .ph{flex:none}#dev-body,#look-body{overscroll-behavior:contain;flex:1;min-height:0;padding-bottom:14px;overflow-y:auto}@media (orientation:portrait){.overlay.side{padding-bottom:calc(var(--safe-b) + 8px);justify-content:center;align-items:flex-end}.overlay.side>.panel{width:100%;height:52%;max-height:none}}#ui #toast{left:var(--view-cx,50%)}.lk-row{align-items:center;gap:8px;margin:8px 0;display:flex}.lk-h{width:64px;color:var(--wood-1);flex:none;font-size:13px;font-weight:900}.lk-opts{flex-wrap:wrap;gap:6px;margin:6px 0;display:flex}.chip{font:inherit;color:var(--g-ink);touch-action:manipulation;background:linear-gradient(#fffaf0,#f2e2bb);border:2px solid #c9a86a;border-radius:999px;min-height:34px;padding:6px 10px;font-size:13px;font-weight:800}.chip.sel{color:#fff;border-color:var(--gold-2);text-shadow:0 1px #00000059;background:linear-gradient(#5aa0d6,#2c6496)}.chip.worn{background:linear-gradient(#e7f6dc,#c8e6b4);border-color:#7fc36a}.lk-gender{border:2px solid #c9a86a;border-radius:12px;flex:1;max-width:260px;display:flex;overflow:hidden}.lk-g{font:inherit;color:var(--g-ink);touch-action:manipulation;background:linear-gradient(#fffaf0,#f2e2bb);border:0;flex:1;min-height:40px;font-size:15px;font-weight:900}.lk-g+.lk-g{border-left:2px solid #c9a86a}.lk-g.sel{color:#fff;text-shadow:0 1px #00000059;background:linear-gradient(#5aa0d6,#2c6496)}.swatch{touch-action:manipulation;border:3px solid #fffaf0;border-radius:50%;width:34px;height:34px;padding:0;box-shadow:0 0 0 2px #c9a86a}.swatch.sel{box-shadow:0 0 0 3px var(--gold-3), 0 0 10px #e9c46ae6;transform:scale(1.08)}.dv-tabs{flex:none;gap:4px;margin:-4px 0 8px;display:flex}.dv-tabs button{min-width:0;font:inherit;color:var(--g-ink);touch-action:manipulation;white-space:nowrap;background:linear-gradient(#fffaf0,#eedcb2);border:2px solid #c9a86a;border-radius:8px;flex:1;padding:7px 2px;font-size:13px;font-weight:900}.dv-tabs button.sel{color:var(--gold-1);background:linear-gradient(var(--wood-1), var(--wood-2));border-color:var(--gold-3)}.dv-row{flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0;display:flex}.dv-row .btn.small,.dv-item .btn.small,.dv-stat .btn.small{min-height:34px;padding:4px 10px}.dv-input{font:inherit;border:2px solid var(--gold-3);color:var(--g-ink);background:#fffaf0;border-radius:8px;flex:1;min-width:0;padding:6px 10px;font-weight:800}.dv-input.num{flex:none;width:76px}.dv-stats{flex-direction:column;gap:4px;display:flex}.dv-stat{align-items:center;gap:6px;display:flex}.dv-stat b{width:40px}.dv-stat span{text-align:right;font-variant-numeric:tabular-nums;width:36px;margin-right:auto;font-weight:900}.dv-items{flex-direction:column;gap:4px;display:flex}.dv-item{background:linear-gradient(#fffaf0,#f2e2bb);border:1px solid #c9a86a;border-radius:10px;align-items:center;gap:6px;padding:4px 8px;display:flex}.dv-item.worn{background:linear-gradient(#f2fbe9,#d8efc6);border:2px solid #7fc36a}.dv-item .ico{text-align:center;flex:none;width:30px;font-size:22px}.dv-item .nm{flex-direction:column;flex:1;min-width:0;line-height:1.2;display:flex}.dv-item .nm b{text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 1px var(--g,transparent);font-weight:900;overflow:hidden}.dv-item .nm small{color:var(--g-ink-2);font-size:11px}.dev-panel h3 small,.look-panel h3 small{color:var(--g-ink-2);font-size:12px;font-weight:700}.dev-panel label.row{gap:8px;margin:6px 0}#dev-btn[hidden]{display:none}.gi{pointer-events:none;flex:none;width:100%;height:100%;display:block;overflow:visible}.ico,.cc-ico,.st-ico,.sk-ico,.tile i,.buff i,.menu-item i,#portrait-ico,.btn.round i,.chip .gi-box{flex:none;justify-content:center;align-items:center;display:flex}.cell .ico{width:auto;height:auto;line-height:0;position:absolute;inset:14%}.quick .ico{line-height:0;position:absolute;inset:17%}#ui .skill .ico,.skill .ico{line-height:0;position:absolute;inset:2px}.btn.round i{width:62%;height:62%;margin:auto}.btn.round{justify-content:center;align-items:center;display:inline-flex}#attack-btn .gi{width:58%;height:58%;margin:0;position:absolute;top:21%;left:21%}#portrait-ico{position:absolute;inset:2px}.menu-item i{width:22px;height:22px}.st-ico .gi{width:70%;height:70%}.sk-ico{padding:2px}.tile i{width:20px;height:20px;margin-bottom:2px}.buff i{width:18px;height:18px}.shop-row .ico,.dv-item .ico{width:30px;height:30px}.d-name .ico{vertical-align:middle;width:26px;height:26px;margin-right:6px;display:inline-flex}.char-card .cc-ico{width:44px;height:44px;margin-bottom:2px}.slot-chip small{width:16px;height:16px}.chip .gi{vertical-align:-4px;width:18px;height:18px;margin-right:2px;display:inline-block}.sd-slots .chips{grid-template-columns:repeat(4,minmax(0,1fr)) 8px repeat(4,minmax(0,1fr));gap:6px;display:grid}.sd-slots .slot-chip{aspect-ratio:1;justify-self:center;width:100%;max-width:40px;height:auto}.sd-slots .slot-chip:nth-child(5){grid-column:6}.skill .rk{z-index:2;color:#ffe7a8;background:#2a1a0ec7;border-radius:6px;padding:1px 5px;font-size:9px;bottom:2px;left:50%;right:auto;transform:translate(-50%)}.skill:after{z-index:1}.skill em{z-index:3}body.creating #ui{visibility:hidden}.create-panel .ph{padding-left:0}.cc-steps{flex:none;gap:6px;margin:2px 0 8px;padding:0;list-style:none;display:flex}.cc-steps li{color:var(--g-ink-2);white-space:nowrap;background:#7a53201f;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:5px;padding:5px 4px;font-size:13px;font-weight:900;display:flex}.cc-steps li b{color:#fff;background:#7a532073;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;display:inline-flex}.cc-steps li.on{color:var(--gold-1);background:linear-gradient(var(--wood-1), var(--wood-2));box-shadow:0 0 0 2px var(--gold-3)}.cc-steps li.on b{background:var(--gold-3);color:var(--wood-1)}.cc-steps li.done b{background:#3f9a46}.cc-body{overscroll-behavior:contain;flex:1;min-height:0;padding-bottom:8px;overflow-y:auto}.cc-lead{color:var(--g-ink);margin:4px 0 10px;font-size:14px;font-weight:700}.cc-name{box-sizing:border-box;width:100%;font:inherit;text-align:center;border:2px solid var(--gold-3);color:var(--g-ink);background:#fffaf0;border-radius:12px;padding:10px 12px;font-size:20px;font-weight:900;display:block;box-shadow:inset 0 2px 4px #0000001f}.cc-name:focus{box-shadow:0 0 0 3px var(--gold-2), inset 0 2px 4px #0000001f;outline:none}.cc-hint{text-align:center;color:var(--g-ink-2);margin:8px 0 0;font-size:13px;font-weight:700}.cc-hint.bad{color:#b3382c}.cc-lines{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.cc-line{font:inherit;color:var(--g-ink);text-align:center;touch-action:manipulation;background:linear-gradient(#fffaf0,#f2e2bb);border:2px solid #c9a86a;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:10px 6px 8px;display:flex;position:relative;box-shadow:0 2px #b38b4a}.cc-line .cc-ico{width:44px;height:44px}.cc-line b{font-size:15px;font-weight:900}.cc-line small{color:var(--g-ink-2);font-size:12px;line-height:1.35}.cc-line.sel{border-color:var(--gold-3);box-shadow:0 0 0 3px var(--gold-2), 0 0 14px #e9c46ae6}.cc-line.sel:after{content:"✓";color:#fff;background:#3f9a46;border-radius:50%;width:22px;height:22px;font-size:13px;font-weight:900;line-height:22px;position:absolute;top:-8px;right:-8px}.cc-line.soon{opacity:.55;filter:grayscale(.6);cursor:default}.cc-foot{border-top:1px solid #7a532040;flex:none;gap:8px;padding:8px 0 12px;display:flex}.cc-foot .btn{flex:1;min-height:46px;font-size:16px;font-weight:900}.cc-foot .cc-prev{flex:0 0 34%}.cc-foot .cc-prev[hidden]{display:none}.cc-foot .cc-next.dim{opacity:.6}.cc-foot .cc-next.go{font-size:17px}@media (max-height:420px){.cc-steps{margin-bottom:4px}.cc-lead{margin:2px 0 6px;font-size:13px}.cc-line{padding:6px 4px 5px}.cc-line .cc-ico{width:34px;height:34px}.cc-foot{padding:6px 0 8px}.cc-foot .btn{min-height:40px}}.menu-item.sep{margin-top:4px}.menu-item.sep:before{content:"";border-top:1px solid #7a532059;position:absolute;top:-5px;left:6px;right:6px}#confirm{z-index:30;background:#140c0473}.confirm-panel{width:min(360px,100%);padding-bottom:14px}.confirm-panel .ph{padding-left:0}#confirm-msg{color:var(--g-ink);text-align:center;white-space:pre-line;margin:6px 4px 14px;font-size:15px;font-weight:700;line-height:1.5}.cf-buttons{gap:10px;display:flex}.cf-buttons .btn{flex:1;min-height:46px;font-size:16px;font-weight:900}.cf-buttons .btn[hidden]{display:none}.panel.game .cf-buttons .btn.primary.danger{background:linear-gradient(#e0705a,#a83a2a);border-color:#f0b0a0;box-shadow:inset 0 1px #fff6,0 2px #6a1e14,0 3px 6px #0003}.cf-field{box-sizing:border-box;width:100%;font:inherit;border:2px solid var(--gold-3);color:var(--g-ink);background:#fffaf0;border-radius:10px;margin:-4px 0 14px;padding:10px 12px;font-size:16px;font-weight:800;display:block;box-shadow:inset 0 2px 4px #0000001f}.cf-field[hidden]{display:none}textarea.cf-field{word-break:break-all;resize:none;font-family:ui-monospace,Menlo,monospace;font-size:13px;font-weight:600}.cf-field:focus{box-shadow:0 0 0 3px var(--gold-2), inset 0 2px 4px #0000001f;outline:none}#bye{z-index:40;background:radial-gradient(circle at 50% 40%,#fff8e8 0%,#ffe9c7 45%,#f5c99a 100%)}#bye .title-card p.small{color:var(--ink-2);margin-bottom:16px;font-size:13px}#server-pick{justify-content:center;margin:0 0 10px;display:flex;position:relative}#server-btn{min-height:36px;font:inherit;color:var(--g-ink);border:2px solid var(--gold-3);box-shadow:0 0 0 2px var(--wood-3), inset 0 1px 0 #fff, 0 2px 0 var(--gold-4);touch-action:manipulation;cursor:pointer;background:linear-gradient(#fffaf0,#f2e2bb);border-radius:999px;align-items:center;gap:7px;padding:5px 14px 5px 12px;font-size:14px;display:inline-flex}#server-btn:active{transform:translateY(1px)}#server-btn .sv-label{color:var(--g-ink-2);font-size:12px;font-weight:800}#server-btn b{font-weight:900}#server-btn .sv-state{color:#2f7d3a;font-size:12px;font-weight:800}#server-btn .sv-caret{color:var(--g-ink-2);font-size:11px}.sv-dot{background:#46b04f;border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 0 2px #46b04f40,0 0 6px #46b04fcc}#server-list{z-index:3;border:2px solid var(--gold-3);background:radial-gradient(120% 120% at 50% 0%, var(--parch-1), var(--parch-2));min-width:220px;box-shadow:0 0 0 2px var(--wood-3), 0 8px 20px #0000004d;text-align:left;border-radius:12px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}#server-list[hidden]{display:none}#server-list li{color:var(--g-ink);cursor:pointer;background:linear-gradient(#fffaf0,#f2e2bb);border:1px solid #c9a86a;border-radius:8px;align-items:center;gap:8px;padding:9px 10px;font-size:14px;display:flex}#server-list li.sel{border:2px solid var(--gold-2);box-shadow:0 0 8px #e9c46acc}#server-list li b{font-weight:900}#server-list li small{color:#2f7d3a;font-size:12px;font-weight:800}#server-list li em{color:#fff;background:linear-gradient(#e0705a,#a83a2a);border-radius:999px;margin-left:auto;padding:2px 7px;font-size:11px;font-style:normal;font-weight:900}#start.cine #server-btn{box-shadow:0 0 0 2px var(--wood-3), 0 3px 10px #00000059}#start #install-btn{top:calc(var(--safe-t) + 10px);right:calc(var(--safe-r) + 12px);z-index:2;min-height:30px;box-shadow:0 0 0 1.5px var(--wood-3), inset 0 1px 0 #fff, 0 2px 0 var(--gold-4);border-width:1.5px;border-radius:999px;margin:0;padding:3px 12px;font-size:12.5px;position:absolute}#start:not(.menu-open) #install-btn{display:none}@media (min-width:900px) and (min-height:640px){body.pc .panel.game.char-panel{width:min(800px,100%)}body.pc .stat-row{grid-template-columns:46px 1fr auto 42px;gap:10px;padding:8px 10px}body.pc .st-ico{width:46px;height:46px}body.pc .st-name b{font-size:17px}body.pc .st-name small{font-size:12px}body.pc .st-val{font-size:25px}body.pc .gem{width:40px;height:40px;font-size:22px}body.pc .tiles{gap:8px}body.pc .tile{min-height:82px}body.pc .tile i{width:30px;height:30px;margin-bottom:3px}body.pc .tile small{font-size:12px}body.pc .tile b{font-size:18px}}body.pc .overlay>.panel.game{zoom:var(--ui)}@media (orientation:landscape){body.pc .overlay.side>.panel{width:min(400px, calc(48vw / var(--ui)));max-height:calc((var(--app-h,100dvh) - 24px) / var(--ui))}}body.pc #bigmap{width:min(100%, calc((var(--app-h,100vh) - 150px) / var(--ui)), 480px)}body.pc #settings>.panel{width:min(460px,100%)}.plate .qm{color:#ffd84a;--ol:#3a2208;text-shadow:-2px -2px 0 var(--ol), 2px -2px 0 var(--ol), -2px 2px 0 var(--ol), 2px 2px 0 var(--ol), 0 0 3px var(--ol), 0 0 12px #ffd250d9;margin:0 auto 1px;font-family:system-ui,-apple-system,sans-serif;font-size:27px;font-weight:900;line-height:1;animation:.9s ease-in-out infinite alternate qm-bob;display:block}.plate .qm.gray{color:#d6d0c4;text-shadow:-2px -2px #3a3530,2px -2px #3a3530,-2px 2px #3a3530,2px 2px #3a3530;animation:none}.plate.portal .qm{font-size:22px}@keyframes qm-bob{0%{transform:translateY(0)}to{transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.plate .qm{animation:none}}body.pc .plate .qm{font-size:32px}.map-legend .lg-q{color:#e9a21a;text-shadow:0 1px #3a2208;margin:0 2px 0 4px;font-weight:900}#quest-track{text-align:left;font:inherit;touch-action:manipulation;color:var(--gold-1);border:2px solid var(--gold-3);border-left:4px solid var(--gold-2);cursor:pointer;box-shadow:0 0 0 1px var(--wood-3), 0 3px 10px #0000004d;background:linear-gradient(#4a2d17e6,#2a1a0ee6);border-radius:10px;flex-direction:column;align-items:flex-start;gap:1px;padding:5px 10px 6px 12px;display:flex}#quest-track[hidden]{display:none}#quest-track:active{transform:scale(.97)}#quest-track .qt-title{color:#e9c98a;letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10.5px;font-weight:800;overflow:hidden}#quest-track .qt-goal{color:#fff6dc;text-shadow:0 1px #2a170a;font-size:13px;font-weight:900;line-height:1.25}#quest-track .qt-goal:before{content:"";background:#ffd84a;border-radius:50%;width:7px;height:7px;margin:0 6px 1px 0;display:inline-block;box-shadow:0 0 6px #ffd84ae6}#quest-track.ready{border-left-color:#8ee08a}#quest-track.ready .qt-goal{color:#c9f5b8}#quest-track.ready .qt-goal:before,#quest-track.new .qt-goal:before{width:auto;height:auto;box-shadow:none;color:#ffd84a;background:0 0;font-size:14px;line-height:1}#quest-track.ready .qt-goal:before{content:"?"}#quest-track.new .qt-goal:before{content:"!"}#quest-track.bump{animation:.45s ease-out qt-bump}@keyframes qt-bump{0%{box-shadow:0 0 0 1px var(--wood-3), 0 0 16px #ffd84ae6;transform:scale(1.08)}to{transform:scale(1)}}body.pc #quest-track{padding:7px 12px 8px 14px}body.pc #quest-track .qt-title{font-size:12.5px}body.pc #quest-track .qt-goal{font-size:15.5px}body.pc #quest-track kbd.hk{top:4px;left:auto;right:4px;transform:none}#tip{color:#fff6dc;border:2px solid var(--gold-2);text-shadow:0 1px #2a170a;box-shadow:0 0 0 2px var(--wood-3), 0 6px 18px #00000059;background:linear-gradient(#4a2d17f0,#2a1a0ef0);border-radius:999px;align-items:center;gap:8px;padding:7px 14px 7px 8px;font-size:14px;font-weight:800;line-height:1.35;display:flex}#tip[hidden]{display:none}#tip.show{animation:.35s cubic-bezier(.3,1.5,.5,1) tip-in}#tip .tip-tag{color:#3a2208;text-shadow:none;background:linear-gradient(#ffe98a,#e9b949);border-radius:999px;flex:none;padding:1px 8px;font-size:11px;font-weight:900}@keyframes tip-in{0%{opacity:0;transform:translate(-50%,10px)scale(.92)}}body.pc #tip{padding:9px 18px 9px 10px;font-size:16px}.tip-glow{animation:.9s ease-in-out infinite alternate tip-glow}@keyframes tip-glow{0%{box-shadow:0 0 0 2px var(--wood-3), 0 0 4px 2px #ffd84a80}to{box-shadow:0 0 0 2px var(--wood-3), 0 0 18px 8px #ffd84af2}}#stick-hint.tip-glow{border-color:#ffe27af2}#dialog-quest{flex-wrap:wrap;grid-area:1/1;align-items:center;gap:2px 7px;max-width:520px;margin:4px 2px 8px;display:flex}#dialog.quest>.buttons{grid-area:2/1}#dialog-quest[hidden]{display:none}#dialog-quest b{color:var(--wood-2);font-size:14.5px;font-weight:900}#dialog-quest .dq-kind{color:#fff;background:linear-gradient(#c0634a,#8a3324);border:1px solid #5a1e12;border-radius:6px;padding:0 7px;font-size:11px;font-weight:900;line-height:17px}#dialog-quest .dq-head{color:#3f7d2e;font-size:11.5px;font-weight:900}#dialog-quest .dq-reward{color:var(--g-ink-2);flex-basis:100%;font-size:12px;font-weight:800}#dialog-ok[hidden]{display:none}body.pc #dialog-quest b{font-size:17px}body.pc #dialog-quest .dq-kind{font-size:12.5px;line-height:19px}body.pc #dialog-quest .dq-head{font-size:13px}body.pc #dialog-quest .dq-reward{font-size:14px}#quest-panel{z-index:25;background:#140e0880}.panel.game.quest-panel{width:min(520px,100%);max-height:calc(var(--app-h,100dvh) - 24px);flex-direction:column;padding-bottom:0;display:flex;overflow:hidden}.quest-panel .ph,.qp-tabs{flex:none}.qp-body{overscroll-behavior:contain;flex:1;min-height:120px;padding:2px 2px 14px;overflow-y:auto}.qp-list{flex-direction:column;gap:8px;display:flex}.qp-card{color:var(--g-ink);background:linear-gradient(#fffaf0,#f3e3bd);border:1px solid #c9a86a;border-left-width:4px;border-radius:12px;padding:9px 11px 9px 12px;position:relative;box-shadow:0 1px #b38b4a}.qp-card.tracked{border-color:var(--gold-3);border-left-color:var(--gold-2);box-shadow:0 0 0 2px #e9c46a99,0 0 12px #e9c46a80}.qp-card.ready{border-left-color:#7fc36a}.qp-card.done{opacity:.92;background:linear-gradient(#f8f1e0,#ecdcb6)}.qp-top{flex-wrap:wrap;align-items:baseline;gap:7px;display:flex}.qp-kind{color:#fff;border:1px solid #00000059;border-radius:6px;flex:none;padding:0 7px;font-size:11px;font-weight:900;line-height:17px}.qp-kind.main{background:linear-gradient(#c0634a,#8a3324)}.qp-kind.sub{background:linear-gradient(#6fb25a,#3f7d2e)}.qp-kind.guild{background:linear-gradient(#5aa0d6,#2c6496)}.qp-title{font-size:15px;font-weight:900}.qp-npc{color:var(--g-ink-2);margin-left:auto;font-size:11.5px;font-weight:800}.qp-goal{color:var(--wood-2);align-items:center;gap:7px;margin-top:5px;font-size:14px;font-weight:900;display:flex}.qp-dot{background:#e9b949;border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 1px #7a5320}.qp-q{color:#e9a21a;text-shadow:0 1px #6a3a0c;flex:none;font-size:15px;font-style:normal;font-weight:900}.qp-reward{color:var(--g-ink-2);margin-top:3px;font-size:12px;font-weight:700}.qp-sum{color:var(--g-ink);margin:4px 0 0;font-size:13px;line-height:1.45}.qp-btns{justify-content:flex-end;align-items:center;gap:6px;margin-top:4px;display:flex}.qp-btns .btn.small{min-height:30px;padding:3px 12px}.qp-tracking{color:#3f7d2e;font-size:12px;font-weight:900}.qp-tracking:before{content:"◆ ";color:var(--gold-3)}.qp-empty{text-align:center;color:var(--g-ink-2);flex-direction:column;align-items:center;gap:6px;padding:18px 12px;font-size:14px;font-weight:700;display:flex}.qp-empty p{margin:0;line-height:1.5}.qp-empty-ico{opacity:.8;width:52px;height:52px}.qp-mark{color:#e9a21a;font-weight:900}.qp-item{background:linear-gradient(#fffaf0,#f3e3bd);border:1px solid #c9a86a;border-radius:12px;align-items:center;gap:10px;padding:7px 10px;display:flex}.qp-ico{background:radial-gradient(circle at 50% 35%,#5b4330,#2f2116);border:2px solid #7a5a34;border-radius:9px;flex:none;width:38px;height:38px;padding:3px;display:flex}.qp-inm{flex-direction:column;min-width:0;line-height:1.3;display:flex}.qp-inm b{font-size:14px;font-weight:900}.qp-inm b small{color:#3f7d2e;font-size:12px}.qp-inm>small{color:var(--g-ink-2);font-size:12px}body.pc .qp-title{font-size:17px}body.pc .qp-goal{font-size:16px}body.pc .qp-reward,body.pc .qp-sum{font-size:14px}@media (max-height:420px){.qp-card{padding:7px 10px}.qp-goal{margin-top:3px}}#ui #version{display:none}#ui #hud-player{top:calc(var(--safe-t) + 8px);left:calc(var(--safe-l) + 10px);pointer-events:none;align-items:flex-start;gap:6px;width:auto;display:flex;position:absolute;bottom:auto;right:auto}#portrait{border-radius:50%;flex:none;justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:relative}#portrait-ico{font-size:26px;line-height:1}#ui #level-text{white-space:nowrap;min-width:0;padding:0 6px;font-size:10px;line-height:15px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)}#hud-player .bars{width:min(190px,28vw);padding-top:4px}#ui #hud-player .bar{margin:0 0 4px;position:relative;overflow:hidden}#ui #hud-player .bar.hp{border-radius:9px;height:18px}#ui #hud-player .bar.sp{border-radius:8px;height:16px}#hp-text,#sp-text{color:#fff;text-shadow:0 1px 2px #000000b3;white-space:nowrap;justify-content:center;align-items:center;font-weight:800;line-height:1;display:flex;position:absolute;inset:0}#ui #hp-text{font-size:11px}#ui #sp-text{font-size:10px}#ui #hud-target{top:calc(var(--safe-t) + 10px);width:min(220px,28vw);left:calc(50% + 20px);right:auto;transform:translate(-50%)}#ui #minimap{top:calc(var(--safe-t) + 8px);right:calc(var(--safe-r) + 10px);width:104px;height:104px}#ui #map-name{top:calc(var(--safe-t) + 114px);right:calc(var(--safe-r) + 10px);width:104px}#ui #day-clock{top:calc(var(--safe-t) + 11px);right:calc(var(--safe-r) + 13px);color:#fffaf0;letter-spacing:.3px;font-variant-numeric:tabular-nums;pointer-events:none;text-shadow:0 1px 1px #00000080;background:#1e182894;border-radius:9px;align-items:center;gap:2px;padding:1px 6px 1px 2px;font-size:10px;font-weight:800;line-height:15px;display:flex;position:absolute}#ui #day-clock i{width:15px;height:15px;display:block}#ui #day-clock i .gi{width:100%;height:100%;display:block}#ui #day-clock[data-phase=night]{color:#e6ecff;background:#141a38b3}#ui #map-name.phase-note{color:#ffe9b0;white-space:nowrap;font-size:10px}body.pc #ui #day-clock{top:calc(var(--safe-t) + 13px);right:calc(var(--safe-r) + 16px);border-radius:11px;padding:1px 8px 1px 3px;font-size:13px;line-height:20px}body.pc #ui #day-clock i{width:20px;height:20px}#ui #menu-bar{top:calc(var(--safe-t) + 8px);right:calc(var(--safe-r) + 124px);align-items:flex-start;gap:6px;display:flex;position:absolute;bottom:auto;left:auto}#ui #menu-bar .btn.round{width:40px;height:40px;font-size:19px;line-height:40px;position:relative;top:auto;right:auto}#menu-dot{background:#e0524a;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:-2px;right:-2px}#menu-dot[hidden]{display:none}#menu-pop{z-index:7;border-radius:12px;flex-direction:column;gap:4px;min-width:128px;padding:6px;display:flex;position:absolute;top:46px;right:0}#menu-pop[hidden]{display:none}.menu-item{font:inherit;text-align:left;touch-action:manipulation;white-space:nowrap;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:800;display:flex;position:relative}.menu-item i{text-align:center;width:22px;font-size:18px;font-style:normal}#ui #points-badge,#ui #skill-badge{margin-left:auto;position:static}#exp-strip{left:0;right:0;bottom:var(--safe-b);pointer-events:none;height:5px;position:absolute;overflow:hidden}#ui #exp-fill{transform-origin:0;transition:transform .25s;position:absolute;inset:0}#ui #stick-zone{width:42%;height:62%;bottom:0;left:0}#stick-hint{pointer-events:none;width:112px;height:112px;left:calc(var(--safe-l) + 36px);bottom:calc(var(--safe-b) + 30px);background:radial-gradient(circle,#fffaf047 0 22px,#fffaf014 23px);border:2px solid #fffaf059;border-radius:50%;position:absolute}#stick-base:not([hidden])~#stick-hint{display:none}#ui #attack-btn{right:calc(var(--safe-r) + 24px);bottom:calc(var(--safe-b) + 20px);width:86px;height:86px;line-height:86px}#action-bar{display:contents}#action-bar .ab-gap{display:none}#ui .skill{width:56px;height:56px;position:absolute;top:auto;left:auto}#ui .skill .ico{font-size:26px;line-height:52px}#ui #skill-0{right:calc(var(--safe-r) + 153px);bottom:calc(var(--safe-b) + 35px)}#ui #skill-1{right:calc(var(--safe-r) + 138px);bottom:calc(var(--safe-b) + 92px)}#ui #skill-2{right:calc(var(--safe-r) + 96px);bottom:calc(var(--safe-b) + 134px)}#ui #skill-3{right:calc(var(--safe-r) + 39px);bottom:calc(var(--safe-b) + 149px)}#ui #skill-page{width:30px;height:30px;top:auto;left:auto;right:calc(var(--safe-r) + 8px);bottom:calc(var(--safe-b) + 114px);font-size:12px;position:absolute}#ui #jump-btn{top:auto;left:auto;right:calc(var(--safe-r) + 4px);bottom:calc(var(--safe-b) + 200px);touch-action:none;width:46px;height:46px;position:absolute}#ui .quick{width:50px;height:50px;position:absolute;top:auto;left:auto}#ui #quick-0{right:calc(var(--safe-r) + 276px);bottom:calc(var(--safe-b) + 14px)}#ui #quick-1{right:calc(var(--safe-r) + 220px);bottom:calc(var(--safe-b) + 14px)}#ui .quick .ico,#ui .quick .plus{line-height:46px}#ui #dialog{width:max-content;max-width:calc(100vw - 32px);left:50%;right:auto;bottom:calc(var(--safe-b) + 84px);padding:16px 10px 8px;transform:translate(-50%)}@media (orientation:portrait){#ui #hud-player .bars{width:min(170px,44vw)}#ui #hud-target{top:calc(var(--safe-t) + 82px);left:calc(var(--safe-l) + 10px);text-align:left;width:min(210px,54vw);transform:none}#ui #minimap{width:124px;height:124px}#ui #map-name{top:calc(var(--safe-t) + 134px);width:124px}#ui #menu-bar{top:calc(var(--safe-t) + 154px);right:calc(var(--safe-r) + 10px)}#ui #perf{top:calc(var(--safe-t) + 142px)}#ui .skill{width:58px;height:58px}#ui .skill .ico{font-size:27px;line-height:54px}#ui .skill .plus{line-height:52px}#ui #skill-0{right:calc(var(--safe-r) + 175px);bottom:calc(var(--safe-b) + 33px)}#ui #skill-1{right:calc(var(--safe-r) + 156px);bottom:calc(var(--safe-b) + 103px)}#ui #skill-2{right:calc(var(--safe-r) + 105px);bottom:calc(var(--safe-b) + 154px)}#ui #skill-3{right:calc(var(--safe-r) + 35px);bottom:calc(var(--safe-b) + 173px)}#ui #skill-page{right:calc(var(--safe-r) + 6px);bottom:calc(var(--safe-b) + 116px)}#ui #jump-btn{right:calc(var(--safe-r) + 96px);bottom:calc(var(--safe-b) + 94px);width:50px;height:50px}#ui #quick-0{right:calc(var(--safe-r) + 8px);bottom:calc(var(--safe-b) + 296px)}#ui #quick-1{right:calc(var(--safe-r) + 8px);bottom:calc(var(--safe-b) + 240px)}#ui #attack-btn{right:calc(var(--safe-r) + 18px);bottom:calc(var(--safe-b) + 16px);width:92px;height:92px;line-height:92px}#ui #stick-zone{width:40%;height:48%}#stick-hint{left:calc(var(--safe-l) + 30px);bottom:calc(var(--safe-b) + 34px);width:108px;height:108px}#ui #dialog{left:calc(var(--safe-l) + 10px);right:calc(var(--safe-r) + 66px);max-width:calc(100% - var(--safe-l) - var(--safe-r) - 76px);bottom:calc(var(--safe-b) + 240px);margin:0 auto;transform:none}}@media (orientation:portrait) and (max-width:360px){#ui .skill{width:54px;height:54px}}#ui #hud-player .bar,#ui #hud-target .bar{width:100%;margin-left:0;margin-right:0}#ui #menu-pop .menu-item{width:100%;height:auto;position:relative;inset:auto}body.pc #ui #minimap{width:208px;height:208px}body.pc #ui #map-name{top:calc(var(--safe-t) + 218px);width:208px}body.pc #ui #menu-bar{right:calc(var(--safe-r) + 228px)}@media (orientation:portrait){body.pc #ui #minimap{width:184px;height:184px}body.pc #ui #map-name{top:calc(var(--safe-t) + 194px);width:184px}body.pc #ui #menu-bar{top:calc(var(--safe-t) + 214px);right:calc(var(--safe-r) + 10px)}}@media (orientation:landscape){body.pc #ui #hud-target{width:min(220px,22vw);left:calc(50% - 50px)}}#ui #cam-btn.on{box-shadow:0 0 0 2px var(--gold-2), 0 0 10px #ffdc6ee6}#ui #cam-btn:after{content:"";background:#9aa3ad;border:2px solid #fff;border-radius:50%;width:11px;height:11px;position:absolute;bottom:-1px;right:-1px}#ui #cam-btn.on:after{background:#46b04f}body.pc{--ui:1}@media (min-width:1100px) and (min-height:600px){body.pc{--ui:1.15}}@media (min-width:1400px) and (min-height:860px){body.pc{--ui:1.2}}@media (min-width:1800px) and (min-height:1000px){body.pc{--ui:1.25}}body.pc #ui :is(#hud-player,#hud-target,#menu-bar,#minimap,#map-name,#exp-strip,#attack-btn,#jump-btn,.quick,.skill,#skill-page,#dialog),body.pc .bubble-body{zoom:var(--ui)}body.pc #ui #toast{padding:9px 18px;font-size:17px}#ui #quest-track{z-index:5;top:calc(var(--safe-t) + 84px);left:calc(var(--safe-l) + 10px);max-width:min(210px,30vw);position:absolute;right:auto}#ui #tip{z-index:5;left:50%;bottom:calc(var(--safe-b) + 104px);pointer-events:none;width:max-content;max-width:min(440px,100vw - 32px);position:absolute;transform:translate(-50%)}@media (orientation:portrait){#ui #quest-track{top:calc(var(--safe-t) + 202px);left:auto;right:calc(var(--safe-r) + 10px);max-width:min(220px,58vw)}#ui #tip{bottom:calc(var(--safe-b) + 304px);max-width:calc(100vw - 96px);left:calc(50% - 30px)}}body.pc #ui #quest-track{top:calc(var(--safe-t) + 240px);left:auto;right:calc(var(--safe-r) + 10px);zoom:var(--ui,1);width:208px;max-width:none}@media (orientation:portrait){body.pc #ui #quest-track{top:calc(var(--safe-t) + 262px);width:184px}}body.pc #ui #day-clock{zoom:var(--ui)}