:root{--kith-bg-panel:#14161c;--kith-bg-card:#181c26;--kith-border:#7a5a30;--kith-accent:#e8722a;--kith-ink:#e8e4da;--kith-ink-dim:#9aa0ac;--kith-amber:#e8a050;--gold: var(--kith-amber);--kith-text-halo: 1px 1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000, 0 0 6px rgba(0,0,0,.9)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:#000;font-family:VT323,monospace;-webkit-user-select:none;user-select:none}canvas#game{display:block;position:fixed;top:0;right:0;bottom:0;left:0;cursor:crosshair}.gold{color:var(--gold);text-shadow:1px 1px 0 #000}input,button{padding:8px;margin:5px 0;border-radius:4px;border:1px solid var(--kith-border);width:100%;box-sizing:border-box;font-family:inherit;font-size:18px}button{background:var(--kith-accent);border-color:#a44f1c;color:#fff;cursor:pointer;font-weight:700;text-shadow:1px 1px 0 #000}button:hover{background:#f08236}input{background:#10131a;color:var(--kith-ink)}.hidden{display:none}hr{border:0;border-top:1px solid #2a3040;margin:10px 0}#loading{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b0f14;display:flex;align-items:center;justify-content:center;z-index:50;color:var(--gold);font-family:"Micro 5",monospace;font-size:54px;letter-spacing:2px}.kith-panel{background:var(--kith-bg-panel);border:1px solid var(--kith-border);border-radius:6px;box-shadow:0 0 0 2px #0000008c,0 6px 18px #0009;color:var(--kith-ink);overflow:hidden}.kith-panel__header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;background:#1a1410;border-bottom:1px solid var(--kith-border)}.kith-panel__title{font-size:16px;line-height:1.2;letter-spacing:1px;text-transform:uppercase;color:var(--kith-ink);text-shadow:1px 1px 0 #000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kith-panel__actions{display:flex;gap:4px;flex:none}.kith-panel__body{padding:8px 10px;max-height:min(48vh,420px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--kith-border) transparent}.kith-panel__body::-webkit-scrollbar{width:6px}.kith-panel__body::-webkit-scrollbar-thumb{background:var(--kith-border);border-radius:3px}.kith-panel__body::-webkit-scrollbar-track{background:transparent}.kith-icon-btn{width:22px;height:22px;padding:0;margin:0;font-size:13px;line-height:1;flex:none;background:transparent;border:1px solid transparent;border-radius:3px;color:var(--kith-ink-dim);cursor:pointer;text-shadow:none;font-weight:700}.kith-icon-btn:hover{color:var(--kith-accent);border-color:var(--kith-border);background:#e8722a14}.kith-card{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--kith-bg-card);border:1px solid #2a3040;border-radius:5px;padding:7px 10px;margin-bottom:6px}.kith-card:last-child{margin-bottom:0}.kith-card__info{flex:1;min-width:0}.kith-card__name{font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--kith-ink)}.kith-card__cost{font-size:15px;color:var(--kith-ink-dim)}.kith-card--action{cursor:pointer}.kith-card--action:hover{border-color:var(--kith-amber);box-shadow:inset 0 0 0 1px var(--kith-amber)}.kith-card--action:active{background:#12151d;transform:translateY(1px)}.kith-card--disabled{opacity:.55;cursor:default}.cost-missing{color:#e23a3a}.kith-btn{width:auto;margin:0;padding:5px 14px;background:var(--kith-bg-card);border:1px solid var(--kith-border);border-radius:4px;color:var(--kith-ink);font-weight:700;cursor:pointer;text-shadow:1px 1px 0 #000}.kith-btn:hover{background:#20242f;border-color:var(--kith-accent)}.kith-btn--craft{background:var(--kith-accent);border-color:#a44f1c;color:#fff;text-transform:uppercase;letter-spacing:.5px}.kith-btn--craft:hover{background:#f08236;border-color:#a44f1c}.kith-btn--danger{background:#8c2f22;border-color:#5c1f16;color:#fff}.kith-btn--danger:hover{background:#a53a29;border-color:#5c1f16}.kith-btn:disabled{opacity:.45;cursor:default}.kith-pill{position:absolute;top:50%;left:50%;transform:translate(-50%,-100%);z-index:12;background:#14161c;border:1px solid var(--kith-border);border-radius:999px;color:var(--kith-ink);padding:3px 10px;font-size:13px;pointer-events:none;white-space:nowrap}.kith-pill--hover{text-align:center}.kith-pill__gate{display:block;color:#e23a3a;font-size:11px}.kith-pill__gate.hidden{display:none}.kith-pill__key{display:inline-block;margin-left:6px;padding:0 4px;border:1px solid var(--kith-border);border-radius:4px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:10px;line-height:15px;color:var(--kith-ink-dim);background:#ffffff0f;vertical-align:1px}.kith-pill__key.hidden{display:none}.kith-tooltip{position:fixed;z-index:50;background:#14161c;border:1px solid var(--kith-border);border-radius:999px;color:var(--kith-ink);padding:3px 10px;font-size:12px;pointer-events:none;white-space:nowrap}#teammate-arrows{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:11;overflow:hidden}.teammate-arrow{position:absolute;top:0;left:0;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none}.teammate-arrow__chevron{width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:14px solid currentColor;filter:drop-shadow(0 0 2px rgba(0,0,0,.85)) drop-shadow(0 0 1px rgba(0,0,0,.85))}.teammate-arrow__label{font-size:12px;color:var(--kith-ink);text-shadow:var(--kith-text-halo);white-space:nowrap}#toast-stack{position:absolute;right:52px;bottom:16px;z-index:20;display:flex;flex-direction:column;align-items:flex-end;gap:6px;pointer-events:none}.kith-toast{display:flex;align-items:center;justify-content:flex-end;max-height:0;padding:0 14px;margin:0;border:1px solid var(--kith-border);border-width:0;border-radius:4px;overflow:hidden;background:#14161cf0;color:var(--kith-ink);font-size:16px;pointer-events:none;white-space:nowrap;opacity:0;transition:max-height .15s ease,padding .15s ease,border-width .15s ease,opacity .15s ease}.kith-toast.show{max-height:40px;padding:5px 14px;border-width:1px;opacity:1}.kith-toast--error{background:#e23a3aeb;border-color:#5c1f16;color:#fff}.kith-toast--amber{background:#78500aeb;color:#fff}.kith-toast--gold{background:#141008eb;border-color:var(--gold);color:var(--gold)}.kith-toast--xp{background:#0a0a0acc;border-color:transparent;color:#3fa9f5;font-size:14px}.kith-toast--xp.show{max-height:30px;padding:3px 12px}#ui{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;width:280px}.kith-tabs{display:flex;gap:0;margin:8px 0 4px;border-bottom:1px solid #2a3040}.kith-tab{width:auto;flex:1;margin:0;padding:6px 0 5px;background:transparent;border:none;border-radius:0;border-bottom:2px solid transparent;color:var(--kith-ink-dim);font-size:18px;font-weight:700;letter-spacing:1px;text-transform:uppercase;text-shadow:none;cursor:pointer}.kith-tab:hover{background:transparent;color:var(--kith-ink)}.kith-tab.active{color:var(--kith-amber);border-bottom-color:var(--kith-accent)}.launch-tab-panel{padding-top:4px}#status-zone{display:flex;flex-direction:column;gap:6px}#status-zone button{width:100%;margin:0;padding:6px 9px;font-size:16px;line-height:1.2}.kith-settings-row{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:13px;color:var(--kith-ink);cursor:pointer}.kith-settings-row input[type=checkbox]{width:15px;height:15px;accent-color:var(--kith-border);cursor:pointer}#player-list-zone{position:absolute;top:10px;left:10px;z-index:9;width:200px;pointer-events:auto;padding:6px 9px;border-radius:4px;background:#080a0e80}#player-list-zone .kith-subhead{text-shadow:var(--kith-text-halo)}.player-row{display:flex;align-items:center;gap:6px;font-size:14px;line-height:1.7}.player-swatch{width:10px;height:10px;border-radius:2px;flex:none;border:1px solid #3a4152}.player-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-you{color:var(--kith-ink-dim);font-size:12px}.kick-btn{width:auto;flex:none;margin:0;padding:2px 6px;font-size:12px;background:#8c2f22;border-color:#5c1f16;border-radius:3px}.kick-btn:hover{background:#a53a29}.inv-row{display:flex;justify-content:space-between;gap:10px;font-size:15px;line-height:1.3}.inv-label{color:var(--kith-ink-dim);text-transform:uppercase;letter-spacing:.5px;font-size:13px;align-self:center}.inv-cap-line{margin-bottom:3px}.inv-row--toggle{cursor:pointer;-webkit-user-select:none;user-select:none}.inv-row--toggle:focus-visible{outline:1px solid var(--kith-ink-dim);outline-offset:2px}.disclosure-glyph{display:inline-block;width:1em}.cap-ok{color:var(--kith-ink-dim)}.cap-near{color:#ffce47}.cap-full{color:#e23a3a}.invite-highlighted{box-shadow:0 0 0 2px var(--gold)}.slot-grid{display:grid;gap:4px}.slot{position:relative;width:44px;height:44px;background-color:#232834;background-image:radial-gradient(circle at 50% 42%,#ffffff1a,#fff0 68%);border:1px solid #3a4152;box-shadow:inset 0 1px #ffffff0d,inset 0 -1px #00000073;border-radius:3px;display:flex;align-items:center;justify-content:center;cursor:default;overflow:hidden}.slot[data-unequip-slot],.slot[data-item-index]{cursor:pointer}.slot[data-unequip-slot]:hover,.slot[data-item-index]:hover{border-color:var(--gold)}.slot img{width:36px;height:36px;object-fit:contain;image-rendering:pixelated;pointer-events:none}.slot .slot-label{font-size:10px;line-height:1.1;text-align:center;color:var(--kith-ink-dim);pointer-events:none}.slot.empty{opacity:.35;background-image:none}.slot.overflow{border-color:#e23a3a;box-shadow:inset 0 0 0 1px #e23a3a}.slot .slot-count{position:absolute;bottom:1px;right:2px;font-size:12px;color:var(--gold);text-shadow:1px 1px 0 #000;pointer-events:none}.slot .slot-drop{position:absolute;top:0;right:0;width:14px;height:14px;padding:0;margin:0;font-size:9px;line-height:14px;background:#343b4a;border:1px solid #3a4152;color:var(--kith-ink);border-radius:0 0 0 3px}.slot .slot-drop:hover{background:#a53a29}.chest-cap-row{align-items:center;gap:4px;margin-bottom:4px}.chest-cap-label{flex:1}.chest-slot-grid{grid-template-columns:repeat(5,44px);margin-top:4px}.slot.chest-stack{cursor:pointer}.slot.chest-stack:hover{border-color:var(--kith-amber)}.slot.chest-stack:active{transform:translateY(1px)}.chest-empty-hint{font-size:13px;color:var(--kith-ink-dim);padding:5px 0}.chest-qty-toggle{display:flex;gap:2px;flex:none}.chest-qty-btn{width:auto;margin:0;padding:2px 8px;font-size:12px;line-height:1.6;background:#232834;border:1px solid #3a4152;color:var(--kith-ink-dim);border-radius:3px;cursor:pointer}.chest-qty-btn:hover{border-color:var(--kith-amber);color:var(--kith-ink)}.chest-qty-btn.active{background:#14161c;border-color:var(--kith-amber);color:var(--kith-amber)}.chest-hint{padding-top:0;margin-bottom:4px}.chest-bag-head{margin-top:8px;display:flex;align-items:center;justify-content:space-between;gap:8px}.chest-deposit-all-btn{width:auto;margin:0;padding:2px 9px;font-size:12px;line-height:1.6;background:#14161c;border:1px solid var(--kith-amber);color:var(--kith-amber);border-radius:3px;cursor:pointer;text-transform:none;letter-spacing:normal}.chest-deposit-all-btn:hover{background:var(--kith-amber);color:#1a1005}.cost-icon{width:16px;height:16px;object-fit:contain;image-rendering:pixelated;vertical-align:-3px;margin-right:2px}#hotbar-zone{position:absolute;bottom:16px;left:50%;transform:translate(-50%);z-index:10}.hotbar-strip{display:flex;gap:4px;padding:5px;background:var(--kith-bg-panel);border:1px solid var(--kith-border);box-shadow:0 0 0 2px #0000008c,0 4px 10px #00000080;border-radius:5px}.hotbar-slot{position:relative;width:44px;height:44px;background-color:#232834;background-image:radial-gradient(circle at 50% 42%,#ffffff1a,#fff0 68%);border:1px solid #3a4152;box-shadow:inset 0 1px #ffffff0d,inset 0 -1px #00000073;border-radius:3px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;color:var(--kith-ink);font-size:11px;text-align:center;line-height:1.2;padding:2px}.hotbar-slot:hover{border-color:var(--gold)}.hotbar-slot.selected{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),inset 0 1px #ffffff0d,inset 0 -1px #00000073}.hotbar-slot.equipped-slot{border-color:#3a4152;opacity:.7}.hotbar-slot img{width:32px;height:32px;object-fit:contain;image-rendering:pixelated;pointer-events:none}.hotbar-num{position:absolute;top:2px;left:3px;font-size:10px;color:var(--kith-ink-dim);line-height:1}.hotbar-count{position:absolute;bottom:2px;right:3px;font-size:10px;background:#000000b3;border-radius:2px;padding:0 2px;color:var(--gold)}.skill-row{margin-bottom:8px}.skill-row:last-child{margin-bottom:0}.skill-row-head{display:flex;justify-content:space-between;font-size:14px;margin-bottom:2px}.skill-bar{background:#10131a;border:1px solid #2a3040;border-radius:2px;height:10px;overflow:hidden}.skill-bar-fill{background:#3fa9f5;height:100%}.skill-xp{font-size:11px;color:var(--kith-ink-dim);text-align:right;margin-top:1px}#boss-gather-zone button{width:auto;padding:4px 18px;margin:0}.gather-title{font-size:14px;margin-bottom:4px}.gather-sub{font-size:12px;color:var(--kith-ink-dim);margin-bottom:6px}#chat-zone{position:absolute;left:10px;bottom:16px;z-index:9;width:240px;padding:4px 6px;border-radius:4px;background:#0a0c1073}#chat-hint{margin-bottom:2px}#chat-log{max-height:110px;overflow-y:auto;opacity:.7;transition:opacity .15s,max-height .15s;scrollbar-width:thin;scrollbar-color:var(--kith-border) transparent}#chat-zone:hover #chat-log,#chat-zone:focus-within #chat-log{opacity:1}#chat-zone.chat-zone--typing{background:#14161cd9}#chat-zone.chat-zone--typing #chat-log{max-height:260px;opacity:1}#chat-log::-webkit-scrollbar{width:6px}#chat-log::-webkit-scrollbar-thumb{background:var(--kith-border);border-radius:3px}.chat-row{font-size:13px;line-height:1.4;word-break:break-word;color:var(--kith-ink);text-shadow:1px 1px 0 #000}.chat-name{font-weight:700;text-shadow:1px 1px 0 #000}.chat-system{color:var(--kith-amber)}#chat-input{padding:3px 6px;font-size:14px;background:#10131a;border:1px solid var(--kith-border);width:100%;margin:4px 0 0}.goal-row{display:flex;justify-content:space-between;gap:10px;font-size:15px;line-height:1.4;color:var(--kith-ink);text-shadow:var(--kith-text-halo)}.goal-done{color:var(--kith-ink-dim);opacity:.85;text-decoration:line-through}#goals-footer{text-align:right;font-size:13px;color:var(--kith-ink-dim);margin-top:2px;text-shadow:var(--kith-text-halo)}.goal-portal{color:#c9a0ff;font-weight:700;font-size:15px!important;margin-top:4px}#upgrade-zone{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:15;width:340px;text-align:center}#upgrade-zone .kith-panel__body{padding:0}.upgrade-title{font-size:20px;margin-bottom:10px}.upgrade-cards{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.upgrade-card{flex:1 1 30%;min-width:96px;display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--kith-bg-card);border:1px solid #2a3040;border-radius:5px;padding:10px 6px;cursor:pointer}.upgrade-card:hover{border-color:var(--kith-accent)}.upgrade-card-label{font-size:15px}.upgrade-card-desc{font-size:13px;color:var(--kith-ink-dim)}#perk-zone{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:15;width:340px;text-align:center}.perk-subtitle{font-size:13px;opacity:.75;margin-bottom:8px}.perk-card-disabled{cursor:default;opacity:.6}.perk-card-disabled:hover{border-color:#2a3040}#hud-rail{position:absolute;right:10px;bottom:16px;z-index:13;display:flex;flex-direction:column;gap:6px}#hud-rail.hidden{display:none}.kith-rail-btn{width:34px;height:34px;padding:0;margin:0;flex:none;font-size:17px;line-height:1;background:var(--kith-bg-panel);border:1px solid var(--kith-border);border-radius:4px;box-shadow:0 0 0 2px #0000008c;color:var(--kith-ink);cursor:pointer;text-shadow:none;font-weight:400}.kith-rail-btn:hover{background:#20242f;border-color:var(--kith-accent)}.kith-rail-btn.active{border-color:var(--kith-accent);box-shadow:0 0 0 2px #0000008c,inset 0 0 0 1px var(--kith-accent)}#inv-panel-zone{position:absolute;right:54px;bottom:16px;z-index:11;width:auto}#skills-zone{position:absolute;right:54px;bottom:16px;z-index:11;width:200px}#settings-zone{position:absolute;right:54px;bottom:16px;z-index:11;width:240px}#workbench-zone,#chest-zone,#campfire-zone{position:absolute;left:10px;top:50%;transform:translateY(-50%);z-index:10;width:300px}#lives-zone{position:absolute;left:calc(50% + 134px);bottom:82px;z-index:10}.lives-wrap{position:relative;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.lives-glyph{display:block;width:22px;height:22px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}#lives-display{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;color:#fff;text-shadow:1px 1px 0 #1a0a0a,-1px 1px 0 #1a0a0a,1px -1px 0 #1a0a0a,-1px -1px 0 #1a0a0a,0 0 4px rgba(0,0,0,.8)}#player-hp-bar{position:absolute;bottom:82px;left:50%;transform:translate(-50%);z-index:10;width:260px}.hp-track{position:relative;background:#140808;border:1px solid var(--kith-border);border-radius:2px;height:22px;overflow:hidden}.hp-fill{background:#e23a3a;height:100%}.hp-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:16px}#enemy-hud{position:absolute;top:8px;left:50%;transform:translate(-50%);z-index:10;text-align:center;padding:6px 10px;width:160px}#enemy-hud .hp-track{height:14px}#enemy-hud-name{font-size:13px;margin-bottom:3px}#enemy-hud-label{font-size:16px;margin-top:3px}#goals-zone{position:absolute;top:10px;right:10px;z-index:9;width:240px;pointer-events:none;padding:6px 9px;border-radius:4px;background:#080a0e80}#goals-header{font-size:14px;color:var(--kith-amber);text-transform:uppercase;letter-spacing:1px;text-align:right;text-shadow:var(--kith-text-halo);margin-bottom:2px}#goals-zone .gold{text-shadow:var(--kith-text-halo)}#boss-gather-zone{position:absolute;top:170px;left:50%;transform:translate(-50%);z-index:14;padding:8px 14px;text-align:center;width:260px}#upgrade-zone,#perk-zone{padding:14px}.kith-subhead{font-size:13px;color:var(--kith-amber);text-shadow:1px 1px 0 #000;text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px}.inv-cap-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:3px}#inv-panel-cap{font-size:13px}.color-field{display:flex;align-items:center;gap:8px;font-size:18px;margin:5px 0}#player-color{height:34px;padding:2px;flex:1}#status-text{font-size:18px}#gameover-zone{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#000000bf;align-items:center;justify-content:center}.gameover-card{text-align:center;width:320px;padding:20px}.gameover-title{font-size:42px;margin-bottom:10px}.gameover-text{font-size:18px;margin-bottom:14px;color:var(--kith-ink-dim)}