:root{--panel: rgba(22, 26, 52, .88);--panel2: rgba(34, 40, 78, .92);--edge: #5a6ab0;--edge2: #2a3260;--text: #e8ecff;--dim: #9aa4d0;--gold: #ffd23f;--good: #7cf27c;--bad: #ff6a6a;--slot: rgba(48, 58, 120, .85);--slot-hi: rgba(90, 110, 200, .95);--font: "Pixelify Sans", "Courier New", monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#05060f;color:var(--text);font-family:var(--font);user-select:none;-webkit-user-select:none}canvas#game{position:fixed;inset:0;width:100vw;height:100vh;image-rendering:pixelated;display:block}.hidden{display:none!important}img.icon{width:32px;height:32px;image-rendering:pixelated;pointer-events:none}button{font-family:var(--font);font-size:16px;color:var(--text);cursor:pointer;background:linear-gradient(#3a4690,#263070);border:2px solid var(--edge);border-bottom-color:#141a40;border-right-color:#141a40;padding:6px 14px;border-radius:4px;text-shadow:1px 1px 0 #000;transition:transform .05s,filter .1s}button:hover{filter:brightness(1.25)}button:active{transform:translateY(1px)}button.small{font-size:13px;padding:3px 8px}button.danger{background:linear-gradient(#8a3040,#5a1a28);border-color:#c05060}button:disabled{filter:grayscale(.8) brightness(.7);cursor:default}input,select{font-family:var(--font);font-size:16px;color:var(--text);background:#12163a;border:2px solid var(--edge2);padding:5px 8px;border-radius:4px;outline:none}input:focus{border-color:var(--edge)}.panel{background:var(--panel);border:2px solid var(--edge);border-radius:6px;padding:8px;box-shadow:0 0 0 2px #0a0d24,0 6px 24px #0009}.title{font-size:15px;color:var(--gold);text-shadow:2px 2px 0 #000;margin:0 0 6px 2px}.shadow{text-shadow:2px 2px 0 #000,-1px -1px 0 #000}#hud{position:fixed;inset:0;pointer-events:none;z-index:10}#hud>*{pointer-events:auto}#hotbar{position:absolute;left:12px;top:12px;display:flex;gap:4px}.slot{width:44px;height:44px;background:var(--slot);border:2px solid var(--edge2);border-radius:5px;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer}.slot:hover{background:var(--slot-hi)}.slot.sel{border-color:var(--gold);box-shadow:0 0 0 1px #000,0 0 8px #ffd23f99;transform:scale(1.08)}.slot .n{position:absolute;right:3px;bottom:1px;font-size:13px;text-shadow:1px 1px 0 #000,-1px 0 0 #000}.slot .k{position:absolute;left:3px;top:0;font-size:11px;color:var(--dim);text-shadow:1px 1px 0 #000}.slot.fav{border-color:#c8a0ff;background:#5a3c8ce6}.slot.equip{background:#3c2c6ecc}.slot.coin{background:#5a4c1ecc}.slot.ammo{background:#285046cc}.slot.trash{background:#5a2828cc}.slot .ghost{opacity:.25;filter:grayscale(1)}#heldName{position:absolute;left:14px;top:64px;font-size:16px;text-shadow:2px 2px 0 #000;pointer-events:none}#vitals{position:absolute;right:14px;top:10px;width:280px;text-align:right;pointer-events:none}.bar{height:16px;border:2px solid #0a0d24;border-radius:4px;background:#1a1020;position:relative;overflow:hidden;margin-bottom:4px}.bar>i{position:absolute;left:0;top:0;bottom:0;display:block}.bar.life>i{background:linear-gradient(#ff6a7a,#c02040)}.bar.mana>i{background:linear-gradient(#7aa0ff,#2a40c0)}.bar.boss>i{background:linear-gradient(#ff7a4a,#a02010);transition:width .1s}.bar.event>i{background:linear-gradient(#a0e070,#4a8a20)}.bar span{position:absolute;inset:0;font-size:12px;line-height:13px;text-align:center;text-shadow:1px 1px 0 #000}#hearts{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:2px;margin-bottom:3px}#buffs{position:absolute;left:14px;top:90px;display:flex;gap:4px;flex-wrap:wrap;width:460px}.buff{width:30px;height:30px;border-radius:4px;border:2px solid #000;position:relative;font-size:10px;display:flex;align-items:flex-end;justify-content:center;text-shadow:1px 1px 0 #000}#info{position:absolute;right:14px;top:248px;font-size:13px;text-align:right;color:#d8e0ff;text-shadow:1px 1px 0 #000;line-height:1.35;pointer-events:none}#minimap{position:absolute;right:14px;top:76px;width:230px;height:166px;border:2px solid var(--edge);border-radius:6px;background:#000;image-rendering:pixelated;cursor:pointer}#msgs{position:absolute;left:14px;bottom:16px;width:640px;font-size:16px;pointer-events:none;display:flex;flex-direction:column;gap:2px}#msgs div{text-shadow:2px 2px 0 #000;transition:opacity .6s}#announce{position:absolute;left:0;right:0;top:22%;text-align:center;font-size:28px;pointer-events:none;text-shadow:3px 3px 0 #000;transition:opacity .8s}#bossbar{position:absolute;left:50%;bottom:22px;width:520px;margin-left:-260px;text-align:center;pointer-events:none}#bossbar .name{font-size:18px;text-shadow:2px 2px 0 #000;margin-bottom:3px}#bossbar .bar{height:22px}#eventbar{position:absolute;right:14px;bottom:16px;width:260px;pointer-events:none}#damageFlash{position:fixed;inset:0;pointer-events:none;background:radial-gradient(transparent 50%,#c8000080);opacity:0;transition:opacity .3s;z-index:9}#lowLife{position:fixed;inset:0;pointer-events:none;background:radial-gradient(transparent 60%,#a0000059);opacity:0;z-index:8}#leftCol{position:fixed;left:12px;top:12px;z-index:20;display:flex;flex-direction:column;gap:8px;max-height:calc(100vh - 24px);overflow-y:auto;overflow-x:hidden}#invPanel{display:flex;gap:10px;align-items:flex-start}#hud.inv-open #minimap,#hud.inv-open #info,#hud.inv-open #buffs{display:none}.grid{display:grid;gap:4px}.inv-grid{grid-template-columns:repeat(10,44px)}.col{display:flex;flex-direction:column;gap:4px}.row{display:flex;gap:6px;align-items:center}#equipPanel{position:fixed;right:12px;top:96px;z-index:20}#statsLine{font-size:13px;color:var(--dim);margin-top:6px;max-width:470px}#craftPanel{width:100%;max-width:560px}#craftList{display:grid;grid-template-columns:repeat(9,44px);gap:4px;max-height:196px;overflow-y:auto;padding-right:4px}#craftList .slot.missing{opacity:.45}#craftDetail{margin-top:8px;min-height:92px;font-size:14px}.ing{display:inline-flex;align-items:center;gap:4px;margin:2px 8px 2px 0}.ing img{width:24px;height:24px}.ok{color:var(--good)}.bad{color:var(--bad)}.chest-grid{grid-template-columns:repeat(10,44px)}#npcPanel{position:fixed;left:50%;top:18%;width:520px;margin-left:-260px;z-index:22}#npcText{font-size:17px;line-height:1.4;min-height:70px;margin:6px 4px 10px}#shopGrid{grid-template-columns:repeat(8,56px);margin-top:8px}#shopGrid .slot{width:56px;height:58px;flex-direction:column}#shopGrid .price{font-size:10px;color:var(--gold)}#tooltip{position:fixed;z-index:100;pointer-events:none;max-width:340px;font-size:14px;line-height:1.3;padding:7px 9px}#tooltip .nm{font-size:16px;margin-bottom:3px}#tooltip .ds{color:#c8d0f0;font-style:italic}#tooltip .stat{color:#e8ecff}#tooltip .bonus{color:#9fe6ff}#tooltip .val{color:var(--gold);margin-top:3px}#cursorItem{position:fixed;z-index:99;pointer-events:none}#cursorItem .n{position:absolute;right:-2px;bottom:-4px;font-size:13px;text-shadow:1px 1px 0 #000}.overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#04061499}.menu{display:flex;flex-direction:column;gap:10px;min-width:300px;align-items:stretch;text-align:center}.menu h1{font-size:34px;margin:0 0 10px;color:var(--gold);text-shadow:3px 3px 0 #000}#death h1{color:var(--bad);font-size:44px}#mapOverlay{background:#000000d9}#mapCanvas{image-rendering:pixelated;cursor:grab}#mapHelp{position:fixed;bottom:12px;left:0;right:0;text-align:center;font-size:13px;color:var(--dim)}#debugOverlay{position:fixed;left:12px;bottom:140px;z-index:30;font-size:13px;line-height:1.35;background:#0000008c;padding:6px 8px;border-radius:4px;pointer-events:none;white-space:pre}#console{position:fixed;left:12px;right:12px;bottom:12px;z-index:60}#console input{width:100%;font-size:16px}#consoleLog{max-height:220px;overflow-y:auto;font-size:13px;background:#000000b3;padding:6px;margin-bottom:4px;border-radius:4px;white-space:pre-wrap}.settings-row{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:15px}.settings-row input[type=range]{width:160px}.fps{position:fixed;right:14px;bottom:8px;font-size:12px;color:#9aa4d0;z-index:30;pointer-events:none}#menuRoot{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center}#menuBg{position:fixed;inset:0;width:100vw;height:100vh;z-index:39;image-rendering:pixelated}.logo{font-size:72px;color:#ffe8a0;text-shadow:4px 4px 0 #3a1a08,8px 8px 0 rgba(0,0,0,.5);letter-spacing:4px;margin-bottom:0}.tag{color:#c8d0f0;margin-bottom:26px;text-shadow:2px 2px 0 #000}.logo-art{width:min(92vw,1000px);image-rendering:pixelated;align-self:center;filter:drop-shadow(0 6px 14px rgba(20,10,40,.35))}.logo-art+.tag{color:#fff2d2;font-size:clamp(16px,2.4vw,30px);text-shadow:2px 2px 0 #3a2410,-1px -1px 0 #3a2410,1px -1px 0 #3a2410,-1px 1px 0 #3a2410;margin-top:-6px}.list{display:flex;flex-direction:column;gap:6px;max-height:340px;overflow-y:auto;min-width:460px}.entry{display:flex;align-items:center;gap:10px;padding:8px;background:var(--panel2);border:2px solid var(--edge2);border-radius:6px;text-align:left}.entry:hover,.entry.sel{border-color:var(--gold)}.entry .meta{font-size:13px;color:var(--dim)}.entry .grow{flex:1}.swatches{display:flex;gap:4px;flex-wrap:wrap}.sw{width:22px;height:22px;border-radius:4px;border:2px solid #000;cursor:pointer}.sw.sel{border-color:#fff;box-shadow:0 0 0 1px #000}.cc{display:grid;grid-template-columns:220px 300px;gap:18px;align-items:start}#ccPreview{width:192px;height:288px;image-rendering:pixelated;background:#0000004d;border-radius:6px;border:2px solid var(--edge2)}.progressbar{width:420px;height:20px;border:2px solid var(--edge);border-radius:4px;background:#0a0d24;overflow:hidden}.progressbar>i{display:block;height:100%;background:linear-gradient(#9fe6ff,#3a7fa3);width:0;transition:width .2s}.seg{display:flex;gap:6px}.seg button.sel{border-color:var(--gold);filter:brightness(1.3)}.help{font-size:14px;color:#c8d0f0;line-height:1.5;text-align:left;max-width:560px}kbd{background:#20285a;border:1px solid var(--edge);border-radius:3px;padding:0 4px;font-family:var(--font)}@media (min-width: 820px) and (min-height: 640px) and (max-height: 760px),(min-width: 820px) and (min-height: 640px) and (max-width: 1100px){.slot{width:36px;height:36px}.inv-grid,.chest-grid{grid-template-columns:repeat(10,36px)}#craftList{grid-template-columns:repeat(10,36px);max-height:120px}img.icon{width:26px;height:26px}#minimap{width:170px;height:122px}#info{top:200px}#vitals{width:220px}#heldName{top:54px}#buffs{top:76px}}#chatInput{position:fixed;left:12px;bottom:150px;width:min(520px,calc(100vw - 24px));z-index:30}#invite{position:fixed;left:50%;top:70px;transform:translate(-50%);width:min(560px,calc(100vw - 24px));z-index:26}#menuRoot .menu>button{width:min(420px,80vw);align-self:center}#menuRoot.title{align-items:flex-start;padding-top:58vh}@media (max-aspect-ratio: 999/1000){#menuRoot.title{align-items:flex-end;padding-top:0;padding-bottom:7vh}}#menuRoot.title .menu{gap:10px}#menuRoot.title .menu>button{width:min(360px,70vw);font-size:18px;padding:9px 14px;box-shadow:0 4px #0e1336,0 6px 16px #00000059}@media (max-height: 380px){#menuRoot.title .menu{gap:5px}#menuRoot.title .menu>button{width:min(220px,50vw);font-size:12px;padding:4px 10px}}#menuRoot:not(.title){background:#080a1e99;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}#menuRoot .title-links{position:fixed;left:50%;bottom:14px;transform:translate(-50%);display:flex;gap:10px;align-items:center}#menuRoot .title-link{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:999px;background:#0a0e2899;border:1px solid rgba(159,230,160,.55);color:#9fe6a0;font-size:13px;text-decoration:none;white-space:nowrap;text-shadow:1px 1px 0 #000}#menuRoot .title-link:hover{background:#143c28cc;color:#c8ffc8}#menuRoot .title-link.x{border-color:#ffffff80;color:#fff}#menuRoot .title-link.x:hover{background:#000c;color:#fff}#menuRoot .title-link .x-logo{display:inline-flex}#menuRoot>*,#hud,#leftCol,#equipPanel,#npcPanel,#signPanel,#chatInput,#invite,#pause>*,#death>*,#console,#debugOverlay{zoom:var(--ui, 1)}#tooltip,#cursorItem{transform:scale(var(--ui, 1));transform-origin:0 0}#menuRoot{overflow:auto}#menuRoot:not(.title){align-items:safe center;justify-content:safe center}#menuRoot:not(.title)>.menu{padding:12px 0}#leftCol{max-height:calc((100vh - 24px) / var(--ui, 1))}#chatInput{width:min(520px,calc((100vw - 24px) / var(--ui, 1)))}#invite{width:min(560px,calc((100vw - 24px) / var(--ui, 1)))}#fsBtn{position:fixed;right:10px;bottom:10px;z-index:200;width:38px;height:38px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#141a3cbf;zoom:max(var(--ui, 1),.75)}#fsBtn:hover{background:#32408ce6}#eventbar{bottom:60px}.fps{right:60px}#menuRoot.title .menu{gap:12px}#menuRoot.title .menu>button{width:min(400px,78vw);font-size:22px;padding:11px 16px}#menuRoot .title-links{gap:12px;bottom:16px}#menuRoot .title-link{font-size:16px;padding:7px 18px;gap:8px}#menuRoot .title-link .x-logo svg{width:16px;height:16px}#menuRoot .menu button{font-size:18px;padding:8px 18px}#menuRoot .menu button.small,#menuRoot .entry button{font-size:15px;padding:5px 12px}#menuRoot .menu h1{font-size:38px}.entry{padding:10px;font-size:17px}.entry .meta{font-size:14px}.tag,.settings-row{font-size:17px}.help{font-size:16px}.sw{width:26px;height:26px}.slot{width:48px;height:48px}.inv-grid,.chest-grid{grid-template-columns:repeat(10,48px)}#craftList{grid-template-columns:repeat(9,48px)}img.icon{width:34px;height:34px}.slot .n{font-size:15px}.slot .k{font-size:12px}.title{font-size:17px}#statsLine,#craftDetail,#info{font-size:15px}#heldName{font-size:18px;top:70px}#buffs{top:98px}.bar span{font-size:13px}#msgs{font-size:17px}#tooltip{font-size:15px}#tooltip .nm{font-size:17px}#pause .menu button{font-size:18px;padding:8px 18px}#menuRoot:not(.title)>*{zoom:min(1,calc(var(--ui, 1) * 1.2))}#hud.inv-open #vitals{width:140px}#vitals{width:clamp(120px,calc(100vw / var(--ui, 1) - 570px),280px)}