@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700;900&family=MedievalSharp&display=swap";#master-container{transform-origin:0 0;z-index:10;pointer-events:none;width:25vw;height:25vh;position:absolute;top:0;left:0;overflow:hidden;transform:scale(4)}#master-container>*{pointer-events:auto}#app{z-index:1;position:absolute;inset:0}html{font-size:4px}svg{vertical-align:middle;fill:currentColor;flex-shrink:0;display:inline-block}.icon-xl{width:15px;height:15px}.icon-btn{width:4.5px;height:4.5px;margin-right:2px}.icon-hud{width:4px;height:4px}.icon-mini{width:3px;height:3px}.icon-hp{width:3.5px;height:3.5px;color:var(--danger)}.icon-portrait{width:9px;height:9px;color:var(--gold-mid)}.kills-icon{color:#f87171}.boss-skull-icon{color:#f33;filter:drop-shadow(0 0 1.5px red);width:5.5px;height:5.5px;animation:1.5s ease-in-out infinite bossSkullPulse}:root{--font-title:"Press Start 2P", monospace;--font-body:"Press Start 2P", monospace;--bg-void:#0a0603;--bg-dark:#0a0505;--panel-bg:#140a05d9;--panel-bg-light:#321e0ce0;--gold-bright:gold;--gold-mid:#b8860b;--gold-dim:#541;--bronze:#b8860b;--text-parchment:#f4e8cc;--text-dim:#a89070;--text-shadow:#000000e6;--hp-green:#22c55e;--hp-green-dark:#166534;--hp-delay:#f59e0b;--boss-red:#c00;--boss-red-dark:#7f1d1d;--danger:#f33;--cyan:#22d3ee;--purple:#a855f7;--emerald:#10b981;--radius-sm:0px;--radius-md:0px;--font-ui:"Press Start 2P", monospace}*,:before,:after{box-sizing:border-box;image-rendering:pixelated;margin:0;padding:0}body{background:var(--bg-void);font-family:var(--font-body);-webkit-user-select:none;user-select:none;color:var(--text-parchment);overflow:hidden}#app{width:100vw;height:100vh}canvas{width:100%;height:100%;display:block}.rpg-frame{background:var(--panel-bg);border:.5px solid var(--gold-dim);box-shadow:inset 0 0 7.5px #000000b3,0 1.5px 5px #000c,0 0 0 .25px #b8860b26}.fullscreen-overlay{z-index:200;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:0;display:flex;position:absolute;inset:0}#menu-screen{background:radial-gradient(#280f0533 0%,#050200b3 70%)}#death-screen{background:radial-gradient(#50050566 0%,#0a0000cc 70%);transition:opacity .5s}.overlay-emblem{filter:drop-shadow(0 0 5px var(--gold-mid));color:var(--gold-bright);margin-bottom:4px;font-size:3.5rem;animation:3s ease-in-out infinite emblemPulse}@keyframes emblemPulse{0%,to{filter:drop-shadow(0 0 2.5px var(--gold-mid))}50%{filter:drop-shadow(0 0 7.5px var(--gold-bright))}}.overlay-title{font-family:var(--font-title);letter-spacing:1.5px;margin-bottom:3px;font-size:4.5rem;font-weight:900;line-height:1}.gold-color{color:var(--gold-bright);text-shadow:.75px .75px 0 #000, -.25px -.25px 0 #000, 0 0 7.5px var(--gold-mid), 0 0 15px #b8860b66}.death-color{color:#ff2020;text-shadow:.75px .75px #000,-.25px -.25px #000,0 0 7.5px #f009}.overlay-subtitle{color:var(--text-dim);letter-spacing:.25px;margin-bottom:8px;font-size:1.1rem}.overlay-divider{background:linear-gradient(to right, transparent, var(--gold-dim), transparent);width:95px;height:.25px;margin-bottom:8px;position:relative}.overlay-divider:before,.overlay-divider:after{content:"✦";color:var(--gold-dim);font-size:3px;position:absolute;top:-2.5px}.overlay-divider:before{left:50%;transform:translate(-50%)}.controls-grid{border:.25px solid var(--gold-dim);border-radius:var(--radius-sm);background:#00000080;grid-template-columns:1fr 1fr;gap:2.5px 8px;margin-bottom:9px;padding:5px 9px;display:grid}.control-item{align-items:center;gap:3.5px;display:flex}.control-key{background:var(--panel-bg);border:.25px solid var(--gold-dim);border-radius:var(--radius-sm);min-width:14px;color:var(--gold-bright);letter-spacing:.25px;justify-content:center;align-items:center;padding:1px 2px;font-size:.8rem;font-weight:700;display:inline-flex;box-shadow:inset 0 .25px #ffffff1a}.control-desc{color:var(--text-parchment);font-size:.9rem}.rpg-btn-action{font-family:var(--font-body);letter-spacing:.75px;text-transform:uppercase;cursor:pointer;border-radius:var(--radius-sm);border:.5px solid var(--gold-dim);padding:3.5px 14px;font-size:1.2rem;font-weight:700;transition:all .2s;box-shadow:inset 0 0 3.75px #0009,0 1.25px 3.75px #000000b3}.rpg-btn-action.primary{color:var(--gold-bright);border-color:var(--gold-mid);text-shadow:0 0 2.5px var(--gold-mid);background:linear-gradient(#8b000080 0%,#500000e6 100%)}.rpg-btn-action.primary:hover{border-color:var(--gold-bright);color:var(--gold-bright);background:linear-gradient(#c8000099 0%,#780000f2 100%);transform:scale(1.04);box-shadow:0 0 6.25px #c8960066,inset 0 0 2.5px #00000080}.rpg-btn-action.danger{color:#f99;background:linear-gradient(#960a0a80 0%,#5a0000e6 100%);border-color:#8b0000}.rpg-btn-action.danger:hover{color:#fbb;background:linear-gradient(#c8141499 0%,#820000f2 100%);border-color:#d00;transform:scale(1.04);box-shadow:0 0 6.25px #c8000066}#ui-layer{pointer-events:none;z-index:10;position:absolute;inset:0}.hud-top{pointer-events:none;position:absolute;top:4px;left:50%;transform:translate(-50%)}.hud-top-inner{border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:0;min-width:75px;padding:2px 7px;display:flex}.hud-time{font-family:var(--font-body);letter-spacing:1px;color:var(--gold-bright);text-shadow:0 0 3px var(--gold-mid), .25px .25px 0 #000;text-align:center;min-width:25px;font-size:1.6rem;font-weight:900}.hud-divider-v{background:linear-gradient(to bottom, transparent, var(--gold-dim), transparent);width:.25px;height:7px;margin:0 5px}.hud-kills{font-family:var(--font-body);letter-spacing:.5px;color:#f87171;text-shadow:.25px .25px #000;text-align:center;min-width:25px;font-size:.9rem;font-weight:700}#boss-hp-wrapper{z-index:20;pointer-events:none;flex-direction:column;align-items:center;gap:1.5px;animation:.6s ease-out bossAppear;display:flex;position:absolute;top:20px;left:50%;transform:translate(-50%)}@keyframes bossAppear{0%{opacity:0;transform:translate(-50%)translateY(-5px)scale(.9)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.boss-title-row{align-items:center;gap:3.5px;display:flex}.boss-skull{color:#f33;filter:drop-shadow(0 0 2px red);font-size:1.5rem;animation:1.5s ease-in-out infinite bossSkullPulse}@keyframes bossSkullPulse{0%,to{filter:drop-shadow(0 0 1.25px red)}50%{filter:drop-shadow(0 0 4.5px #f44)}}.boss-name{font-family:var(--font-title);letter-spacing:1.25px;color:#f33;text-shadow:.5px .5px #000,0 0 3.75px #ff000080;font-size:1.4rem;font-weight:900}.boss-hp-track{border-radius:var(--radius-sm);border-color:#7f1d1d;width:155px;height:7px;position:relative;overflow:hidden}.boss-hp-delay{background:#7f1d1d;width:100%;transition:width .5s .3s;position:absolute;inset:0}.boss-hp-fill{background:linear-gradient(90deg,#911 0%,#dc2626 60%,#f44 100%);width:100%;transition:width .12s ease-out;position:absolute;inset:0;box-shadow:inset 0 0 2.5px #ff646466}.boss-hp-stripe{pointer-events:none;background:repeating-linear-gradient(-45deg,#0000,#0000 3px,#0000001f 3px 6px);position:absolute;inset:0}.hud-quest{border-radius:var(--radius-sm);pointer-events:none;width:60px;padding:3.5px 4px;position:absolute;top:20px;right:5px}.quest-header{letter-spacing:.75px;text-transform:uppercase;color:var(--gold-bright);border-bottom:.25px solid var(--gold-dim);align-items:center;gap:2px;margin-bottom:2.5px;padding-bottom:2px;font-size:.8rem;font-weight:700;display:flex}.quest-icon{font-size:1rem}.quest-list{flex-direction:column;gap:2px;list-style:none;display:flex}.quest-item{color:var(--text-dim);letter-spacing:.125px;align-items:center;gap:2.5px;font-size:.8rem;display:flex}.quest-item.done{color:var(--text-parchment)}.quest-dot{border:.25px solid var(--gold-dim);border-radius:50%;flex-shrink:0;width:2px;height:2px}.quest-dot.done{background:var(--emerald);border-color:var(--emerald);box-shadow:0 0 1.5px var(--emerald)}.hud-minimap{border-radius:var(--radius-sm);pointer-events:none;width:47.5px;padding:2.5px;position:absolute;bottom:5px;right:5px}.minimap-label{letter-spacing:.75px;text-transform:uppercase;color:var(--gold-dim);text-align:center;margin-bottom:2px;font-size:.65rem}.minimap-area{border:.25px solid var(--gold-dim);background:radial-gradient(circle,#1a0f06 0%,#0a0603 100%);border-radius:50%;width:40px;height:40px;margin:0 auto;position:relative;overflow:hidden;box-shadow:inset 0 0 5px #000000b3}.map-player{background:var(--emerald);width:2px;height:2px;box-shadow:0 0 2px var(--emerald), 0 0 3.5px var(--emerald);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.map-enemy{background:var(--danger);width:1.5px;height:1.5px;box-shadow:0 0 1px var(--danger);border-radius:50%;position:absolute}.map-boss{background:var(--boss-red);width:3.5px;height:3.5px;box-shadow:0 0 2px var(--boss-red), 0 0 4px var(--boss-red);z-index:10;border-radius:50%;animation:1s infinite alternate mapBossPulse;position:absolute;transform:translate(-50%,-50%)}@keyframes mapBossPulse{0%{transform:translate(-50%,-50%)scale(1)}to{transform:translate(-50%,-50%)scale(1.3)}}.hud-playerinfo{border-radius:var(--radius-sm);pointer-events:auto;align-items:center;gap:5px;padding:3.5px 6px;display:flex;position:absolute;bottom:5px;left:5px}.hud-skills{border-radius:var(--radius-sm);pointer-events:auto;align-items:center;gap:5px;padding:3.5px 6px;display:flex;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.player-portrait{flex-direction:column;align-items:center;gap:1px;display:flex}.portrait-frame{border:.5px solid var(--gold-dim);border-radius:var(--radius-sm);background:radial-gradient(circle,#3a2010 0%,#1a0c04 100%);justify-content:center;align-items:center;width:14px;height:14px;font-size:2rem;display:flex;box-shadow:inset 0 0 2.5px #00000080}.portrait-name{letter-spacing:.5px;color:var(--gold-dim);text-transform:uppercase;font-size:.6rem}.hp-block{flex-direction:column;gap:1.5px;width:85px;display:flex}.hp-label{letter-spacing:.75px;color:var(--gold-dim);text-transform:uppercase;align-items:center;gap:1.5px;font-size:.65rem;display:flex}.hp-icon{color:var(--danger);filter:drop-shadow(0 0 1px var(--danger));font-size:.8rem}.hp-track{background:var(--bg-dark);border:.25px solid var(--gold-dim);border-radius:var(--radius-sm);width:100%;height:5.5px;position:relative;overflow:hidden}.hp-delay{background:#b45309;width:100%;transition:width .5s .3s;position:absolute;inset:0}.hp-fill{background:linear-gradient(90deg, var(--hp-green-dark) 0%, var(--hp-green) 100%);width:100%;transition:width .12s ease-out;position:absolute;inset:0;box-shadow:inset 0 0 2px #fff3}.hp-stripe{pointer-events:none;background:repeating-linear-gradient(-45deg,#0000,#0000 2px,#0000001a 2px 4px);position:absolute;inset:0}.hp-text{letter-spacing:.5px;color:#fff;text-shadow:.25px .25px #000,-.25px -.25px #000;z-index:3;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:flex;position:absolute;inset:0}.skill-row{align-items:flex-end;gap:2.5px;display:flex}.skill-slot{background:var(--bg-dark);border:.5px solid var(--gold-dim);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:visible}.skill-slot.basic{border-color:var(--gold-dim);width:13.5px;height:13.5px}.skill-slot.ultimate{border-color:var(--bronze);width:19.5px;height:19.5px;box-shadow:0 0 3px #b8860b4d}.skill-icon-img{object-fit:cover;border-radius:var(--radius-sm);pointer-events:none;width:100%;height:100%;display:block}.skill-key-badge{background:var(--panel-bg);border:.25px solid var(--gold-dim);border-radius:var(--radius-sm);color:var(--gold-bright);letter-spacing:.25px;white-space:nowrap;z-index:5;padding:.25px 1.75px;font-size:.65rem;font-weight:700;position:absolute;top:-4px;left:50%;transform:translate(-50%);box-shadow:0 .5px 1.25px #000000b3}.ultimate-badge{border-color:var(--gold-mid);color:var(--gold-bright);text-shadow:0 0 1.5px var(--gold-mid)}.skill-slot-label{letter-spacing:.375px;color:var(--text-dim);white-space:nowrap;text-transform:uppercase;font-size:.55rem;position:absolute;bottom:-4.5px;left:50%;transform:translate(-50%)}.skill-lvl-badge{color:#fff;text-shadow:0 0 1.25px #fa0,.25px .25px #000;z-index:5;pointer-events:none;background:#000000e6;border:.25px solid #fc0;border-radius:1px;padding:.5px 1.25px;font-size:.7rem;font-weight:900;position:absolute;bottom:.5px;right:.5px;box-shadow:0 0 2px #000c}.skill-cd-veil{background:conic-gradient(#080400d9 var(--cd-pct,0%), transparent 0);z-index:2;border-radius:var(--radius-sm);pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.skill-cd-number{color:#fff;text-shadow:.25px .25px #000,0 0 2px #ffc832cc;z-index:4;letter-spacing:0;pointer-events:none;justify-content:center;align-items:center;font-size:1.4rem;font-weight:900;display:none;position:absolute;inset:0}.skill-ready-pulse{border-radius:var(--radius-sm);z-index:1;opacity:0;transition:opacity .3s;position:absolute;inset:-.5px}.skill-slot.ready{border-color:var(--emerald);box-shadow:0 0 3.5px #10b98180}.skill-slot.ultimate.ready{border-color:var(--gold-bright);box-shadow:0 0 5px #ffd70080}.skill-slot.ready .skill-ready-pulse{opacity:1;animation:1.8s ease-in-out infinite skillPulse}@keyframes skillPulse{0%,to{box-shadow:0 0 1.25px #10b98133}50%{box-shadow:0 0 4.5px #10b98199}}.skill-slot.ultimate.ready .skill-ready-pulse{animation:1.8s ease-in-out infinite skillPulseGold}@keyframes skillPulseGold{0%,to{box-shadow:0 0 1.25px #ffd70033}50%{box-shadow:0 0 5.5px #ffd70099}}.skill-slot.on-cooldown{box-shadow:none;border-color:#3a2a10}#volume-slider{appearance:none;background:0 0}#volume-slider:focus{outline:none}#volume-slider::-webkit-slider-runnable-track{cursor:pointer;background:#222;border:1px solid #000;border-radius:0;width:100%;height:8px;box-shadow:inset 1px 1px #000c}#volume-slider::-webkit-slider-thumb{background:var(--gold-mid);cursor:pointer;-webkit-appearance:none;border:1px solid #000;border-radius:0;width:8px;height:12px;margin-top:-3px;box-shadow:inset 1px 1px #fff6,inset -1px -1px #0009}#volume-slider::-moz-range-track{cursor:pointer;background:#222;border:1px solid #000;border-radius:0;width:100%;height:8px}#volume-slider::-moz-range-thumb{background:var(--gold-mid);cursor:pointer;border:1px solid #000;border-radius:0;width:8px;height:12px}