:root{--ink: #f8fafc;--muted: #94a3b8;--panel: rgba(11, 15, 26, .92);--line: rgba(120, 140, 175, .28);--accent: #38bdf8;--xp: #60a5fa;--hp: #22c55e;--danger: #ef4444;--gold: #fbbf24;--font: "Gothic A1", "Malgun Gothic", system-ui, sans-serif;--title: "Black Han Sans", "Gothic A1", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#bfe3cf;color:var(--ink);font-family:var(--font);user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}canvas#game{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}.hidden{display:none!important}button{font-family:inherit;cursor:pointer}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;padding:calc(env(safe-area-inset-top) + 6px) 10px 0}#xpbar{position:relative;height:18px;border-radius:9px;background:#0f172ab3;border:2px solid rgba(15,23,42,.9);overflow:hidden}#xpfill{height:100%;width:0;background:linear-gradient(90deg,#3b82f6,#60a5fa,#93c5fd);transition:width .15s}#xplabel{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:12px;color:#e0f2fe;text-shadow:0 1px 2px #000}#hints{position:absolute;left:50%;top:46%;transform:translate(-50%);width:min(380px,86vw);padding:14px 16px;border-radius:16px;background:#0f172ad1;border:2px solid var(--line);font-size:14px;line-height:1.9;text-align:left;animation:hintfade 7s ease-out forwards}#hints b{font-weight:400;color:var(--gold)}@keyframes hintfade{0%{opacity:0;transform:translate(-50%) translateY(8px)}8%{opacity:1;transform:translate(-50%) translateY(0)}80%{opacity:1}to{opacity:0;visibility:hidden}}#lvl{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:13px;text-shadow:0 1px 2px #000}#topline{display:flex;align-items:center;justify-content:space-between;margin-top:6px;font-size:20px;text-shadow:0 2px 3px rgba(0,0,0,.6)}#topline .mid{text-align:center}#timer{font-size:26px;letter-spacing:1px}#stage{font-size:12px;color:#cbd5e1;margin-top:-2px}#kills{min-width:70px}#pausebtn{pointer-events:auto;width:40px;height:40px;border-radius:12px;border:2px solid rgba(15,23,42,.6);background:var(--panel);color:var(--ink);font-size:16px}#loadout{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px;max-width:260px}.slot{position:relative;width:34px;height:34px;border-radius:9px;background:var(--panel);border:2px solid var(--accent);display:grid;place-items:center;font-size:18px}.slot.passive{border-color:var(--gold)}.slot em{position:absolute;right:-3px;bottom:-5px;font-style:normal;font-size:10px;background:#0f172a;border-radius:6px;padding:0 3px}#bossbar{position:absolute;left:50%;top:calc(env(safe-area-inset-top) + 64px);transform:translate(-50%);width:min(420px,70vw);text-align:center;font-size:14px;text-shadow:0 1px 2px #000}#bossbar .track{height:12px;border-radius:6px;background:#0f172abf;border:2px solid #450a0a;overflow:hidden;margin-top:2px}#bossfill{height:100%;background:linear-gradient(90deg,#b91c1c,#ef4444)}#ultbtn{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom) + 18px);transform:translate(-50%);pointer-events:auto;display:flex;align-items:center;gap:8px;width:min(300px,76vw);padding:8px 14px;border-radius:16px;border:2px solid var(--line);background:#0f172acc;color:var(--ink);overflow:hidden;font-size:15px}#ultfill{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,#fbbf2473,#f871718c);transition:width .12s linear}#ulticon,#ultname,#ulthint{position:relative}#ulticon{font-size:20px}#ultname{font-weight:400;flex:1;text-align:left}#ulthint{font-style:normal;font-size:11px;color:var(--muted)}#ultbtn.ready{border-color:var(--gold);box-shadow:0 0 18px #fbbf248c;animation:ultpulse 1.1s ease-in-out infinite}#ultbtn.ready #ulthint{color:var(--gold)}@keyframes ultpulse{50%{box-shadow:0 0 28px #fbbf24e6}}#dashbtn{position:absolute;right:18px;bottom:calc(env(safe-area-inset-bottom) + 84px);pointer-events:auto;width:66px;height:66px;border-radius:50%;border:2px solid var(--accent);background:#0f172abf;color:var(--ink);font-size:13px;overflow:hidden}#dashbtn em{font-style:normal;position:relative}#dashcd{position:absolute;left:0;right:0;bottom:0;height:0%;background:#94a3b873;transition:height .1s linear}#dashbtn.ready{box-shadow:0 0 12px #38bdf880}#mutebtn{position:absolute;right:10px;top:calc(env(safe-area-inset-top) + 74px);pointer-events:auto;width:38px;height:38px;border-radius:12px;border:2px solid rgba(15,23,42,.6);background:var(--panel);color:var(--ink);font-size:16px}#flash{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:#fff;opacity:0}#flash.on{animation:flashout .32s ease-out}@keyframes flashout{0%{opacity:var(--flash, .5)}to{opacity:0}}#banner.ult{color:#fde68a}#hpbar{position:fixed;left:0;top:0;width:56px;height:8px;border-radius:4px;background:#0f172acc;border:1.5px solid rgba(15,23,42,.9);overflow:hidden;pointer-events:none}#hpfill{height:100%;background:var(--hp)}#hpbar.low #hpfill{background:var(--danger)}#dmg-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.dmg{position:absolute;left:0;top:0;display:none;font-size:17px;color:#fff;-webkit-text-stroke:3px #0f172a;paint-order:stroke fill;white-space:nowrap}.dmg.show{display:block}.dmg.big{font-size:24px;color:#fde047}.dmg.hurt{color:#fca5a5;font-size:20px}.dmg.heal{color:#86efac;font-size:20px}#banner{font-family:var(--title);position:fixed;left:50%;top:28%;transform:translate(-50%,-50%);font-size:clamp(34px,8vw,64px);pointer-events:none;opacity:0;-webkit-text-stroke:5px #0f172a;paint-order:stroke fill;white-space:nowrap}#banner.show{animation:banner 2.2s ease-out forwards}#banner.warn{color:var(--gold)}#banner.boss{color:#f87171}@keyframes banner{0%{opacity:0;transform:translate(-50%,-50%) scale(1.6)}12%{opacity:1;transform:translate(-50%,-50%) scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-60%) scale(1)}}#vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 120px 30px #ef4444bf;opacity:0}#vignette.hit{animation:hit .35s ease-out}@keyframes hit{0%{opacity:1}to{opacity:0}}#joy-base{position:fixed;width:120px;height:120px;border-radius:50%;border:3px solid rgba(255,255,255,.45);background:#0f172a2e;transform:translate(-50%,-50%);pointer-events:none;display:none}#joy-base.on{display:block}#joy-knob{position:absolute;left:50%;top:50%;width:52px;height:52px;border-radius:50%;background:#ffffffb3;transform:translate(-50%,-50%)}.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:16px;background:#0f172a59;overflow-y:auto}.panel{width:min(420px,100%);max-width:calc(100vw - 24px);background:var(--panel);border:2px solid var(--line);border-radius:20px;padding:24px 22px;text-align:center;box-shadow:0 20px 50px #00000059;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.panel.wide{width:min(760px,100%)}h1{margin:0 0 4px;font-family:var(--title);font-size:clamp(34px,8vw,48px);letter-spacing:1px;font-weight:400;color:var(--gold);-webkit-text-stroke:2px #78350f;paint-order:stroke fill}h2{margin:0 0 6px;font-family:var(--title);font-size:28px;letter-spacing:.5px;font-weight:400;color:var(--gold)}.sub{margin:0 0 18px;color:#cbd5e1}.panel>button{display:block;width:100%;margin-top:10px;padding:12px;border-radius:14px;border:2px solid var(--line);background:#1e293b;color:var(--ink);font-size:18px}.panel>button.big{padding:16px;font-size:24px;border:none;background:linear-gradient(180deg,#38bdf8,#0284c7);box-shadow:0 5px #075985}.panel>button.big:active{transform:translateY(3px);box-shadow:0 2px #075985}.panel>button:disabled{opacity:.6;cursor:wait}#screen-title{place-items:center start;padding-left:max(16px,4vw);background:linear-gradient(90deg,#0f172a80,#0f172a00 60%)}@media(max-aspect-ratio:1/1){#screen-title{place-items:end center;padding-left:16px;background:linear-gradient(0deg,#0f172a8c,#0f172a00 55%)}#screen-title .sub,#screen-title .controls{display:none}#screen-title .panel{padding:16px 16px 18px}#screen-title h1{font-size:34px;margin-bottom:8px}}#hero-pick{margin-bottom:4px}.pick-label{text-align:left;font-size:15px;margin-bottom:8px;color:#e2e8f0}.pick-label span{font-size:12px;color:var(--muted);margin-left:6px}#screen-title .panel{width:min(580px,100%)}#hero-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;max-height:44vh;overflow-y:auto;padding:2px}@media(max-aspect-ratio:1/1){#hero-cards{display:flex;overflow-x:auto;overflow-y:hidden;max-height:none;scroll-snap-type:x proximity}#hero-cards .hero-card{flex:0 0 76px;scroll-snap-align:start}}.hero-card{display:flex;flex-direction:column;align-items:center;padding:6px 4px 8px;border-radius:14px;border:2px solid var(--line);background:linear-gradient(180deg,#334155,#1e293b);color:var(--ink);font-size:16px;transition:transform .1s,border-color .1s,box-shadow .1s}.hero-card img{width:100%;aspect-ratio:180 / 220;object-fit:contain}.hero-card:hover{transform:translateY(-2px)}.hero-card.selected{border-color:var(--gold);background:linear-gradient(180deg,#475569,#1e293b);box-shadow:0 0 0 3px #fbbf2440}@media(max-aspect-ratio:1/1){.hero-card img{aspect-ratio:1;object-fit:cover;object-position:50% 12%}}#gold-row{display:flex;align-items:center;justify-content:space-between;font-size:15px;color:var(--gold);margin-bottom:8px}#shop-btn{padding:6px 12px;border-radius:10px;border:2px solid var(--gold);background:#fbbf241f;color:var(--ink);font-size:14px}#rungold{color:var(--gold);min-width:70px;text-align:right}#shop-gold{font-size:18px;color:var(--gold);margin-bottom:10px}#shop-list{display:grid;gap:8px}.shop-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:2px solid var(--line);background:#1e293be6;color:var(--ink);text-align:left;font-size:15px}.shop-item .ico{font-size:22px}.shop-item .txt{flex:1}.shop-item .txt small{display:block;color:var(--muted);font-size:12px}.shop-item .price{color:var(--gold);font-size:14px;white-space:nowrap}.shop-item:disabled{opacity:.5}.shop-item.max .price{color:#86efac}#dungeon-pick{margin-bottom:14px}#dungeon-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.dg-card{position:relative;padding:8px 6px;border-radius:14px;border:2px solid var(--line);background:linear-gradient(180deg,#334155,#1e293b);color:var(--ink);font-size:14px;line-height:1.35}.dg-card .ico{font-size:22px;display:block}.dg-card .sub{font-size:11px;color:var(--muted)}.dg-card.selected{border-color:var(--accent);box-shadow:0 0 0 3px #38bdf840}.dg-card.locked{opacity:.55}.dg-card.cleared:after{content:"✔";position:absolute;right:6px;top:4px;color:#86efac;font-size:12px}#dungeon-info{margin-top:8px;padding:8px 12px;border-radius:12px;background:#1e293be6;text-align:left;font-size:13px;color:#cbd5e1}#dungeon-info b{font-weight:400;color:var(--ink)}.hero-card.locked{opacity:.45}.hero-card .lock{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:22px}.hero-card{position:relative}#hero-info{margin-top:10px;padding:10px 12px;border-radius:12px;background:#1e293be6;text-align:left;font-size:14px;line-height:1.5}#hero-info:empty{display:none}#hero-info .who b{font-weight:400;font-size:20px;color:var(--gold)}#hero-info .who span{margin-left:8px;color:var(--muted)}#hero-info .how{color:#e2e8f0}#hero-info .how b{font-weight:400;color:var(--accent)}#hero-info .stats{display:flex;gap:14px;color:#cbd5e1;margin-top:2px}.controls{margin-top:18px;font-size:14px;color:#cbd5e1;line-height:1.8}.controls b{color:var(--accent);margin-right:6px}#model-panel{margin-top:16px;text-align:left;font-size:14px;border-top:1px solid var(--line);padding-top:12px}#model-panel summary{cursor:pointer;color:#e2e8f0}#model-list{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:8px}#model-list li{line-height:1.4;overflow-wrap:anywhere}#model-list code{font-size:11px;color:var(--muted);background:#94a3b826;border-radius:4px;padding:0 4px}.ok{color:#86efac}.muted{color:var(--muted)}.err{color:#fca5a5}.small{font-size:12px}.hint{color:var(--muted);font-size:12px;margin:10px 0 0}.hint:empty{display:none}#optimize-btn{margin-top:10px;width:100%;padding:10px;border-radius:12px;border:2px solid var(--gold);background:#fbbf241f;color:var(--ink);font-size:15px}#optimize-btn:disabled{opacity:.6;cursor:wait}#cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;pointer-events:none}#cards.armed{pointer-events:auto}@media(max-width:620px){#cards{grid-template-columns:1fr}}.card{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 12px 16px;border-radius:16px;border:2px solid var(--line);background:linear-gradient(180deg,#1e293b,#0f172a);color:var(--ink);transition:transform .1s,border-color .1s}.card:hover{transform:translateY(-3px);border-color:var(--accent)}.card .num{position:absolute;left:10px;top:8px;font-size:13px;color:var(--muted)}.card .icon{font-size:40px}.card .name{font-size:20px}.card .name b{font-weight:400;font-size:13px;color:var(--accent);margin-left:4px}.card .name b.new{color:var(--gold)}.card .desc{font-size:14px;color:#cbd5e1}@media(max-width:620px){.card{flex-direction:row;text-align:left;padding:12px 14px;gap:12px}.card .icon{font-size:32px}.card .num{display:none}.card .name{min-width:90px}}#end-stats{display:grid;gap:8px;margin:12px 0 8px}#end-stats div{display:flex;justify-content:space-between;padding:10px 14px;border-radius:12px;background:#1e293be6;font-size:18px}#end-stats span{color:#cbd5e1}#end-stats b{font-weight:400;color:var(--gold)}.ic{width:1.1em;height:1.1em;fill:currentColor;vertical-align:-.18em;flex:none}#kills,#rungold{display:flex;align-items:center;gap:5px}#kills{color:#e2e8f0}#rungold{color:var(--gold)}#pausebtn .ic,#mutebtn .ic{width:18px;height:18px;vertical-align:-3px}#gold{display:inline-flex;align-items:center;gap:5px}#shop-gold{display:flex;align-items:center;gap:6px}.shop-item .price{display:inline-flex;align-items:center;gap:4px}.slot .ic{width:20px;height:20px;color:var(--ink)}.card .icon .ic{width:38px;height:38px;color:var(--accent)}.card .icon{display:grid;place-items:center}.dg-card .ico .ic{width:22px;height:22px;color:#e2e8f0}.hero-card .lock .ic{width:26px;height:26px;color:#cbd5e1}#ulticon .ic{width:20px;height:20px;color:var(--gold)}#hero-info .ic{width:15px;height:15px;opacity:.85}#start-btn .ic{width:20px;height:20px;vertical-align:-4px}#hints .dot{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:8px;transform:rotate(45deg)}#hints .dot.xp{background:#60a5fa}#hints .dot.gold{background:#facc15;border-radius:50%}#hints .dot.relic{background:#a855f7}#hints .dot.hp{background:#ef4444;border-radius:50%}#hints .keys{margin-top:6px;color:var(--muted);font-size:13px}#hints b{color:var(--ink)}#hero-info .mastery{float:right;font-style:normal;font-size:12px;color:var(--muted)}#hero-info .stats{flex-wrap:wrap}#timer,#lvl,.pick-label,.dg-card,.hero-card span,.shop-item{letter-spacing:.2px}#timer{font-family:var(--title)}.panel>button.big{font-family:var(--title);letter-spacing:1px}.hero-card .mlv{position:absolute;left:4px;top:4px;min-width:18px;padding:1px 4px;border-radius:7px;background:#0f172ad9;border:1px solid var(--gold);color:var(--gold);font-family:var(--title);font-size:11px;font-style:normal;line-height:16px}#hero-info .who{display:flex;align-items:baseline;gap:8px}#hero-info .who .mastery{margin-left:auto;font-style:normal;font-size:12px;color:var(--gold);white-space:nowrap}#hero-info .mbar{height:5px;margin-top:8px;border-radius:3px;background:#0f172acc;overflow:hidden}#hero-info .mbar i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#fbbf24,#f59e0b)}#hero-info .mfoot{display:flex;justify-content:space-between;gap:10px;margin-top:4px;font-size:12px;color:var(--muted)}#hero-info .mfoot span{color:#fcd34d}#hero-info .mfoot em{font-style:normal}.shop-item .ico .ic{width:22px;height:22px;color:var(--gold)}#dungeon-info b .ic{width:17px;height:17px;color:var(--gold);vertical-align:-3px;margin-right:5px}#dungeon-info b span{vertical-align:0}#town-ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}#town-ui.hidden{display:none}#town-bar{position:absolute;top:calc(10px + env(safe-area-inset-top));left:calc(10px + env(safe-area-inset-left));right:calc(10px + env(safe-area-inset-right));display:flex;align-items:center;flex-wrap:wrap;gap:8px;pointer-events:none}#town-bar>*{pointer-events:auto;white-space:nowrap}#town-bar span{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:12px;background:#0f172ab8;border:1px solid var(--line);color:var(--gold);font-size:15px}#town-bar #town-hero{color:#e2e8f0}#town-bar #town-hero i{font-style:normal;color:var(--muted);font-size:12px}#town-bar .ic{width:16px;height:16px}#town-home{padding:6px 12px;border-radius:12px;background:#0f172ab8;border:1px solid var(--line);color:var(--muted);font-size:13px}#town-home:hover{color:var(--ink);border-color:var(--accent)}#town-help{position:absolute;top:calc(14px + env(safe-area-inset-top));left:50%;transform:translate(-50%);padding:6px 14px;border-radius:12px;background:#0f172a80;color:#cbd5e1;font-size:13px;white-space:nowrap}#town-help b{color:var(--gold)}#town-prompt{position:absolute;left:50%;bottom:calc(46px + env(safe-area-inset-bottom));transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:16px;border:2px solid var(--gold);background:linear-gradient(180deg,#1e293bf2,#0f172af2);color:var(--ink);pointer-events:auto;box-shadow:0 0 24px #fbbf2440;animation:promptIn .18s ease-out}#town-prompt.hidden{display:none}#town-prompt .ic{width:22px;height:22px;color:var(--gold)}#town-prompt b{font-family:var(--title);font-size:19px;letter-spacing:.5px}#town-prompt small{color:var(--muted);font-size:13px}#town-prompt em{font-style:normal;min-width:26px;padding:3px 8px;border-radius:8px;background:var(--gold);color:#1e293b;font-size:13px;font-weight:700}@keyframes promptIn{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media(max-aspect-ratio:1/1){#town-help{display:none}#town-prompt{bottom:calc(110px + env(safe-area-inset-bottom))}}#screen-heroes{place-items:center start;padding-left:max(16px,4vw);background:linear-gradient(90deg,#0f172a80,#0f172a00 60%)}@media(max-aspect-ratio:1/1){#screen-heroes{place-items:end center;padding-left:16px;background:linear-gradient(0deg,#0f172a8c,#0f172a00 55%)}}#screen-gate .panel,#screen-heroes .panel{width:min(460px,100%);max-width:calc(100vw - 24px)}#gate-close,#heroes-close{margin-top:10px}.dg-card .nm{display:block}.dg-card .sub{display:block;margin-top:2px}#dungeon-cards{grid-template-columns:repeat(auto-fit,minmax(84px,1fr))}.card.awaken{border-color:var(--gold);background:linear-gradient(180deg,#4a3a12,#1e293b);box-shadow:0 0 22px #fbbf2459}.card.awaken .icon .ic{color:var(--gold)}.card .name .from{display:block;font-size:12px;color:var(--muted)}.card b.awaken{color:#1e293b;background:var(--gold);padding:1px 7px;border-radius:8px;font-size:12px}#loadout .slot.awakened{border-color:var(--gold);box-shadow:0 0 10px #fbbf2473}#loadout .slot.awakened .ic{color:var(--gold)}.card b.tag{color:#93c5fd;background:#3b82f633;padding:1px 7px;border-radius:8px;font-size:12px}#tip{position:fixed;left:50%;top:calc(84px + env(safe-area-inset-top));transform:translate(-50%,-10px);padding:9px 18px;border-radius:14px;background:#0f172ae0;border:1px solid var(--accent);color:#e2e8f0;font-size:15px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;z-index:6}#tip b{color:var(--gold)}#tip.show{opacity:1;transform:translate(-50%)}@media(max-aspect-ratio:1/1){#tip{font-size:13px;top:calc(96px + env(safe-area-inset-top))}}#minimap{position:absolute;top:calc(64px + env(safe-area-inset-top));right:calc(10px + env(safe-area-inset-right));width:118px;height:118px;pointer-events:none}#boss-arrow{position:fixed;left:0;top:0;display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none;z-index:7;animation:bossPulse 1s ease-in-out infinite}#boss-arrow.hidden{display:none}#boss-arrow i{width:0;height:0;border-left:11px solid transparent;border-right:11px solid transparent;border-bottom:20px solid #ef4444;filter:drop-shadow(0 0 6px rgba(239,68,68,.8))}#boss-arrow b{padding:2px 8px;border-radius:8px;background:#0f172ad9;color:#fca5a5;font-size:12px;white-space:nowrap}@keyframes bossPulse{50%{opacity:.55}}@media(max-aspect-ratio:1/1){#minimap{width:92px;height:92px;top:calc(60px + env(safe-area-inset-top))}}#talent-points{display:flex;align-items:center;justify-content:center;gap:6px;margin:4px 0 10px;color:#cbd5e1;font-size:14px}#talent-points b{color:var(--gold);font-family:var(--title);font-size:20px}#talent-points .ic{width:16px;height:16px;color:var(--gold)}#talent-list{display:flex;flex-direction:column;gap:8px}.talent-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;background:#1e293be6;border:1px solid var(--line);text-align:left}.talent-row .ico .ic{width:22px;height:22px;color:var(--accent)}.talent-row .txt{flex:1}.talent-row .txt small{display:block;color:var(--muted);font-size:12px}.talent-row .lv{color:var(--gold);font-size:13px;white-space:nowrap}.talent-row .btns{display:flex;gap:4px}.talent-row .btns button{width:30px;height:30px;border-radius:9px;border:1px solid var(--line);background:#334155;color:var(--ink);font-size:17px;line-height:1}.talent-row .btns button:disabled{opacity:.35}.talent-row .btns .plus{background:var(--accent);color:#0f172a;border-color:var(--accent)}.talent-row.max .lv{color:#86efac}#talent-reset{margin-top:8px;font-size:13px;color:var(--muted)}#tier-row{display:flex;align-items:center;gap:10px;margin-top:8px;padding:6px 10px;border-radius:12px;background:#1e293be6;border:1px solid var(--line)}#tier-row button{width:34px;height:34px;border-radius:10px;border:1px solid var(--line);background:#334155;color:var(--ink);font-size:19px;line-height:1}#tier-row button:disabled{opacity:.3}#tier-label{flex:1;text-align:left}#tier-label b{font-family:var(--title);font-size:17px;color:var(--gold)}#tier-label small{display:block;color:var(--muted);font-size:12px}#tier-label .new{margin-left:7px;padding:1px 7px;border-radius:8px;background:var(--accent);color:#0f172a;font-style:normal;font-size:11px}#rename-btn{padding:2px 6px;border-radius:8px;border:1px solid var(--line);background:#0f172a99;color:var(--muted);line-height:1}#rename-btn:hover{color:var(--gold);border-color:var(--gold)}#rename-btn.hidden{display:none}#rename-btn .ic{width:13px;height:13px;vertical-align:-2px}#dungeon-cards{display:block;overflow-x:auto;overflow-y:hidden;border-radius:14px;border:2px solid #7a5c38;box-shadow:inset 0 0 40px #5a3c1980,0 6px 18px #0006;cursor:grab;scrollbar-width:thin;-webkit-overflow-scrolling:touch}#dungeon-cards.grabbing{cursor:grabbing}#dg-map{display:block;max-width:none;touch-action:pan-x}#dg-map .parchment{fill:#e8d5aa}#dg-map .grain{fill:#d9c191;opacity:.5}#dg-map .road{fill:none;stroke:#6b4a22;stroke-width:5;stroke-linecap:round;opacity:.75;stroke-dasharray:16 11}#dg-map .road.locked{stroke-dasharray:5 13;opacity:.35}#dg-map .doodle{fill:none;stroke:#8a6a3c;stroke-width:2.2;opacity:.5}#dg-map .doodle.wave{stroke-width:2;opacity:.38}#dg-map .compass circle{fill:none;stroke:#8a6a3c;stroke-width:2;opacity:.6}#dg-map .compass path{fill:#8a6a3c;opacity:.55}#dg-map .compass text{fill:#6b4a22;font-size:13px;text-anchor:middle;font-family:Black Han Sans,serif;opacity:.7}#dg-map .node{cursor:pointer}#dg-map .node .halo{fill:#7855281f}#dg-map .node .disc{fill:#f3e4c0;stroke:#6b4a22;stroke-width:3}#dg-map .node .rim{fill:none;stroke:#8a6a3c;stroke-width:1.5;opacity:.6;stroke-dasharray:4 5}#dg-map .node .ico path{fill:#5a3f1d}#dg-map .node .nm{fill:#5a3f1d;font-size:19px;text-anchor:middle;font-family:Black Han Sans,Gothic A1,serif;letter-spacing:.5px}#dg-map .node.cleared .disc{fill:#e3d3a8}#dg-map .node.locked .disc{fill:#cdb98f;stroke:#96794c}#dg-map .node.locked .ico path{fill:#96794c}#dg-map .node.locked .nm{fill:#96794c;opacity:.8}#dg-map .node.selected .disc{fill:#fff6df;stroke:#a8331f;stroke-width:4.5}#dg-map .node.selected .halo{fill:#a8331f26}#dg-map .node.selected .nm{fill:#a8331f}#dg-map .stamp circle{fill:none;stroke:#a8331f;stroke-width:2.5;opacity:.8}#dg-map .stamp text{fill:#a8331f;font-size:15px;text-anchor:middle;font-family:Black Han Sans,serif;opacity:.9}#gold-row .who-row{display:inline-flex;align-items:center;gap:7px}#gold-row #account-name{color:var(--ink);font-family:var(--title);font-size:18px}#account-edit{padding:2px 6px;border-radius:8px;border:1px solid var(--line);background:#0f172a99;color:var(--muted);line-height:1}#account-edit:hover{color:var(--gold);border-color:var(--gold)}#account-edit.hidden{display:none}#account-edit .ic{width:13px;height:13px;vertical-align:-2px}#rename-cancel.hidden{display:none}#nameplate{position:fixed;left:0;top:0;padding:2px 9px;border-radius:9px;background:#0f172ab3;border:1px solid rgba(148,163,184,.35);color:#e2e8f0;font-family:var(--title);font-size:14px;letter-spacing:.5px;white-space:nowrap;pointer-events:none;z-index:3;text-shadow:0 1px 3px rgba(0,0,0,.6)}#nameplate.hidden{display:none}body.ui-hidden #hud,body.ui-hidden #hpbar,body.ui-hidden #nameplate,body.ui-hidden #town-ui,body.ui-hidden #dmg-layer,body.ui-hidden #boss-arrow,body.ui-hidden #tip,body.ui-hidden #banner,body.ui-hidden #joy-base{display:none!important}#gear-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}#gear-slots .slot-name{display:flex;align-items:center;gap:5px;margin-bottom:4px;color:var(--muted);font-size:12px}#gear-slots .slot-name .ic{width:14px;height:14px}#gear-bag{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(215px,100%),1fr));gap:8px;max-height:34vh;overflow-y:auto;padding:2px}.gear-card{position:relative;display:flex;flex-direction:column;gap:4px;padding:8px 10px;border-radius:12px;background:#0f172ad9;border:1px solid var(--line);text-align:left}.gear-card.empty{color:var(--muted);font-size:13px;align-items:center;justify-content:center;min-height:64px}.gear-card .top{display:flex;align-items:baseline;gap:6px}.gear-card .top .ic{width:16px;height:16px}.gear-card .top b{flex:1;font-size:14px;font-weight:700}.gear-card .top em{font-style:normal;font-size:11px;color:var(--muted)}.gear-card .lines{display:flex;flex-direction:column}.gear-card .lines small{color:#93c5fd;font-size:12px}.gear-card .acts{display:flex;gap:6px;margin-top:4px}.gear-card .acts button{flex:1;padding:5px;border-radius:8px;border:1px solid var(--line);background:#334155;color:var(--ink);font-size:12px}.gear-card .acts .equip{background:var(--accent);color:#0f172a;border-color:var(--accent)}.gear-card .tag{color:#86efac;font-size:11px}.gear-card.common{border-color:#64748b}.gear-card.rare{border-color:#60a5fa}.gear-card.epic{border-color:#c084fc;box-shadow:0 0 10px #c084fc33}.gear-card.legend{border-color:var(--gold);box-shadow:0 0 14px #fbbf244d}.gear-card.common .top b{color:#cbd5e1}.gear-card.rare .top b{color:#60a5fa}.gear-card.epic .top b{color:#c084fc}.gear-card.legend .top b{color:var(--gold)}#gear-sell{margin-top:8px;font-size:13px;color:var(--muted)}#stats-list{display:flex;flex-direction:column;gap:6px;text-align:left}#stats-list div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:7px 12px;border-radius:10px;background:#1e293bd9;border:1px solid var(--line);font-size:14px}#stats-list span{color:var(--muted)}#stats-list b{color:var(--gold);font-family:var(--title);font-size:16px}#stats-btn{margin-top:8px;font-size:13px;color:var(--muted)}#save-btn.corner{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:10px;border:1px solid var(--line);background:#0f172ab3;color:var(--muted)}#save-btn.corner:hover{color:var(--gold);border-color:var(--gold)}#save-btn .ic{width:16px;height:16px}.panel{position:relative}#save-info{display:flex;flex-direction:column;gap:5px;margin-bottom:12px;text-align:left}#save-info div{display:flex;justify-content:space-between;padding:6px 11px;border-radius:10px;background:#1e293bd9;font-size:13px}#save-info span{color:var(--muted)}#save-info b{color:var(--ink)}.filebtn{display:block;margin-top:8px;padding:11px;border-radius:12px;border:1px solid var(--line);background:#334155;color:var(--ink);font-size:15px;cursor:pointer}.filebtn input{display:none}#save-code-box{margin-top:10px;text-align:left}#save-code-box summary{color:var(--muted);font-size:13px;cursor:pointer}#save-code{width:100%;margin-top:6px;padding:8px;border-radius:10px;border:1px solid var(--line);background:#0f172ae6;color:#cbd5e1;font-size:11px;font-family:monospace;resize:vertical}#save-code-box .row{display:flex;gap:6px;margin-top:6px}#save-code-box .row button{flex:1;padding:8px;border-radius:10px;border:1px solid var(--line);background:#334155;color:var(--ink);font-size:13px}#save-msg.good{color:#86efac}#save-msg.bad{color:#fca5a5}#loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:radial-gradient(circle at 50% 35%,#1e293b,#0b1220 70%);transition:opacity .45s}#loading.done{opacity:0;pointer-events:none}#loading h1{font-family:var(--title);font-size:clamp(34px,8vw,60px);color:var(--gold);letter-spacing:2px;text-shadow:0 4px 18px rgba(251,191,36,.3)}#load-bar{width:min(320px,70vw);height:10px;border-radius:6px;background:#94a3b833;overflow:hidden}#load-bar i{display:block;width:6%;height:100%;border-radius:6px;background:linear-gradient(90deg,var(--accent),var(--gold));transition:width .3s}#load-text{color:#cbd5e1;font-size:14px}#load-tip{max-width:80vw;color:var(--muted);font-size:13px;text-align:center}#load-tip:before{content:"팁 · ";color:var(--accent)}#save-cloud-box{margin-top:10px;text-align:left}#save-cloud-box summary{color:var(--muted);font-size:13px;cursor:pointer}#save-cloud-box input{width:100%;margin-top:6px;padding:9px 11px;border-radius:10px;border:1px solid var(--line);background:#0f172ae6;color:var(--ink);font-size:13px}#save-cloud-box input:focus{outline:none;border-color:var(--gold)}#save-cloud-box .row{display:flex;gap:6px;margin-top:6px}#save-cloud-box .row button{flex:1;padding:9px;border-radius:10px;border:1px solid var(--line);background:#334155;color:var(--ink);font-size:13px}#save-cloud-box .hint{margin-top:6px;font-size:11px}#next-tier-btn.hidden,#next-dungeon-btn.hidden{display:none}#next-dungeon-btn{background:linear-gradient(180deg,#a855f7,#7c3aed);border-color:#c084fc}#screen-end #retry-btn{margin-top:8px;font-size:14px}.alv{display:inline-block;margin-left:4px;padding:1px 7px;border-radius:8px;background:#fbbf242e;border:1px solid var(--gold);color:var(--gold);font-family:var(--title);font-size:13px}#gold-row #account-name .alv{font-size:14px}#fx-btn{margin-top:8px;font-size:13px;color:var(--muted)}#talent-tabs{display:flex;gap:6px;margin-bottom:10px}#talent-tabs .tab{flex:1;padding:8px;border-radius:10px;border:1px solid var(--line);background:#1e293bcc;color:var(--muted);font-size:14px}#talent-tabs .tab.on{background:var(--accent);color:#0f172a;border-color:var(--accent);font-weight:700}#skill-list{display:flex;flex-direction:column;gap:8px}#skill-list.hidden,#talent-list.hidden{display:none}.skill-row{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;background:#1e293be6;border:1px solid var(--line);text-align:left}.skill-row.on{border-color:var(--gold);background:#4a3a128c}.skill-row .ico .ic{width:22px;height:22px;color:var(--accent)}.skill-row.on .ico .ic{color:var(--gold)}.skill-row .txt{flex:1}.skill-row .txt b{font-size:15px}.skill-row .txt small{display:block;color:var(--muted);font-size:12px}.skill-row .buy{min-width:62px;padding:7px 10px;border-radius:10px;border:1px solid var(--line);background:#334155;color:var(--ink);font-size:13px}.skill-row.on .buy{background:transparent;color:var(--muted)}.skill-row .buy:disabled{opacity:.35}#screen-gate .panel.wide{width:min(880px,calc(100vw - 28px));max-width:calc(100vw - 28px)}#screen-gate #dungeon-cards{max-height:46vh;width:100%;max-width:100%;min-width:0}#screen-codex .panel.wide{width:min(1000px,calc(100vw - 28px));max-width:calc(100vw - 28px)}#codex-list{max-height:62vh;overflow-y:auto;padding:2px;text-align:left}.codex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:10px}.codex-group{display:flex;align-items:center;gap:8px;margin:16px 2px 8px;font-family:var(--title);font-size:15px;color:var(--gold)}.codex-group:first-child{margin-top:2px}.codex-group:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--line),transparent)}.codex-group span{order:3;font-family:var(--body);font-size:11px;color:var(--muted)}.codex-card .info em{display:block;margin-top:1px;font-style:normal;font-size:11px;color:var(--muted)}.codex-card{display:flex;gap:10px;padding:10px;border-radius:14px;background:#0f172ad9;border:1px solid var(--line);text-align:left}.codex-card.boss{border-color:#ef4444;box-shadow:0 0 14px #ef444433}.codex-card .shot{width:86px;min-width:86px;height:100px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(180deg,#334155,#1e293b);overflow:hidden}.codex-card .shot img{width:100%;height:100%;object-fit:contain}.codex-card .shot .none{color:var(--muted);font-size:26px}.codex-card .info{flex:1;min-width:0}.codex-card .info b{font-family:var(--title);font-size:18px;color:var(--gold)}.codex-card.boss .info b{color:#fca5a5}.codex-card .info p{margin:3px 0 6px;color:#cbd5e1;font-size:12px;line-height:1.45}.codex-card .nums{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:12px;color:#93c5fd}.codex-card .nums .ic{width:13px;height:13px;vertical-align:-2px}.codex-card .where{margin-top:5px;font-size:11px;color:var(--muted)}.codex-card .where .ic{width:12px;height:12px;vertical-align:-2px}#codex-btn{margin-top:8px;font-size:13px;color:var(--muted)}#screen-story .panel{width:min(640px,calc(100vw - 28px));text-align:left}#story-title{text-align:center}#story-text{margin:14px 0 18px;max-height:58vh;overflow-y:auto}#story-text p{margin:0 0 14px;font-size:15px;line-height:1.85;color:#e2e8f0;opacity:0;animation:story-in .8s ease forwards}#story-text p:last-child{color:var(--gold)}#story-text b{color:var(--gold)}@keyframes story-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}#story-btn{margin-top:8px;font-size:13px;color:var(--muted)}#story-text.book p{margin:0 0 10px;font-size:14px;line-height:1.8}#story-text.book p:last-child{color:#e2e8f0}.story-chapter{margin:22px 0 10px;font-family:var(--title);font-size:17px;color:var(--gold);border-bottom:1px solid var(--line);padding-bottom:6px;opacity:0;animation:story-in .6s ease forwards}.story-chapter:first-child{margin-top:0}.story-place{margin:0 0 8px;padding:9px 11px;border-radius:12px;background:#0f172ab3;border:1px solid var(--line);opacity:0;animation:story-in .6s ease forwards}.story-place.cleared{border-color:#fbbf2473}.story-place.locked{opacity:.45;animation:none}.story-place>b{display:block;font-family:var(--title);font-size:15px;color:var(--ink)}.story-place>b .ic{width:15px;height:15px;vertical-align:-3px;margin-right:4px}.story-place span{display:block;margin-top:3px;font-size:13px;line-height:1.6;color:#cbd5e1}.story-place em{display:block;margin-top:5px;font-style:normal;font-size:11px;color:var(--muted)}.story-place em.done{color:var(--gold)}.story-hidden{color:var(--muted)!important;font-size:13px!important}.story-place em.who{margin-top:2px;color:var(--accent);font-size:12px}.story-place.cleared em.who{color:var(--gold)}.story-place p{margin:6px 0 0;font-size:13px;line-height:1.75;color:#cbd5e1}.story-place p b{color:var(--gold)}.gear-card{flex-direction:row;gap:10px;align-items:flex-start}.gear-card .pic{display:grid;place-items:center;border-radius:12px;background:radial-gradient(circle at 50% 42%,#94a3b829,#0206178c);border:1px solid var(--line);overflow:hidden}.gear-card .pic .art{display:block}.gear-card .body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.gear-card.common .pic{border-color:#64748b}.gear-card.rare .pic{border-color:#60a5fa;background:radial-gradient(circle at 50% 42%,#60a5fa42,#02061799)}.gear-card.epic .pic{border-color:#c084fc;background:radial-gradient(circle at 50% 42%,#c084fc4d,#02061799);box-shadow:0 0 12px #c084fc40}.gear-card.legend .pic{border-color:var(--gold);background:radial-gradient(circle at 50% 42%,#fbbf2457,#02061799);box-shadow:0 0 16px #fbbf2459}.art-spark{animation:art-spark 2.4s ease-in-out infinite;transform-origin:center}@keyframes art-spark{0%,to{opacity:.25}45%{opacity:1}}@media(prefers-reduced-motion:reduce){.art-spark{animation:none;opacity:.7}}.gear-card.better{box-shadow:inset 3px 0 #4ade80}.gear-card .cmp{margin-top:3px;font-size:11px;color:var(--muted)}.gear-card .cmp.up{color:#4ade80}.gear-card .cmp.down{color:#64748b}.gear-bar{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:12px 0 6px}.gear-bar .pick-label{margin:0;flex:1}#gear-tabs{display:flex;gap:4px;flex-wrap:wrap}.gear-tab{padding:4px 10px;border-radius:999px;border:1px solid var(--line);background:#0f172ab3;color:var(--muted);font-size:12px}.gear-tab.on{border-color:var(--accent);color:var(--ink);background:#38bdf826}.gear-acts{display:flex;gap:6px;margin-top:8px}.gear-acts button{flex:1;padding:8px;border-radius:10px;border:1px solid var(--line);background:#0f172acc;color:var(--ink);font-size:12px}#gear-best{border-color:var(--accent)}#gear-msg{margin-top:6px;min-height:16px;color:var(--muted);font-size:12px;text-align:center}.gear-card .acts button{white-space:nowrap;min-width:0;padding:5px 4px}.gear-card .top b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#rename-pin-box{margin-top:8px}#rename-pin-hint{margin:4px 2px 0;color:var(--muted);font-size:12px;line-height:1.5}#rename-msg{min-height:17px;margin:8px 2px 0;color:#fca5a5;font-size:12px}#rename-swap{margin-top:6px;font-size:13px;color:var(--muted)}@media(max-width:560px){#town-bar{gap:6px}#town-bar span,#town-home{padding:5px 9px;font-size:13px}#town-bar #town-hero{max-width:46vw;overflow:hidden;text-overflow:ellipsis}#town-bar #town-hero i{display:none}#town-bar .ic{width:14px;height:14px}}@media(max-width:720px)and (min-aspect-ratio:1/1){#screen-heroes{place-items:center;padding-left:0;background:#0f172a80}}@media(hover:none){.keys-only{display:none}}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:10px 0 12px}.menu-grid button{padding:11px 6px;border-radius:12px;border:1px solid var(--line);background:#0f172acc;color:#cbd5e1;font-size:13px;white-space:nowrap}.menu-grid button:hover{border-color:var(--accent);color:var(--ink)}@media(max-width:480px){.panel h2{font-size:22px}button.big{font-size:17px;padding:13px 10px}.panel .sub{font-size:12.5px}}.screen{z-index:20}#banner,#tip,#hints,#toast{z-index:30}@media(max-width:560px){#gear-slots{grid-template-columns:1fr;gap:6px}#gear-bag{max-height:30vh}.gear-acts{flex-direction:column}.gear-acts button{padding:10px}.gear-card .top{flex-wrap:wrap;row-gap:0}.gear-card .top b{white-space:normal;overflow:visible}}