@font-face{font-family:Bookman;src:url(/fonts/URWBookman-Demi.otf)}@font-face{font-family:Mont;src:url(/fonts/Montserrat-ExtraBold.ttf);font-weight:800}@font-face{font-family:Mont;src:url(/fonts/Montserrat-SemiBold.ttf);font-weight:600}html,body{margin:0;height:100%;overflow:hidden;background:#9fc3d4;-webkit-user-select:none;user-select:none}canvas{display:block}.hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;font-family:Mont,Montserrat,sans-serif;color:#3a2a22}.hud>*{pointer-events:auto}.hud .msgs,.hud .floats,.hud .selbox{pointer-events:none}:root{--parch: linear-gradient(180deg, #fbf3df 0%, #f1e3c2 100%);--edge: #5b3d2a;--edge2: #8a6340}.panelbase,.topbar,.card,.panel,.minimap,.help{background:var(--parch);border:3px solid var(--edge);border-radius:14px;box-shadow:0 4px #3a2618,0 8px 18px #1e140a59,inset 0 0 0 2px #ffffff8c,inset 0 -6px 12px #a06e3c26}.topbar{position:absolute;top:14px;left:50%;transform:translate(-50%);display:flex;gap:6px;padding:6px 12px;border-radius:40px}.res{display:flex;align-items:center;gap:7px;padding:3px 12px;border-right:2px dashed rgba(91,61,42,.25)}.res:last-child{border-right:0}.res .ico svg{width:26px;height:26px;display:block;filter:drop-shadow(0 1px 0 rgba(0,0,0,.25))}.res .val{font-weight:800;font-size:19px;min-width:48px;color:#3b2619}.res .lbl{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#8a6a50}.herocards{position:absolute;top:14px;left:14px;display:flex;flex-direction:column;gap:10px}.card{width:86px;height:98px;position:relative;cursor:pointer;padding:0;transition:transform .12s}.card:hover{transform:translateY(-2px)}.card.sel{border-color:#f2c14e;box-shadow:0 4px #8a6420,0 0 0 3px #3b6fc4,0 8px 18px #1e140a59}.card .pf{position:absolute;top:6px;right:6px;bottom:18px;left:6px;border-radius:9px;overflow:hidden;background:radial-gradient(circle at 50% 40%,#cfe6f7,#8fb6d8)}.card .pf img,.bigpf img,.ru img{width:100%;height:100%;object-fit:cover;display:block}.card .key{position:absolute;top:-8px;left:-8px;width:22px;height:22px;border-radius:50%;background:#3b2619;color:#fbf3df;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid #f2c14e}.card .lvl{position:absolute;bottom:12px;right:-8px;width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe08a,#c8922e);color:#3b2619;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center;border:2px solid var(--edge)}.card .hpb{position:absolute;left:7px;right:7px;bottom:6px;height:7px;border-radius:4px;background:#3a2a2a;overflow:hidden}.card .hpb i,.bar i{display:block;height:100%;background:linear-gradient(180deg,#9cf27a,#4fb03a);border-radius:inherit;transition:width .15s}.card .dead{position:absolute;top:6px;right:6px;bottom:18px;left:6px;border-radius:9px;background:#28191eb3;color:#fff;font-weight:800;font-size:20px;display:none;align-items:center;justify-content:center}.panel{position:absolute;bottom:14px;left:50%;transform:translate(-50%);display:flex;gap:16px;padding:12px 16px;align-items:stretch;min-width:640px}.panel.empty{min-width:0;padding:12px 22px}.panel .hint{font-family:Bookman,serif;font-size:16px;color:#6b4e38}.bigpf{width:108px;height:108px;border-radius:12px;border:3px solid var(--edge);overflow:hidden;position:relative;background:radial-gradient(circle at 50% 40%,#cfe6f7,#8fb6d8);flex:none}.bigpf .lv{position:absolute;bottom:0;left:0;right:0;text-align:center;background:#3b2619d1;color:#fbf3df;font-size:11px;font-weight:600;padding:2px 0}.bigpf .lv b{color:#f2c14e}.info{width:230px;display:flex;flex-direction:column;gap:4px}.info .name{font-family:Bookman,serif;font-size:21px;color:#3b2619;line-height:1.1}.info .title{font-size:12px;font-weight:600;color:#8a6a50;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.bar{position:relative;height:16px;border-radius:8px;background:#3a2a2a;overflow:hidden;border:2px solid var(--edge)}.bar span{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;font-size:11px;font-weight:800;color:#fff;line-height:13px;text-shadow:0 1px 0 rgba(0,0,0,.6)}.bar.xp{height:7px;border-width:1.5px}.bar.xp i{background:linear-gradient(180deg,#ffe08a,#e0a43a)}.stats{display:flex;gap:12px;font-size:12px;font-weight:600;color:#5a4030;margin-top:4px}.ret{border-left:2px dashed rgba(91,61,42,.3);padding-left:14px;display:flex;flex-direction:column;gap:6px}.rlabel,.abn{font-family:Bookman,serif;font-size:14px;color:#5a3d2a}.rlist{display:grid;grid-template-columns:repeat(3,46px);gap:6px}.ru{width:46px;height:46px;border-radius:9px;border:2px solid var(--edge2);overflow:hidden;position:relative;background:radial-gradient(circle at 50% 40%,#e6f1d6,#a9c98a)}.ru i{position:absolute;left:3px;right:3px;bottom:3px;height:4px;border-radius:2px;background:#6fd04f;display:block;max-width:calc(100% - 6px)}.ru.dead{filter:grayscale(1) brightness(.6)}.abil{border-left:2px dashed rgba(91,61,42,.3);padding-left:14px;display:grid;grid-template-columns:72px 150px;grid-template-rows:auto 1fr;column-gap:10px;align-items:start}.ab{grid-row:1 / 3;width:72px;height:72px;border-radius:14px;border:3px solid var(--edge);background:radial-gradient(circle at 40% 35%,#fff4c2,#f2c14e 60%,#c8922e);position:relative;cursor:pointer;padding:0;overflow:hidden;box-shadow:0 3px #3a2618}.ab:hover{filter:brightness(1.08)}.ab:active{transform:translateY(2px);box-shadow:0 1px #3a2618}.ab img{width:100%;height:100%;object-fit:cover;opacity:.95}.ab .k{position:absolute;top:3px;left:5px;font-weight:800;font-size:13px;color:#fff;text-shadow:0 1px 2px #000;z-index:2}.ab .cdov{position:absolute;left:0;right:0;bottom:0;background:#1e141ea6}.ab .cdtx{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:24px;text-shadow:0 2px 3px #000}.abd{font-size:11.5px;font-weight:600;color:#6b4e38;line-height:1.3}.minimap{position:absolute;bottom:14px;left:14px;padding:8px}.minimap canvas{display:block;border-radius:8px;border:2px solid var(--edge2);cursor:pointer}.minititle{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:var(--edge);color:#fbf3df;font-family:Bookman,serif;font-size:13px;padding:2px 14px;border-radius:10px;white-space:nowrap}.help{position:absolute;bottom:14px;right:14px;padding:10px 14px;font-size:11.5px;font-weight:600;line-height:1.55;color:#5a4030}.help b{font-family:Bookman,serif;font-size:14px;color:#3b2619;font-weight:400}.msgs{position:absolute;top:76px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}.toast{background:#2b1e18d1;color:#fbf3df;padding:6px 16px;border-radius:18px;font-weight:600;font-size:14px;transition:opacity .5s,transform .5s;border:2px solid rgba(242,193,78,.6)}.toast.good{border-color:#8be06a}.toast.bad,.toast.warn{border-color:#ff7a5c}.toast.out{opacity:0;transform:translateY(-8px)}.selbox{position:absolute;display:none;border:2px solid #b8ff8a;background:#b8ff8a1f;border-radius:4px}.dmg{position:absolute;transform:translate(-50%,-50%);font-weight:800;font-size:17px;color:#fff3d6;text-shadow:0 2px 0 #3a2618,0 0 4px #3a2618;animation:dmgUp .9s ease-out forwards}.dmg.own{color:#ffb0a0}.dmg.crit{font-size:24px;color:#ffd84a}@keyframes dmgUp{0%{opacity:0;margin-top:4px;transform:translate(-50%,-50%) scale(.6)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}to{opacity:0;margin-top:-42px;transform:translate(-50%,-50%) scale(1)}}