@font-face{font-family:PixelFont;src:url(../../../fonts/vt323.ttf) format("truetype");font-weight:400 700;font-display:swap}:root{--ink: #0f0f1b;--paper: #1a1a2e;--panel: #24243e;--panel-hi: #33335a;--line: #4a4a7a;--text: #e8e8ff;--text-dim: #9a9ac0;--green: #58d858;--green-deep: #1f7a1f;--red: #e84040;--red-deep: #8a1a1a;--gold: #f8c840;--blue: #58a8f8;--pink: #f870a8;--purple: #9058f8;--px: 2px;font-size:24px}*{image-rendering:pixelated}html,body{margin:0;background:var(--ink);color:var(--text);font-family:PixelFont,Courier New,monospace;-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset}.px-panel{background:linear-gradient(180deg,#17203a,#10182e);border:2px solid #f8c840;outline:2px solid #0a0a16;box-shadow:0 6px #00000059,inset 0 0 0 2px #0a0a16;padding:14px;image-rendering:pixelated}.px-btn{display:inline-block;font-family:inherit;font-weight:700;font-size:.85rem;color:#3a2600;background:none;border:12px solid transparent;border-image:url(../../../ui/button-gold.png) 140 fill / 12px stretch;padding:2px 10px;cursor:pointer;text-transform:uppercase;-webkit-user-select:none;user-select:none;text-shadow:0 1px 0 rgba(255,255,255,.35);text-decoration:none;image-rendering:pixelated}.px-btn:hover{filter:brightness(1.12)}.px-btn:active{transform:translateY(2px)}.px-btn[disabled]{filter:grayscale(.75);cursor:not-allowed}.px-btn.danger{filter:hue-rotate(-40deg) saturate(1.6)}.px-btn.danger:hover{filter:hue-rotate(-40deg) saturate(1.6) brightness(1.12)}.panel-right{position:fixed;right:12px;top:112px;width:282px;max-height:calc(100vh - 210px);z-index:40}.panel-left{position:fixed;left:12px;bottom:74px;width:306px;max-height:56vh;z-index:40}.panel-left,.panel-right,.panel-left *,.panel-right *,.modal-scroll{scrollbar-width:thin;scrollbar-color:#2a3450 transparent}.panel-left::-webkit-scrollbar,.panel-right::-webkit-scrollbar,.panel-left *::-webkit-scrollbar,.panel-right *::-webkit-scrollbar,.modal-scroll::-webkit-scrollbar{width:7px;height:7px}.panel-left::-webkit-scrollbar-thumb,.panel-right::-webkit-scrollbar-thumb,.panel-left *::-webkit-scrollbar-thumb,.panel-right *::-webkit-scrollbar-thumb,.modal-scroll::-webkit-scrollbar-thumb{background:#2a3450}.panel-left::-webkit-scrollbar-track,.panel-right::-webkit-scrollbar-track,.panel-left *::-webkit-scrollbar-track,.panel-right *::-webkit-scrollbar-track,.modal-scroll::-webkit-scrollbar-track{background:transparent}.xbtn{position:absolute;top:10px;right:12px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:#e84040;font-family:inherit;font-size:1.25rem;line-height:1;cursor:pointer;padding:0;z-index:3;text-shadow:0 2px 0 rgba(10,10,22,.6)}.xbtn:hover{color:#ff8a8a;transform:scale(1.1)}@media(max-width:640px){.panel-left,.panel-right{left:50%;right:auto;top:auto;bottom:72px;transform:translate(-50%);width:min(94vw,380px);max-height:56vh}.hud-btn{height:40px;min-width:54px;font-size:.5rem;padding:0 4px}}.hud-btn{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:44px;min-width:74px;font-family:inherit;font-weight:700;font-size:.62rem;color:#3a2600;background:none;border:12px solid transparent;border-image:url(../../../ui/button-gold.png) 140 fill / 12px stretch;padding:0 6px;cursor:pointer;text-transform:uppercase;-webkit-user-select:none;user-select:none;text-decoration:none;image-rendering:pixelated}.hud-btn:hover{filter:brightness(1.12)}.hud-btn:active{transform:translateY(2px)}.px-label{font-size:.6rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px}.px-counter{font-size:clamp(1.6rem,6vw,3rem);color:var(--green);text-shadow:0 var(--px) 0 var(--ink),0 0 12px rgba(88,216,88,.35)}.px-bar{height:14px;background:var(--ink);border:var(--px) solid var(--line);position:relative;overflow:hidden}.px-bar>i{display:block;height:100%;background:repeating-linear-gradient(90deg,var(--gold) 0 6px,#d8a820 6px 8px)}.px-bar.hp>i{background:repeating-linear-gradient(90deg,var(--green) 0 6px,var(--green-deep) 6px 8px)}.px-bar.low>i{background:repeating-linear-gradient(90deg,var(--red) 0 6px,var(--red-deep) 6px 8px)}@keyframes ribbon-in{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.px-ribbon{animation:ribbon-in .25s steps(4);background:var(--panel);border-bottom:var(--px) solid var(--gold);font-size:.65rem;padding:8px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.px-ribbon .who{color:var(--blue)}.px-ribbon .what{color:var(--gold)}.px-ribbon.death{border-bottom-color:var(--red)}.px-ribbon.death .what{color:var(--red)}a{color:var(--blue)}.shell.svelte-12qhfyh{min-height:100dvh;display:flex;flex-direction:column}header.svelte-12qhfyh{display:flex;align-items:center;gap:20px;padding:12px 16px;background:var(--paper);border-bottom:var(--px) solid var(--line)}.logo.svelte-12qhfyh{display:flex;align-items:center}.logo.svelte-12qhfyh img:where(.svelte-12qhfyh){height:30px;width:auto;image-rendering:pixelated}nav.svelte-12qhfyh{display:flex;gap:16px;flex:1}nav.svelte-12qhfyh a:where(.svelte-12qhfyh){font-size:.65rem;color:var(--text-dim);text-decoration:none}nav.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{color:var(--gold)}.auth.svelte-12qhfyh{display:flex;align-items:center;gap:10px}.px-btn.small.svelte-12qhfyh{font-size:.6rem;padding:7px 10px 8px}main.svelte-12qhfyh{flex:1;display:flex;flex-direction:column}