*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0b0d12;font-family:Lato,system-ui,sans-serif;color:#f2ead8;-webkit-user-select:none;user-select:none}#game{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.hidden{display:none!important}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}#hud>*{pointer-events:auto}#nameplates,#floaters{pointer-events:none!important;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}#frames{position:absolute;top:16px;left:16px;display:flex;flex-direction:column;gap:10px}.unitframe{display:flex;align-items:stretch;width:280px;background:linear-gradient(#1b1a1f,#0f0e12);border:2px solid #6d5a2e;border-radius:6px;box-shadow:0 0 0 1px #000,0 4px 12px #00000080;cursor:pointer;position:relative}.unitframe.targeted{border-color:#ffd560;box-shadow:0 0 0 1px #000,0 0 14px #ffd56099}.unitframe.dead{filter:grayscale(1) brightness(.6)}.unitframe .portrait{width:58px;height:58px;margin:4px;border-radius:50%;border:2px solid #b8963e;image-rendering:pixelated;background:#000;flex:none}.uf-body{flex:1;padding:5px 7px 6px 3px;display:flex;flex-direction:column;gap:3px;min-width:0}.uf-name{display:flex;justify-content:space-between;font-weight:900;font-size:13px;text-shadow:1px 1px 0 #000}.uf-name .lvl{color:#ffd560}.uf-name .cls{color:#c69b6d;font-weight:700;font-size:11px;margin-left:6px}.bar{position:relative;height:16px;background:#0a0a0a;border:1px solid #000;overflow:hidden;border-radius:2px}.bar .fill{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left;transition:transform .12s linear}.bar .ghost{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left;background:#fff;opacity:.35;transition:transform .6s ease-out .25s}.bar .incoming{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left;background:#4cff6a;opacity:.35}.bar.hp .fill{background:linear-gradient(#3fd84a,#1d8a26)}.bar.hp.low .fill{background:linear-gradient(#ffcf3a,#c07a0c)}.bar.hp.crit .fill{background:linear-gradient(#ff4a3a,#9a1208)}.bar.mana .fill{background:linear-gradient(#3a7aff,#1438a8)}.bar.rage .fill{background:linear-gradient(#e03030,#8a0a0a)}.bar.small{height:12px}.bar.small .txt{font-size:10px}.bar .txt{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;text-shadow:1px 1px 0 #000,-1px -1px 0 #000}.enemy .bar.hp .fill{background:linear-gradient(#e03a2a,#8a1408)}.unitframe.critical{animation:pulse .6s infinite alternate}@keyframes pulse{to{box-shadow:0 0 0 1px #000,0 0 18px #ff281ee6}}#target-frame{position:absolute;top:16px;left:50%;transform:translate(-50%);width:260px;cursor:default}#target-frame .elite{color:#ffd560}#stats{position:absolute;top:16px;right:16px;width:210px;padding:8px 12px;background:#0a0a0ebf;border:1px solid #6d5a2e;border-radius:6px;font-size:12px}#stats div{display:flex;justify-content:space-between;line-height:1.7}#stats span{color:#b9ad92}#stats b{color:#fff}#error-text{position:absolute;top:18%;left:50%;transform:translate(-50%);color:#ff3a2a;font-weight:900;font-size:18px;text-shadow:1px 1px 0 #000;opacity:0;transition:opacity .4s;pointer-events:none!important}#error-text.show{opacity:1;transition:none}#banner{position:absolute;top:26%;left:50%;transform:translate(-50%);font-family:Cinzel,serif;font-weight:800;font-size:40px;color:#ffd560;text-shadow:0 0 12px rgba(255,180,40,.8),2px 2px 0 #000;opacity:0;white-space:nowrap;pointer-events:none!important}#banner.show{animation:banner 2.4s ease-out forwards}@keyframes banner{0%{opacity:0;transform:translate(-50%) scale(1.4)}12%{opacity:1;transform:translate(-50%) scale(1)}75%{opacity:1}to{opacity:0}}#castbar{position:absolute;bottom:132px;left:50%;transform:translate(-50%);width:300px;height:22px;background:#0a0a0a;border:2px solid #b8963e;border-radius:3px;box-shadow:0 0 0 1px #000;overflow:hidden}#castbar .fill{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left;background:linear-gradient(#ffd24a,#c88a0a)}#castbar.done .fill{background:linear-gradient(#6aff6a,#1a9a2a)}#castbar.failed .fill{background:linear-gradient(#ff4a3a,#9a1208);transform:scaleX(1)!important}#castbar .spark{position:absolute;top:-4px;bottom:-4px;width:6px;margin-left:-3px;background:radial-gradient(#fff,#fff0)}#castbar .label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:space-between;align-items:center;padding:0 8px;font-size:12px;font-weight:700;text-shadow:1px 1px 0 #000}#actionbar{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;gap:6px;padding:8px 10px;background:linear-gradient(#2a2620,#16130f);border:2px solid #6d5a2e;border-radius:6px;box-shadow:0 0 0 1px #000,0 6px 16px #0009}.slot{position:relative;width:62px;height:62px;border:2px solid #3a3228;border-radius:4px;background:#0c0b0a;overflow:hidden}.slot.spell{border-color:#9c8452;cursor:pointer}.slot.spell:hover{border-color:#ffe7a0}.slot .icon{width:100%;height:100%;image-rendering:pixelated;display:block}.slot .key{position:absolute;top:2px;right:4px;font-size:12px;font-weight:900;text-shadow:1px 1px 0 #000;color:#ddd}.slot .cd{position:absolute;top:0;right:0;bottom:0;left:0;background:conic-gradient(rgba(0,0,0,.72) var(--p, 0%),transparent 0)}.slot.oom .icon{filter:grayscale(.2) brightness(.55) sepia(1) hue-rotate(190deg) saturate(3)}.slot.pressed{transform:scale(.94)}.slot.casting{box-shadow:inset 0 0 12px #ffd560;border-color:#ffd560}.slot.queued{border-color:#6adfff}#tooltip{position:absolute;bottom:110px;left:50%;transform:translate(-50%);width:260px;padding:10px 12px;background:#080a18f0;border:1px solid #9c8452;border-radius:4px;font-size:12px;line-height:1.5;pointer-events:none!important}#tooltip .tt-name{font-size:14px;font-weight:900;color:#fff}#tooltip .tt-row{display:flex;justify-content:space-between}#tooltip .tt-desc{color:#ffd560;margin-top:4px}.nameplate{position:absolute;width:110px;margin-left:-55px;text-align:center;font-size:11px;font-weight:900;color:#ff8a7a;text-shadow:1px 1px 0 #000,-1px -1px 0 #000;white-space:nowrap}.nameplate .bar{height:7px;margin-top:2px}.nameplate .bar .fill{background:linear-gradient(#e03a2a,#8a1408)}.nameplate.target .bar{box-shadow:0 0 0 1px #fff}.nameplate.elite{color:#ffd560}.floater{position:absolute;font-weight:900;font-size:20px;text-shadow:2px 2px 0 #000,-1px -1px 0 #000;white-space:nowrap;transform:translate(-50%,-50%);will-change:transform,opacity}.floater.heal{color:#4cff5a}.floater.heal .oh{color:#9aa89a;font-size:13px}.floater.crit{font-size:30px}.floater.dmg-taken{color:#ff3a2a;font-size:16px}.floater.dmg-dealt{color:#fff;font-size:16px}.floater.dmg-dealt.crit{color:#ffe23a;font-size:24px}.floater.miss{color:#e8e8e8;font-size:14px}.floater.shout{color:#ffd560;font-size:18px;font-family:Cinzel,serif}.floater.mana{color:#6aa8ff;font-size:14px}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(#0a080473,#000000d9)}#overlay .panel{width:min(560px,calc(100vw - 32px));padding:28px 32px;text-align:center;background:linear-gradient(#1f1b16,#0f0d0a);border:2px solid #9c8452;border-radius:8px;box-shadow:0 0 0 1px #000,0 20px 60px #000000b3}#overlay h1{font-family:Cinzel,serif;font-weight:800;font-size:46px;margin:0;color:#ffd560;text-shadow:0 0 20px rgba(255,180,40,.55),2px 2px 0 #000}#overlay .sub{color:#c9bda2;margin:6px 0 18px}#overlay .howto{font-size:14px;line-height:2;color:#e8dcc0}#overlay .hint{color:#9c917a;font-size:12px;line-height:1.5;margin-top:8px}#overlay .summary{display:grid;grid-template-columns:1fr 1fr;gap:6px 20px;text-align:left;font-size:14px;margin:10px 0 4px}#overlay .summary span{color:#b9ad92}#overlay .summary b{float:right;color:#fff}kbd{display:inline-block;min-width:24px;padding:0 6px;border:1px solid #9c8452;border-bottom-width:3px;border-radius:4px;background:#2a2620;font-family:inherit;font-weight:900;line-height:20px}#overlay button{margin-top:20px;padding:10px 28px;font-family:Cinzel,serif;font-weight:800;font-size:18px;color:#ffe7a0;background:linear-gradient(#7a1a12,#4a0a06);border:2px solid #d8b060;border-radius:4px;cursor:pointer}#overlay button:hover{filter:brightness(1.2)}@media (max-width: 760px){.unitframe{width:220px}#target-frame{top:auto;bottom:150px;left:16px}#stats{font-size:11px;width:170px}}.debuffs{position:absolute;left:calc(100% + 6px);top:4px;display:flex;gap:4px}.debuff{position:relative;width:30px;height:30px;background-size:cover;image-rendering:pixelated;border:2px solid #3adf2a;border-radius:3px;box-shadow:0 0 0 1px #000}.debuff .stacks{position:absolute;right:1px;bottom:-1px;font-size:12px;font-weight:900;text-shadow:1px 1px 0 #000,-1px -1px 0 #000}.debuff .time{position:absolute;left:0;right:0;top:calc(100% + 1px);text-align:center;font-size:10px;font-weight:700;color:#ffe;text-shadow:1px 1px 0 #000}.unitframe.poisoned{border-color:#3adf2a;box-shadow:0 0 0 1px #000,0 0 12px #3adf2ab3}.unitframe.poisoned.targeted{box-shadow:0 0 0 1px #000,0 0 14px #ffd560cc,0 0 22px #3adf2ab3}.slot.selected{border-color:#fff;box-shadow:0 0 0 2px #ffd560,0 0 16px #ffd560cc}.slot.selected:after{content:"";position:absolute;left:50%;bottom:-2px;width:0;height:0;margin-left:-6px;border:6px solid transparent;border-bottom-color:#ffd560}.slot .cdtext{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:900;color:#ffe;text-shadow:2px 2px 0 #000,-1px -1px 0 #000;pointer-events:none}#tooltip .tt-hint{color:#9c917a;margin-top:6px;font-size:11px}.partyplate{position:absolute;width:74px;margin-left:-37px}.partyplate .bar{height:8px;border:1px solid #000;box-shadow:0 1px 3px #0009}.partyplate .bar .fill{background:linear-gradient(#3fd84a,#1d8a26)}.partyplate .bar.low .fill{background:linear-gradient(#ffcf3a,#c07a0c)}.partyplate .bar.crit .fill{background:linear-gradient(#ff4a3a,#9a1208)}.partyplate.target .bar{box-shadow:0 0 0 1px #fff,0 0 8px #fff9}.partyplate.poisoned .bar{box-shadow:0 0 0 1px #3adf2a,0 0 8px #3adf2ae6}.pp-debuffs{display:flex;justify-content:center;gap:2px;margin-top:3px}.pp-debuffs .debuff{width:16px;height:16px;border-width:1px}.pp-debuffs .debuff .stacks{font-size:10px}.pp-debuffs .debuff .time{display:none}.nameplate .npcast{height:8px;margin-top:2px}.nameplate .npcast .fill,#target-frame .enemycast .fill{background:linear-gradient(#c070ff,#5a10a8)}.nameplate .npcast .txt{font-size:9px}.nameplate.stunned .np-name:after{content:" (Stunned)";color:#ffe060}#target-frame .enemycast{height:12px}#target-frame .enemycast .txt{font-size:10px}#target-frame .stunned{color:#ffe060}.floater.cleanse{color:#a8e0ff;font-size:16px}.floater.dmg-poison{color:#7aef3a;font-size:14px}.floater.dmg-shadow{color:#c070ff;font-size:17px}.floater.stun{color:#ffe060;font-size:16px}.floater.interrupt{color:#ffe060;font-size:20px;font-family:Cinzel,serif}#nameplates .nameplate,#nameplates .partyplate{pointer-events:auto;cursor:pointer;padding:3px 0}.debuff.weaken{border-color:#ff9a30}.debuff.stun{border-color:#ffe060}.np-debuffs{display:flex;justify-content:center;gap:2px;margin-top:2px}.np-debuffs .debuff{width:24px;height:24px;border-width:2px}.np-debuffs .debuff .time{top:auto;bottom:-2px;font-size:12px;font-weight:900;color:#fff;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000}#target-frame .target-debuffs{left:0;top:calc(100% + 4px)}.floater.weaken{color:#ffa040;font-size:16px}.floater .exposed{color:#ffa040;font-size:13px}.bar .absorb{position:absolute;top:0;bottom:0;width:0;background:repeating-linear-gradient(-45deg,#ffffffe6 0,#ffffffe6 3px,#ffecaaa6 3px,#ffecaaa6 6px)}.floater.shielded{color:#ffe890;font-size:16px}.floater.absorb{color:#fff4c8;font-size:13px}.drag-ghost{position:fixed;left:0;top:0;width:52px;height:52px;image-rendering:pixelated;border:2px solid #ffd560;border-radius:4px;box-shadow:0 6px 18px #0009;opacity:.9;pointer-events:none;z-index:100}#actionbar.dragging .slot{border-color:#6d5a2e}.slot.drag-source .icon{opacity:.25}.slot.drop-target{border-color:#fff!important;box-shadow:0 0 0 2px #ffd560,inset 0 0 14px #ffd56099}#stats .gold-row b{color:#ffd560}.floater.gold{color:#ffd560;font-size:15px}#shop-btn{position:absolute;bottom:34px;left:calc(50% + 270px);display:flex;align-items:center;gap:8px;padding:8px 12px;font:700 13px Lato,sans-serif;color:#ffe7a0;background:linear-gradient(#2a2620,#16130f);border:2px solid #6d5a2e;border-radius:6px;cursor:pointer;box-shadow:0 0 0 1px #000}#shop-btn:hover{border-color:#ffd560}#shop-btn .bag{width:18px;height:18px;background:linear-gradient(#c89a4a,#7a5220);border:2px solid #3a2410;border-radius:3px 3px 6px 6px}@media (max-width: 900px){#shop-btn{left:auto;right:16px;bottom:110px}}#shop{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000008c;z-index:60}.shop-panel{width:min(1060px,calc(100vw - 32px));max-height:calc(100vh - 32px);display:flex;flex-direction:column;background:linear-gradient(#1f1b16,#0f0d0a);border:2px solid #9c8452;border-radius:8px;box-shadow:0 0 0 1px #000,0 20px 60px #000000b3}.shop-head{display:flex;align-items:center;gap:16px;padding:12px 18px;border-bottom:1px solid #3a3228}.shop-head h2{margin:0;flex:1;font-family:Cinzel,serif;color:#ffd560;font-size:22px}.shop-gold{font-weight:900;color:#ffd560;font-size:18px}.shop-close{background:none;border:1px solid #6d5a2e;color:#ddd;border-radius:4px;width:30px;height:30px;cursor:pointer}.shop-body{display:flex;gap:18px;padding:14px 18px;overflow:auto}.shop-foot{padding:8px 18px 12px;font-size:12px}.dim{color:#8a8070}.sheet{width:290px;flex:none;font-size:13px}.sheet h3{margin:0 0 8px;font-size:15px;color:#fff}.sheet-stats div{display:flex;justify-content:space-between;line-height:1.75}.sheet-stats span{color:#b9ad92}.sheet-tank{margin:12px 0 16px;padding:8px 10px;background:#ffffff0a;border:1px solid #3a3228;border-radius:4px;line-height:1.5}.eq-row{display:flex;align-items:center;gap:10px;margin-bottom:6px}.eq-row img,.eq-empty{width:34px;height:34px;image-rendering:pixelated;border:1px solid #3a3228;border-radius:3px}.eq-empty{background:#0c0b0a}.eq-slot{font-size:11px;color:#8a8070}.shop-items{flex:1;display:flex;flex-direction:column;gap:10px;min-width:0}.shop-row{display:flex;align-items:stretch;gap:10px}.row-slot{width:72px;flex:none;font-weight:900;font-size:12px;color:#b9ad92;padding-top:12px}.cards{flex:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.card{display:flex;gap:8px;padding:7px;background:#15120f;border:1px solid #3a3228;border-radius:4px}.card img{width:38px;height:38px;image-rendering:pixelated;flex:none;border-radius:3px}.card-body{min-width:0;display:flex;flex-direction:column;gap:3px}.card-name{font-weight:900;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-stats{font-size:11px;color:#4cff5a;line-height:1.35}.card button{align-self:flex-start;padding:2px 10px;font:900 12px Lato,sans-serif;color:#ffd560;background:linear-gradient(#4a3a18,#2a200c);border:1px solid #9c8452;border-radius:3px;cursor:pointer}.card button:hover:not(:disabled){filter:brightness(1.3)}.card button:disabled{color:#c05040;border-color:#5a3028;cursor:not-allowed;background:#1a1210}.card.equipped{border-color:#4cff5a}.card.owned{opacity:.45}.card.can{border-color:#6d5a2e}.card-tag{font-size:11px;font-weight:900;color:#4cff5a}.card-tag.dim{color:#8a8070}.r0{color:#fff}.r1{color:#1eff00}.r2{color:#0070dd}.r3{color:#a335ee}.item-tip{position:fixed;z-index:70;width:240px;padding:10px 12px;background:#080a18f5;border:1px solid #9c8452;border-radius:4px;font-size:12px;line-height:1.55;pointer-events:none}.item-tip .it-name{font-size:14px;font-weight:900}.item-tip .it-row{display:flex;justify-content:space-between;color:#ddd}.item-tip .it-stat{color:#1eff00}.item-tip .it-price{margin-top:4px;color:#ffd560}.item-tip .it-price.short{color:#ff4a3a}.item-tip .it-note{margin-top:4px;color:#4cff5a}.item-tip .it-note.dim{color:#8a8070}@media (max-width: 760px){.shop-body{flex-direction:column}.sheet{width:auto}.cards{grid-template-columns:1fr}}#toast{position:absolute;bottom:150px;left:50%;transform:translate(-50%) translateY(10px);padding:6px 14px;font-weight:900;font-size:14px;background:#0a0a0ed9;border:1px solid #6d5a2e;border-radius:4px;opacity:0;transition:opacity .25s,transform .25s;pointer-events:none!important;white-space:nowrap}#toast.show{opacity:1;transform:translate(-50%)}#shop-btn.fresh{border-color:#ffd560;animation:vendorGlow 1s infinite alternate}@keyframes vendorGlow{to{box-shadow:0 0 0 1px #000,0 0 16px #ffd560e6}}.card .card-ilvl{font-size:10px;color:#ffd560}.card .delta-up{color:#4cff5a}.card .delta-down{color:#ff4a3a}.card .delta-same{color:#8a8070}.cards.stock{grid-template-columns:1fr}.card.stock-card{align-items:center}.card.stock-card .card-body{flex:1}.card.stock-card .card-name{white-space:normal;font-size:13px}.card.stock-card .card-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:none}.card .card-cmp{font-size:11px;line-height:1.4}.restock-note{font-size:12px;color:#b9ad92;margin-bottom:4px}.restock-note b,.item-tip .it-ilvl{color:#ffd560}#menu-btns{position:absolute;bottom:24px;left:calc(50% + 450px);display:flex;flex-direction:column;gap:6px}#menu-btns #shop-btn{position:static}.menu-btn{display:flex;align-items:center;gap:8px;padding:6px 12px;font:700 13px Lato,sans-serif;color:#ffe7a0;background:linear-gradient(#2a2620,#16130f);border:2px solid #6d5a2e;border-radius:6px;cursor:pointer;box-shadow:0 0 0 1px #000;position:relative}.menu-btn:hover{border-color:#ffd560}.menu-btn.fresh{border-color:#ffd560;animation:vendorGlow 1s infinite alternate}.menu-btn .star{width:16px;height:16px;background:radial-gradient(#fff4c0,#d8a020 60%,transparent 70%)}.menu-btn .count:not(:empty){position:absolute;top:-8px;right:-8px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#1eff00;color:#000;font-weight:900;font-size:12px;line-height:20px;text-align:center;box-shadow:0 0 0 2px #000}@media (max-width: 1300px){#menu-btns{left:auto;right:16px;bottom:110px}}#talents{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000008c;z-index:60}.talent-panel{width:min(980px,calc(100vw - 32px))}.tal-trees{display:flex;gap:14px;padding:14px 18px;overflow:auto}.tal-tree{flex:1;min-width:230px;padding:10px 12px 14px;border:1px solid #3a3228;border-radius:6px;background:linear-gradient(color-mix(in srgb,var(--tree) 12%,#15120f),#0f0d0a)}.tal-head{display:flex;justify-content:space-between;align-items:baseline}.tal-head b{font-family:Cinzel,serif;font-size:18px;color:var(--tree)}.tal-head span{font-size:12px;color:#b9ad92}.tal-blurb{font-size:12px;color:#9c917a;margin:4px 0 12px;min-height:30px}.tal-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(5,66px)}.tal-cell{display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.tal-arrows{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.tal-arrows line{stroke:#6a6050;stroke-width:.05}.tal-arrows line.met{stroke:#ffd560}.tal-node{position:relative;width:52px;height:52px;background-size:cover;image-rendering:pixelated;border:2px solid #3a3228;border-radius:6px;cursor:pointer;box-shadow:0 0 0 1px #000}.tal-node.locked{filter:grayscale(1) brightness(.45);cursor:default}.tal-node.open{border-color:#1eff00;box-shadow:0 0 0 1px #000,0 0 10px #1eff0073}.tal-node.partial{border-color:#1eff00}.tal-node.maxed{border-color:#ffd560;box-shadow:0 0 0 1px #000,0 0 10px #ffd56080}.tal-node.capstone{width:60px;height:60px;border-radius:50%}.tal-node.capstone.open,.tal-node.capstone.maxed{border-color:#a335ee;box-shadow:0 0 0 1px #000,0 0 16px #a335eecc}.tal-node:hover:not(.locked){transform:scale(1.06)}.tal-rank{position:absolute;right:-6px;bottom:-6px;padding:0 4px;font-size:11px;font-weight:900;background:#0a0a0a;border:1px solid #3a3228;border-radius:3px;color:#1eff00}.tal-node.maxed .tal-rank{color:#ffd560}.tal-node.locked .tal-rank{color:#8a8070}.tree-locked{opacity:.55}.tal-soon{grid-column:1 / -1;grid-row:1 / -1;display:flex;align-items:center;justify-content:center;font-family:Cinzel,serif;color:#8a8070;font-size:18px}.tal-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}.tal-reset{padding:4px 12px;font:700 12px Lato,sans-serif;color:#ddd;background:#2a1a14;border:1px solid #7a4030;border-radius:4px;cursor:pointer}.talent-tip{width:260px}.talent-tip .tal-desc{color:#ffd560;margin-top:4px}.talent-tip .tal-next{color:#ddd;margin-top:6px}.tal-bad{color:#ff7a6a}.debuff.blessing,.debuff.lingering,.debuff.fervor{border-color:#ffd560}.floater.blessing{color:#ffd560;font-size:15px;font-family:Cinzel,serif}.floater.heal.hot{font-size:14px;color:#a8ff9a}.floater.heal.seraph{font-size:16px;color:#fff4a0}.floater.reflect{color:#ffd060}.tal-cols{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;font-size:10px;font-weight:900;letter-spacing:1px;text-transform:uppercase;color:#8a8070;margin-bottom:2px}.floater .healtag{color:#ffe890;font-size:12px}#continue-btn{display:block;margin:20px auto 0;padding:10px 28px;font-family:Cinzel,serif;font-weight:800;font-size:18px;color:#ffe7a0;background:linear-gradient(#1a5a1a,#0a300a);border:2px solid #d8b060;border-radius:4px;cursor:pointer}#continue-btn:hover{filter:brightness(1.2)}#continue-btn .cont-info{display:block;font-family:Lato,sans-serif;font-size:12px;font-weight:700;color:#c9e8c0;margin-top:2px}#overlay button.secondary{margin-top:10px;font-size:14px;padding:6px 20px;background:linear-gradient(#3a2a20,#1a120c)}#overlay .records{margin-top:12px;font-size:12px;color:#b9ad92}.new-record{color:#ffd560}.debuff.magic{border-color:#3a8aff}.debuff.disease{border-color:#b08a3a}.floater.enemy-heal{color:#40ff60;font-size:15px}.floater.dmg-disease{color:#c0b060;font-size:14px}#boss-bar{position:absolute;top:96px;left:50%;transform:translate(-50%);width:min(520px,calc(100vw - 32px));padding:8px 12px 10px;background:#0a0806cc;border:2px solid #8a2a1a;border-radius:6px;box-shadow:0 0 0 1px #000,0 4px 18px #0009;pointer-events:none!important}#boss-bar.boss-major{border-color:#a335ee;box-shadow:0 0 0 1px #000,0 0 20px #a335ee80}#boss-bar.boss-large{border-color:#0070dd}#boss-bar .bb-name{font-family:Cinzel,serif;font-weight:800;font-size:16px;color:#ffd560;text-align:center;text-shadow:1px 1px 0 #000;margin-bottom:4px}#boss-bar .bar.hp{height:18px}#boss-bar .bar.hp .fill{background:linear-gradient(#e03a2a,#8a1408)}#boss-bar .bbcast{height:12px;margin-top:4px}#boss-bar .bbcast .fill{background:linear-gradient(#ff9a40,#b04010)}#boss-bar .bb-note{text-align:center;font-size:11px;color:#c0a0ff;margin-top:3px}#boss-bar.hidden{display:none}body.on-map #hud>*:not(#toast){visibility:hidden}#map{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;background:radial-gradient(#0a08048c,#000000d9)}.map-panel{width:min(1320px,calc(100vw - 24px));max-height:calc(100vh - 24px);display:flex;flex-direction:column;background:linear-gradient(#211c15,#100d09);border:2px solid #9c8452;border-radius:8px;box-shadow:0 0 0 1px #000,0 20px 60px #000000b3}.map-head{display:flex;align-items:center;gap:14px;padding:10px 16px;border-bottom:1px solid #3a3228}.map-head h2{margin:0;flex:1;font-family:Cinzel,serif;color:#ffd560;font-size:22px}.map-meta{color:#c9bda2;font-size:14px}.map-meta .gold{color:#ffd560;font-weight:900}.map-head .menu-btn{position:relative}.map-head .menu-btn .bag{width:16px;height:16px;background:linear-gradient(#c89a4a,#7a5220);border:2px solid #3a2410;border-radius:3px 3px 6px 6px}.map-complete{margin:10px 16px 0;padding:8px 12px;background:#a335ee33;border:1px solid #a335ee;border-radius:4px;color:#e8d0ff;font-weight:700}.map-body{display:flex;gap:12px;padding:12px 16px 16px;min-height:0;overflow:auto}.map-svg{flex:1;min-width:0;width:100%;height:auto;max-height:70vh}.map-svg .region-name{fill:#e8dcc0;font-family:Cinzel,serif;font-size:18px;font-weight:800;text-anchor:middle}.map-svg .road{fill:none;stroke:#5a4a30;stroke-width:6;stroke-dasharray:2 8;stroke-linecap:round}.map-svg .road.done{stroke:#d8b060;stroke-dasharray:none;stroke-width:4}.map-svg .node{cursor:pointer}.map-svg .node .disc{fill:#2a241c;stroke:#6d5a2e;stroke-width:3}.map-svg .node .halo{fill:none;stroke:none}.map-svg .node .num{fill:#c9bda2;font-weight:900;font-size:15px;text-anchor:middle;pointer-events:none}.map-svg .node.done .disc{fill:#6a5020;stroke:#ffd560}.map-svg .node.done .num{fill:#ffe7a0}.map-svg .node.current .disc{fill:#3a3010;stroke:#fff4c0;stroke-width:4}.map-svg .node.current .halo{stroke:#ffd560;stroke-width:3;animation:mapPulse 1.2s infinite alternate}.map-svg .node.locked{cursor:default;opacity:.45}.map-svg .node.major .disc{stroke:#a335ee}.map-svg .node.major.done .disc{fill:#4a1a6a}.map-svg .node.large .disc{stroke-width:4}.map-svg .node.sel .halo{stroke:#fff;stroke-width:2}.map-svg .pip{fill:#1a1610;stroke:#6d5a2e;stroke-width:1}.map-svg .pip.on{fill:#1eff00;stroke:#0a6a00}.map-svg .villain{fill:#e0c0ff;font-size:12px;font-weight:900;text-anchor:middle;pointer-events:none}@keyframes mapPulse{0%{opacity:.25}to{opacity:1}}.node-panel{width:300px;flex:none;color:#e8dcc0}.node-panel h3{margin:2px 0 6px;font-family:Cinzel,serif;font-size:20px;color:#fff}.np-region{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:1px;filter:brightness(1.8)}.np-blurb{font-size:13px;color:#b9ad92;margin-bottom:8px}.np-villain{font-size:12px;color:#d0a0ff;font-weight:700;margin-bottom:8px}.routes{display:flex;flex-direction:column;gap:6px}.route-row{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#ffffff0a;border:1px solid #3a3228;border-radius:4px;font-size:13px}.route-row.next{border-color:#ffd560}.route-row.done .rs{color:#1eff00}.route-row.boss{border-color:#8a2a1a}.route-row .rs{width:14px;text-align:center;color:#ffd560}.route-row .rl{flex:1}.route-row button{padding:3px 12px;font:900 12px Lato,sans-serif;color:#ddd;background:#2a2620;border:1px solid #6d5a2e;border-radius:3px;cursor:pointer}.route-row button.go{color:#ffe7a0;background:linear-gradient(#7a1a12,#4a0a06);border-color:#d8b060}.route-row button.replay{color:#c9bda2}.route-row button:disabled{opacity:.4;cursor:default}.np-hint{margin-top:10px;font-size:11px;color:#8a8070}#route-result{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;display:flex;align-items:center;justify-content:center;background:#00000073}.rr-panel{min-width:340px;padding:22px 28px;text-align:center;background:linear-gradient(#211c15,#100d09);border:2px solid #9c8452;border-radius:8px}.rr-panel.win{border-color:#ffd560}.rr-panel.loss{border-color:#8a2a1a}.rr-panel h2{margin:0 0 6px;font-family:Cinzel,serif;color:#ffd560}.rr-panel.loss h2{color:#ff7a6a}.rr-sub{color:#b9ad92;font-size:13px}.rr-gold{margin-top:10px;color:#ffd560;font-weight:900}.rr-btns{margin-top:16px;display:flex;gap:10px;justify-content:center}.rr-btns button{padding:8px 18px;font:800 14px Cinzel,serif;color:#ffe7a0;background:#2a2620;border:2px solid #9c8452;border-radius:4px;cursor:pointer}.rr-btns button.go{background:linear-gradient(#7a1a12,#4a0a06);border-color:#d8b060}.rr-btns.small{margin-top:10px}.rr-btns.small button{font-size:12px;padding:5px 14px;font-family:Lato,sans-serif}.floater.dmg-dealt.holy{color:#ffe890}@media (max-width: 1000px){.slot{width:50px;height:50px}}#pause-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;background:#0009}#pause-menu.hidden{display:none}.pm-panel{width:min(440px,calc(100vw - 32px));padding:22px 26px;background:linear-gradient(#211c15,#100d09);border:2px solid #9c8452;border-radius:8px;box-shadow:0 0 0 1px #000,0 20px 60px #000000b3}.pm-panel h2{margin:0 0 14px;text-align:center;font-family:Cinzel,serif;color:#ffd560;font-size:28px}.pm-section h3{margin:0 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:1px;color:#b9ad92}.pm-row{display:grid;grid-template-columns:130px 1fr 44px;align-items:center;gap:10px;margin-bottom:10px;font-size:14px}.pm-row b{text-align:right;color:#ffd560}.pm-row input[type=range]{width:100%;accent-color:#ffd560}.pm-row.check{grid-template-columns:auto 1fr}.pm-row.check input{accent-color:#ffd560;width:16px;height:16px}.pm-btns{display:flex;flex-direction:column;gap:8px;margin-top:16px}.pm-btns button{padding:9px;font:800 15px Cinzel,serif;color:#ffe7a0;background:#2a2620;border:2px solid #9c8452;border-radius:4px;cursor:pointer}.pm-btns button.go{background:linear-gradient(#7a1a12,#4a0a06);border-color:#d8b060}.pm-btns button:hover{filter:brightness(1.2)}.pm-hint{margin-top:12px;text-align:center;font-size:12px;color:#8a8070}.talent-tip .tal-spell{margin-top:8px;padding-top:6px;border-top:1px solid #3a3228;color:#ddd}.talent-tip .tal-spell b{color:#fff}.tal-cd{position:absolute;left:-6px;top:-6px;padding:0 4px;font-size:10px;font-weight:900;background:#0a0a0a;border:1px solid #6d5a2e;border-radius:3px;color:#ffd560}#dev-panel{position:fixed;left:12px;bottom:12px;z-index:45;display:none;flex-direction:column;gap:6px;padding:10px 12px;font-size:12px;color:#ffe;background:#3c003ce6;border:2px dashed #ff60ff;border-radius:6px}#dev-panel b{color:#ff9aff}#dev-panel label{display:flex;justify-content:space-between;gap:8px;align-items:center}#dev-panel input{width:56px}#dev-panel button{padding:4px 8px;font-weight:900;cursor:pointer}.floater.stun{color:#ffe060;font-size:22px;font-family:Cinzel,serif;-webkit-text-stroke:1px #000;z-index:2}.floater.immune{color:#b8c4d8;font-size:20px;font-family:Cinzel,serif;-webkit-text-stroke:1px #000;z-index:2}#boss-bar .bb-stunned{color:#ffe060;font-weight:900}#boss-bar .bb-immune{color:#b8c4d8;font-weight:700}#boss-bar .bb-debuffs{display:flex;justify-content:center;gap:6px;margin-top:6px}#boss-bar .bb-debuffs:empty{display:none}#boss-bar .bb-debuffs .debuff{width:36px;height:36px}#boss-bar .bb-debuffs .debuff .time{top:auto;bottom:0;font-size:15px;font-weight:900;color:#fff;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000}#boss-bar .bb-debuffs .debuff .stacks{font-size:13px}#boss-bar .bb-timer{color:#e8dcc0;font-weight:700}#boss-bar .bb-berserk{color:#ff4a3a;font-weight:900}html,body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}#game{touch-action:none}body.touch{touch-action:manipulation}body.touch kbd,body.touch .slot .key{display:none}body.armed #game{cursor:crosshair}.slot.armed{border-color:#6adfff!important;box-shadow:0 0 0 2px #6adfff,0 0 16px #6adfffcc;animation:armedPulse .8s infinite alternate}@keyframes armedPulse{to{box-shadow:0 0 0 2px #6adfff,0 0 26px #6adfff}}.menu-btn .pause-ico{width:14px;height:14px;border-left:5px solid #ffe7a0;border-right:5px solid #ffe7a0;box-sizing:border-box}.bar-page{display:none}body.touch .bar-page{display:flex;align-items:center;justify-content:center;width:40px;align-self:stretch;font:900 13px Lato,sans-serif;color:#ffe7a0;background:#2a2620;border:2px solid #6d5a2e;border-radius:4px}body.touch #actionbar[data-page="0"] .slot:nth-child(n+7){display:none}body.touch #actionbar[data-page="1"] .slot:nth-child(-n+6){display:none}body.touch #castbar{cursor:pointer}body.touch #castbar .label .name:after{content:"  (tap to cancel)";font-weight:400;opacity:.7}#rotate-prompt{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;align-items:center;justify-content:center;text-align:center;padding:24px;background:#100d09;color:#ffe7a0;font:800 20px Cinzel,serif}#rotate-prompt .rot-ico{width:46px;height:76px;margin:0 auto 18px;border:4px solid #ffd560;border-radius:8px;animation:rot 1.6s ease-in-out infinite}@keyframes rot{0%,30%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}#frames{left:calc(16px + env(safe-area-inset-left))}#stats{right:calc(16px + env(safe-area-inset-right))}.shop-panel,.map-panel,.pm-panel,#overlay .panel{max-height:calc(100dvh - 16px);overflow:auto}.tal-trees{overflow-x:auto}@media (max-height: 520px){#frames{top:6px;left:calc(6px + env(safe-area-inset-left));gap:4px}.unitframe{width:196px;border-width:1px}.unitframe .portrait{width:34px;height:34px;margin:3px}.uf-body{padding:3px 5px 4px 2px;gap:2px}.uf-name{font-size:11px}.uf-name .cls{display:none}.bar{height:12px}.bar .txt{font-size:9px}.bar.small{height:8px}.bar.small .txt{display:none}.debuffs{top:2px;gap:3px}.debuff{width:24px;height:24px}#stats{top:6px;right:calc(6px + env(safe-area-inset-right));width:150px;padding:4px 8px;font-size:10px}#stats div:nth-child(n+3){display:none}#target-frame{top:6px;width:200px}#boss-bar{top:6px;width:min(420px,46vw);padding:4px 8px 6px}#boss-bar .bb-name{font-size:13px;margin-bottom:2px}#boss-bar .bar.hp{height:14px}#boss-bar .bb-debuffs .debuff{width:28px;height:28px}#boss-bar .bb-debuffs .debuff .time{font-size:12px}#castbar{bottom:calc(96px + env(safe-area-inset-bottom));width:260px;height:20px}#actionbar{bottom:calc(6px + env(safe-area-inset-bottom));padding:5px 6px;gap:5px}.slot{width:56px;height:56px}#tooltip{bottom:76px}#menu-btns{left:auto;right:calc(8px + env(safe-area-inset-right));bottom:auto;top:50%;transform:translateY(-50%)}.menu-btn{padding:8px 10px;font-size:12px}#banner{font-size:26px;top:20%}#toast{bottom:calc(80px + env(safe-area-inset-bottom));font-size:12px}#error-text{top:14%;font-size:14px}.floater{font-size:16px}.floater.crit{font-size:22px}.nameplate{font-size:10px}.nameplate .bar{height:5px}.np-debuffs .debuff{width:20px;height:20px}.shop-head,.map-head{padding:6px 10px;gap:8px;flex-wrap:wrap}.shop-head h2,.map-head h2{font-size:16px}.shop-body{padding:8px 10px;gap:10px}.sheet{width:230px;font-size:12px}.map-body{padding:6px 10px 10px}.map-svg{max-height:calc(100dvh - 70px)}.node-panel{width:240px}.node-panel h3{font-size:16px}.route-row{padding:4px 6px;font-size:12px}.tal-trees{padding:8px 10px;gap:8px}.tal-tree{min-width:210px;padding:6px 8px 8px}.tal-grid{grid-template-rows:repeat(5,54px)}.tal-node{width:44px;height:44px}.tal-node.capstone{width:50px;height:50px}.tal-blurb{min-height:0;margin-bottom:6px}.pm-panel{padding:12px 16px}.pm-panel h2{font-size:20px;margin-bottom:6px}.pm-row{margin-bottom:6px}.pm-btns{margin-top:8px}#overlay h1{font-size:30px}#overlay .panel{padding:14px 18px}#overlay .howto{font-size:12px;line-height:1.6}#overlay button,#continue-btn{margin-top:10px;padding:8px 20px;font-size:15px}#dev-panel{transform:scale(.8);transform-origin:bottom left}}.pm-row.seg{grid-template-columns:110px 1fr}.pm-seg{display:flex;gap:6px}.pm-seg button{flex:1;padding:6px 8px;font:700 12px Lato,sans-serif;color:#c9bda2;background:#1a1612;border:1px solid #6d5a2e;border-radius:4px;cursor:pointer}.pm-seg button.on{color:#1a1206;background:#ffd560;border-color:#ffd560}.touch-only{display:none}body.touch .touch-only{display:block}body.touch .desktop-only{display:none}#nameplates,#floaters{z-index:1}#frames,#actionbar,#castbar,#menu-btns,#stats,#boss-bar,#target-frame,#tooltip{z-index:5}body.touch #nameplates .nameplate,body.touch #nameplates .partyplate{pointer-events:none!important}@media (max-height: 520px),(max-width: 600px){#menu-btns{left:auto;right:calc(6px + env(safe-area-inset-right));bottom:auto;top:50%;transform:translateY(-50%);gap:8px}#menu-btns .menu-btn{width:46px;height:46px;padding:0;justify-content:center;font-size:0;gap:0}#menu-btns .menu-btn kbd{display:none}#menu-btns .menu-btn .star,#menu-btns .menu-btn .bag,#menu-btns .menu-btn .pause-ico{width:20px;height:20px}#menu-btns .menu-btn .count:not(:empty){font-size:11px;top:-8px;right:-8px;min-width:20px}#target-frame{top:6px;bottom:auto;left:50%;transform:translate(-50%);width:190px}#tooltip{max-width:calc(100vw - 16px)}#dev-panel{transform:scale(.7);transform-origin:bottom left}}@media (max-height: 380px){.unitframe{width:170px}.unitframe .portrait{width:28px;height:28px}.uf-name{font-size:10px}.bar{height:10px}.bar .txt{font-size:8px}.slot{width:48px;height:48px}#actionbar{padding:4px 5px;gap:4px}body.touch .bar-page{width:34px}#castbar{bottom:calc(84px + env(safe-area-inset-bottom));height:18px}#tooltip{bottom:64px}#target-frame{width:170px}#boss-bar{width:min(360px,44vw)}#boss-bar .bb-debuffs .debuff{width:24px;height:24px}#menu-btns .menu-btn{width:40px;height:40px}#menu-btns{gap:5px}}@media (max-width: 600px) and (orientation: portrait){#frames{top:calc(6px + env(safe-area-inset-top));left:6px;gap:4px}.unitframe{width:calc(50vw - 10px);border-width:1px}.unitframe .portrait{width:30px;height:30px;margin:3px}.uf-body{padding:3px 5px 4px 2px;gap:2px;min-width:0}.uf-name{font-size:11px;white-space:nowrap;overflow:hidden}.uf-name .cls{display:none}.bar{height:11px}.bar .txt{font-size:9px}.bar.small{height:7px}.bar.small .txt{display:none}#frames .debuffs{left:auto;right:3px;top:auto;bottom:calc(100% - 14px);gap:2px}#frames .debuff{width:20px;height:20px}#target-frame{top:calc(6px + env(safe-area-inset-top));left:auto;right:6px;transform:none;width:calc(50vw - 10px)}#target-frame .target-debuffs .debuff{width:22px;height:22px}#stats{display:none}#boss-bar{top:calc(96px + env(safe-area-inset-top));width:calc(100vw - 12px);padding:4px 8px 6px}#boss-bar .bb-name{font-size:13px;margin-bottom:2px}#boss-bar .bar.hp{height:14px}#boss-bar .bb-debuffs .debuff{width:28px;height:28px}#actionbar{bottom:calc(8px + env(safe-area-inset-bottom));padding:5px;gap:5px;max-width:calc(100vw - 8px)}.slot{width:min(54px,calc((100vw - 90px) / 6));height:min(54px,calc((100vw - 90px) / 6))}body.touch .bar-page{width:36px}#castbar{bottom:calc(92px + env(safe-area-inset-bottom));width:70vw;height:20px}#tooltip{bottom:80px;left:8px;right:8px;transform:none}#menu-btns{top:auto;bottom:calc(132px + env(safe-area-inset-bottom));transform:none}#banner{font-size:24px;top:26%}#toast{bottom:calc(126px + env(safe-area-inset-bottom));font-size:12px;width:calc(100vw - 24px)}#error-text{top:22%;font-size:14px}.floater{font-size:15px}.floater.crit{font-size:20px}.nameplate{font-size:10px}.shop-panel,.map-panel,.talent-panel,.pm-panel{width:calc(100vw - 12px);max-height:calc(100dvh - 12px)}.shop-head,.map-head{padding:8px 10px;gap:8px;flex-wrap:wrap}.shop-head h2,.map-head h2{font-size:15px}.map-head h2{flex-basis:100%}.map-meta{font-size:12px;flex:1}.map-head .menu-btn{padding:6px 8px;font-size:12px}.shop-gold{font-size:15px}.talent-panel .shop-head>:not(h2):not(button){font-size:13px}.map-body,.shop-body,.tal-trees{flex-direction:column;padding:8px 10px;gap:10px}.map-svg{max-height:42dvh}.node-panel,.sheet{width:auto}.cards{grid-template-columns:minmax(0,1fr)}.row-slot{width:52px}.tal-tree{min-width:0}#overlay .panel{padding:16px 14px;width:calc(100vw - 20px)}#overlay h1{font-size:28px}#overlay .howto{font-size:12px;line-height:1.6}.pm-row{grid-template-columns:90px 1fr 44px}.pm-row.seg{grid-template-columns:80px 1fr}}@media (max-height: 520px) and (orientation: landscape){.shop-body{flex-direction:row}.shop-body .sheet{width:220px}.shop-items{min-width:0}}#actionbar .xpbar{position:absolute;left:2px;right:2px;bottom:calc(100% + 4px);height:12px;background:#0a0810;border:1px solid #6d5a2e;border-radius:3px;box-shadow:0 0 0 1px #000;overflow:hidden;pointer-events:none}.xpbar .xp-fill{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left;transform:scaleX(0);background:linear-gradient(#c070ff,#6a1aa8);transition:transform .8s ease-out}.xpbar.max .xp-fill{background:linear-gradient(#ffe07a,#b8861a)}.xpbar .xp-ticks{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(to right,transparent 0 calc(100% / 6 - 1px),rgba(0,0,0,.8) calc(100% / 6 - 1px) calc(100% / 6))}.xpbar.max .xp-ticks{display:none}.xpbar .xp-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font:900 9px Lato,sans-serif;color:#fff;text-shadow:1px 1px 0 #000,-1px -1px 0 #000;white-space:nowrap}.bar.none{display:none}#story{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:flex;align-items:flex-end;justify-content:center;padding:0 12px calc(24px + env(safe-area-inset-bottom));background:linear-gradient(transparent 40%,#0000008c);pointer-events:auto}#story.hidden{display:none}.story-panel{width:min(640px,100%);max-height:calc(100dvh - 32px);overflow:auto;padding:16px 20px 14px;background:linear-gradient(#2a241a,#15110c);border:2px solid #c8a860;border-radius:8px;box-shadow:0 0 0 1px #000,0 12px 40px #000000b3;color:#e8dcc0;animation:storyIn .35s ease-out}.story-panel.note{background:linear-gradient(#efe3c0,#d8c898);color:#3a2a14;border-color:#8a6a3a}@keyframes storyIn{0%{transform:translateY(20px);opacity:0}}.story-head{display:flex;gap:12px;align-items:center;margin-bottom:8px}.story-portrait{width:56px;height:56px;image-rendering:pixelated;border:2px solid #c8a860;border-radius:4px;background:#0c0a08;flex:none}.story-panel.note .story-portrait{background:transparent;border-color:#8a6a3a}.story-from{font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;opacity:.75}.story-panel h2{margin:2px 0 0;font-family:Cinzel,serif;font-size:22px;color:#ffd560}.story-panel.note h2{color:#5a2a10}.story-text{font-size:16px;line-height:1.55;margin:6px 0 12px}.story-panel.note .story-text{font-family:Georgia,Times New Roman,serif;font-style:italic}.story-go{display:block;margin-left:auto;padding:8px 26px;font:800 15px Cinzel,serif;color:#ffe7a0;background:linear-gradient(#7a1a12,#4a0a06);border:2px solid #d8b060;border-radius:4px;cursor:pointer}@media (max-height: 520px),(max-width: 600px){.story-panel{padding:10px 14px}.story-panel h2{font-size:17px}.story-text{font-size:14px;line-height:1.45}.story-portrait{width:42px;height:42px}}.set-block{margin-top:6px;padding-top:6px;border-top:1px solid #3a3228;font-size:12px}.set-name{font-weight:900;margin-bottom:2px}.set-piece{color:#7a7060;padding-left:8px}.set-piece.on{color:#ffe7a0}.set-bonus{color:#7a7060;margin-top:3px}.set-bonus.on{color:#4cff5a}.set-tag{font-weight:900}#dev-panel .dev-sets{display:flex;gap:4px;align-items:center;font-size:12px}#dev-panel .dev-sets button{flex:1;padding:4px 2px;font-size:11px}@media (max-width: 600px) and (orientation: portrait){body[data-party="3"] #boss-bar{top:calc(140px + env(safe-area-inset-top))}body[data-party="4"] #boss-bar{top:calc(184px + env(safe-area-inset-top))}}@media (max-height: 520px){body[data-party="4"] .unitframe .portrait{width:28px;height:28px}body[data-party="4"] #frames{gap:3px}}#map{background:#1a130b;display:block}#map.hidden{display:none}#map .wmap-top{position:absolute;top:10px;right:calc(12px + env(safe-area-inset-right));z-index:3;display:flex;align-items:center;gap:8px;padding:6px 8px 6px 14px;background:#1e140ad1;border:2px solid #9c8452;border-radius:8px;box-shadow:0 4px 14px #00000080}#map .wmap-meta{color:#e8dcc0;font-size:14px}#map .wmap-meta .gold{color:#ffd560;font-weight:900}#map .wmap-top .menu-btn{position:relative}#map .wmap-top .menu-btn .bag{width:16px;height:16px;background:linear-gradient(#c89a4a,#7a5220);border:2px solid #3a2410;border-radius:3px 3px 6px 6px}.wmap-scroll{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.wmap-stage{position:relative;width:min(100vw,160dvh);aspect-ratio:1600 / 1000;flex:none;transition:transform .95s cubic-bezier(.55,0,.8,.4),filter .95s}.wmap-stage.zooming{transform:scale(2.8);filter:brightness(.75) blur(1px)}.wmap-art,.wmap-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.wmap-svg{overflow:visible}.wroad-shadow{fill:none;stroke:#3b2a1740;stroke-width:13;stroke-linecap:round;stroke-linejoin:round}.wroad{fill:none;stroke:#6a4a26;stroke-width:5;stroke-dasharray:3 11;stroke-linecap:round;stroke-linejoin:round}.wroad.done{stroke:#a8231c;stroke-width:6;stroke-dasharray:none;filter:drop-shadow(0 0 3px rgba(255,220,140,.8))}.wfog circle{fill:#e2cfa2}.wfog{opacity:.97;transition:opacity 1.3s ease-out;pointer-events:none}.wfog.lifting{opacity:0}.wfog-text{font:italic 700 30px Georgia,serif;fill:#5a3c1e99;text-anchor:middle}.wnode{cursor:pointer}.wnode .hit{fill:transparent}.wnode .halo{fill:none;stroke:none}.wnode .disc{fill:#f2e4be;stroke:#3b2a17;stroke-width:3}.wnode .disc.large{fill:#d8b870}.wnode .num{font:900 15px Lato,sans-serif;fill:#3b2a17;text-anchor:middle;pointer-events:none}.wnode .swords{fill:none;stroke:#3b2a17;stroke-width:3.5;stroke-linecap:round}.wnode .shield{fill:#8a2a14;stroke:#3b2a17;stroke-width:3}.wnode .skull{fill:#f2ead4}.wnode .eye{fill:#2a1a10}.wnode.done .disc{fill:#e8c860}.wnode.done .num{fill:#3a6a14}.wnode.done .shield{fill:#5a4a3a}.wnode.current .halo{stroke:#fff4c0;stroke-width:4;animation:wPulse 1.1s ease-in-out infinite alternate}.wnode.sel .halo{stroke:#fff;stroke-width:3;stroke-dasharray:6 5;animation:wSpin 6s linear infinite}.wnode.locked{opacity:.55;cursor:default}.wnode:not(.locked):hover .disc,.wnode:not(.locked):hover .shield{filter:brightness(1.15)}.wnode-name{font:800 17px Cinzel,serif;fill:#3b2a17;text-anchor:middle;paint-order:stroke;stroke:#f2e4bee6;stroke-width:5px;pointer-events:none}.wnode.major .wnode-name{fill:#6a1a10;font-size:19px}.wpip{fill:#f2e4be;stroke:#3b2a17;stroke-width:1.5}.wpip.on{fill:#3fae2a}@keyframes wPulse{0%{stroke-opacity:.25}to{stroke-opacity:1}}@keyframes wSpin{to{stroke-dashoffset:-44}}.wtoken{pointer-events:none}.wtoken-bob{animation:wBob 1.6s ease-in-out infinite}.wtoken .pole{fill:#4a3018}.wtoken .flag{fill:#2b4fa8;stroke:#1a1206;stroke-width:2}.wtoken .sun{fill:#ffd560}@keyframes wBob{50%{transform:translateY(-5px)}}.wmap-card{position:absolute;right:calc(12px + env(safe-area-inset-right));bottom:12px;z-index:3;width:320px;max-height:calc(100dvh - 90px);overflow:auto;padding:12px 14px;color:#e8dcc0;background:linear-gradient(#261c10f0,#140e08f5);border:2px solid #9c8452;border-radius:8px;box-shadow:0 8px 30px #0009}.wmap-card h3{margin:2px 0 6px;font-family:Cinzel,serif;font-size:20px;color:#fff}.map-instruction{margin:12px 0;color:#f0e6ce;font-size:14px;line-height:1.5}.map-start{display:block;width:100%;min-height:48px;padding:12px 14px;border:1px solid #e1bb70;border-radius:6px;background:#81281d;color:#fff1cf;font:800 16px Lato,sans-serif;cursor:pointer}.map-start:hover{background:#9b3525}.map-start:focus-visible,.map-route-details summary:focus-visible{outline:2px solid #fff1cf;outline-offset:3px}.map-progress{margin:9px 0 0;font-size:12px;color:#bfb298}.map-route-details{margin-top:16px;padding-top:12px;border-top:1px solid #ffffff20}.map-route-details summary{padding:5px 0;color:#c9bda2;font-size:13px;cursor:pointer}.map-route-details .np-blurb,.map-route-details .routes{margin-top:12px}.wnode:focus-visible .halo{stroke:#fff;stroke-width:5}@media (max-width: 600px),(max-height: 520px){.map-instruction{margin:8px 0;font-size:13px}.map-start{font-size:15px}.map-route-details{margin-top:10px;padding-top:6px}}.wmap-banner{position:absolute;left:50%;top:18%;transform:translate(-50%);z-index:4;text-align:center;pointer-events:none;opacity:0}.wmap-banner.show{animation:wBanner 3.4s ease-out forwards}.wb-kicker{font:800 14px Cinzel,serif;letter-spacing:4px;text-transform:uppercase;color:#3b2a17}.wb-name{font:800 48px Cinzel,serif;text-shadow:0 2px 0 #1a0e04,0 0 18px rgba(0,0,0,.6)}.wb-blurb{font:italic 16px Georgia,serif;color:#2a1a0a;margin-top:4px}@keyframes wBanner{0%{opacity:0;transform:translate(-50%,12px)}15%,75%{opacity:1;transform:translate(-50%)}to{opacity:0}}#map-transition{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:none;align-items:center;justify-content:center;pointer-events:none;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--region, #5d8a3a) 45%,#120c06),#070503 75%);opacity:0}#map-transition.show{display:flex;animation:mtIn .55s .35s ease-out forwards}#map-transition.show.out{animation:mtOut .85s ease-in forwards;opacity:1}@keyframes mtIn{to{opacity:1}}@keyframes mtOut{0%{opacity:1}to{opacity:0}}.mt-card{text-align:center;padding:0 20px;animation:mtCard 1.6s .35s ease-out both}@keyframes mtCard{0%{transform:scale(1.12);letter-spacing:8px;opacity:0}to{transform:scale(1);opacity:1}}.mt-region{font:800 16px Cinzel,serif;letter-spacing:6px;text-transform:uppercase;color:color-mix(in srgb,var(--region, #5d8a3a) 60%,#fff)}#map-transition h1{margin:6px 0;font:800 clamp(34px,7vw,72px) "Cinzel",serif;color:#ffe7a0;text-shadow:0 3px 0 #2a1406,0 0 30px rgba(255,200,90,.35)}.mt-rule{width:min(420px,70vw);height:2px;margin:8px auto;background:linear-gradient(90deg,transparent,#d8b060,transparent)}.mt-sub{font:700 18px Lato,sans-serif;color:#e8dcc0;letter-spacing:1px}.mt-blurb{margin-top:10px;font:italic 16px Georgia,serif;color:#c9bda2;max-width:560px}@media (max-width: 600px) and (orientation: portrait){.wmap-scroll{overflow:auto;display:block}.wmap-stage{width:1000px;margin-bottom:42dvh}.wmap-card{left:6px;right:6px;bottom:6px;width:auto;max-height:40dvh}#map .wmap-top{top:6px;right:6px;left:6px;justify-content:flex-end;padding:4px 6px 4px 10px}#map .wmap-meta{font-size:12px;margin-right:auto}.wb-name{font-size:32px}}@media (max-height: 520px){.wmap-card{width:260px;max-height:calc(100dvh - 60px);padding:8px 10px}.wmap-card h3{font-size:16px}#map .wmap-top{top:6px;padding:3px 6px 3px 10px}#map .wmap-meta{font-size:12px}}body.on-title #hud{display:none}#overlay .title-panel{width:min(620px,calc(100vw - 32px));padding:32px;border:1px solid #6b593c;border-radius:14px;background:linear-gradient(160deg,#201b15,#100e0b)}#overlay .title-panel h1{font-size:clamp(30px,5vw,42px);text-shadow:0 2px 12px #0008;color:#f5dfab}#overlay .title-panel .sub{margin:8px 0 26px;font-size:14px;color:#b9ad96}.class-pick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.class-card{display:flex;flex-direction:column;align-items:center;gap:7px;padding:22px 18px 18px;border:1px solid #51432f;border-radius:10px;background:#ffffff03}.class-card.warrior{border-color:#5e3c36}.cc-portrait{width:64px;height:64px;margin-bottom:7px;image-rendering:pixelated;border-radius:8px;background:#0c0a08}.cc-name{font:800 22px Cinzel,serif;color:#f5dfab}.cc-role{font:400 12px Lato,sans-serif;color:#b9ad96}#overlay .class-card button{width:100%;min-height:44px;margin-top:14px;padding:10px 12px;font-size:15px;border:1px solid #b08d53;border-radius:6px;background:#68201a}#overlay .class-card button.secondary{margin-top:0;font:400 12px Lato,sans-serif;border-color:transparent;background:transparent;color:#b9ad96}.class-card .cont-info{display:block;font:400 11px Lato,sans-serif;color:#e7c99e;margin-top:3px}.title-controls{margin-top:24px;padding-top:16px;border-top:1px solid #ffffff12;text-align:left}.title-controls summary{width:fit-content;margin:0 auto;cursor:pointer;color:#b9ad96;font-size:13px;padding:6px 12px}.title-controls summary:hover{color:#f5dfab}.title-controls summary:focus-visible,#overlay .class-card button:focus-visible{outline:2px solid #f5dfab;outline-offset:4px}#overlay .title-controls .howto{margin-top:14px;font-size:12px;line-height:1.8}@media (max-width: 600px){#overlay .title-panel{padding:24px 16px 16px}#overlay .title-panel .sub{margin-bottom:22px}.class-pick{gap:10px}.class-card{padding:18px 10px 12px}.cc-portrait{width:52px;height:52px}.cc-name{font-size:19px}.cc-role{font-size:11px}}@media (max-height: 520px){#overlay .title-panel{padding:16px 22px}#overlay .title-panel h1{font-size:28px}#overlay .title-panel .sub{margin:4px 0 14px}.class-card{padding:12px 14px;gap:4px}.cc-portrait{width:40px;height:40px}.cc-name{font-size:17px}#overlay .class-card button{margin-top:8px}.title-controls{margin-top:14px;padding-top:8px}}.frenzy-tag{color:#ff6a3a;font-weight:900;margin-left:4px}body[data-cls=warrior] .slot.oom .icon{filter:grayscale(1) brightness(.55)}