: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}#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:#d8e4ec;font-size:15px;font-weight:700}.dmg.exp{color:#ffe27a;font-size:14px;font-weight:800}.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{color:#fffaf0;text-shadow:0 1px 3px #0009;font-size:13px;font-weight:700}#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{color:#fffaf0;-webkit-text-stroke:1px #2a2620cc;text-shadow:0 2px 3px #00000059;will-change:transform, opacity;white-space:nowrap;font-size:20px;font-weight:800;position:absolute;top:0;left:0}.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{color:#fffaf0;text-align:center;pointer-events:none;background:#2a2620b3;border-radius:12px;padding:12px 18px;font-size:15px;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}#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{text-align:center;white-space:nowrap;color:#fffaf0;text-shadow:0 1px 2px #000000b3,0 0 6px #0000004d;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[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{text-shadow:0 1px 2px #000000d9,0 0 4px #00000073;font-size:11px;font-weight:800;line-height:1.15}.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.target .mn{font-size:12px}#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:14px;font-weight:800}.dmg.loot{color:#fffaf0;font-size:13px;font-weight:800}.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;position:absolute;box-shadow:0 6px 24px #0003}#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-text{cursor:pointer;min-height:2.6em;margin:4px 0 6px;font-size:14px}#dialog .buttons{justify-content:flex-end;gap:8px;display:flex}#dialog-shop[hidden]{display:none}#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}.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%}#down-overlay{width:calc(100vw - 48px)}.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]{display: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:16px}#dialog-name{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;padding:2px 14px;font-size:14px;position:absolute;top:-14px;left:14px}#dialog-name small{color:#ffd38a}#dialog-text{margin-top:8px}#down-overlay{border:2px solid var(--gold-3);color:var(--gold-1);background:#2a1a0ed1}#start .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{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}.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}#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 #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:45%;height:70%;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 .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{left:calc(var(--safe-l) + 16px);right:calc(var(--safe-r) + 232px);bottom:calc(var(--safe-b) + 16px)}@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:92px;height:92px}#ui #map-name{top:calc(var(--safe-t) + 102px);width:92px}#ui #menu-bar{top:calc(var(--safe-t) + 122px);right:calc(var(--safe-r) + 10px)}#ui #perf{top:calc(var(--safe-t) + 110px)}#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) + 155px);bottom:calc(var(--safe-b) + 33px)}#ui #skill-1{right:calc(var(--safe-r) + 139px);bottom:calc(var(--safe-b) + 93px)}#ui #skill-2{right:calc(var(--safe-r) + 95px);bottom:calc(var(--safe-b) + 137px)}#ui #skill-3{right:calc(var(--safe-r) + 35px);bottom:calc(var(--safe-b) + 153px)}#ui #skill-page{right:calc(var(--safe-r) + 6px);bottom:calc(var(--safe-b) + 116px)}#ui #quick-0{right:calc(var(--safe-r) + 134px);bottom:calc(var(--safe-b) + 203px)}#ui #quick-1{right:calc(var(--safe-r) + 56px);bottom:calc(var(--safe-b) + 228px)}#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:46%;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) + 12px);right:calc(var(--safe-r) + 12px);bottom:calc(var(--safe-b) + 292px)}}@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}