*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#120b33;font-family:Trebuchet MS,system-ui,sans-serif;color:#eaf6ff;-webkit-user-select:none;user-select:none;touch-action:none}#c{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#labels,#ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}#ui>*{pointer-events:auto}#fade{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0620;opacity:0;pointer-events:none;transition:opacity .3s}#rotate{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#120b33;z-index:99;align-items:center;justify-content:center;font-size:20px;text-align:center;padding:20px}@media (orientation:portrait) and (max-width:700px){#rotate{display:flex}}.panel{background:linear-gradient(160deg,#1c1448f0,#0e0a28f0);border:1px solid #4fd8ff88;border-radius:14px;box-shadow:0 0 18px #4fd8ff44,inset 0 0 12px #b04dff33;padding:12px 14px}.btn{background:linear-gradient(#2a2070,#18104a);color:#eaf6ff;border:1px solid #4fd8ff;border-radius:10px;padding:7px 12px;font:inherit;font-size:14px;cursor:pointer;box-shadow:0 0 8px #4fd8ff55}.btn:hover{filter:brightness(1.25)}.btn.gold{border-color:#ffc94a;box-shadow:0 0 8px #ffc94a66}.btn.vio{border-color:#c060ff;box-shadow:0 0 8px #c060ff66}.btn:disabled{opacity:.45}.top{position:fixed;top:8px;left:8px;right:8px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;pointer-events:none}.top>*{pointer-events:auto}.chip{background:#0e0a28d9;border:1px solid #4fd8ff77;border-radius:20px;padding:4px 12px;font-size:14px;white-space:nowrap}.chip.gold{border-color:#ffc94a;color:#ffe29a}.chip.vio{border-color:#c060ff}.sim{background:#ffc94a;color:#2a1600;font-weight:700;border-radius:6px;padding:1px 6px;font-size:11px;letter-spacing:1px}.bottom{position:fixed;bottom:10px;left:50%;transform:translate(-50%);display:flex;gap:8px}.modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(560px,94vw);max-height:88vh;overflow:auto;z-index:20}.modal h2{margin:0 0 6px;font-size:19px;color:#9ff6ff;text-shadow:0 0 8px #4fd8ff}.modal .x{position:absolute;right:10px;top:8px}.side{position:fixed;right:10px;top:56px;width:min(330px,46vw);max-height:calc(100vh - 70px);overflow:auto;z-index:15}.side h3{margin:0 0 4px;color:#9ff6ff;font-size:17px}.muted{color:#a9a4d8;font-size:13px}.row{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}table{border-collapse:collapse;width:100%;font-size:12px}td,th{border-bottom:1px solid #ffffff18;padding:3px 4px;text-align:left}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.card{background:#1a1350;border:1px solid #4fd8ff55;border-radius:10px;padding:6px;text-align:center;cursor:pointer;font-size:13px}.card.on{border-color:#ffc94a;box-shadow:0 0 10px #ffc94a88}.card.lock{opacity:.4}.stars{color:#ffc94a;letter-spacing:-1px}.lab{position:absolute;transform:translate(-50%,-100%);font-size:12px;white-space:nowrap;text-shadow:0 0 4px #000,0 0 6px #000;pointer-events:none}.dmg{position:absolute;font-weight:700;font-size:18px;color:#fff;text-shadow:0 0 6px #ff40d0,0 0 2px #000;pointer-events:none;transform:translate(-50%,-50%)}.dmg.p{color:#ff8aa0;text-shadow:0 0 6px #ff0040}.dmg.loot{color:#9ff6ff;font-size:14px;text-shadow:0 0 6px #4fd8ff}.dmg.rare{color:#e3a0ff;font-size:16px}.bar{height:12px;background:#0008;border:1px solid #4fd8ff;border-radius:7px;overflow:hidden;width:200px}.bar>i{display:block;height:100%;background:linear-gradient(90deg,#3fe0ff,#d050ff)}.toast{position:fixed;top:60px;left:50%;transform:translate(-50%);z-index:30;pointer-events:none}.toast div{background:#0e0a28e6;border:1px solid #ffc94a;border-radius:10px;padding:6px 12px;margin-bottom:4px;font-size:14px;animation:fo 3s forwards}@keyframes fo{0%,80%{opacity:1}to{opacity:0}}.spells{position:fixed;bottom:12px;right:12px;display:flex;gap:10px;align-items:flex-end}.sp{position:relative;width:62px;height:62px;border-radius:50%;border:2px solid #4fd8ff;background:radial-gradient(#3a2a90,#120b3a);display:flex;align-items:center;justify-content:center;font-size:12px;text-align:center;box-shadow:0 0 12px #4fd8ff88;cursor:pointer;overflow:hidden}.sp b{position:absolute;top:2px;left:50%;transform:translate(-50%);font-size:13px;color:#ffe29a}.sp .cd{position:absolute;top:0;right:0;bottom:0;left:0;background:#000a;transform-origin:bottom;pointer-events:none}.sp span{font-size:10px;margin-top:12px;line-height:1.05}.mobile .sp{width:68px;height:68px}.mobile .spells{display:grid;grid-template-columns:68px 68px;gap:10px;bottom:14px;right:14px}.joy{position:fixed;left:24px;bottom:24px;width:130px;height:130px;border-radius:50%;background:radial-gradient(#2a2070aa,#0a0620cc);border:2px solid #4fd8ff99;box-shadow:0 0 14px #4fd8ff55;touch-action:none}.joy i{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px;border-radius:50%;background:radial-gradient(#5ae0ff,#2040a0);box-shadow:0 0 12px #4fd8ff}#mini{position:fixed;right:10px;top:50px;width:120px;height:120px;border-radius:50%;border:2px solid #ffc94a;background:#0a0620cc}.mobile #mini{width:90px;height:90px}.act{position:fixed;left:50%;bottom:96px;transform:translate(-50%);z-index:12}.dlg{position:fixed;left:50%;bottom:20px;transform:translate(-50%);width:min(620px,92vw);z-index:20}.warn{position:fixed;top:34%;left:50%;transform:translate(-50%);font-size:22px;font-weight:700;color:#ff70e0;text-shadow:0 0 10px #ff00c0;pointer-events:none}.chan{position:fixed;left:50%;bottom:150px;transform:translate(-50%);width:200px}.mobile .top{top:4px;left:4px;right:4px;gap:4px}.mobile .top .panel{padding:3px 8px;font-size:12px}.mobile .bar{width:120px;height:9px}.mobile .chip{font-size:11px;padding:2px 8px}.mobile .btn{padding:4px 8px;font-size:12px}.mobile #mini{bottom:auto;top:40px}@media (max-height:450px){.bottom .btn{padding:4px 8px;font-size:12px}.top .chip{font-size:12px}.side{top:44px;max-height:calc(100vh - 100px)}.modal{max-height:94vh}}#load{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:radial-gradient(#2a1a6a,#0b0626);z-index:50;transition:opacity .4s;color:#cfe8ff;font-size:13px}#load.done{opacity:0;pointer-events:none}#load b{font-size:28px;letter-spacing:6px;color:#9ff6ff;text-shadow:0 0 14px #4fd8ff}.lbar{width:min(320px,70vw);height:10px;border-radius:6px;background:#0008;border:1px solid #4fd8ff88;overflow:hidden}.lbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#4fd8ff,#c060ff);transition:width .2s}.res{display:flex;gap:6px;align-items:center;background:linear-gradient(#1c1450ee,#0e0a2cee);border:1px solid #8a70ff99;border-radius:12px;padding:4px 8px;box-shadow:0 0 12px #6040ff44}.res .r{display:flex;flex-direction:column;align-items:flex-start;min-width:74px;font-size:12px;line-height:1.1}.res .r b{font-size:14px}.res .r i{display:block;height:4px;border-radius:2px;background:#0008;width:100%;margin-top:2px;overflow:hidden}.res .r i u{display:block;height:100%;background:linear-gradient(90deg,#4fd8ff,#9ff6ff)}.res .r.n i u{background:linear-gradient(90deg,#c060ff,#ff8af0)}.bbar{position:fixed;left:50%;transform:translate(-50%);bottom:8px;display:flex;gap:6px;padding:6px 8px;max-width:calc(100vw - 16px);overflow-x:auto;background:linear-gradient(#1a1250ee,#0b0726f5);border:1px solid #8a70ff88;border-radius:14px;box-shadow:0 0 18px #4020a066;scrollbar-width:none}.bbar .bc{flex:0 0 auto;width:74px;border-radius:10px;border:1px solid #4fd8ff55;background:radial-gradient(#2c2070,#120c38);text-align:center;font-size:10px;padding:3px 2px;cursor:pointer;position:relative}.bbar .bc img{width:60px;height:52px;object-fit:contain;display:block;margin:0 auto;filter:drop-shadow(0 0 6px #4fd8ff88)}.bbar .bc.deco{border-color:#c060ff55}.bbar .bc.lock{opacity:.4}.bbar .bc em{display:block;font-style:normal;color:#9fb4ff;font-size:9px}.bbar .sep{flex:0 0 1px;background:#8a70ff66;margin:4px 2px}.bottom.v11{bottom:auto;top:46px;left:auto;right:8px;transform:none;flex-direction:column;align-items:flex-end}.mobile .bbar .bc,.bbar.m .bc{width:60px}.bbar.m .bc img{width:48px;height:38px}.dmg{font-size:22px;font-weight:900;-webkit-text-stroke:1px #2a0040}.dmg.crit{font-size:30px;color:#ffe29a;text-shadow:0 0 10px #ffb000,0 0 2px #000}#mini{box-shadow:0 0 16px #ffc94a66,inset 0 0 18px #4020a0}.joy{background:radial-gradient(circle,#3a2a90aa 0,#140c40dd 70%);border:3px solid #9ff6ffaa;box-shadow:0 0 22px #4fd8ff77,inset 0 0 18px #4fd8ff44}body:has(.modal:not(.side)) .bbar{display:none}.card.bc img{width:64px;height:56px;object-fit:contain;display:block;margin:0 auto;filter:drop-shadow(0 0 6px #4fd8ff88)}.card.bc em{display:block;font-style:normal;color:#9fb4ff;font-size:10px}.card.bc.lock{opacity:.4}.bbar.m{padding:3px 5px;gap:4px;bottom:4px}.bbar.m .bc{width:52px;font-size:8px;padding:2px 1px;line-height:1}.bbar.m .bc img{width:36px;height:30px}.bbar.m .bc em{font-size:7px}@media (max-height:450px){.bottom.v11{top:38px}.bottom.v11 .btn{padding:3px 7px;font-size:11px}}