:root{--bg:#0c0c0c;--panel:#363636;--panel-2:#545454;--border:#5e5e5e;--text:#fff;--muted:#b8b8b8;--accent:#b36bff;--hp:#e03a3a;--xp:#3cb043;--mp:#5f82e6;--danger:#ff5a5a;--pixel:"Silkscreen", ui-monospace, monospace;--hud:"Source Sans 3", "Segoe UI", system-ui, sans-serif;--body:system-ui, -apple-system, "Segoe UI", sans-serif;--panel-w:232px}*{box-sizing:border-box}html,button{touch-action:manipulation}html,body{background:var(--bg);height:100dvh;color:var(--text);font-family:var(--body);-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}[hidden]{display:none!important}.muted{color:var(--muted)}#menu{background:radial-gradient(circle at 50% 40%, #1d1733 0%, var(--bg) 70%);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.card{background:var(--panel);border:2px solid var(--border);text-align:center;width:min(380px,100%);padding:28px;box-shadow:0 0 0 2px #000,0 12px 40px #0009}h1,h2,h3{font-family:var(--pixel);margin:0 0 20px;font-weight:700;line-height:1.2}h1{font-size:30px}h1 span{color:var(--accent)}h3{color:var(--muted);text-align:left;margin:22px 0 8px;font-size:12px}label{text-align:left;font-family:var(--pixel);color:var(--muted);margin-bottom:6px;font-size:12px;display:block}input,button{width:100%;font:inherit;border:2px solid var(--border);color:var(--text);background:#0f0c1c;padding:10px 12px;font-size:16px}input:focus{border-color:var(--accent);outline:none}button{font-family:var(--pixel);background:var(--accent);color:#140b24;cursor:pointer;border-color:#000;margin-top:12px;font-weight:700}button:hover{filter:brightness(1.1)}button.link{color:var(--muted);background:0 0;border:none;padding:4px;font-size:11px;font-weight:400}.pf-head{font-family:var(--pixel);justify-content:space-between;align-items:baseline;display:flex}#pf-name{font-size:18px}#pf-fame{color:#ffd24a;font-size:12px}#profile p{text-align:left;margin:8px 0;font-size:14px}#pf-graveyard{text-align:left;margin:0;padding:0;font-size:12px;list-style:none}#pf-graveyard li{border-bottom:1px solid #2a2a2a;align-items:center;gap:8px;padding:3px 0;line-height:1.35;display:flex}#pf-graveyard img{object-fit:scale-down;width:28px;height:28px;image-rendering:pixelated;filter:grayscale()brightness(.8)}.star{font-family:var(--body);text-shadow:1px 1px #000,-1px -1px #000,1px -1px #000,-1px 1px #000}.pf-head .star{margin-right:6px;font-size:18px}#menu .card:has(#profile:not([hidden])){width:min(460px,100%);max-height:100%;overflow-y:auto}.chars-title span{color:#777}.char-list{gap:6px;display:grid}button.char-card{text-align:left;min-height:72px;font-family:var(--hud);color:var(--text);background:#474747;border:2px solid #1c1c1c;grid-template-rows:auto auto;grid-template-columns:60px 1fr auto;align-items:center;gap:2px 10px;margin:0;padding:8px 10px;font-size:13px;font-weight:700;display:grid;box-shadow:inset 0 0 0 1px #6a6a6a}button.char-card:hover,button.char-card:focus-visible{background:#545454;outline:none;box-shadow:inset 0 0 0 1px #ffd24a}.char-card .portrait,.char-card .plus{object-fit:scale-down;width:60px;height:60px;image-rendering:pixelated;background:#2a2a2a;border:2px solid #1c1c1c;grid-row:1/3}.char-card .plus{color:#9a9a9a;place-items:center;font-size:30px;display:grid}.char-info{gap:1px;display:grid}.char-info b{font-size:16px}.char-info>span{color:var(--muted);font-weight:600}.maxed-count.all{color:#ffd24a!important}.char-gear{grid-area:1/3;gap:2px;display:flex}.mini-slot{background:#2f2f2f;border:1px solid #1c1c1c;place-items:center;width:26px;height:26px;display:grid}.mini-slot img{object-fit:scale-down;width:22px;height:22px;image-rendering:pixelated}.play-tag{background:var(--accent);color:#140b24;font-family:var(--pixel);border:2px solid #000;grid-area:2/3;justify-self:end;padding:3px 12px;font-size:11px}.shop{grid-template-columns:1fr 1fr;gap:6px;display:grid}button.shop-item{text-align:left;font-family:var(--hud);color:var(--text);background:#474747;border:2px solid #1c1c1c;gap:2px;margin:0;padding:8px 10px;font-size:13px;font-weight:700;display:grid;box-shadow:inset 0 0 0 1px #6a6a6a}button.shop-item:hover:not(:disabled){background:#545454;box-shadow:inset 0 0 0 1px #ffd24a}button.shop-item:disabled{cursor:default;filter:none;opacity:.55}.shop-item b{font-size:15px}.shop-item .muted{font-weight:600}.shop-item .price{color:#ffd24a}#profile p#shop-msg,#profile p#store-msg{min-height:1em;margin:4px 0 0;font-size:12px}.store-title .gems{float:right;color:#7fe3ff;font-size:12px}.store-title .gems.owed{color:var(--danger)}.gem-packs{grid-template-columns:repeat(3,1fr)}button.gem-pack .price{color:#7fe3ff}#profile p.store-note{margin:4px 0 0;font-size:11px}.wardrobe-title{font-family:var(--pixel);color:var(--muted);margin:10px 0 4px;font-size:11px;font-weight:400}.wardrobe{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:4px;display:grid}button.cosmetic{font-family:var(--hud);color:var(--text);background:#3e3e3e;border:2px solid #1c1c1c;align-content:start;justify-items:center;gap:1px;margin:0;padding:4px 2px 5px;font-size:11px;font-weight:700;line-height:1.15;display:grid;box-shadow:inset 0 0 0 1px #5a5a5a}button.cosmetic:hover{background:#4c4c4c;box-shadow:inset 0 0 0 1px #7fe3ff}button.cosmetic.worn{box-shadow:inset 0 0 0 2px #ffd24a}button.cosmetic img{object-fit:scale-down;width:40px;height:40px;image-rendering:pixelated}button.cosmetic .name-sample{text-shadow:0 0 2px #000,0 0 2px #000;place-items:center;max-width:100%;height:40px;font-size:13px;font-weight:900;display:grid;overflow:hidden}button.cosmetic .price{color:#7fe3ff;font-size:10px}button.cosmetic.owned .price{color:var(--muted)}button.cosmetic.worn .price{color:#ffd24a}@media (width<=420px){.gem-packs{grid-template-columns:1fr}}button.char-card.empty{box-shadow:none;background:#3a3a3a;border-style:dashed}.class-stars{letter-spacing:1px;font-family:var(--body);color:#1f1f1f;text-shadow:0 0 1px #777;font-size:12px}.class-stars i{font-style:normal}.class-stars i.on{color:#ffd24a;text-shadow:1px 1px #000}.class-row .locked{color:#b86a6a;font-size:9px}.class-row button:disabled img{filter:grayscale()brightness(.45)}.class-blurb .quest{color:#ffd24a;font-size:12px}.new-char-actions{gap:8px;display:flex}button.secondary{background:var(--panel-2);color:var(--text);border-color:#222}.pf-login{text-align:left;align-items:center;gap:8px;margin:8px 0 4px;font-size:13px;display:flex}.pf-login button{flex-shrink:0;width:auto;margin:0 0 0 auto;padding:6px 10px;font-size:12px}#signin-box p{margin:16px 0 0;font-size:13px}.online-list{text-align:left;max-height:180px;margin:0;padding:0;font-size:13px;list-style:none;overflow-y:auto}.online-list li{border-bottom:1px solid #333;justify-content:space-between;gap:10px;padding:3px 0;display:flex}.online-list .where{color:var(--muted);white-space:nowrap}.legend-tabs{gap:4px;margin-bottom:6px;display:flex}.legend-tabs button.small{flex:1;padding:3px 4px;font-size:12px}.legend-tabs button.active{border-color:var(--accent);color:var(--accent)}.legends-list{counter-reset:legend;text-align:left;max-height:220px;margin:0;padding:0;font-size:13px;list-style:none;overflow-y:auto}.legends-list li:not(.muted){counter-increment:legend;border-bottom:1px solid #333;grid-template-columns:2.2em minmax(0,1fr) auto;column-gap:6px;padding:3px 0;display:grid}.legends-list li:not(.muted):before{content:counter(legend) ".";color:var(--muted);text-align:right;grid-row:span 2}.legends-list .who{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.legends-list .fame{color:#ffd24a;white-space:nowrap}.legends-list .how{color:var(--muted);grid-column:2/span 2;font-size:11px}.controls{color:var(--muted);margin:18px 0 0;font-size:12px;line-height:1.6}#install-tip{border:1px dashed var(--border);color:var(--muted);margin:14px 0 0;padding:8px 10px;font-size:12px;line-height:1.5}.error{color:var(--danger);min-height:1em;margin:10px 0 0;font-size:13px}#app{display:flex;position:fixed;inset:0}#game{flex:1;min-width:0;position:relative;overflow:hidden}#game canvas{cursor:crosshair;display:block}#status{top:calc(10px + env(safe-area-inset-top));left:calc(10px + env(safe-area-inset-left));border:1px solid var(--border);font-family:var(--hud);pointer-events:none;background:#141414cc;padding:5px 9px;font-size:13px;font-weight:700;position:absolute}.wrath-bar,#wrath-fill{height:6px}#wrath{top:calc(10px + env(safe-area-inset-top));border:1px solid var(--border);width:min(300px,50%);font-family:var(--hud);text-align:center;pointer-events:none;background:#141414cc;padding:5px 8px 6px;font-size:13px;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}#wrath-label b{color:#ffb040}.wrath-bar{background:#1c1426;border:1px solid #000;margin-top:4px}#wrath-fill{background:linear-gradient(90deg,#7a2ab0,#d0342c);width:0;transition:width .4s}#wrath-events{color:#ffb040;flex-wrap:wrap;justify-content:center;gap:2px 10px;margin-top:4px;display:flex}#wrath-events span:before{content:"";background:currentColor;width:4px;height:4px;margin:0 5px 1px 0;display:inline-block;transform:rotate(45deg)}#wrath-events:empty{display:none}#wrath.closing{border-color:#d0342c}#wrath.closing #wrath-label b,#wrath.closing #wrath-events{color:#ff6a5a}#wrath.closing .wrath-bar{animation:.8s steps(2,end) infinite wrath-pulse}@keyframes wrath-pulse{50%{opacity:.4}}.stat-grid .gear{color:#7ee07a;font-style:normal}.dot{background:var(--danger);width:8px;height:8px;margin-right:6px;display:inline-block}.dot.online{background:var(--hp)}#feed{left:calc(10px + env(safe-area-inset-left));bottom:calc(10px + env(safe-area-inset-bottom));max-width:min(460px,80%);font-family:var(--hud);text-shadow:1px 1px #000,-1px -1px #000,1px -1px #000,-1px 1px #000;pointer-events:none;flex-direction:column;gap:3px;font-size:14px;font-weight:700;display:flex;position:absolute}#feed .chat{color:#fff3c4}#feed .chat b{color:var(--xp)}#feed .chat.party{color:#b8ffc8}#feed .chat.party i{color:#6aff8a;font-style:normal}#chat-form{z-index:3;left:calc(10px + env(safe-area-inset-left));right:10px;bottom:calc(10px + env(safe-area-inset-bottom));max-width:460px;position:absolute}#chat-form input{background:#0a0812e6;padding:8px 10px;font-size:16px}#reconnect{color:#ffd98a;font-family:var(--pixel);text-align:center;background:#16131ff2;border:2px solid #d0a13c;max-width:calc(100% - 32px);padding:12px 18px;font-size:12px;position:absolute;top:16%;left:50%;transform:translate(-50%)}#death{background:#28000899;place-items:center;padding:16px;display:grid;position:absolute;inset:0}#death h2{margin:10px 0 4px;font-size:22px}#death p{color:var(--muted);margin:6px 0}#death .fame{font-family:var(--pixel);color:#ffd24a;font-size:12px}.tomb-card{max-height:100%;overflow-y:auto}.tombstone{background:linear-gradient(90deg,#6d6d74 0 8px,#8a8a92 8px calc(100% - 8px),#5a5a60 calc(100% - 8px));border:3px solid #1a1a1c;border-radius:56px 56px 0 0;align-content:start;justify-items:center;width:112px;height:128px;margin:0 auto;padding-top:14px;display:grid;position:relative;box-shadow:0 6px 0 -1px #3b5e2b,inset 0 -6px #6a6a72}.tombstone .rip{font-family:var(--pixel);color:#2c2c30;text-shadow:1px 1px #a8a8b0;font-size:14px}.tombstone img{object-fit:scale-down;width:56px;height:56px;image-rendering:pixelated;filter:grayscale(.9)contrast(.9);opacity:.85;margin-top:6px}.fame-table{border-collapse:collapse;width:100%;font-family:var(--hud);text-align:left;margin:10px 0 4px;font-size:13px;font-weight:700}.fame-table td{vertical-align:top;border-bottom:1px solid #2a2a2a;padding:4px 2px}.fame-table td:last-child{text-align:right;color:#ffd24a;white-space:nowrap}.fame-table small{color:var(--muted);font-size:11px;font-weight:600;display:block}.fame-table tr.total td{border-top:2px solid #000;border-bottom:none;font-size:15px}#panel{width:var(--panel-w);background:var(--panel);font-family:var(--hud);touch-action:pan-y;padding:10px 12px;padding-right:calc(12px + env(safe-area-inset-right));padding-bottom:calc(10px + env(safe-area-inset-bottom));border-left:2px solid #000;flex-direction:column;flex:none;gap:6px;font-size:13px;font-weight:700;display:flex;overflow-y:auto;box-shadow:inset 2px 0 #444}#panel>*{flex-shrink:0}#minimap-wrap{position:relative}#panel.folded #p-stats,#panel.folded #p-pet,#panel.folded #combat-controls{display:none}#panel #stats-toggle{text-align:left;background:#3a3a3a;padding:2px 8px;font-size:11px}#minimap-zoom{gap:3px;display:flex;position:absolute;top:4px;right:4px}#minimap-zoom button,button.small{width:auto;font-family:var(--hud);color:var(--text);background:#464646eb;border:2px solid #222;margin:0;padding:3px 8px;font-size:13px}#panel button{font-family:var(--hud);color:#fff;background:#555;border-color:#222}button.small{width:100%;padding:5px 8px}.maxed{color:#ffd24a}.stat-grid{white-space:nowrap;grid-template-columns:1fr 1fr;gap:1px 14px;font-size:13px;display:grid}.stat-grid>span{justify-content:space-between;display:flex}.stat-grid b{color:#d8d8d8}.stat-grid .gear{margin-left:3px}.stat-grid .maxed b,.stat-grid .maxed .v{color:#ffd24a}#players,.social-overlay{z-index:4;padding:calc(48px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) 12px 12px;pointer-events:none;justify-content:flex-end;align-items:flex-start;display:flex;position:absolute;inset:0}#players[hidden],.social-overlay[hidden]{display:none}#players .card,.social-overlay>.card{pointer-events:auto;box-shadow:0 8px 28px #0009}#players .card{width:min(400px,100%);max-height:100%;padding:16px;overflow-y:auto}body.touch #players .card,body.touch .social-overlay>.card{width:min(360px,60%);padding:10px}#players h3{margin-top:0}#players-list{font-family:var(--pixel);text-align:left;margin:0;padding:0;font-size:12px;list-style:none}#party-list{font-family:var(--pixel);text-align:left;margin:0 0 14px;padding:0;font-size:12px;list-style:none}#party-list li{border-bottom:1px solid #1d3a26;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 10px;padding:6px 0;display:flex}#party-list li.muted{color:#9a94b0;font-family:system-ui,sans-serif;font-size:12px;line-height:1.4}#party-list .player-actions{width:100%}#party-list button{flex:1;width:auto;min-height:40px;margin:0;padding:5px 10px;font-size:11px}#party-list li:last-child button{flex:none}#party-list small{font-size:10px}#players-list li{border-bottom:1px solid #241f34;justify-content:space-between;align-items:center;gap:10px;padding:6px 0;display:flex}#players-list button{width:auto;margin:0;padding:5px 10px;font-size:11px}#players-list button:disabled{filter:grayscale()brightness(.7);cursor:default}#minimap{aspect-ratio:1;width:100%;image-rendering:pixelated;background:#05040a;border:2px solid #000}#p-name{text-shadow:1px 1px #000;align-items:baseline;gap:5px;margin-top:4px;font-size:17px;display:flex}#p-name .nm{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}#p-name .fm{color:#ffd24a;font-size:12px}.bar.fame .fill{background:#e8862a}#p-stats,#p-pet{font-size:12px;line-height:1.4}#p-pet{text-transform:capitalize}.bar{background:#000;border:2px solid #000;height:16px;position:relative}.bar.xp{height:12px}.bar .fill{width:0;height:100%;transition:width .12s linear}.bar.hp .fill{background:var(--hp)}.bar.xp .fill{background:var(--xp)}.bar.mp .fill{background:var(--mp)}.bar span{text-shadow:1px 1px #000,-1px -1px #000,1px -1px #000,-1px 1px #000;place-items:center;font-size:12px;line-height:1;display:grid;position:absolute;inset:0}.bar.xp span{font-size:10px}.slots{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}#equip{margin-bottom:2px}#inv{border-top:2px solid #000;margin-top:4px;padding-top:8px}.slot{aspect-ratio:1;background:var(--panel-2);border:2px solid #222;place-items:center;display:grid;position:relative;box-shadow:inset 0 0 0 1px #6a6a6a}.slot.filled{cursor:grab;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tier) 45%, transparent)}.slot img{object-fit:scale-down;width:100%;height:100%;image-rendering:pixelated;pointer-events:none}.slot .hint{color:#777;pointer-events:none;place-items:center;font-size:10px;display:grid;position:absolute;inset:0}.slot.filled .hint{display:none}#inv .slot .hint{place-items:start;padding:1px 3px;font-size:10px}#inv .slot.filled .hint{color:#9a9a9a;display:grid}.slot .tier{color:var(--tier);text-shadow:1px 1px #000;pointer-events:none;font-size:10px;position:absolute;bottom:1px;right:2px}#ctx{background:#2a2a2a;border:2px solid #000;margin-top:4px;padding:8px}#ctx-title{margin-bottom:6px;font-size:12px}#ctx-title .vault-step{width:auto;margin:0 6px;padding:0 6px;font-size:11px;line-height:16px}#ctx-title .vault-step:disabled{opacity:.3}#ctx-button{margin-top:6px;padding:8px;font-size:12px}body.touch #ctx.popup{z-index:3;top:calc(8px + env(safe-area-inset-top));left:calc((100vw - var(--panel-w)) / 2);width:216px;box-shadow:0 4px 0 #00000080, inset 0 0 0 1px var(--border);margin:0;position:fixed;transform:translate(-50%)}body.touch #ctx.popup .slots{grid-template-columns:repeat(4,1fr)}#tooltip{z-index:10;max-width:220px;box-shadow:inset 0 0 0 1px var(--border);font-family:var(--hud);pointer-events:none;background:#282828f7;border:2px solid #000;padding:8px 10px;font-size:13px;font-weight:600;line-height:1.4;position:fixed}.tt-name{margin-bottom:4px;font-size:15px;font-weight:700}.tt-tier{color:var(--muted);font-size:12px}#drag-ghost{z-index:11;object-fit:scale-down;width:40px;height:40px;image-rendering:pixelated;pointer-events:none;position:fixed;transform:translate(-50%,-50%)}@media (width<=700px){#app{flex-direction:column}#panel{border-top:2px solid #000;border-left:none;width:100%;max-height:42vh}#minimap-wrap{z-index:2;top:calc(44px + env(safe-area-inset-top));left:calc(8px + env(safe-area-inset-left));width:min(30vw,120px);box-shadow:inset 0 0 0 1px var(--border);background:#0a0a0e99;border:2px solid #000;position:fixed}#minimap-zoom button{padding:0 5px;font-size:11px}.slots{grid-template-columns:repeat(8,1fr)}body.touch #ctx.popup{left:50%}}@media (orientation:landscape) and (height<=500px){:root{--panel-w:184px}#panel{gap:4px;padding:6px 8px;font-size:11px}#minimap-wrap{align-self:center;width:62%}#p-name{margin-top:0;font-size:13px}.bar{height:12px}.bar.xp{height:10px}.bar span,#p-stats,#p-pet{font-size:10px}#inv{padding-top:4px}.stat-grid{font-size:10px}.slot .tier,.slot .hint,#inv .slot .hint{font-size:7px}}html.page-zoomed,html.page-zoomed *{touch-action:auto!important}body.touch{touch-action:none;-webkit-touch-callout:none}.slot{touch-action:none}#touch{z-index:1;pointer-events:none;position:absolute;inset:0}#game{touch-action:none}#death,#reconnect{z-index:2}.stick{pointer-events:none;background:#0a08121f;border:2px solid #ece8ff4d;border-radius:50%;width:112px;height:112px;margin:-56px 0 0 -56px;position:absolute}.stick.aim{border-color:#ff5a5a80}.stick .knob{background:#ece8ff59;border-radius:50%;width:48px;height:48px;margin:-24px 0 0 -24px;position:absolute;top:50%;left:50%}.stick.aim .knob{background:#ff5a5a66}#touch-bar{top:calc(10px + env(safe-area-inset-top));flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;right:10px}#touch-bar button{pointer-events:auto;border:2px solid var(--border);width:auto;min-width:38px;color:var(--text);background:#16131fd9;margin:0;padding:8px 10px;font-size:12px}#touch-bar button.nexus{background:var(--accent);color:#140b24;border-color:#000}#touch-interact{pointer-events:auto;right:16px;bottom:calc(92px + env(safe-area-inset-bottom));width:auto;margin:0;padding:10px 14px;font-size:13px;position:absolute}#touch-ability{pointer-events:auto;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));color:#9ab4e8;opacity:.8;background:#2a3a66;border:2px solid #000;border-radius:50%;width:64px;height:64px;margin:0;padding:0;font-size:12px;position:absolute}#touch-ability.ready{background:var(--mp);color:#06102a;opacity:1}#combat-controls{color:var(--muted);font-size:9px;line-height:1.7}.social-card{text-align:left;touch-action:pan-y;width:min(440px,100%);max-height:100%;padding:18px;overflow-y:auto}.social-card h2{overflow-wrap:anywhere;margin-bottom:10px;font-size:18px}.social-card h3{margin:12px 0 6px}.social-card p{color:var(--muted);margin:8px 0;font-size:12px;line-height:1.5}.inspect-gear{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:10px 0;font-size:13px;display:flex}.inspect-gear img{object-fit:scale-down;width:40px;height:40px;image-rendering:pixelated}.inspect-gear p{margin:4px 0 0}.trade-slots{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.trade-slots button{aspect-ratio:auto;width:100%;height:58px;min-height:44px;max-height:66px;color:var(--muted);margin:0;padding:2px}.trade-slots img{object-fit:scale-down;width:38px;height:38px;image-rendering:pixelated}.slot.offered{background:#183b31;border-color:#70eab4;box-shadow:inset 0 0 0 1px #70eab4}.slot.offered:after{content:"✓";color:#9affd2;font:700 14px system-ui;position:absolute;top:0;right:3px}.trade-slots small{color:#9affd2;font:9px system-ui;position:absolute;bottom:1px}.trade-detail{background:#0c0a14;min-height:38px;padding:8px}.social-actions,.player-actions{gap:6px;display:flex}.social-actions button{min-height:44px;font-size:12px}button:disabled{opacity:.5;cursor:default}#players-list li{flex-wrap:wrap}#players-list .player-actions{width:100%}#players-list .player-actions button{flex:1;min-height:44px;padding:5px}#trade-invites{z-index:7;max-width:calc(100vw - 24px);position:fixed;top:60px;left:12px}#trade-invites>div{background:var(--panel);border:2px solid var(--accent);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;padding:8px;font-size:13px;display:flex}#trade-invites>div.party-invite{border-color:#6aff8a}#trade-invites button{width:auto;min-height:44px;margin:0;font-size:11px}@media (height<=500px){.social-card{padding:12px}.trade-slots{grid-template-columns:repeat(8,1fr)}.trade-slots button{height:44px}.trade-slots img{width:30px;height:30px}}.panel-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.panel-buttons button{text-overflow:ellipsis;white-space:nowrap;min-width:0;padding-left:4px;padding-right:4px;overflow:hidden}#menu-settings{margin-top:6px}.options-card{text-align:left;touch-action:pan-y;width:min(420px,100%);max-height:100%;padding:18px;overflow-y:auto}.options-card h2{margin-bottom:6px;font-size:18px}.options-card h3{margin:14px 0 6px}.choice-row{gap:5px;display:flex}.choice-row button{background:var(--panel-2);min-height:44px;color:var(--muted);border:2px solid #222;flex:1;margin:0;padding:6px 4px;font-size:12px}.choice-row button.picked{border-color:var(--accent);color:var(--text);background:#3a2a5a}.options-note{color:var(--muted);margin:6px 0 0;font-size:12px;line-height:1.45}#fps{top:calc(40px + env(safe-area-inset-top));left:calc(10px + env(safe-area-inset-left));font-family:var(--hud);pointer-events:none;background:#141414cc;padding:2px 6px;font-size:12px;font-weight:700;position:absolute}#update-banner{z-index:3;bottom:calc(10px + env(safe-area-inset-bottom));width:auto;margin:0;padding:8px 14px;font-size:12px;position:absolute;left:50%;transform:translate(-50%)}#status.fatal{color:#ffd98a;border-color:#d0a13c;max-width:420px;padding:12px;font-size:14px;line-height:1.4;right:10px}.class-picker{margin:10px 0 4px}.class-row{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.class-row button{background:var(--panel-2);color:var(--muted);border:2px solid #222;justify-items:center;gap:2px;min-height:44px;margin:0;padding:6px 2px 4px;font-size:10px;display:grid}.class-row button img{object-fit:scale-down;width:40px;height:40px;image-rendering:pixelated;pointer-events:none}.class-row button.picked{border-color:var(--accent);color:var(--text);background:#3a2a5a}.class-blurb{min-height:3.6em;color:var(--muted);text-align:left;margin:8px 0 0;font-size:13px}.slot.unusable{background:#6a2a2a}.tt-class{color:var(--muted);margin-bottom:4px;font-size:12px}.tt-class.tt-bad{color:var(--danger)}.slot.upgrade{border-color:#3fae4a;box-shadow:inset 0 0 0 1px #6bff7a}.slot.upgrade:after{content:"▲";color:#6bff7a;text-shadow:1px 1px #000;pointer-events:none;font:700 11px system-ui;position:absolute;top:0;right:2px}.tt-power{margin-bottom:2px}#tooltip .up{color:#6bff7a}#tooltip .down{color:var(--danger)}.tt-diff{flex-wrap:wrap;gap:0 8px;margin-bottom:4px;font-size:12px;display:flex}@media (width<=700px),(height<=500px){.tt-diff{display:none}}