@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.css";.game{flex-direction:column;gap:16px;display:flex}.game__hud{z-index:30;background:var(--bg);border-bottom:1px solid var(--border);flex-direction:column;gap:10px;padding:10px 0 12px;display:flex;position:sticky;top:0}.game__bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.game__loop{font-size:20px;font-weight:700}.game__controls{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.game__clock{font-variant-numeric:tabular-nums;color:var(--text-dim);margin-right:4px;font-size:14px}.game__title{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.game__bell{color:var(--text-dim);font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-size:13px;display:inline-flex}.game__bell--warn{color:var(--accent)}.game__bell--doom{color:var(--danger);font-weight:700}.game__body{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:16px;display:grid}.game__main,.game__side{flex-direction:column;gap:16px;min-width:0;display:flex}@media (width<=760px){.game__body{grid-template-columns:1fr}}.card__title{letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);align-items:center;gap:6px;margin:0 0 10px;font-size:13px;display:flex}.infotip{align-items:center;display:inline-flex;position:relative}.infotip__btn{border:1px solid var(--border);width:16px;height:16px;color:var(--text-dim);background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:11px;line-height:1;display:inline-flex}.infotip__btn:hover{color:var(--text);border-color:var(--accent)}.infotip__bubble{z-index:40;position:absolute;left:50%;transform:translate(-50%)}.infotip__bubble--top{bottom:calc(100% + 6px)}.infotip__bubble--bottom{top:calc(100% + 6px)}.infotip__bubble{border:1px solid var(--border);width:max-content;max-width:220px;color:var(--text);letter-spacing:normal;text-transform:none;white-space:normal;opacity:0;visibility:hidden;background:#2a2636;border-radius:8px;padding:8px 10px;font-size:12px;font-weight:400;line-height:1.45;transition:opacity .12s;box-shadow:0 6px 20px #0006}.infotip:hover .infotip__bubble,.infotip:focus-within .infotip__bubble,.infotip[data-open=true] .infotip__bubble{opacity:1;visibility:visible}.stat-row{justify-content:space-between;padding:3px 0;font-size:14px;display:flex}.stat-row b{font-variant-numeric:tabular-nums}.bar{background:var(--accent-soft);border-radius:5px;height:10px;overflow:hidden}.bar>span{border-radius:5px;height:100%;transition:width .25s;display:block}.bar--hp>span{background:linear-gradient(90deg,#f0719b,#f0a071)}.bar--mp>span{background:linear-gradient(90deg,#5b8bf0,#71c0f0)}.bar--enemy>span{background:linear-gradient(90deg,#8b7bf0,#6b5bd0)}.bar--ready>span{background:linear-gradient(90deg,#71c0f0,#71f0c0);transition:width .1s linear}.ready{flex-direction:column;gap:6px;display:flex}.ready__label{color:var(--text-dim);font-size:13px}.panel--combat{border-color:var(--accent);position:relative;overflow:hidden}.bar--charge>span{background:linear-gradient(90deg,#71c0f0,#71f0c0);transition:width .1s linear}.panel--enter{animation:.42s cubic-bezier(.2,.9,.3,1.4) enemy-enter}@keyframes enemy-enter{0%{opacity:0;transform:translateY(-26px)scale(.92)}60%{opacity:1}to{opacity:1;transform:translateY(0)scale(1)}}.is-hit-a{animation:.32s hit-shake-a}.is-hit-b{animation:.32s hit-shake-b}@keyframes hit-shake-a{0%,to{transform:translate(0)}20%{transform:translate(-7px)rotate(-.5deg)}45%{transform:translate(5px)rotate(.4deg)}70%{transform:translate(-3px)}}@keyframes hit-shake-b{0%,to{transform:translate(0)}20%{transform:translate(7px)rotate(.5deg)}45%{transform:translate(-5px)rotate(-.4deg)}70%{transform:translate(3px)}}.hitfx{pointer-events:none;background:radial-gradient(circle,#f0719b73,#f0719b00 70%);animation:.34s ease-out forwards hit-flash;position:absolute;inset:0}@keyframes hit-flash{0%{opacity:.9}to{opacity:0}}.hurtfx{z-index:45;pointer-events:none;animation:.4s ease-out forwards hurt-vignette;position:fixed;inset:0;box-shadow:inset 0 0 80px 20px #dc3c468c}@keyframes hurt-vignette{0%{opacity:1}to{opacity:0}}.combat-stage{position:relative}.skillfx{pointer-events:none;z-index:4;border-radius:14px;position:absolute;inset:0;overflow:hidden}.skillfx--fire:before,.skillfx--fire-big:before,.skillfx--frost:before,.skillfx--dark:before,.skillfx--dark-big:before,.skillfx--shot:before{content:"";border-radius:50%;width:20px;height:20px;animation:.3s cubic-bezier(.4,0,.9,.4) forwards fx-fly;position:absolute;top:50%;left:8%;transform:translate(-50%,-50%)}@keyframes fx-fly{0%{opacity:0;left:6%;transform:translate(-50%,-50%)scale(.4)}20%{opacity:1}85%{opacity:1;left:50%;transform:translate(-50%,-50%)scale(1.05)}to{opacity:0;left:52%;transform:translate(-50%,-50%)scale(.9)}}.skillfx--fire:after,.skillfx--fire-big:after,.skillfx--frost:after,.skillfx--dark:after,.skillfx--dark-big:after,.skillfx--shot:after{content:"";opacity:0;border-radius:50%;width:54px;height:54px;animation:.34s ease-out .26s forwards fx-burst;position:absolute;top:50%;left:52%;transform:translate(-50%,-50%)scale(.2)}@keyframes fx-burst{0%{opacity:.95;transform:translate(-50%,-50%)scale(.25)}to{opacity:0;transform:translate(-50%,-50%)scale(2.1)}}.skillfx--fire:before,.skillfx--fire-big:before{background:radial-gradient(circle,#ffe39e 10%,#f0791f 60%,#f0501400 100%);box-shadow:0 0 14px 4px #f0781ecc}.skillfx--fire:after,.skillfx--fire-big:after{background:radial-gradient(circle,#ffc878e6,#f05a1e00 70%)}.skillfx--fire-big:before{width:30px;height:30px;box-shadow:0 0 22px 8px #f06e1ed9}.skillfx--fire-big:after{width:86px;height:86px}.skillfx--frost:before{background:radial-gradient(circle,#e6f7ff 10%,#5bb8f0 60%,#5ab4f000 100%);box-shadow:0 0 14px 4px #6ebef0cc}.skillfx--frost:after{background:radial-gradient(circle,#c8f0ffe6,#5ab4f000 70%)}.skillfx--dark:before,.skillfx--dark-big:before{background:radial-gradient(circle,#d9a8ff 10%,#7a35d0 60%,#7832c800 100%);box-shadow:0 0 14px 4px #9646dccc}.skillfx--dark:after,.skillfx--dark-big:after{background:radial-gradient(circle,#c896ffe6,#5a1ea000 70%)}.skillfx--dark-big:before{background:radial-gradient(circle,#b070ff 10%,#2a0a4a 70%);width:30px;height:30px;box-shadow:0 0 24px 8px #7828c8d9}.skillfx--dark-big:after{width:90px;height:90px}.skillfx--shot:before{background:radial-gradient(circle,#fff 20%,#aab2c0 80%);width:13px;height:13px;box-shadow:0 0 8px 2px #dce6f0b3}.skillfx--shot:after{background:radial-gradient(circle,#ebf0f8d9,#aab4c300 70%);width:36px;height:36px}.skillfx--slash:before,.skillfx--slash-heavy:before{content:"";filter:drop-shadow(0 0 5px #c8e6ffe6);background:linear-gradient(90deg,#0000,#fffffff2 50%,#0000);width:150%;height:6px;animation:.34s ease-out forwards fx-slash;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-38deg)scaleX(0)}@keyframes fx-slash{0%{opacity:0;transform:translate(-50%,-50%)rotate(-38deg)scaleX(0)}30%{opacity:1}55%{opacity:1;transform:translate(-50%,-50%)rotate(-38deg)scaleX(1)}to{opacity:0;transform:translate(-50%,-50%)rotate(-38deg)scaleX(1)}}.skillfx--slash-heavy:after{content:"";filter:drop-shadow(0 0 7px #ffa05ae6);background:linear-gradient(90deg,#0000,#ffdcb4f2 50%,#0000);width:150%;height:9px;animation:.36s ease-out 70ms forwards fx-slash-b;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(34deg)scaleX(0)}@keyframes fx-slash-b{0%{opacity:0;transform:translate(-50%,-50%)rotate(34deg)scaleX(0)}35%{opacity:1}60%{opacity:1;transform:translate(-50%,-50%)rotate(34deg)scaleX(1)}to{opacity:0;transform:translate(-50%,-50%)rotate(34deg)scaleX(1)}}.skillfx--poison:before{content:"";filter:blur(1px);background:radial-gradient(circle,#96eb5abf,#46aa3200 70%);border-radius:50%;width:46px;height:46px;animation:.5s ease-out forwards fx-bloom;position:absolute;top:50%;left:55%;transform:translate(-50%,-50%)scale(.2)}.skillfx--poison:after{content:"";background:radial-gradient(circle,#b9fa78b3,#46aa3200 70%);border-radius:50%;width:30px;height:30px;animation:.5s ease-out .1s forwards fx-bloom;position:absolute;top:42%;left:47%;transform:translate(-50%,-50%)scale(.2)}@keyframes fx-bloom{0%{opacity:.9;transform:translate(-50%,-50%)scale(.2)}to{opacity:0;transform:translate(-50%,-50%)scale(2.2)}}@media (prefers-reduced-motion:reduce){.skillfx{display:none}}.tour{z-index:60;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#080a109e;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out tour-fade;display:flex;position:fixed;inset:0}@keyframes tour-fade{0%{opacity:0}to{opacity:1}}.tour__card{background:var(--panel,#1a1e2a);border:1px solid var(--accent);border-radius:14px;width:min(420px,100%);padding:20px;animation:.28s cubic-bezier(.2,.9,.3,1.4) tour-pop;box-shadow:0 18px 60px #00000080}@keyframes tour-pop{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.tour__title{margin:0 0 12px;font-size:16px}.tour__item{border-top:1px solid var(--border,#ffffff14);flex-direction:column;gap:3px;padding:10px 0;display:flex}.tour__item b{font-size:15px}.tour__item span{color:var(--text-dim);font-size:13px;line-height:1.5}.tour__card .btn{width:100%;margin-top:14px}.tab--new{animation:1.3s ease-in-out infinite tab-pulse}@keyframes tab-pulse{0%,to{box-shadow:0 0 #71c0f000}50%{box-shadow:0 0 10px 1px #71c0f0b3}}.btn--on{background:var(--accent);color:var(--text)}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--border);color:var(--text-dim);border-radius:999px;padding:3px 8px;font-size:12px}.actions{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.action{border:1px solid var(--border);background:var(--accent-soft);color:var(--text);border-radius:8px;flex-direction:column;align-items:flex-start;gap:2px;min-width:96px;padding:10px 14px;display:flex}.action:hover:not(:disabled){background:var(--accent)}.action:disabled{opacity:.4;cursor:not-allowed}.action small{color:var(--text-dim);font-size:11px}.action--alt{background:0 0}.action--magic{background:#2e2a52;border-color:#4a3f7a}.action--magic:hover:not(:disabled){background:#5a4fa0}.action--boss{background:#3a2230;border-color:#6a3a50}.action--boss:hover:not(:disabled){background:var(--danger);color:#1a1018}.chip--on{color:var(--text);border-color:var(--accent);background:var(--accent-soft)}.chip--btn{cursor:pointer;font:inherit;font-size:12px}.chip--btn:hover:not(:disabled){color:var(--text);border-color:var(--accent)}.chip--btn:disabled{cursor:default}.tabbar{flex-wrap:wrap;gap:6px;display:flex}.tab{border:1px solid var(--border);background:var(--bg-soft);color:var(--text-dim);border-radius:8px;padding:8px 14px;font-size:14px;position:relative}.tab__badge{background:var(--danger);color:#1a0f16;letter-spacing:.04em;border-radius:999px;padding:1px 5px;font-size:9px;font-weight:800;line-height:1.4;position:absolute;top:-6px;right:-6px}.tab:hover:not(.tab--on){color:var(--text)}.tab--on{background:var(--accent-soft);color:var(--text);border-color:var(--accent)}.region{border-top:1px solid var(--border);padding:10px 0}.region:first-of-type{border-top:none}.region--collapsed{padding:4px 0}.town-section{border:1px solid var(--border);background:#ffffff05;border-radius:12px;margin-bottom:12px;padding:8px 14px 4px}.town-section__head{border-bottom:1px solid var(--border);align-items:center;gap:6px;margin-bottom:2px;padding-bottom:6px;font-size:15px;font-weight:700;display:flex}.region__bar{justify-content:space-between;align-items:center;gap:8px;display:flex}.region__toggle{min-width:0;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;flex:1;align-items:center;gap:6px;padding:4px 0;display:flex}.region__toggle b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.region__chev{color:var(--text-dim);flex:none;width:12px;font-size:11px}.region--collapsed .region__toggle b{color:var(--text-dim);font-weight:600}.action--mini{flex-direction:row;flex:none;min-width:0;padding:5px 14px;font-size:13px}.action--done{border-color:var(--good);background:var(--good-soft);color:var(--good)}.action--done:hover:not(:disabled){background:var(--good);color:#0c1a14}.enemy--done{color:var(--good);font-weight:700}.bestiary-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px;margin-top:8px;display:grid}.bestiary-card{border:1px solid var(--border);background:#ffffff05;border-radius:10px;flex-direction:column;gap:8px;padding:10px;display:flex}.bestiary-card--undiscovered{opacity:.5}.bestiary-card__head{align-items:center;gap:10px;display:flex}.bestiary-card__icon{border:1px solid var(--border);background:var(--accent-soft);border-radius:8px;flex:none;place-items:center;width:42px;height:42px;font-size:22px;display:grid}.bestiary-card__title{flex:auto;min-width:0}.bestiary-card__name{font-size:14px;font-weight:700}.bestiary-card__count{color:var(--text-dim);font-size:12px}.bestiary-card__stats{flex-direction:column;gap:2px;display:flex}.bestiary-card__stat{justify-content:space-between;gap:8px;font-size:12px;display:flex}.bestiary-card__stat>span{color:var(--text-dim)}.bestiary-card__stat>b{text-align:right}.bestiary-pager{justify-content:center;align-items:center;gap:12px;margin-top:12px;display:flex}.region__locked{color:var(--danger);margin-top:4px}.region__head{flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.region__desc{color:var(--text-dim);margin-top:4px;font-size:12px}.btn--sm{padding:4px 10px;font-size:12px}.queue-item{color:var(--text-dim);justify-content:space-between;padding:2px 0;font-size:13px;display:flex}.log{flex-direction:column-reverse;max-height:200px;font-size:13px;line-height:1.7;display:flex;overflow-y:auto}.log__line{color:var(--text-dim)}.log__line b{color:var(--accent);font-variant-numeric:tabular-nums;margin-right:6px}.log__filters{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.log__filter{color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:999px;padding:2px 10px;font-size:12px}.log__filter--on{background:var(--accent);color:#fff;border-color:var(--accent)}.log__empty{text-align:center;opacity:.5}.stat-buy__bought{color:var(--accent);margin-left:4px;font-size:12px}.log__line--combat{color:#e08a8a}.log__line--loot{color:#d8b86a}.log__line--growth{color:#7fc8e0}.log__line--system{color:var(--text-dim)}.death{text-align:center;border:1px solid var(--danger);background:#f0719b14;border-radius:12px;padding:24px}.death__karma{margin:8px 0;font-size:15px}.death__karma b{color:var(--accent)}.toasts{z-index:50;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:16px;right:16px}.toast{border:1px solid var(--accent);color:var(--text);background:#141821f2;border-radius:10px;padding:10px 16px;font-size:.92rem;font-weight:600;animation:.22s ease-out toast-in;box-shadow:0 6px 20px #00000059}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.npc{border-top:1px solid var(--border);padding:12px 0}.npc:first-of-type{border-top:none}.npc--locked{opacity:.72}.npc__head{align-items:center;gap:10px;display:flex}.npc__icon{text-align:center;flex:none;width:2.2rem;font-size:1.7rem}.npc__who{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.npc__head>.chip,.npc__head>.action{flex:none;margin-left:auto}.npc__lines{border-left:2px solid var(--border);margin:8px 0 8px 2.7rem;padding-left:10px}.npc__line{color:var(--text-dim);margin:2px 0;font-size:.9rem;font-style:italic}.npc__foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-left:2.7rem;display:flex}.wm-viewport{border:1px solid var(--border);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:12px;height:440px;position:relative;overflow:hidden}.wm-viewport:active{cursor:grabbing}.worldmap{background:radial-gradient(circle at 86% 18%,#f05a3c47,#0000 24%),radial-gradient(circle at 67% 30%,#965ad238,#0000 22%),radial-gradient(circle at 12% 88%,#466ea040,#0000 26%),linear-gradient(165deg,#21321f 0%,#233026 38%,#232430 64%,#2a2030 100%);position:relative}.wm__land{pointer-events:none;opacity:.55;filter:saturate(.8);-webkit-user-select:none;user-select:none;position:absolute;transform:translate(-50%,-50%)}.wm__node{color:var(--text);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:1px;padding:2px;display:flex;position:absolute;transform:translate(-50%,-50%)}.wm__pin{filter:drop-shadow(0 2px 3px #0009);font-size:1.7rem;line-height:1;transition:transform .12s,filter .12s}.wm__node:hover .wm__pin{transform:scale(1.18)}.wm__name{white-space:nowrap;background:#101218c7;border-radius:999px;padding:1px 6px;font-size:11px;font-weight:700}.wm__node--static{cursor:default}.wm__node--region{opacity:.5}.wm__node--region .wm__pin{font-size:1.1rem}.wm__node--exp .wm__name{color:var(--danger);border:1px solid var(--danger);letter-spacing:1px;background:#280e16d9}.wm__node--exp .wm__pin{filter:drop-shadow(0 0 5px #f05a5a99)}.wm__node--spot .wm__name{color:#e8c06a;background:#28210ed9;border:1px solid #e8c06aa6}.wm__node--spot .wm__pin{filter:drop-shadow(0 0 5px #e8c06a80);font-size:1.15rem}.wm__node--spot:hover .wm__pin{transform:scale(1.2)}.wm__node--mystery .wm__pin{filter:drop-shadow(0 0 6px #b4a0dca6);font-size:1.4rem}.wm__node--mystery:hover .wm__pin{transform:scale(1.25)rotate(-6deg)}.wm__node--got{cursor:default}.wm__node--got .wm__pin{opacity:.4;filter:none;font-size:1.1rem}.wm__node--unknown .wm__pin{filter:grayscale(.5)drop-shadow(0 2px 3px #0009)}.wm__node--unknown .wm__name{color:var(--text-dim);letter-spacing:.08em}.wm__node--sel .wm__pin{transform:scale(1.25)}.wm__node--sel .wm__name{border:1px solid var(--accent);color:var(--text)}.intro{z-index:100;cursor:pointer;background:radial-gradient(circle at 50% 44%,#1d1733 0%,#0c0a12 70%);border:none;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:0;animation:2.3s forwards intro-seq;display:flex;position:fixed;inset:0}@keyframes intro-seq{0%{opacity:0}12%{opacity:1}80%{opacity:1}to{opacity:0;visibility:hidden}}.intro__title{letter-spacing:.5rem;background:linear-gradient(120deg,#c3b8ff,#f0719b);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.6rem,10vw,4.8rem);font-weight:800;animation:2.3s both intro-title}@keyframes intro-title{0%{opacity:0;letter-spacing:1.5rem;transform:translateY(14px)scale(.9)}28%{opacity:1;letter-spacing:.5rem}to{opacity:1;transform:none}}.intro__sub{color:var(--text-dim);letter-spacing:.38rem;font-size:.82rem;animation:1s .5s both fade-up}.intro__ring{border:2px solid #8b7bf080;border-radius:50%;width:130px;height:130px;animation:2.3s ease-out ring-pulse;position:absolute}.intro__ring--2{border-color:#f0719b73;animation-delay:.45s}@keyframes ring-pulse{0%{opacity:0;transform:scale(.2)}30%{opacity:.8}to{opacity:0;transform:scale(3.4)}}.splash{border:1px solid var(--border);background:radial-gradient(circle at 80% 18%,#f05a3c2e,#0000 32%),radial-gradient(circle at 22% 82%,#8b7bf033,#0000 36%),linear-gradient(160deg,#161320,#1b1626 60%,#221a2c);border-radius:14px;justify-content:center;align-items:center;min-height:72vh;transition:opacity .6s,filter .6s;display:flex;position:relative;overflow:hidden}.splash--igniting{opacity:0;filter:brightness(2.4)blur(4px)}.splash__embers{z-index:1;pointer-events:none;position:absolute;inset:0}.ember{background:radial-gradient(circle,#f0a071,#f0a07100);border-radius:50%;width:4px;height:4px;animation:linear infinite ember-rise;position:absolute;bottom:-12px}@keyframes ember-rise{0%{opacity:0;transform:translateY(0)scale(.5)}12%{opacity:.9}85%{opacity:.6}to{opacity:0;transform:translateY(-72vh)translate(24px)scale(1.1)}}.splash__inner{z-index:2;text-align:center;padding:40px 24px;animation:.9s both splash-in;position:relative}@keyframes splash-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.splash__kicker{color:var(--text-dim);letter-spacing:.2rem;margin:0 0 12px;font-size:.84rem;animation:.8s .2s both fade-up}.splash__title{letter-spacing:.4rem;background:linear-gradient(120deg,#c3b8ff,#f0719b 72%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(3rem,12vw,6rem);font-weight:800;animation:3.5s ease-in-out infinite alternate title-glow}@keyframes title-glow{0%{filter:drop-shadow(0 0 8px #8b7bf04d)}to{filter:drop-shadow(0 0 24px #f0719b80)}}.splash__sub{color:var(--accent);letter-spacing:.5rem;margin:8px 0 20px;font-size:.9rem;animation:.8s .4s both fade-up}.splash__lore{color:var(--text-dim);margin:0 0 28px;font-size:.95rem;line-height:1.85;animation:.8s .6s both fade-up}.splash__btn{cursor:pointer;color:var(--text);background:linear-gradient(120deg,#5a4fa0,#8b7bf0);border:1px solid #ffffff26;border-radius:999px;padding:12px 42px;font-size:1.1rem;font-weight:700;animation:2s ease-in-out infinite btn-pulse,.8s .8s both fade-up}.splash__btn:hover{filter:brightness(1.15);transform:translateY(-1px)}@keyframes btn-pulse{0%,to{box-shadow:0 0 18px #8b7bf059}50%{box-shadow:0 0 34px #8b7bf0a6}}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.modal-overlay{z-index:120;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a0810bd;justify-content:center;align-items:center;padding:16px;animation:.18s both fade-up;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--accent);border-radius:16px;width:100%;max-width:460px;padding:22px;box-shadow:0 0 60px #8b7bf040}.modal__eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin:0 0 6px;font-size:12px}.modal__title{margin:0 0 10px;font-size:22px;font-weight:800}.modal__desc{color:var(--text-dim);margin:0;line-height:1.7}.modal__hint{color:var(--text-dim);margin:0 0 14px;font-size:12px}.modal--dialogue{max-width:520px}.modal--shop{flex-direction:column;max-width:520px;max-height:80vh;display:flex}.modal--shop .dialogue__head{margin-bottom:8px}.modal--shop__body{min-height:0;overflow-y:auto}.modal-overlay--top{align-items:flex-start}.dialogue__head{align-items:center;gap:12px;margin-bottom:14px;display:flex}.dialogue__icon{font-size:38px;line-height:1}.dialogue__progress{letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);font-size:11px}.dialogue__name{font-size:18px;font-weight:700}.dialogue__line{white-space:pre-line;min-height:72px;margin:0 0 8px;font-size:16px;line-height:1.85}.dialogue__actions{justify-content:flex-end;gap:10px;display:flex}.name-field{border:1px solid var(--border);background:var(--bg-soft);border-radius:10px;align-items:center;gap:8px;margin:16px 0 6px;padding:11px 13px;display:flex}.name-input{min-width:0;color:var(--text);font:inherit;background:0 0;border:none;outline:none;flex:1;font-size:17px}.name-count{color:var(--text-dim);font-size:12px}.modal--name .btn{justify-content:center;width:100%}.panel--otherworld{border-color:var(--accent);background:linear-gradient(#8b7bf012,#0000 55%)}.skilltree-graph{border:1px solid var(--border);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#ffffff04;border-radius:10px;max-height:62vh;padding:8px;overflow:auto}.skilltree-graph:active{cursor:grabbing}.skilltree-legend__hint{color:var(--text-dim);font-size:12px}.skilltree-edge{fill:none;stroke:var(--accent);stroke-width:1.6px;opacity:.7}.skilltree-gnode rect{stroke-width:1.4px}.skilltree-gnode__name{fill:var(--text);font-size:13px;font-weight:700}.skilltree-gnode__lv{fill:var(--text-dim);font-size:11px}.skilltree-gnode rect{cursor:help}.skilltree-tip{border:1px solid var(--accent);color:var(--text);background:#2a2636;border-radius:8px;flex-direction:column;gap:3px;padding:7px 9px;font-size:11.5px;line-height:1.4;display:flex;box-shadow:0 6px 20px #00000073}.skilltree-tip__lv{color:var(--text-dim);font-size:10.5px;font-weight:400}.skilltree-gnode--physical rect{fill:#8b7bf02e;stroke:#b89bf2}.skilltree-gnode--magic rect{fill:#5b8bf02e;stroke:#71c0f0}.skilltree-gnode--support rect{fill:#5fd2a029;stroke:var(--good)}.skilltree-legend{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.skilltree-legend__item{background:0 0;border:1px solid;border-radius:999px;padding:2px 9px;font-size:12px}.skilltree-legend__item.skilltree-gnode--physical{color:#b89bf2;border-color:#b89bf2}.skilltree-legend__item.skilltree-gnode--magic{color:#71c0f0;border-color:#71c0f0}.skilltree-legend__item.skilltree-gnode--support{color:var(--good);border-color:var(--good)}.app{flex-direction:column;min-height:100%;display:flex}.header{border-bottom:1px solid var(--border);background:var(--bg-soft);justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.header__brand{letter-spacing:.02em;font-weight:700}.header__brand span{color:var(--accent)}.header__nav{color:var(--text-dim);gap:16px;font-size:14px;display:flex}.header__nav a:hover{color:var(--text)}.main{flex:1;width:100%;max-width:1040px;margin:0 auto;padding:24px 20px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:20px}.btn{border:1px solid var(--border);background:var(--accent-soft);color:var(--text);border-radius:8px;align-items:center;gap:8px;padding:10px 18px;transition:background .15s;display:inline-flex}.btn:hover{background:var(--accent)}.btn--ghost{background:0 0}.footer{border-top:1px solid var(--border);color:var(--text-dim);text-align:center;padding:16px 20px;font-size:12px}:root{--bg:#14121a;--bg-soft:#1d1a26;--panel:#24202f;--border:#352f45;--text:#e7e3f0;--text-dim:#a09bb3;--accent:#8b7bf0;--accent-soft:#3a3358;--danger:#f0719b;--good:#5fd2a0;--good-soft:#214536;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;font-family:Pretendard Variable,Pretendard,system-ui,-apple-system,Segoe UI,Roboto,Apple SD Gothic Neo,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}