:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:#0a0a0c;width:100%;height:100%;margin:0;padding:0;font-family:Segoe UI,system-ui,sans-serif;overflow:hidden}#app{width:100vw;height:100vh;position:relative}#game{cursor:crosshair;width:100%;height:100%;image-rendering:pixelated;display:block}#hud{pointer-events:none;color:#d8cfe0;text-shadow:0 1px 3px #000000e6;flex-direction:column;gap:6px;width:100%;padding:14px 18px;display:flex;position:absolute;top:0;left:0}#hud[hidden]{display:none}#health-bar{background:#1a0808;border:2px solid #3a2a1a;border-radius:3px;width:260px;height:22px;position:relative;overflow:hidden}#health-fill{background:linear-gradient(#c0392b,#7a1f16);width:100%;transition:width .12s linear;position:absolute;inset:0}#health-text{z-index:1;letter-spacing:.5px;justify-content:center;align-items:center;height:100%;font-size:12px;font-weight:600;display:flex;position:relative}#top-row{align-items:center;gap:12px;display:flex}#gold-counter{background:#1410068c;border:2px solid #d8b23c80;border-radius:12px;align-items:center;gap:6px;padding:3px 10px;font-size:13px;font-weight:600;display:flex}#gold-icon{background:radial-gradient(circle at 35% 30%,#fff3c4,#e9c34d 45%,#a3791d 100%);border-radius:50%;width:14px;height:14px;box-shadow:inset 0 0 3px #0009}#gold-text{color:#f0d878}#potion-slots{pointer-events:auto;gap:6px;display:flex}.potion-slot{cursor:pointer;background:#0a0a0e8c 50%/60% no-repeat;border:2px solid #d8cfe059;border-radius:5px;width:34px;height:34px;transition:border-color .12s,background-color .12s}.potion-slot.filled{background-color:#3c0f0f80;background-image:url(/sprites/items/potion-red.png);border-color:#c0392b}.potion-slot:not(.filled){cursor:default}#info{opacity:.85;font-size:12px}#hint{opacity:.55;font-size:11px}#loading{z-index:10;background:#05050a;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:absolute;inset:0}#loading[hidden]{opacity:0;pointer-events:none;display:flex}#loading-text{color:#d8cfe0;letter-spacing:1px;opacity:.75;font-size:15px}#character-screen{z-index:5;background:#05050a99;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#character-screen[hidden]{display:none}#character-card{color:#d8cfe0;background:#17131c;border:2px solid #d8cfe059;border-radius:8px;width:320px;max-width:calc(100vw - 32px);padding:18px 20px;box-shadow:0 10px 40px #0009}#character-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}#character-header h2{letter-spacing:.5px;margin:0;font-size:16px}#character-close,#help-close{color:#d8cfe0;cursor:pointer;opacity:.7;background:0 0;border:none;font-size:20px;line-height:1}#character-close:hover,#help-close:hover{opacity:1}#cs-level-row{align-items:center;gap:8px;margin-bottom:6px;font-size:13px;display:flex}#cs-xp-bar{background:#1a0f22;border:1px solid #d8cfe059;border-radius:4px;flex:1;height:10px;position:relative;overflow:hidden}#cs-xp-fill{background:linear-gradient(#b98fe0,#7a4fb0);width:0%;transition:width .15s;position:absolute;inset:0}#cs-xp-text{opacity:.75;white-space:nowrap;font-size:11px}#cs-points-row{color:#ffd75f;margin-bottom:12px;font-size:13px}#cs-attrs{border-bottom:1px solid #d8cfe033;flex-direction:column;gap:6px;margin-bottom:14px;padding-bottom:14px;display:flex}.cs-attr-row{align-items:center;gap:8px;font-size:13px;display:flex}.cs-attr-name{flex:1}.cs-attr-value{text-align:right;min-width:24px;font-weight:600}.cs-attr-add{color:#d8cfe0;cursor:pointer;background:#3c285080;border:1px solid #d8cfe059;border-radius:4px;width:22px;height:22px;font-size:13px;line-height:1}.cs-attr-add:disabled{opacity:.3;cursor:default}.cs-attr-add:not(:disabled):hover{background:#5a3c78b3}#cs-derived{flex-direction:column;gap:4px;font-size:13px;display:flex}.cs-derived-row{opacity:.9;justify-content:space-between;display:flex}#minimap-panel{pointer-events:none;background:#0a0a0e8c;border:2px solid #d8cfe059;border-radius:6px;width:150px;height:150px;position:absolute;top:14px;right:18px;overflow:hidden}#minimap-canvas{width:100%;height:100%;display:block}.icon-button{color:#d8cfe0;cursor:pointer;z-index:4;background:#0a0a0e8c;border:2px solid #d8cfe059;border-radius:50%;width:30px;height:30px;font-size:15px;font-weight:700;position:absolute;top:14px}.icon-button[hidden]{display:none}.icon-button:hover{background:#3c285099}#help-button{left:18px}#menu-button{font-size:13px;left:58px}#help-screen{z-index:6;background:#05050a99;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#help-screen[hidden]{display:none}#help-card{color:#d8cfe0;background:#17131c;border:2px solid #d8cfe059;border-radius:8px;width:360px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);padding:18px 20px;overflow-y:auto;box-shadow:0 10px 40px #0009}#help-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}#help-header h2{letter-spacing:.5px;margin:0;font-size:16px}#help-list{flex-direction:column;gap:6px;margin:0 0 14px;padding:0;font-size:13px;list-style:none;display:flex}#help-list strong{color:#f0d878;margin-right:6px}#help-note{opacity:.85;border-top:1px solid #d8cfe033;margin:0;padding-top:12px;font-size:12px;line-height:1.5}#shop-screen{z-index:6;background:#05050a99;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#shop-screen[hidden]{display:none}#shop-card{color:#d8cfe0;background:#17131c;border:2px solid #d8cfe059;border-radius:8px;width:300px;max-width:calc(100vw - 32px);padding:18px 20px;box-shadow:0 10px 40px #0009}#shop-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}#shop-header h2{letter-spacing:.5px;margin:0;font-size:16px}#shop-gold-row{color:#f0d878;margin-bottom:14px;font-size:13px}.shop-item-row{border-top:1px solid #d8cfe033;align-items:center;gap:10px;padding:8px 0;font-size:13px;display:flex}.shop-item-name{flex:1}.shop-item-price{opacity:.75}#shop-buy{color:#d8cfe0;cursor:pointer;background:#3c285080;border:1px solid #d8cfe059;border-radius:4px;padding:5px 12px;font-size:12px}#shop-buy:disabled{opacity:.3;cursor:default}#shop-buy:not(:disabled):hover{background:#5a3c78b3}#character-select-screen,#mode-select-screen{z-index:20;background:#05050a;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#character-select-screen[hidden],#mode-select-screen[hidden]{display:none}#cselect-card,#mselect-card{color:#d8cfe0;background:#17131c;border:2px solid #d8cfe059;border-radius:8px;flex-direction:column;width:360px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);padding:24px 26px;display:flex;position:relative;box-shadow:0 10px 40px #0009}#cselect-title{letter-spacing:2px;text-align:center;color:#f0d878;margin:0;font-size:26px}#cselect-subtitle{text-align:center;opacity:.7;margin:4px 0 18px;font-size:13px}#cselect-list{flex-direction:column;gap:8px;max-height:280px;margin-bottom:16px;display:flex;overflow-y:auto}#cselect-empty{text-align:center;opacity:.6;padding:16px 0;font-size:13px}.cselect-row{align-items:stretch;gap:6px;display:flex}.cselect-row-select{color:#d8cfe0;cursor:pointer;text-align:left;background:#3c28504d;border:1px solid #d8cfe04d;border-radius:6px;flex:1;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;font-size:14px;display:flex}.cselect-row-select:hover{background:#5a3c7880;border-color:#d8cfe080}.cselect-row-name{font-weight:600}.cselect-row-level{opacity:.75;font-size:12px}.cselect-row-delete{color:#d8a0a0;cursor:pointer;background:#140a0a66;border:1px solid #d8cfe040;border-radius:6px;width:38px;font-size:13px}.cselect-row-delete:hover{color:#f0c0c0;background:#781e1e80}#cselect-create-row{gap:8px;display:flex}#cselect-name-input{color:#d8cfe0;background:#0f0c14;border:1px solid #d8cfe059;border-radius:6px;flex:1;padding:9px 10px;font-size:13px}#cselect-name-input:focus{border-color:#b98fe0;outline:none}#cselect-create{color:#d8cfe0;cursor:pointer;background:#3c285080;border:1px solid #d8cfe059;border-radius:6px;padding:9px 16px;font-size:13px;font-weight:600}#cselect-create:hover{background:#5a3c78b3}#mselect-back{color:#d8cfe0;cursor:pointer;opacity:.7;background:0 0;border:none;font-size:18px;position:absolute;top:18px;left:18px}#mselect-back:hover{opacity:1}#mselect-character-name{text-align:center;letter-spacing:.5px;margin:4px 0 22px;font-size:17px}#mselect-actions{flex-direction:column;gap:10px;display:flex}.mselect-action{color:#d8cfe0;cursor:pointer;background:#3c285080;border:1px solid #d8cfe059;border-radius:6px;padding:12px 16px;font-size:14px;font-weight:600}.mselect-action:not(:disabled):hover{background:#5a3c78b3}.mselect-action:disabled{opacity:.35;cursor:default}#mselect-status,#join-status{text-align:center;opacity:.85;color:#e0a860;margin:14px 0 0;font-size:12px}#mselect-status[hidden],#join-status[hidden]{display:none}#join-card{width:380px}#join-code-row{gap:8px;margin-bottom:18px;display:flex}#join-code-input{color:#d8cfe0;text-transform:uppercase;letter-spacing:1px;background:#0f0c14;border:1px solid #d8cfe059;border-radius:6px;flex:1;padding:9px 10px;font-size:13px}#join-code-input:focus{border-color:#b98fe0;outline:none}#join-code-submit{color:#d8cfe0;cursor:pointer;background:#3c285080;border:1px solid #d8cfe059;border-radius:6px;padding:9px 16px;font-size:13px;font-weight:600}#join-code-submit:hover{background:#5a3c78b3}#join-list-label{opacity:.6;margin-bottom:8px;font-size:12px}#join-list{flex-direction:column;gap:8px;max-height:220px;display:flex;overflow-y:auto}#join-list-empty{text-align:center;opacity:.55;padding:12px 0;font-size:12px}.join-row{background:#3c28504d;border:1px solid #d8cfe04d;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;font-size:13px;display:flex}.join-row-info{flex-direction:column;gap:2px;display:flex}.join-row-host{font-weight:600}.join-row-code{opacity:.65;letter-spacing:.5px;font-size:11px}.join-row-button{color:#d8cfe0;cursor:pointer;background:#3c285080;border:1px solid #d8cfe059;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600}.join-row-button:hover{background:#5a3c78b3}