.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;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;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);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}.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}.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}.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}.death{text-align:center;border:1px solid var(--danger);background:#f0719b14;border-radius:12px;padding:24px}.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;gap:1px;min-width:0;display:flex}.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}.worldmap{aspect-ratio:16/10;border:1px solid var(--border);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%);border-radius:12px;width:100%;position:relative;overflow:hidden}.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--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}}.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;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family: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}