:root{--bg:#0b0806;--panel:#16100ae0;--panel-solid:#1e160e;--panel-2:#281d12e6;--line:#6b4a22;--gold:#c9a063;--gold-hi:#f0c860;--gold-lo:#8a6a3a;--ink:#f3e6c8;--ink-dim:#c4b08a;--ink-mute:#8a785a;--outline:#120a04;--hp:#d63a2a;--hp-hi:#ff7a5a;--mp:#2f6fd8;--mp-hi:#7ab0ff;--exp:#e8c040;--exp-hi:#fff08a;--good:#8fe07c;--bad:#ff6a5a;--warn:#ffb45a;--font:"Galmuri11", "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;--font-sm:"Galmuri9", "Galmuri11", "Apple SD Gothic Neo", sans-serif;--font-title:"Galmuri14", "Galmuri11", "Apple SD Gothic Neo", sans-serif;--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--tap:44px;--radius:3px;--text-outline:1px 0 var(--outline), -1px 0 var(--outline), 0 1px var(--outline), 0 -1px var(--outline), 1px 1px var(--outline), -1px 1px var(--outline), 1px -1px var(--outline), -1px -1px var(--outline);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--font);overscroll-behavior:none;touch-action:none;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-font-smoothing:none;font-smooth:never;margin:0;font-size:12px;line-height:1.4;overflow:hidden}body{position:fixed;inset:0}#app{position:fixed;inset:0;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}img{-webkit-user-drag:none}.px-img,.px{image-rendering:pixelated;image-rendering:crisp-edges}.px-img{image-rendering:pixelated;display:block}.hidden{display:none!important}.outline-text{text-shadow:var(--text-outline)}.frame{border:12px solid #0000;border-image:var(--frame) 6 fill / 12px / 0 stretch;image-rendering:pixelated}.frame-solid{border:12px solid #0000;border-image:var(--frame-solid) 6 fill / 12px / 0 stretch;image-rendering:pixelated}.frame-hud{border:8px solid #0000;border-image:var(--frame-hud) 6 fill / 8px / 0 stretch;image-rendering:pixelated}.frame-paper{border:12px solid #0000;border-image:var(--frame-paper) 6 fill / 12px / 0 stretch;image-rendering:pixelated;color:#3a2614}.panel-mini{background:var(--panel);border:1px solid var(--outline);box-shadow:inset 0 0 0 1px var(--gold-lo), 0 2px 0 #00000059;border-radius:2px}.btn{--b-top:#6e5030;--b-bot:#3e2a16;--b-hi:#a07a48;--b-lo:#22160a;--b-ink:var(--ink);border:2px solid var(--outline);background:linear-gradient(180deg, var(--b-top), var(--b-bot));min-width:44px;min-height:40px;box-shadow:inset 0 2px 0 var(--b-hi), inset 0 -2px 0 var(--b-lo), 0 2px 0 #00000073;color:var(--b-ink);text-shadow:1px 1px #000000b3;white-space:nowrap;border-radius:2px;outline:none;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:12px;line-height:1.1;transition:filter 80ms;display:inline-flex;position:relative}.btn:hover:not(:disabled){filter:brightness(1.12)}.btn:active:not(:disabled),.btn.pressed{box-shadow:inset 0 2px 0 var(--b-lo), inset 0 -1px 0 var(--b-hi);transform:translateY(1px)}.btn:focus-visible{box-shadow:0 0 0 2px var(--gold-hi), inset 0 2px 0 var(--b-hi), inset 0 -2px 0 var(--b-lo)}.btn:disabled{filter:grayscale(.8)brightness(.65);cursor:default}.btn.gold{--b-top:#e8b84e;--b-bot:#a8741e;--b-hi:#fff0a0;--b-lo:#6a4410;--b-ink:#2a1606;text-shadow:0 1px #fff0b499;font-weight:700}.btn.red{--b-top:#c24a36;--b-bot:#7e2618;--b-hi:#ff8a6a;--b-lo:#4a120a}.btn.blue{--b-top:#3e6eb8;--b-bot:#1e3e78;--b-hi:#8ab8ff;--b-lo:#0e1e40}.btn.green{--b-top:#4e9a44;--b-bot:#2a5e22;--b-hi:#9ae07a;--b-lo:#12300e}.btn.dark{--b-top:#3a2c1e;--b-bot:#241a10;--b-hi:#5a4630;--b-lo:#120c06}.btn.sm{min-width:40px;min-height:34px;padding:4px 8px}.btn.sm:after{content:"";position:absolute;inset:-5px -2px}.btn.lg{min-height:48px;font-size:15px;font-family:var(--font-title);padding:8px 18px}.btn.block{width:100%;display:flex}.btn .px-img{width:20px;height:20px}.x-btn{width:40px;min-width:40px;height:40px;padding:0;font-size:16px;font-weight:700}.x-btn:before,.x-btn:after{content:"";background:var(--ink);width:16px;height:4px;box-shadow:0 1px 0 var(--outline);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.x-btn:after{transform:translate(-50%,-50%)rotate(-45deg)}.bar{--fill:0%;--c1:var(--hp-hi);--c2:var(--hp);border:1px solid var(--outline);background:#140c06;height:14px;position:relative;overflow:hidden;box-shadow:inset 0 1px #000000b3,0 0 0 1px #c9a06359}.bar:before{content:"";width:var(--fill);background:linear-gradient(180deg, var(--c1) 0 30%, var(--c2) 30% 80%, color-mix(in srgb, var(--c2) 70%, #000) 80%);transition:width .18s ease-out;position:absolute;inset:0}.bar:after{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 9px,#00000038 9px 10px);position:absolute;inset:0}.bar.mp{--c1:var(--mp-hi);--c2:var(--mp)}.bar.exp{--c1:var(--exp-hi);--c2:var(--exp)}.bar.good{--c1:#b8f0a0;--c2:#4aa83a}.bar>.bar-text{z-index:1;font-family:var(--font-sm);color:#fff;text-shadow:var(--text-outline);white-space:nowrap;justify-content:center;align-items:center;font-size:10px;line-height:1;display:flex;position:absolute;inset:0}.input{border:2px solid var(--outline);height:40px;box-shadow:inset 0 2px 0 #0009, 0 0 0 1px var(--gold-lo);color:var(--ink);-webkit-user-select:text;user-select:text;touch-action:manipulation;background:#120c07;border-radius:2px;outline:none;padding:0 10px;font-size:16px}.input:focus{box-shadow:inset 0 2px 0 #0009, 0 0 0 2px var(--gold-hi)}.input::placeholder{color:var(--ink-mute)}.tabs{gap:2px;display:flex}.tab{border:2px solid var(--outline);min-height:40px;color:var(--ink-dim);white-space:nowrap;background:linear-gradient(#3a2a1a,#26190e);border-bottom-width:0;border-radius:3px 3px 0 0;flex:1 1 0;padding:4px 6px;font-size:12px;box-shadow:inset 0 2px #5a4228}.tab.active{color:var(--gold-hi);text-shadow:1px 1px 0 var(--outline);background:linear-gradient(#7a5a30,#4a321a);box-shadow:inset 0 2px #c9a063}.slot{border:6px solid #0000;border-image:var(--slot) 3 fill / 6px / 0 stretch;image-rendering:pixelated;justify-content:center;align-items:center;display:flex;position:relative}.slot.lit{border-image-source:var(--slot-lit)}.slot>.px-img{object-fit:contain;width:100%;height:100%}.slot .count{font-family:var(--font-sm);color:#fff;text-shadow:var(--text-outline);font-size:10px;line-height:1;position:absolute;bottom:-4px;right:-3px}.scroll{touch-action:pan-y;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--gold-lo) transparent;overflow:hidden auto}.scroll::-webkit-scrollbar{width:6px}.scroll::-webkit-scrollbar-thumb{background:var(--gold-lo);border:1px solid var(--outline)}.badge-dot{border:2px solid var(--outline);background:#ff4a3a;border-radius:50%;width:10px;height:10px;animation:1.2s steps(2,end) infinite badge-pulse;position:absolute;top:2px;right:2px;box-shadow:0 0 6px #ff503ce6}@keyframes badge-pulse{50%{transform:scale(1.25)}}.gold-text{color:var(--gold-hi)}.dim{color:var(--ink-dim)}.mute{color:var(--ink-mute)}.good{color:var(--good)}.bad{color:var(--bad)}.warn-text{color:var(--warn)}.r-common{color:var(--ink)}.r-uncommon{color:#7ee07a}.r-rare{color:#6ab8ff}.r-epic{color:#e08aff}.coin{color:var(--gold-hi);white-space:nowrap;align-items:center;gap:3px;display:inline-flex}.coin .px-img{width:16px;height:16px}.kbd{border:1px solid var(--gold-lo);min-width:18px;color:var(--gold-hi);font-family:var(--font-sm);text-align:center;background:#22170c;border-bottom-width:2px;border-radius:2px;padding:1px 4px;font-size:10px;display:inline-block}.divider{background:linear-gradient(90deg, transparent, var(--gold-lo) 15%, var(--gold) 50%, var(--gold-lo) 85%, transparent);height:2px;margin:8px 0}.section-title{color:var(--gold-hi);align-items:center;gap:6px;margin:10px 0 6px;font-size:12px;font-weight:700;display:flex}.section-title:after{content:"";background:linear-gradient(90deg, var(--gold-lo), transparent);flex:1;height:1px}.empty-note{white-space:pre-line;color:var(--ink-mute);text-align:center;padding:16px 8px;line-height:1.6}.backdrop{background:#0b0806;position:absolute;inset:0;overflow:hidden}.backdrop-canvas{filter:saturate(.9)brightness(.85);width:100%;height:100%;position:absolute;inset:0}.backdrop-shade{background:radial-gradient(at 50% 35%,#0000 0,#00000059 70%),linear-gradient(#0a06038c 0,#0a06030d 30%,#0a06031a 55%,#0a0603d1 100%);position:absolute;inset:0}.screen{z-index:2;position:absolute;inset:0;overflow:hidden}.title-wrap{padding:calc(40px + var(--safe-t)) calc(16px + var(--safe-r)) calc(36px + var(--safe-b)) calc(16px + var(--safe-l));flex-direction:column;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.landscape .title-wrap{padding-top:calc(16px + var(--safe-t));padding-bottom:calc(24px + var(--safe-b));flex-direction:row;justify-content:center;gap:clamp(20px,6vw,80px)}.logo-block{text-align:center;flex-direction:column;align-items:center;animation:.9s ease-out logo-in;display:flex;position:relative}@keyframes logo-in{0%{opacity:0;transform:translateY(-14px)}}.logo-sub{color:#f3e6c8;letter-spacing:1px;text-shadow:var(--text-outline);opacity:.9;font-size:12px}.logo{font-family:"Galmuri11", var(--font);letter-spacing:2px;gap:14px;margin:4px 0 0;font-size:48px;font-weight:700;line-height:1.05;display:flex;position:relative}.logo span{background:linear-gradient(#fff6c8 0 22%,#f5d06a 45%,#d49628 72%,#9a5e10 100%);color:#0000;filter:drop-shadow(2px 0 #2a1204)drop-shadow(-2px 0 #2a1204)drop-shadow(0 2px #2a1204)drop-shadow(0 -2px #2a1204)drop-shadow(0 5px #0000008c);-webkit-background-clip:text;background-clip:text}.logo .logo-w2{background:linear-gradient(#e8fbff 0 20%,#9ae0ff 45%,#4aa0d8 75%,#2a5a9a 100%);-webkit-background-clip:text;background-clip:text;font-size:60px}.logo-en{font-family:var(--font-sm);letter-spacing:6px;color:var(--gold-hi);text-shadow:var(--text-outline);margin-top:6px;font-size:10px}.wind-lines{pointer-events:none;position:absolute;inset:-10px -60px}.wind-lines i{opacity:0;background:linear-gradient(90deg,#0000,#dcf5ffd9,#0000);border-radius:2px;height:3px;animation:3.6s linear infinite wind;position:absolute}.wind-lines i:first-child{width:90px;animation-delay:0s;top:34%}.wind-lines i:nth-child(2){width:140px;animation-delay:1.3s;top:58%}.wind-lines i:nth-child(3){width:70px;animation-delay:2.4s;top:80%}@keyframes wind{0%{opacity:0;left:-20%}15%{opacity:.9}70%{opacity:.6}to{opacity:0;left:105%}}.login-panel{flex-direction:column;gap:8px;width:min(380px,100%);animation:.6s ease-out .15s backwards panel-in;display:flex}@keyframes panel-in{0%{opacity:0;transform:translateY(16px)}}.mode-row{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:2px;display:grid}.mode-btn{border:2px solid var(--outline);min-height:52px;color:var(--ink-dim);text-align:left;background:linear-gradient(#33251a,#1e150d);border-radius:3px;align-items:center;gap:6px;padding:6px 8px;display:flex;box-shadow:inset 0 1px #5a4630}.mode-btn.active{box-shadow:inset 0 0 0 1px var(--gold-hi), 0 0 10px #f0c8604d;color:#fff;background:linear-gradient(#7a5626,#4a3014)}.mode-btn.unavailable{opacity:.55}.mode-icon{flex:none;width:28px;height:28px}.mode-text{flex-direction:column;min-width:0;display:flex}.mode-text b{font-size:13px}.mode-text small{font-family:var(--font-sm);color:var(--ink-dim);white-space:nowrap;font-size:10px}.mode-btn.active .mode-text small{color:var(--gold-hi)}.mode-subs{flex-direction:column;min-width:0;display:flex}.mode-btn .mode-text small.server-host{white-space:normal;overflow-wrap:anywhere;color:var(--ink)}.mode-btn .mode-text small.server-host.custom{color:var(--warn)}.field{flex-direction:column;gap:3px;display:flex}.field-label{color:var(--gold-hi);font-size:12px}.field .input{width:100%}.saved-chars{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.saved-chars:empty{display:none}.saved-label{color:var(--ink-mute);margin-right:2px;font-size:12px}.saved-chip{border:1px solid var(--gold-lo);min-height:30px;color:var(--ink);background:#f0c8601a;border-radius:14px;padding:2px 10px;font-size:12px}.saved-warn{width:100%;color:var(--warn);font-size:12px}.login-error{color:#ff8a70;text-align:center;min-height:0;font-size:12px;line-height:1.5}.login-error:empty{display:none}.login-submit{margin-top:2px}.login-hint{color:var(--ink-mute);text-align:center;font-size:12px;line-height:1.5}.title-screen.busy .login-panel{pointer-events:none}.title-screen.busy .login-submit{animation:1s steps(2,end) infinite busy}@keyframes busy{50%{filter:brightness(1.2)}}.title-footer{left:0;right:0;bottom:calc(8px + var(--safe-b));font-family:var(--font-sm);color:#f3e6c88c;text-align:center;pointer-events:none;font-size:10px;position:absolute}@media (orientation:landscape) and (max-height:480px){.landscape .login-panel{gap:5px;width:min(360px,52vw)}.landscape .mode-btn{min-height:44px}.landscape .login-hint{display:none}.landscape .field{flex-direction:row;align-items:center;gap:8px}.landscape .field-label{flex:0 0 4.2em}.landscape .field .input{height:36px}.landscape .logo{font-size:40px}.landscape .logo .logo-w2{font-size:50px}.landscape .title-footer{display:none}}.portrait .logo-block{margin-top:4vh}.roomy .logo{font-size:72px}.roomy .logo .logo-w2{font-size:90px}.roomy .logo-sub{font-size:15px;font-family:var(--font-title)}.roomy .logo-en{font-size:12px}.roomy .login-panel{width:min(440px,100%)}.create-screen{--cls:#d0553a;background:linear-gradient(#0c08048c,#0c0804cc)}.create-wrap{padding:calc(8px + var(--safe-t)) calc(10px + var(--safe-r)) calc(8px + var(--safe-b)) calc(10px + var(--safe-l));flex-direction:column;max-width:980px;margin:0 auto;display:flex;position:absolute;inset:0}.create-head{justify-content:space-between;align-items:baseline;gap:10px;padding:2px 4px 6px;display:flex}.create-head h2{font-family:var(--font-title);color:var(--gold-hi);text-shadow:1px 1px 0 var(--outline);margin:0;font-size:18px;font-weight:400}.create-name{color:var(--ink-dim);font-size:12px}.create-name b{color:#fff}.create-body{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.landscape .create-body{flex-direction:row;align-items:flex-start}.create-left{gap:8px;display:flex}.portrait .create-left{flex-direction:row;align-items:stretch}.landscape .create-left{flex-direction:row;flex:none;align-items:stretch}.landscape .pv-box{width:168px}.landscape .look-opts{flex:none;width:236px}.create-right{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.pv-box{flex-direction:column;flex:none;align-items:center;gap:2px;display:flex}.portrait .pv-box{width:44%}.pv-stage{background:radial-gradient(ellipse at 50% 85%, color-mix(in srgb, var(--cls) 40%, transparent), transparent 65%);flex:1;justify-content:center;align-items:center;width:100%;display:flex}.pv-stage .char-preview{cursor:pointer;max-width:100%;height:auto!important}.pv-cls{text-shadow:1px 1px 0 var(--outline);font-weight:700}.pv-tip{font-family:var(--font-sm);font-size:10px}.look-opts{background:#0e0905b3;border:1px solid #c9a06359;flex-direction:column;flex:1;justify-content:center;gap:6px;min-width:0;padding:6px 8px;display:flex}.look-row{flex-direction:column;gap:3px;display:flex}.look-label{color:var(--gold-hi);font-size:12px}.look-choices{flex-wrap:wrap;gap:4px;display:flex}.look-choice{border:2px solid var(--outline);min-width:36px;min-height:34px;color:var(--ink-dim);background:#2a1e14;padding:2px 8px;box-shadow:inset 0 1px #4a3824}.look-choice.active{color:#2a1606;background:linear-gradient(#c89a3a,#8a5e1a);font-weight:700}.swatch{border:2px solid var(--outline);background:var(--sw);width:34px;height:34px;padding:0;box-shadow:inset 0 0 0 2px #ffffff1f}.swatch.active{box-shadow:0 0 0 2px var(--gold-hi), inset 0 0 0 2px #0000004d}.class-cards{grid-template-columns:1fr 1fr;gap:6px;display:grid}.class-card{border:2px solid var(--outline);color:var(--ink);text-align:left;background:linear-gradient(#2e2218,#1c140c);flex-direction:column;gap:3px;padding:6px 8px 6px 12px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #4a3824}.class-card:before{content:"";background:var(--cc);width:5px;position:absolute;top:0;bottom:0;left:0}.class-card.active{background:linear-gradient(180deg, color-mix(in srgb, var(--cc) 38%, #2e2218), #1c140c);box-shadow:inset 0 0 0 1px var(--gold-hi), 0 0 12px color-mix(in srgb, var(--cc) 60%, transparent)}.cc-head{justify-content:space-between;align-items:baseline;gap:4px;display:flex}.cc-name{font-family:var(--font-title);color:var(--cc);text-shadow:1px 1px 0 var(--outline);filter:brightness(1.25);font-size:15px;font-weight:400}.cc-role{font-family:var(--font-sm);color:var(--ink-dim);white-space:nowrap;font-size:10px}.cc-stats{flex-direction:column;gap:2px;display:flex}.cc-stat{grid-template-columns:2.6em 1fr 1.4em;align-items:center;gap:4px;font-size:12px;line-height:13px;display:grid}.cc-bar{--fill:0%;border:1px solid var(--outline);background:#120a05;height:6px;position:relative}.cc-bar:before{content:"";width:var(--fill);background:var(--cc);position:absolute;inset:0}.cc-v{text-align:right;color:#fff}.cc-hpmp{font-family:var(--font-sm);gap:8px;font-size:10px;display:flex}.cc-hp{color:#ff8a70}.cc-mp{color:#8ab8ff}.class-info{border:1px solid #c9a0634d;border-left:3px solid var(--cls);background:#0e0905b8;padding:8px 10px}.ci-desc{font-size:12px;line-height:1.6}.ci-skills{flex-wrap:wrap;align-items:center;gap:4px;margin-top:6px;font-size:12px;display:flex}.ci-skill{border:1px solid var(--gold-lo);color:var(--gold-hi);background:#f0c86014;padding:1px 6px}.create-foot{flex-direction:column;gap:6px;padding-top:8px;display:flex}.create-btns{grid-template-columns:1fr 2fr;gap:8px;display:grid}.landscape .create-btns{justify-content:flex-end;display:flex}.landscape .create-foot{padding-top:6px}.landscape .create-head{padding-bottom:4px}@media (orientation:landscape) and (max-height:480px){.landscape .pv-box{width:150px}.landscape .look-choices{gap:3px}.landscape .pv-stage .char-preview{width:128px!important}.landscape .pv-tip{display:none}.landscape .look-opts{gap:3px}.landscape .look-row{flex-direction:row;align-items:center;gap:6px}.landscape .look-label{flex:0 0 3.2em}.landscape .look-choice,.landscape .swatch{height:30px;min-height:30px}.landscape .swatch{width:26px}.landscape .cc-stats{flex-direction:row;gap:6px}.landscape .cc-stat{grid-template-columns:auto 1fr}.landscape .cc-stat .cc-bar{display:none}.landscape .class-info{padding:5px 8px}.landscape .ci-desc{line-height:1.45}.landscape .create-btns .btn.lg{min-height:40px}}.app-overlay{z-index:100;background:#0000009e;justify-content:center;align-items:center;padding:16px;animation:.25s ease-out fade-in;display:flex;position:absolute;inset:0}@keyframes fade-in{0%{opacity:0}}.dc-card{text-align:center;width:min(400px,100%)}.dc-title{font-family:var(--font-title);color:var(--gold-hi);margin:4px 0 8px;font-size:18px;font-weight:400}.dc-msg{margin:0 0 8px;line-height:1.6}.dc-status{min-height:18px;color:var(--warn);margin-bottom:8px}.dc-btns{justify-content:center;gap:8px;display:flex}.game{--qs:46px;--qs2:42px;--atk:84px;--r1:98px;--r2:164px;--joy:118px;--edge:8px;background:#000;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);display:grid;position:absolute;inset:0;overflow:hidden}.stage{background:#0b0806;min-height:0;position:relative;overflow:hidden}.game-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.stage-vignette{pointer-events:none;background:radial-gradient(#0000 62%,#00000047 100%);position:absolute;inset:0}.is-ghost .game-canvas{filter:grayscale(.75)brightness(.92)sepia(.15)hue-rotate(180deg)}.is-ghost .stage-vignette{background:radial-gradient(#0000 45%,#283c6e73 100%)}.hud-layer{pointer-events:none;position:absolute;inset:0}.hud-slot{flex-direction:column;gap:6px;display:flex;position:absolute}.hud-slot>*{pointer-events:auto}.hud-slot:empty{display:none}.hud-status{align-items:center;gap:6px;width:232px;max-width:100%;display:flex}.hud-status.ghost .st-portrait-img{filter:grayscale()brightness(1.2);opacity:.8}.st-portrait{border:2px solid var(--outline);width:48px;height:48px;box-shadow:inset 0 0 0 1px var(--gold), 0 0 0 1px #00000080;background:linear-gradient(#4a3620,#2a1c10);flex:none;padding:0;position:relative}.st-portrait-img{width:100%;height:100%}.st-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.st-line{white-space:nowrap;align-items:baseline;gap:5px;font-size:12px;line-height:14px;display:flex;overflow:hidden}.st-lv{color:var(--gold-hi);font-weight:700}.st-name{color:#fff;text-overflow:ellipsis;font-weight:700;overflow:hidden}.st-cls{color:var(--ink-dim);margin-left:auto;font-size:12px}.st-bar-row{align-items:center;gap:3px;display:flex}.st-bar-label{width:13px;font-family:var(--font-sm);text-align:center;text-shadow:var(--text-outline);flex:none;font-size:10px}.hp-label{color:#ff8a70}.mp-label{color:#8ab8ff}.st-bar{flex:1;height:14px}.bar.low:before{animation:.9s steps(2,end) infinite low-hp}@keyframes low-hp{50%{filter:brightness(1.6)}}.hud-buffs{flex-wrap:wrap;gap:6px;max-width:232px;padding-left:3px;display:flex}.hud-buffs:empty{display:none}.buff{border:1px solid var(--outline);background:#1a120a;width:34px;height:34px;padding:0;position:relative;box-shadow:inset 0 0 0 1px #6ab0ff}.buff:before{content:"";position:absolute;inset:-4px}.buff.harmful{box-shadow:inset 0 0 0 1px #ff5a48}.buff .px-img{width:100%;height:100%}.buff-t{font-family:var(--font-sm);color:#fff;text-shadow:var(--text-outline);font-size:10px;line-height:1;position:absolute;bottom:0;right:1px}.buff.ending{animation:.5s steps(2,end) infinite buff-blink}@keyframes buff-blink{50%{opacity:.45}}.hud-tracker{border-left:2px solid var(--gold);background:linear-gradient(90deg,#0e0905b8,#0e090559 80%,#0000);width:200px;max-width:100%;padding:2px 0 4px}.qt-head{width:100%;min-height:34px;color:var(--gold-hi);text-shadow:var(--text-outline);text-align:left;background:0 0;border:0;align-items:center;gap:4px;padding:2px 6px;font-weight:700;display:flex;position:relative}.qt-head:before{content:"";position:absolute;inset:-6px 0 0}.qt-arrow{margin-left:auto;font-size:10px}.hud-tracker.collapsed .qt-list,.hud-tracker.brief .qt-list{display:none}.hud-tracker.brief .qt-arrow{visibility:hidden}.qt-list{flex-direction:column;gap:4px;display:flex}.qt-quest{text-align:left;width:100%;color:var(--ink);background:0 0;border:0;padding:2px 6px;display:block}.qt-quest:active{background:#c9a0632e}.qt-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;font-size:12px;display:flex;overflow:hidden}.qt-tag{border:1px solid var(--outline);color:#fff8d0;font-family:var(--font-sm);text-shadow:none;background:#a8741e;flex:none;padding:0 3px;font-size:10px;line-height:13px}.qt-tag.new{background:#2f6fd8}.qt-obj{color:var(--ink-dim);gap:6px;padding-left:6px;font-size:12px;line-height:15px;display:flex}.qt-obj-t{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.qt-obj-n{color:#fff;flex:none;margin-left:auto}.qt-obj.done,.qt-obj.done .qt-obj-n{color:var(--good)}.qt-obj-n.bump{animation:.7s ease-out qt-bump}@keyframes qt-bump{0%{color:#fff4b0;transform:translateY(-3px)}40%{color:#ffe14a;transform:translateY(0)}}.qt-quest.complete .qt-obj{color:var(--gold-hi);animation:1.4s steps(2,end) infinite qt-blink}@keyframes qt-blink{50%{color:#fff4b0}}.qt-where{color:#9fd8ff;align-items:center;gap:3px;margin-top:1px;padding-left:6px;font-size:12px;line-height:16px;display:flex}.qt-pin{color:#6ad8ff;flex:none;font-size:10px}.qt-where-t{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.qt-go{border:1px solid var(--outline);color:#e8f6ff;font-family:var(--font-sm);text-shadow:none;background:#1f5a86;border-radius:2px;flex:none;margin-left:6px;padding:0 4px;font-size:10px;line-height:14px;box-shadow:inset 0 1px #a0dcff73}.qt-quest.navigating{background:#6ad8ff1f;box-shadow:inset 2px 0 #6ad8ff}.qt-quest.navigating .qt-go{color:#2a1a0c;background:#c9a063;animation:.9s steps(2,end) infinite qt-go-pulse}@keyframes qt-go-pulse{50%{background:#f0c860}}.qt-quest.pressed{background:#c9a0632e}.qt-empty{color:var(--ink-mute);padding:0 8px}.hud-party{flex-direction:column;gap:3px;width:170px;display:flex}.pm{border:1px solid var(--outline);color:var(--ink);text-align:left;background:#0e0905a8;flex-direction:column;gap:1px;padding:2px 4px 3px;display:flex;box-shadow:inset 0 0 0 1px #8fe07c59}.pm.away{opacity:.6}.pm.dead .pm-name{color:#b9c6de}.pm-line{align-items:center;gap:3px;font-size:12px;line-height:14px;display:flex}.pm-crown{width:14px;height:14px}.pm-name{color:var(--good);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pm-lv{font-family:var(--font-sm);color:var(--ink-dim);margin-left:auto;font-size:10px}.pm-bar{height:6px}.pm-bar.thin{height:4px}.pm-bar:after{display:none}.landscape:not(.roomy) .hud-party,.portrait.compact .hud-party{gap:2px}.landscape:not(.roomy) .pm,.portrait.compact .pm{grid-template-rows:14px 2px;grid-template-columns:minmax(0,1fr);gap:1px;padding:1px;display:grid}.landscape:not(.roomy) .pm-line,.portrait.compact .pm-line{z-index:1;grid-area:1/1;min-width:0;padding:0 4px;line-height:14px}.landscape:not(.roomy) .pm-name,.portrait.compact .pm-name{color:#eaffdf}.landscape:not(.roomy) .pm-crown,.portrait.compact .pm-crown{width:12px;height:12px}.landscape:not(.roomy) .pm-bar,.portrait.compact .pm-bar{grid-area:1/1;height:14px}.landscape:not(.roomy) .pm-bar.thin,.portrait.compact .pm-bar.thin{height:2px;box-shadow:none;border:0;grid-area:2/1}.hud-mapinfo{color:#fff;flex-direction:column;align-items:center;font-size:12px;line-height:15px;display:flex;pointer-events:none!important}.mi-top{align-items:center;gap:5px;display:flex}.mi-name{color:#fff4c8;font-weight:700}.mi-tag{border:1px solid var(--outline);color:#ffd8c0;font-family:var(--font-sm);text-shadow:none;background:#6a2a1a;padding:0 4px;font-size:10px;line-height:13px}.mi-tag.safe{color:#d8ffd0;background:#2a5a2a}.mi-pos{color:var(--ink-dim);font-family:var(--font-sm);font-size:10px}.hud-minimap{border:2px solid var(--outline);width:92px;height:92px;box-shadow:0 0 0 2px var(--gold-lo), inset 0 0 0 1px var(--gold), 0 3px 0 #0006;background:#0e0905;padding:0;position:relative;overflow:hidden}.mm-canvas{width:calc(100% - 2px);height:calc(100% - 2px);image-rendering:pixelated;position:absolute;inset:1px}.mm-me{pointer-events:none;border:2px solid #ffe14a;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;animation:1.1s ease-out infinite mm-ping;position:absolute;top:50%;left:50%}@keyframes mm-ping{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(1.6)}}.mm-n{font-family:var(--font-sm);color:var(--gold-hi);font-size:10px;line-height:1;position:absolute;top:1px;left:50%;transform:translate(-50%)}.hud-target{align-items:center;gap:6px;width:250px;max-width:100%;min-height:46px;display:flex;position:relative}.tg-face{border:1px solid var(--outline);background:#2a1c10;flex:none;width:32px;height:32px}.tg-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.tg-line{white-space:nowrap;flex-wrap:wrap;align-items:baseline;column-gap:5px;height:17px;padding-right:18px;line-height:17px;display:flex;overflow:hidden}.tg-name{text-overflow:ellipsis;flex:0 auto;min-width:0;font-size:12px;font-weight:700;overflow:hidden}.hud-target.has-actions .tg-line{padding-right:0}.tg-sub{font-family:var(--font-sm);color:var(--ink-dim);flex:none;font-size:10px}.tg-bar{height:12px}.tg-actions{flex:none;gap:4px;margin-right:12px;display:flex}.tg-actions:empty{display:none}.tg-actions .btn{min-width:40px;min-height:30px;padding:3px 6px}.tg-actions .btn:after{inset:-7px -2px}.tg-clear{z-index:1;background:0 0;border:0;width:40px;height:40px;padding:0;position:absolute;top:-28px;right:-28px}.tg-clear-x{border:2px solid var(--outline);width:22px;height:22px;box-shadow:inset 0 0 0 1px var(--gold-lo), 0 1px 0 #00000073;background:#3a2614;border-radius:50%;position:absolute;top:9px;left:9px}.tg-clear-x:before,.tg-clear-x:after{content:"";background:var(--ink);width:10px;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.tg-clear-x:after{transform:translate(-50%,-50%)rotate(-45deg)}.tg-clear:active .tg-clear-x{filter:brightness(1.4)}.hud-menu{gap:4px;display:grid}.menu-btn{border:2px solid var(--outline);color:var(--ink);background:linear-gradient(#4a3620eb,#261a0eeb);border-radius:3px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:2px;display:flex;position:relative;box-shadow:inset 0 1px #8a6a3a,inset 0 -2px #1a0f06,0 2px #0006}.menu-btn:active,.menu-btn.active{box-shadow:inset 0 0 0 1px var(--gold-hi), inset 0 -2px 0 #2a1606;background:linear-gradient(#8a6230,#4e3218)}.menu-icon{width:24px;height:24px}.menu-label{font-family:var(--font-sm);text-shadow:1px 1px 0 var(--outline);white-space:nowrap;font-size:10px;line-height:11px}.menu-key{font-family:var(--font-sm);color:var(--gold);opacity:.8;font-size:10px;line-height:1;display:none;position:absolute;top:1px;left:3px}@media (pointer:fine){.menu-key{display:block}}.menu-btn .badge-dot{top:-3px;right:-3px}.hud-joystick{touch-action:none;justify-content:center;align-items:center;display:flex;position:relative}.joy-base{width:var(--joy);height:var(--joy);opacity:.82;pointer-events:none;background:radial-gradient(circle,#281c1059 0 38%,#140d078c 39% 68%,#0c08049e 69%);border-radius:50%;transition:opacity .12s;position:relative;box-shadow:inset 0 0 0 2px #c9a0638c,inset 0 0 0 5px #00000059,0 0 0 2px #00000073}.hud-joystick.active .joy-base{opacity:1}.joy-arrow{opacity:.7;border:8px solid #0000;width:0;height:0;position:absolute}.joy-arrow.up{border-bottom:10px solid var(--gold);border-top:0;margin-left:-8px;top:5px;left:50%}.joy-arrow.down{border-top:10px solid var(--gold);border-bottom:0;margin-left:-8px;bottom:5px;left:50%}.joy-arrow.left{border-right:10px solid var(--gold);border-left:0;margin-top:-8px;top:50%;left:5px}.joy-arrow.right{border-left:10px solid var(--gold);border-right:0;margin-top:-8px;top:50%;right:5px}.joy-base.on-up .joy-arrow.up,.joy-base.on-down .joy-arrow.down,.joy-base.on-left .joy-arrow.left,.joy-base.on-right .joy-arrow.right{opacity:1;filter:drop-shadow(0 0 4px #ffe07a)brightness(1.5)}.joy-knob{width:calc(var(--joy) * .44);height:calc(var(--joy) * .44);margin:calc(var(--joy) * -.22) 0 0 calc(var(--joy) * -.22);box-shadow:0 0 0 2px var(--outline), 0 3px 0 #00000080, inset 0 -3px 0 #0000004d;background:radial-gradient(circle at 38% 32%,#f8e2a8 0 12%,#d8a850 30%,#8a5a22 72%,#5a3814);border-radius:50%;position:absolute;top:50%;left:50%}.pad-arc{position:relative}.act-attack{width:var(--atk);height:var(--atk);border:3px solid var(--outline);box-shadow:0 0 0 3px var(--gold), 0 0 0 5px var(--outline), inset 0 -5px 0 #00000059, inset 0 4px 0 #ffbe9659, 0 4px 0 #00000073;touch-action:none;background:radial-gradient(circle at 40% 32%,#e06a48 0 10%,#b8402a 38%,#7a2014 78%,#4a120a);border-radius:50%;padding:0;position:absolute;bottom:0;right:0}.act-attack.pressed{filter:brightness(1.2);transform:scale(.94)}.act-attack.disabled{filter:grayscale()brightness(.6)}.act-attack-icon{width:48%;height:48%;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.act-attack-label{color:#fff4d8;text-align:center;font-size:12px;font-weight:700;position:absolute;bottom:12%;left:0;right:0}.act-attack.talk{box-shadow:0 0 0 3px var(--gold), 0 0 0 5px var(--outline), inset 0 -5px 0 #00000059, inset 0 4px 0 #b4e1ff66, 0 4px 0 #00000073;background:radial-gradient(circle at 40% 32%,#6ab8e8 0 10%,#2f78b8 38%,#1a4a80 78%,#0e2a4c)}.act-attack.talk .act-attack-icon{top:56%}.act-talk-name{border:1px solid var(--outline);color:#ffe07a;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background:#0e1e2ce6;max-width:120px;padding:0 5px;font-size:12px;line-height:16px;position:absolute;bottom:calc(100% + 9px);left:50%;overflow:hidden;transform:translate(-50%)}.act-talk-name:empty{display:none}.pad-arc>.arc-item{--r:var(--r1);--s:var(--qs);right:calc(var(--atk) / 2 - var(--s) / 2);bottom:calc(var(--atk) / 2 - var(--s) / 2);transform:translate(calc(cos(var(--a)) * var(--r)), calc(sin(var(--a)) * var(--r)));position:absolute}.pad-arc>.arc-item.ring-outer{--r:var(--r2);--s:var(--qs2)}.qs{width:var(--s,var(--qs));height:var(--s,var(--qs));border:5px solid #0000;border-image:var(--slot) 3 fill / 5px / 0 stretch;image-rendering:pixelated;touch-action:none;background:0 0;padding:0;position:relative}.qs.arc-item{width:var(--s);height:var(--s)}.qs.empty:after{content:"+";color:#c9a0638c;justify-content:center;align-items:center;font-size:16px;display:flex;position:absolute;inset:0}.qs.pressed{transform-origin:50%;filter:brightness(1.35)}.qs.arc-item.pressed{filter:brightness(1.35)}.qs-icon{width:100%;height:100%}.qs.no-mp .qs-icon,.qs.unusable .qs-icon{filter:grayscale(.7)brightness(.55)}.qs.no-mp:before{content:"";z-index:1;background:#1e3c8c59;position:absolute;inset:0}.qs-cd{z-index:2;pointer-events:none;position:absolute;inset:0}.qs.cooling .qs-cd{background:conic-gradient(#000000b8 var(--cd,0turn), transparent 0)}.qs-cd-text{z-index:3;color:#fff;pointer-events:none;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex;position:absolute;inset:0}.qs-count{z-index:3;font-family:var(--font-sm);color:#fff;font-size:10px;line-height:1;position:absolute;bottom:-5px;right:-4px}.qs-key{z-index:3;font-family:var(--font-sm);color:var(--gold-hi);font-size:10px;line-height:1;position:absolute;top:-5px;left:-4px}.qs.ready-flash:after{content:"";pointer-events:none;border:2px solid #fff4c0;animation:.45s ease-out forwards ready;position:absolute;inset:-3px}@keyframes ready{0%{opacity:1;transform:scale(.9)}to{opacity:0;transform:scale(1.25)}}.act-util{width:var(--s,46px);height:var(--s,46px);border:2px solid var(--outline);box-shadow:0 0 0 2px var(--gold-lo), inset 0 -3px 0 #00000059, 0 2px 0 #0006;touch-action:none;background:radial-gradient(circle at 40% 30%,#5a4a3a,#2a1e14 70%);border-radius:50%;padding:0;position:relative}.act-util.pressed{filter:brightness(1.35)}.act-util-icon{width:22px;height:22px;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.act-util-label{font-family:var(--font-sm);color:#fff;text-align:center;font-size:10px;line-height:1;position:absolute;bottom:3px;left:0;right:0}.act-auto.on{background:radial-gradient(circle at 40% 30%,#ffe07a,#d89a20 55%,#8a5a10);animation:1.4s ease-in-out infinite auto-glow;box-shadow:0 0 0 2px #fff0a0,0 0 14px 4px #ffd25abf,inset 0 -3px #00000040}.act-auto.on .act-util-label{color:#3a2006;text-shadow:0 1px #fff0b4cc}.auto-phase{font-family:var(--font-sm);color:#ffe07a;white-space:nowrap;font-size:10px;line-height:1;position:absolute;top:-14px;left:50%;transform:translate(-50%)}@keyframes auto-glow{50%{box-shadow:0 0 0 2px #fff0a0,0 0 22px 8px #ffd25a8c,inset 0 -3px #00000040}}.hud-chat{position:relative}.chat{z-index:5;background:#0a07049e;border:1px solid #000000b3;flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 0 0 1px #c9a06359}.chat-tabs{border-bottom:1px solid #c9a06359;gap:1px;padding:2px 2px 0;display:flex}.chat-tab{min-width:0;min-height:28px;color:var(--ink-mute);white-space:nowrap;background:0 0;border:0;border-radius:2px 2px 0 0;flex:1 1 0;padding:2px;font-size:12px;line-height:1;position:relative}.chat-tab:before,.chat-fold:before{content:"";position:absolute;inset:-8px 0 -4px}.chat-tab.active{color:var(--gold-hi);text-shadow:1px 1px 0 var(--outline);background:#c9a06347}.chat-tab.new:after{content:"";background:#ff6a5a;width:5px;height:5px;position:absolute;top:3px;right:3px}.chat-fold{width:40px;min-height:28px;color:var(--gold);background:0 0;border:0;flex:none;padding:0;position:relative}.chat-fold:after{content:"▴"}.chat.expanded .chat-fold:after{content:"▾"}.chat-log{min-height:0;height:var(--chat-h,76px);word-break:break-all;-webkit-user-select:text;user-select:text;flex:none;padding:2px 6px;font-size:12px;line-height:15px}.chat.expanded .chat-log{height:var(--chat-h-big,220px)}.cl{color:#fff;text-shadow:1px 1px #000000e6}.cl-from{opacity:.92}.cl.npc{color:#c9b890}.cl.npc .cl-from{color:#e8c878}.ch-shout{color:#ffa347}.ch-world{color:#6ad8ff}.ch-whisper{color:#ff9ad6}.ch-party{color:#8fe07c}.ch-system{color:#f0d860}.ch-system.sys-warn{color:#ffb45a}.ch-system.sys-error{color:#ff6a5a}.ch-system.sys-level{color:#fff08a;font-weight:700}.ch-system.sys-loot{color:#e8d08a}.ch-system.sys-quest{color:#ffe07a}.ch-system.sys-party{color:#b8f0a8}.chat-input-row{border-top:1px solid #c9a0634d;gap:4px;padding:1px 3px;display:flex}.chat-ch{border:2px solid var(--outline);min-width:46px;height:40px;box-shadow:inset 0 0 0 1px var(--gold-lo);color:#fff;background:#2a1c10;flex:none;padding:0 4px;font-size:12px;position:relative}.chat-ch[data-ch=shout]{color:#ffa347}.chat-ch[data-ch=world]{color:#6ad8ff}.chat-ch[data-ch=whisper]{color:#ff9ad6}.chat-ch[data-ch=party]{color:#8fe07c}.chat-to{flex:0 0 76px;width:76px;height:40px}.chat-input{flex:1;min-width:0;height:40px}.chat-send{flex:none;min-height:40px;padding:4px 8px}.chat-open{display:none}.hud-exp{align-items:center;gap:4px;display:flex}.exp-label{font-family:var(--font-sm);color:var(--exp-hi);flex:none;font-size:10px}.exp-bar{flex:1;height:12px}.toasts{flex-direction:column;align-items:center;gap:4px;display:flex;pointer-events:none!important}.toast{border:1px solid var(--outline);max-width:100%;color:var(--ink);text-shadow:1px 1px #000;background:linear-gradient(90deg,#140d0733,#140d07e0 12% 88%,#140d0733);align-items:center;gap:6px;padding:3px 10px;font-size:12px;animation:.22s ease-out toast-in;display:flex;box-shadow:inset 0 1px #c9a06380,inset 0 -1px #c9a06380}.toast.out{opacity:0;transition:opacity .35s,transform .35s;transform:translateY(-6px)}.toast-icon{flex:none;width:18px;height:18px}.toast-text{-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;min-width:0;line-height:16px;display:-webkit-box;overflow:hidden}.toast.t-loot{color:#fff0c0}.toast.t-quest{color:#ffe07a}.toast.t-level{color:#fff08a;font-size:13px;font-weight:700;box-shadow:inset 0 1px #ffe07a,inset 0 -1px #ffe07a,0 0 16px #ffdc6480}.toast.t-party{color:#b8f0a8}.toast.t-warn{color:#ffb45a}.toast.t-tip{color:#eaf6ff;background:linear-gradient(90deg,#0e1e2c59,#0e1e2cf0 8% 92%,#0e1e2c59);border-color:#0c1a26;align-items:flex-start;padding:4px 10px 5px;box-shadow:inset 0 1px #6ad8ff99,inset 0 -1px #6ad8ff99,0 2px 8px #00000059}.toast.t-tip .toast-text{-webkit-line-clamp:none;line-clamp:none;white-space:normal;line-height:16px;display:block}.toast-tag{border:1px solid var(--outline);color:#fff;font-family:var(--font-sm);text-shadow:none;background:#2f6fd8;flex:none;margin-top:1px;padding:0 3px;font-size:10px;line-height:13px}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)scale(.96)}}.notice{color:#ff7a5a;text-align:center;opacity:0;max-width:80%;font-size:12px;font-weight:700;position:absolute;top:66%;left:50%;transform:translate(-50%);pointer-events:none!important}.notice.good{color:#ffe07a}.notice.show{animation:1.8s ease-out forwards notice}@keyframes notice{0%{opacity:0;transform:translate(-50%,6px)}10%,75%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-8px)}}.map-banner{text-align:center;pointer-events:none;opacity:0;white-space:nowrap;position:absolute;top:22%;left:50%;transform:translate(-50%)}.map-banner.show{animation:2.6s ease-out forwards map-banner}.mb-name{font-family:var(--font-title);color:#fff4c8;text-shadow:2px 0 var(--outline), -2px 0 var(--outline), 0 2px var(--outline), 0 -2px var(--outline), 2px 2px var(--outline), -2px 2px var(--outline), 2px -2px var(--outline), -2px -2px var(--outline), 0 4px 0 #00000080;letter-spacing:2px;font-size:30px;line-height:1.1}.mb-name:before,.mb-name:after{content:"";vertical-align:middle;background:linear-gradient(90deg, transparent, var(--gold-hi));width:36px;height:2px;margin:0 10px;display:inline-block}.mb-name:after{background:linear-gradient(90deg, var(--gold-hi), transparent)}.mb-sub{color:var(--gold-hi);text-shadow:var(--text-outline);margin-top:4px;font-size:12px}@keyframes map-banner{0%{opacity:0;transform:translate(-50%,8px)}15%,70%{opacity:1;transform:translate(-50%)}to{opacity:0}}.death-banner{pointer-events:auto;align-items:center;gap:10px;width:min(420px,100% - 24px);animation:.3s ease-out toast-in;display:flex;position:absolute;top:24%;left:50%;transform:translate(-50%)}.death-icon{flex:none;width:40px;height:40px}.death-text{flex:1;min-width:0}.death-title{font-family:var(--font-title);color:#cfe0ff;font-size:15px}.death-desc{color:var(--ink-dim);font-size:12px}.death-revive{flex:none}.portrait .death-banner{gap:6px;width:calc(100% - 74px);top:auto;bottom:70px;left:6px;transform:none}.portrait .death-banner .death-icon{width:32px;height:32px}.portrait .death-revive{white-space:normal;max-width:96px;min-height:40px;line-height:1.3}.portrait.compact .death-banner{bottom:var(--edge)}.portrait.compact .death-banner .death-icon,.portrait.compact .death-desc{display:none}.portrait.compact .death-revive{white-space:nowrap;max-width:none}.portrait.compact .hud-layer:has(>.death-banner:not(.hidden)) .s-bl{visibility:hidden}.alert-layer{z-index:45;pointer-events:none;position:absolute;inset:0}.alert-layer>*{pointer-events:auto}.invite-card{left:50%;top:calc(18% + var(--safe-t));pointer-events:auto;z-index:20;align-items:center;gap:8px;width:min(380px,100% - 20px);animation:.25s ease-out toast-in;display:flex;position:absolute;transform:translate(-50%)}.invite-icon{flex:none;width:32px;height:32px}.invite-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.invite-bar{height:6px}.invite-bar:before{transition:none}.invite-btns{gap:4px;display:flex}.portrait .invite-card{top:calc(var(--safe-t) + 104px)}.portrait.roomy .invite-card{top:calc(var(--safe-t) + 150px)}.landscape .bottom-panel{display:none}.landscape .game{grid-template-rows:minmax(0,1fr)}.landscape .s-tl{top:calc(var(--edge) + var(--safe-t));left:calc(var(--edge) + var(--safe-l));width:232px;max-height:calc(100% - var(--joy) - 70px);overflow:hidden}.landscape:not(.roomy) .s-tl{gap:4px}.s-tl>*{flex:none}.landscape .s-tc{top:calc(6px + var(--safe-t));align-items:center;gap:4px;width:min(270px,100% - 500px);min-width:170px;left:50%;transform:translate(-50%)}.landscape .s-tc .hud-target{width:100%}.landscape .s-tr{top:calc(var(--edge) + var(--safe-t));right:calc(var(--edge) + var(--safe-r));flex-direction:row;align-items:flex-start;gap:6px}.landscape .hud-menu{grid-template-columns:repeat(3,44px);grid-auto-rows:44px}.landscape .s-bl{left:calc(4px + var(--safe-l));bottom:calc(18px + var(--safe-b))}.landscape .hud-joystick{width:calc(var(--joy) + 44px);height:calc(var(--joy) + 44px)}.landscape .s-bc{left:calc(var(--joy) + 58px + var(--safe-l));right:calc(var(--atk) / 2 + var(--r2) + var(--qs2) / 2 + 30px + var(--safe-r));bottom:calc(20px + var(--safe-b));max-width:520px}.landscape .hud-chat{height:70px}.landscape .chat{--chat-h:74px;--chat-h-big:min(52vh, 220px);background:#0a07046b}.landscape .chat:not(.expanded):not(.open) .chat-tabs,.landscape .chat:not(.expanded):not(.open) .chat-input-row{display:none}.landscape .chat:not(.expanded):not(.open){--chat-h:66px;box-shadow:none;background:linear-gradient(#0a07041f,#0a070480);border-color:#0000}.landscape .chat.expanded,.landscape .chat.open{background:#0e0905db}.landscape .hud-chat,.landscape .chat:not(.expanded):not(.open){pointer-events:none}.landscape .chat:not(.expanded):not(.open) .cl,.landscape .chat-open,.landscape .chat.expanded,.landscape .chat.open{pointer-events:auto}.landscape .chat:not(.expanded):not(.open) .cl{width:-moz-fit-content;width:fit-content;max-width:100%}.landscape .chat-open{border:2px solid var(--outline);width:40px;height:40px;box-shadow:inset 0 0 0 1px var(--gold-lo);background:#281c10d9;border-radius:3px;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:-44px;right:2px}.landscape .chat.expanded .chat-open,.landscape .chat.open .chat-open{display:none}.landscape .chat-open .px-img{width:24px;height:24px}.landscape .s-br{right:calc(12px + var(--safe-r));bottom:calc(20px + var(--safe-b))}.landscape .pad-arc{width:var(--atk);height:var(--atk)}.landscape .s-bottom{padding:0 calc(6px + var(--safe-r)) calc(2px + var(--safe-b)) calc(6px + var(--safe-l));bottom:0;left:0;right:0}.landscape .exp-bar{height:12px}.landscape .exp-bar .bar-text{font-size:10px}.landscape .s-toast{left:calc(var(--joy) + 58px + var(--safe-l));bottom:calc(20px + 74px + 8px + var(--safe-b));width:min(360px, calc(50% - var(--joy) - 58px - var(--safe-l) - 28px));align-items:flex-start}.landscape .hud-layer:has(.chat.expanded,.chat.open)>.s-toast{visibility:hidden}.landscape .notice{top:30%}@media (orientation:landscape) and (max-height:420px){.landscape .game{--qs:44px;--qs2:40px;--atk:78px;--r1:92px;--r2:154px;--joy:108px}.landscape .hud-minimap{width:84px;height:84px}.landscape .hud-menu{grid-template-columns:repeat(3,40px);grid-auto-rows:40px}.landscape .menu-icon{width:22px;height:22px}.landscape .hud-status,.landscape .s-tl{width:214px}.landscape .st-portrait{width:44px;height:44px}}@media (orientation:landscape) and (max-height:370px){.landscape .game{--qs:42px;--qs2:40px;--atk:72px;--r1:86px;--r2:146px;--joy:100px}}.landscape.roomy .game{--qs:52px;--qs2:46px;--atk:96px;--r1:110px;--r2:182px;--joy:132px;--edge:12px}.landscape.roomy .hud-status,.landscape.roomy .s-tl{width:270px}.landscape.roomy .hud-minimap{width:124px;height:124px}.landscape.roomy .hud-menu{grid-template-columns:repeat(3,52px);grid-auto-rows:52px}.landscape.roomy .menu-icon{width:28px;height:28px}.landscape.roomy .st-portrait{width:56px;height:56px}.landscape.roomy .st-bar{height:16px}.landscape.roomy .hud-tracker{width:240px}.landscape.roomy .hud-chat{height:100px}.landscape.roomy .chat{--chat-h:96px;--chat-h-big:300px}.landscape.roomy .chat:not(.expanded):not(.open){--chat-h:96px}.landscape.roomy .s-toast{bottom:calc(20px + 100px + 8px + var(--safe-b))}.landscape.roomy .s-tc{width:min(320px,100% - 600px)}.landscape.roomy .exp-bar{height:14px}.portrait .game{--qs:44px;--atk:74px;--r1:96px;--joy:104px;--edge:6px}.portrait .s-tl{top:calc(var(--edge) + var(--safe-t));left:calc(var(--edge) + var(--safe-l));width:min(206px,54%);max-height:calc(100% - var(--safe-t) - 3 * var(--edge) - 52px);gap:4px;overflow:hidden}.portrait .hud-status{width:100%}.portrait .st-portrait{width:42px;height:42px}.portrait .st-bar{height:13px}.portrait .hud-tracker,.portrait .hud-party{width:100%}.portrait .s-tc{align-items:center;top:29%;left:50%;transform:translate(-50%)}.portrait .bp-chat{position:relative}.portrait .bp-chat>.toasts{z-index:6;align-items:stretch;gap:0;position:absolute;top:3px;left:8px;right:8px}.portrait .bp-chat>.toasts .toast{background:#140d07;justify-content:center}.portrait .bp-chat>.toasts .toast.t-tip{background:#0e1e2c}.portrait .notice{top:auto;bottom:calc(var(--edge) + 60px)}.portrait .map-banner{top:auto;bottom:calc(var(--edge) + 82px)}.portrait .s-tr{top:calc(var(--edge) + var(--safe-t));right:calc(var(--edge) + var(--safe-r));align-items:flex-end;gap:3px}.portrait .hud-minimap{width:88px;height:88px}.portrait .hud-mapinfo{align-items:flex-end}.portrait .s-bl{left:calc(var(--edge) + var(--safe-l));bottom:var(--edge);width:min(250px,100% - 76px)}.portrait .hud-target{width:100%}.portrait .s-br{right:calc(var(--edge) + var(--safe-r));bottom:var(--edge)}.portrait .pad-utils{flex-direction:column;gap:8px;display:flex}.portrait .pad-utils .act-util{--s:46px}.portrait .pad-utils .auto-phase{inset:50% calc(100% + 4px) auto auto;transform:translateY(-50%)}.bottom-panel{z-index:3;padding:3px calc(6px + var(--safe-r)) calc(4px + var(--safe-b)) calc(6px + var(--safe-l));border-top:2px solid var(--outline);box-shadow:0 -2px 0 var(--gold-lo), inset 0 1px 0 var(--gold), 0 -6px 12px #00000073;background:linear-gradient(#33241a 0,#20160d 40px,#160f08);flex-direction:column;gap:4px;display:flex;position:relative}.bottom-panel:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#ffe6b405 0 2px,#0000 2px 4px);position:absolute;inset:0}.bp-exp .exp-bar{height:12px}.portrait .chat{position:relative}.portrait .chat.expanded{position:absolute}.portrait .chat{--chat-h:64px;--chat-h-big:min(46vh, 320px);background:#080503b8}.bp-controls{height:calc(var(--atk) / 2 + var(--r1) + var(--qs) / 2 + 12px);grid-template-columns:auto 1fr auto;align-items:end;min-height:146px;display:grid;position:relative}.bp-joy{align-self:center}.portrait .hud-joystick{width:calc(var(--joy) + 16px);height:calc(var(--joy) + 34px)}.bp-grid{place-self:center}.portrait .pad-grid{grid-template-columns:repeat(2, var(--qs));gap:6px;display:grid}.bp-arc{width:calc(var(--atk) / 2 + var(--r1) + var(--qs) / 2 + 4px);justify-content:flex-end;align-self:end;padding:0 4px 6px 0;display:flex}.portrait .pad-arc{width:var(--atk);height:var(--atk)}.bp-menu .hud-menu{grid-template-columns:repeat(6,1fr)}.portrait .menu-btn{height:46px}.portrait.compact .game{--qs:40px;--atk:66px;--r1:84px;--joy:96px}.portrait.compact .chat{--chat-h:46px}.portrait.compact .menu-btn{height:42px}.portrait.compact .menu-icon{width:20px;height:20px}.portrait.compact .hud-minimap{width:76px;height:76px}.portrait.compact .bp-controls{min-height:128px}.portrait.roomy .game{--qs:56px;--atk:96px;--r1:116px;--joy:140px;--edge:10px}.portrait.roomy .bottom-panel{padding-left:max(24px,50% - 380px);padding-right:max(24px,50% - 380px)}.portrait.roomy .chat{--chat-h:104px}.portrait.roomy .s-tl{width:280px}.portrait.roomy .st-portrait{width:56px;height:56px}.portrait.roomy .st-bar{height:16px}.portrait.roomy .hud-minimap{width:132px;height:132px}.portrait.roomy .menu-btn{height:56px}.portrait.roomy .menu-icon{width:30px;height:30px}.portrait.roomy .menu-label{font-family:var(--font);font-size:12px}.portrait.roomy .pad-utils .act-util{--s:56px}.game.win-open .hud-layer .s-bc .chat.expanded{z-index:1}.win-layer{z-index:40;pointer-events:none;position:absolute;inset:0}.win-scrim{pointer-events:auto;background:#0000001f;display:none;position:absolute;inset:0}.win-layer.has-win .win-scrim{display:block}.win-scrim.dim{background:#0000006b}.win{pointer-events:auto;min-height:0;color:var(--ink);filter:drop-shadow(0 6px 10px #0000008c);flex-direction:column;display:flex;position:absolute}.win.opening{animation:.18s ease-out win-in}@keyframes win-in{0%{opacity:0;translate:0 10px}}.win-head{border-bottom:2px solid #0000;border-image:linear-gradient(90deg, transparent, var(--gold) 20%, var(--gold) 80%, transparent) 1;align-items:center;gap:6px;min-height:40px;margin:-2px -2px 0;padding:0 0 6px;display:flex}.win-icon{flex:none;width:28px;height:28px}.win-title{min-width:0;font-family:var(--font-title);color:var(--gold-hi);text-shadow:1px 1px 0 var(--outline), 0 0 8px #f0c86040;white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-size:15px;font-weight:400;overflow:hidden}.win-head-extra{flex:none;align-items:center;gap:6px;display:flex}.win-head-extra:empty{display:none}.win-tabs{border-bottom:2px solid var(--outline);box-shadow:0 1px 0 var(--gold-lo);margin:8px 0 0}.win-body{flex:auto;min-height:0;padding:8px 2px}.win-foot{border-top:1px solid #c9a06359;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;padding:8px 0 0;display:flex}.win-foot>.btn{min-width:64px}.win-flash{z-index:2;border:1px solid var(--outline);color:#d8ffcc;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;opacity:0;background:#183616f0;max-width:calc(100% - 32px);padding:4px 12px;font-size:12px;position:absolute;bottom:46px;left:50%;overflow:hidden;transform:translate(-50%,6px);box-shadow:inset 0 1px #8fe07c8c,0 3px 10px #00000080}.win-flash.warn{color:#ffd2c4;background:#461810f0;box-shadow:inset 0 1px #ff7a5a8c,0 3px 10px #00000080}.win-flash.show{animation:2.4s ease-out forwards win-flash}@keyframes win-flash{0%{opacity:0;transform:translate(-50%,6px)}8%,80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%)}}.landscape .win.l-center,.win.kind-popup{left:calc(50% + (var(--safe-l) - var(--safe-r)) / 2);top:calc(50% + (var(--safe-t) - var(--safe-b)) / 2);max-height:calc(100% - 16px - var(--safe-t) - var(--safe-b));transform:translate(-50%,-50%)}.landscape .win.l-right{right:calc(8px + var(--safe-r));top:calc(8px + var(--safe-t));bottom:calc(8px + var(--safe-b))}.landscape .win.l-bottom{left:calc(50% + (var(--safe-l) - var(--safe-r)) / 2);bottom:calc(8px + var(--safe-b));max-height:calc(100% - 16px - var(--safe-t) - var(--safe-b));transform:translate(-50%);width:min(720px, calc(100% - 24px - var(--safe-l) - var(--safe-r)))!important}.win.win-sm{width:min(360px, calc(100% - 20px - var(--safe-l) - var(--safe-r)))}.win.win-md{width:min(480px, calc(100% - 20px - var(--safe-l) - var(--safe-r)))}.win.win-lg{width:min(660px, calc(100% - 20px - var(--safe-l) - var(--safe-r)))}.portrait .win.p-sheet{max-height:min(76%, calc(100% - 8px - var(--safe-t)));padding:0 var(--safe-r) var(--safe-b) var(--safe-l);bottom:0;left:0;right:0;transform:none;width:auto!important}.portrait .win.p-sheet.opening{animation:.2s ease-out sheet-in}@keyframes sheet-in{0%{opacity:.4;translate:0 40%}}.portrait .win.p-sheet[data-key=quests],.portrait .win.p-sheet[data-key=shop],.portrait .win.p-sheet[data-key=skills],.portrait .win.p-sheet[data-key=equipment]{height:min(74%, calc(100% - 8px - var(--safe-t)))}.portrait .win.p-center{left:calc(50% + (var(--safe-l) - var(--safe-r)) / 2);top:calc(50% + (var(--safe-t) - var(--safe-b)) / 2);width:min(360px, calc(100% - 20px - var(--safe-l) - var(--safe-r)));max-height:calc(100% - 40px - var(--safe-t) - var(--safe-b));transform:translate(-50%,-50%)}.portrait .win.p-center.win-md{width:calc(100% - 16px - var(--safe-l) - var(--safe-r))}.roomy.portrait .win.p-sheet{left:50%;right:auto;transform:translate(-50%);width:min(720px,100%)!important}.pop-msg{white-space:pre-line;margin:8px 4px 12px;line-height:1.6}.amount-head{align-items:center;gap:8px;margin-bottom:10px;display:flex}.amount-icon{width:36px;height:36px}.amount-row{align-items:center;gap:4px;display:flex}.amount-input{text-align:center;flex:1;min-width:0}.amount-quick{gap:4px;margin-top:6px;display:flex}.amount-quick .btn{flex:1}.amount-detail{min-height:16px;color:var(--gold-hi);text-align:center;margin-top:10px}.qs-pick-head{align-items:center;gap:10px;margin-bottom:10px;display:flex}.qs-pick-icon{width:40px;height:40px}.qs-pick-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.qs-pick{background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;padding:4px 0;display:flex;position:relative}.qs-pick-slot{width:50px;height:50px}.qs-pick-slot .px-img{width:32px;height:32px}.qs-pick-num{font-family:var(--font-sm);color:var(--gold-hi);font-size:10px}.qs-pick.same .qs-pick-slot{border-image-source:var(--slot-lit)}.qs-opt-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:4px;display:grid}.qs-opt{text-align:left;background:#fff0c80a;border:1px solid #0000;grid-template-rows:auto auto;grid-template-columns:44px 1fr;align-items:center;column-gap:6px;padding:3px;display:grid}.qs-opt.active{border-color:var(--gold-hi);background:#f0c86024}.qs-opt-slot{grid-row:1/3;width:44px;height:44px}.qs-opt-name{color:#fff;font-size:12px}.qs-opt-sub{font-size:12px}.inv-grid{grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:4px;display:grid}.inv-slot{aspect-ratio:1;min-width:0;padding:3px}.inv-slot .px-img{width:100%;max-width:40px;height:100%;max-height:40px}.inv-letter{font-family:var(--font-sm);color:var(--gold);text-shadow:1px 1px 0 var(--outline);font-size:10px;line-height:1;position:absolute;top:-4px;left:-2px}.inv-slot.empty .inv-letter{color:#c9a06373}.inv-slot.r-uncommon{box-shadow:inset 0 0 8px #7ee07a73}.inv-slot.r-rare{box-shadow:inset 0 0 8px #6ab8ff8c}.inv-slot.r-epic{box-shadow:inset 0 0 10px #e08aff99}.inv-slot.filled:active{filter:brightness(1.3)}.inv-grid.moving .inv-slot:not(.move-src){animation:.9s steps(2,end) infinite move-hint}@keyframes move-hint{50%{filter:brightness(1.25)}}.inv-list{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:2px 8px;display:grid}.inv-row{min-height:40px;color:var(--ink);text-align:left;background:0 0;border:0;border-bottom:1px dotted #c9a06333;grid-template-columns:14px 24px 1fr auto;align-items:center;gap:6px;padding:2px 6px;display:grid}.inv-row.filled:active,.inv-row.move-src{background:#f0c86029}.inv-list.moving .inv-row:not(.move-src){animation:.9s steps(2,end) infinite move-hint}.inv-row-letter{color:var(--gold);font-family:var(--font-sm);font-size:10px}.inv-row-icon{width:24px;height:24px}.inv-row-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.inv-row-count{color:var(--ink-dim);font-size:12px}.inv-view{min-width:40px}.inv-hint{text-align:center;margin-top:8px}.inv-cap{color:var(--ink-dim);margin-right:auto}.inv-letter-inline{color:var(--gold);font-family:var(--font-sm);font-size:10px}.item-head{align-items:center;gap:10px;display:flex}.item-big{flex:none;width:60px;height:60px}.item-big .px-img{width:48px;height:48px}.item-name{font-family:var(--font-title);font-size:15px}.item-type{font-size:12px}.item-count{color:var(--gold-hi)}.item-desc{border-left:2px solid var(--gold-lo);color:var(--ink);background:#fff0c80d;margin:10px 0;padding:8px 10px;line-height:1.6}.item-rows{flex-direction:column;gap:3px;display:flex}.item-row{justify-content:space-between;gap:8px;display:flex}.item-stats{background:#00000040;border:1px solid #c9a06333;grid-template-columns:1fr auto 3em;gap:2px 8px;margin-bottom:4px;padding:6px 8px;display:grid}.item-stat{display:contents}.item-stat>:nth-child(3){text-align:right;font-family:var(--font-sm);font-size:10px}.item-note{margin-bottom:4px;font-size:12px}.equip-wrap{grid-template-columns:1fr;gap:8px;display:grid}.landscape .equip-wrap,.roomy .equip-wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.doll{background:radial-gradient(#f0c8601f,#0000 70%),#00000038;border:1px solid #c9a06340;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;padding:8px 4px;display:grid}.doll-col{flex-direction:column;gap:8px;display:flex}.eq-slot{background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:0;display:flex}.eq-icon{width:54px;height:54px}.eq-icon .px-img{width:36px;height:36px}.eq-empty{font-family:var(--font-sm);color:#c9a06399;font-size:10px}.eq-name{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;line-height:14px;overflow:hidden}.doll-center{flex-direction:column;align-items:center;gap:4px;display:flex}.doll-stage{justify-content:center;align-items:flex-end;width:128px;height:148px;display:flex}.doll-stage .char-preview{cursor:pointer}.doll-name{text-align:center;font-size:12px}.stats .section-title:first-child{margin-top:0}.stat-points{border:1px solid var(--outline);color:#fff8d0;white-space:nowrap;background:#a8741e;flex:none;padding:1px 6px;font-weight:400;animation:1.2s steps(2,end) infinite stat-points-pulse}@keyframes stat-points-pulse{50%{background:#d8a032;box-shadow:0 0 6px #ffdc64b3}}.stat-base-list{flex-direction:column;gap:4px;display:flex}.stat-base{background:#fff0c80d;grid-template-columns:3.2em 2.8em 1fr auto;align-items:center;gap:6px;min-height:32px;padding:2px 6px;display:grid}.stat-name{color:var(--gold-hi)}.stat-val{color:#fff;text-align:right;font-weight:700}.stat-hint{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.stat-plus{min-width:40px;font-size:15px}.stat-grid{grid-template-columns:1fr 1fr;gap:2px 10px;display:grid}.stat-cell{border-bottom:1px dotted #c9a06333;justify-content:space-between;gap:6px;padding:3px 4px;display:flex}.sk-list{flex-direction:column;gap:6px;display:flex}.sk-card{background:linear-gradient(90deg,#fff0c80f,#fff0c805);border:1px solid #c9a06340;grid-template-columns:52px 1fr auto;align-items:center;gap:8px;padding:6px;display:grid}.sk-card.locked{opacity:.62}.sk-card.learned{border-color:#8fe07c59}.sk-card.ready{background:linear-gradient(90deg,#f0c86024,#f0c86008);border-color:#f0c860b3}.section-title.ready{color:#ffe07a}.sk-price{text-align:center;font-size:12px}.sk-icon{width:52px;height:52px}.sk-icon .px-img{width:32px;height:32px}.sk-main{min-width:0}.sk-name{color:#fff;font-weight:700}.sk-meta{margin-top:1px;font-size:12px}.sk-desc{color:var(--ink);margin-top:3px;font-size:12px;line-height:1.45}.sk-btns,.tr-side{flex-direction:column;align-items:stretch;gap:6px;display:flex}.tr-side{align-items:flex-end}.sk-req{flex-direction:column;align-items:flex-end;gap:2px;font-size:12px;display:flex}.tr-state{font-size:12px}.portrait .sk-card{grid-template-columns:44px 1fr auto}.portrait .sk-icon{width:44px;height:44px}.q-card{background:#fff0c80a;border:1px solid #c9a0634d;margin-bottom:8px;padding:8px 10px}.q-card.main{border-color:var(--gold);background:linear-gradient(#f0c8601f,#f0c86005)}.q-card.complete{box-shadow:0 0 0 1px var(--good) inset}.q-title{color:#fff;align-items:center;gap:6px;font-size:13px;display:flex}.q-tag{border:1px solid var(--outline);color:#fff8d0;font-family:var(--font-sm);background:#a8741e;padding:0 4px;font-size:10px;line-height:14px}.q-state{margin-left:auto}.q-summary{color:var(--ink-dim);margin:4px 0 6px;font-size:12px;line-height:1.5}.q-objs{flex-direction:column;gap:4px;display:flex}.q-obj{grid-template-columns:1fr 42%;align-items:center;gap:8px;font-size:12px;display:grid}.q-obj.done .q-obj-t{color:var(--good)}.q-obj-bar{height:12px}.q-npc{margin-top:6px;font-size:12px}.q-rewards{flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:6px;font-size:12px;display:flex}.q-rw{align-items:center;gap:2px;display:inline-flex}.q-rw.exp{color:var(--exp-hi)}.q-rw .px-img{width:18px;height:18px}.q-actions{justify-content:flex-end;gap:6px;margin-top:6px;display:flex}.q-actions:empty{display:none}.q-go{align-items:center;gap:6px;margin-right:auto;display:inline-flex}.q-go-where{font-family:var(--font-sm);opacity:.85;font-size:10px}.q-done-list{flex-direction:column;gap:4px;display:flex}.q-done{background:#fff0c80a;align-items:center;gap:6px;padding:4px 6px;display:flex}.pt-invite{border:1px solid var(--gold);background:#f0c8601f;align-items:center;gap:6px;margin-bottom:6px;padding:6px 8px;display:flex}.pt-invite>span{flex:1}.pt-list{flex-direction:column;gap:6px;display:flex}.pt-member{background:#8fe07c0d;border:1px solid #8fe07c4d;flex-direction:column;gap:3px;padding:6px 8px;display:flex}.pt-member.me{border-color:var(--gold)}.pt-head{align-items:center;gap:4px;min-height:30px;display:flex}.pt-crown{width:16px;height:16px}.pt-away{border:1px solid var(--outline);background:#2a3a5a;padding:0 4px;font-size:12px}.pt-kick{margin-left:auto}.pt-bar{height:12px}.pt-invite-row{gap:6px;display:flex}.pt-input{flex:1;min-width:0}.pt-near{flex-direction:column;gap:3px;display:flex}.pt-near-row{background:#fff0c80a;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:2px 6px;display:grid}.pt-note{text-align:center;margin-top:10px}.win[data-key=dialog] .win-head{display:none}.dlg{align-items:flex-start;gap:10px;display:flex}.dlg-face{flex-direction:column;flex:none;align-items:center;gap:4px;display:flex}.dlg-face .px-img{border:2px solid var(--outline);width:96px;height:96px;box-shadow:inset 0 0 0 1px var(--gold), 0 0 0 1px var(--gold-lo);background:radial-gradient(circle at 50% 40%,#6a5238,#2a1c10)}.dlg-name{border:1px solid var(--outline);color:#fff8d0;white-space:nowrap;background:linear-gradient(#a8741e,#6a4410);padding:1px 8px;font-weight:700}.dlg-bubble{cursor:pointer;flex:1;min-width:0;min-height:96px;position:relative}.dlg-text{white-space:pre-line;color:#2a1a0c;font-size:13px;line-height:1.7}.dlg-rest{color:#0000;text-shadow:none}.dlg-more{border:6px solid #0000;border-top:7px solid #8a5a2a;border-bottom:0;width:0;height:0;animation:.7s steps(2,end) infinite dlg-more;position:absolute;bottom:-4px;right:0}.dlg-bubble.done .dlg-more{display:none}@keyframes dlg-more{50%{transform:translateY(3px)}}.dlg-choices{flex-direction:column;gap:5px;margin-top:10px;display:flex}.dlg-choice{white-space:normal;text-align:left;justify-content:flex-start;min-height:40px;padding-left:14px;font-size:13px}.dlg-choice:before{content:"▸";color:var(--gold-hi);margin-right:4px}.dlg-choice.gold:before{color:#6a3a06}.landscape .dlg-choices{grid-template-columns:1fr 1fr;display:grid}.portrait .dlg-face .px-img{width:72px;height:72px}.shop-list{flex-direction:column;gap:4px;display:flex}.shop-row{text-align:left;min-height:52px;color:var(--ink);background:linear-gradient(90deg,#fff0c80f,#fff0c805);border:1px solid #c9a06338;grid-template-columns:48px 1fr auto;align-items:center;gap:8px;padding:3px 8px 3px 3px;display:grid}.shop-row:active:not(:disabled){background:#f0c8602e}.shop-row.poor{opacity:.6}.shop-row.sold{opacity:.45;background:0 0;border-style:dashed}.shop-icon{width:48px;height:48px}.shop-icon .px-img{width:32px;height:32px}.shop-main{flex-direction:column;gap:1px;min-width:0;display:flex}.shop-name{font-weight:700}.shop-sub,.shop-req{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.shop-price{white-space:nowrap;font-weight:700}.shop-foot{margin-right:auto;font-size:12px}.travel-list{flex-direction:column;gap:5px;display:flex}.travel-row{background:#fff0c80a;border:1px solid #c9a06340;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:6px 8px;display:grid}.travel-main{flex-direction:column;display:flex}.travel-main .dim{font-size:12px}.set-row{width:100%;min-height:44px;color:var(--ink);text-align:left;background:0 0;border:0;border-bottom:1px solid #c9a06326;justify-content:space-between;align-items:center;gap:10px;padding:4px 8px;display:flex}.set-label{flex-direction:column;gap:1px;display:flex}.set-label small{font-size:12px}.switch{border:2px solid var(--outline);background:#2a1e14;border-radius:12px;flex:none;width:46px;height:24px;position:relative;box-shadow:inset 0 2px #00000080}.switch-knob{background:#8a7a60;border-radius:50%;width:16px;height:16px;transition:left .12s;position:absolute;top:2px;left:2px}.toggle-row.on .switch{box-shadow:inset 0 0 0 1px var(--gold-hi);background:#7a5a1e}.toggle-row.on .switch-knob{background:#ffe07a;left:24px;box-shadow:0 0 6px #ffdc78cc}.segment{border:2px solid var(--outline);display:flex}.seg{border:0;border-left:1px solid var(--outline);min-width:52px;min-height:40px;color:var(--ink-dim);background:#2a1e14;padding:2px 8px}.seg:first-child{border-left:0}.seg.active{color:#2a1606;background:linear-gradient(#c89a3a,#8a5e1a);font-weight:700}.help{padding:4px 8px 8px}.help-sub{color:var(--gold-hi);margin:8px 0 4px}.help-list{flex-direction:column;gap:3px;display:flex}.help-row{grid-template-columns:9.5em 1fr;align-items:center;gap:8px;font-size:12px;display:grid}.help-row .kbd{justify-self:start}.set-foot{text-align:center;margin-top:14px;font-size:12px}.bigmap-sub{text-align:center;margin-bottom:6px}.bigmap-wrap{border:2px solid var(--outline);box-shadow:0 0 0 2px var(--gold-lo);margin:0 auto;position:relative}.bigmap-canvas{image-rendering:pixelated;display:block}.bigmap-wrap .bigmap-canvas{cursor:pointer}.bigmap-label{min-height:0;font-family:var(--font-sm);color:#bff0ff;white-space:nowrap;cursor:pointer;background:#0a141c8c;border:0;border-radius:2px;margin:0;padding:1px 3px;font-size:10px;line-height:12px;position:absolute;transform:translate(-50%,-135%)}.bigmap-label:after{content:"";position:absolute;inset:-8px -4px}.bigmap-label.npc{color:#ffd8a0;background:#1e100699}.bigmap-label.q-available,.bigmap-label.q-complete{color:#ffe14a;background:#281804cc;font-weight:700;box-shadow:0 0 0 1px #8a6a1a}.bigmap-hint{color:#9fd8ff}.lg-q{color:#ffd84a;text-shadow:var(--text-outline);font-weight:700}.bigmap-legend{flex-wrap:wrap;justify-content:center;gap:4px 10px;margin-top:8px;font-size:12px;display:flex}.lg{align-items:center;gap:4px;display:inline-flex}.lg i{border:1px solid var(--outline);width:8px;height:8px;display:inline-block}