:root{--font-title: "Press Start 2P", "Courier New", monospace;--font: "Pixelify Sans", "Courier New", monospace;--bg: #36334b;--bg-glow: #26689f;--panel: rgba(54, 51, 75, .94);--well: rgba(57, 42, 37, .55);--raised: rgba(244, 244, 238, .07);--line: rgba(244, 244, 238, .16);--edge: #aba4a6;--edge-hi: #f4f4ee;--ink: #392a25;--lip: inset 0 -3px 0 rgba(57, 42, 37, .5);--text: #f4f4ee;--muted: #c2b8a3;--accent: #f4d14b;--accent-edge: #b6691b;--pick: #f2aa66;--info: #9ed6f5;--error: #dd9563;--go: #80bd5f;--go-edge: #458042;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--gutter: 10px}@media (max-width: 760px){:root{--gutter: 8px}}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font);font-size:19px;-webkit-font-smoothing:none;user-select:none;touch-action:none}canvas#game,canvas#ui{position:fixed;inset:0;display:block;width:100vw;height:100vh}canvas#game{cursor:crosshair;image-rendering:pixelated;image-rendering:crisp-edges}canvas#ui{pointer-events:none}h1,h2,h3{font-family:var(--font-title);font-weight:400;color:var(--accent);margin:0;line-height:1.4}kbd{font:inherit;font-size:15px;color:var(--text);background:var(--raised);border:1px solid var(--line);box-shadow:inset 0 -2px #392a2580;padding:0 5px 2px;margin-right:2px}button{font:inherit;font-size:18px;color:var(--text);cursor:pointer;background:var(--raised);border:2px solid var(--line);box-shadow:var(--lip);padding:var(--s2) var(--s3) calc(var(--s2) + 2px);transition:border-color .1s,background-color .1s}button:hover:not(:disabled){border-color:var(--edge);background-color:#f4f4ee1f}button:active:not(:disabled){box-shadow:none;transform:translateY(2px)}button:disabled{opacity:.4;cursor:default}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.primary,#enter,#mix-go,#bag-equip,#bag-place,#bag-store,#card-acts button,#swap-ready{background:var(--accent);color:var(--ink);border-color:var(--accent-edge);font-weight:600;box-shadow:inset 0 -3px 0 var(--accent-edge)}button.primary:hover:not(:disabled),#enter:hover,#mix-go:hover:not(:disabled),#bag-equip:hover,#bag-place:hover,#bag-store:hover,#card-acts button:hover{background:#f4e4b9;border-color:var(--accent-edge)}button.go,#shuffle{background:var(--go);color:var(--ink);border-color:var(--go-edge);box-shadow:inset 0 -3px 0 var(--go-edge)}button.go:hover,#shuffle:hover{background:#a5d88a;border-color:var(--go-edge)}.icon-btn{font-family:system-ui,sans-serif;line-height:1}#hud{position:fixed;top:calc(var(--gutter) + env(safe-area-inset-top,0px));left:calc(var(--gutter) + env(safe-area-inset-left,0px));display:flex;align-items:center;gap:var(--s3);font-size:16px;background:var(--panel);padding:var(--s1) var(--s3);border:2px solid var(--line)}#online:before{content:"";display:inline-block;width:6px;height:6px;margin:0 6px 2px 0;background:var(--go)}#ping{color:var(--info)}#hint{position:fixed;top:calc(var(--gutter) + env(safe-area-inset-top,0px));right:calc(var(--gutter) + env(safe-area-inset-right,0px));display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--s1) var(--s3);max-width:min(640px,calc(50vw - 200px));font-size:16px;color:var(--muted);background:var(--panel);padding:var(--s1) var(--s3);border:2px solid var(--line)}#hint span{white-space:nowrap}@media (max-width: 760px),(pointer: coarse){#hint{display:none}}#top{position:fixed;left:50%;top:calc(var(--gutter) + env(safe-area-inset-top,0px));transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--s2);pointer-events:none}@media (max-width: 760px){#top{top:calc(var(--gutter) + 48px + env(safe-area-inset-top,0px))}}#status{position:fixed;left:50%;bottom:calc(var(--gutter) + env(safe-area-inset-bottom,0px));transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--s2);pointer-events:none}#top .vitals{display:grid;grid-template-columns:auto 280px;align-items:center;gap:6px var(--s2);background:var(--panel);border:2px solid var(--line);padding:var(--s2) var(--s3)}#top .vitals>span{font-family:system-ui,sans-serif;font-size:16px;line-height:1}#hpbar,#mpbar,#hungerbar{position:relative;height:20px;background:var(--well);border:2px solid var(--ink)}#mpbar,#hungerbar{height:16px}#hpbar:after,#mpbar:after,#hungerbar:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 calc(10% - 2px),rgba(57,42,37,.45) calc(10% - 2px) 10%)}#hpfill{height:100%;width:100%;background:linear-gradient(#80bd5f 0 50%,#62a85b 50% 100%);transition:width .15s}#mpfill{height:100%;width:100%;background:linear-gradient(#778fc1 0 50%,#288dca 50% 100%);transition:width .3s}#hungerfill{height:100%;width:100%;background:linear-gradient(#f4d14b 0 50%,#e3aa2d 50% 100%);transition:width .3s}#hungerbar.hungry #hungerfill{background:linear-gradient(#d36d51 0 50%,#b26051 50% 100%)}#hptext,#mptext,#hungertext{position:absolute;inset:0;z-index:1;font-size:16px;font-weight:600;text-align:center;color:var(--text);text-shadow:1px 0 var(--ink),-1px 0 var(--ink),0 1px var(--ink),0 -1px var(--ink)}#hptext{line-height:16px}#mptext,#hungertext{line-height:12px;font-size:15px}@media (max-width: 760px){#top .vitals{grid-template-columns:auto min(220px,56vw)}}#inv{display:flex;flex-wrap:wrap;justify-content:center;max-width:92vw;gap:var(--s1);background:var(--panel);padding:var(--s1);border:2px solid var(--line)}#inv[hidden]{display:none}#inv span{position:relative;display:grid;place-items:center;width:40px;height:40px;font-family:system-ui,sans-serif;font-size:22px;background:var(--well);border:2px solid transparent}#inv b{position:absolute;right:2px;bottom:0;font-family:var(--font);font-size:15px;font-weight:600;color:var(--text);text-shadow:1px 1px 0 var(--ink)}#inv span.usable{pointer-events:auto;cursor:pointer;border-color:var(--line)}#inv span.usable:hover{border-color:var(--accent)}#inv span.bump{animation:bump .3s}@media (pointer: coarse){#inv span{width:48px;height:48px}}@keyframes bump{50%{transform:scale(1.2)}}#buffs{display:flex;gap:var(--s2);font-size:16px}#buffs span{background:var(--panel);border:2px solid var(--accent);padding:2px var(--s2)}#side{position:fixed;right:calc(var(--gutter) + env(safe-area-inset-right,0px));top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:var(--s2)}#side button{position:relative;width:52px;height:52px;padding:0 0 3px;font-family:system-ui,sans-serif;font-size:24px;line-height:1;background:var(--panel)}#side button[hidden]{display:none}#side button.on{border-color:var(--accent)}#side button[data-key]:after{content:attr(data-key);position:absolute;right:2px;bottom:3px;font-family:var(--font);font-size:14px;color:var(--muted)}@media (pointer: coarse){#side button[data-key]:after{display:none}}#chat{position:fixed;left:calc(var(--gutter) + env(safe-area-inset-left,0px));bottom:calc(var(--gutter) + env(safe-area-inset-bottom,0px));width:min(400px,calc(100vw - 2 * var(--gutter)));display:flex;flex-direction:column;gap:var(--s1)}#chat-log{display:flex;flex-direction:column;gap:2px;max-height:190px;overflow:hidden;font-size:18px;line-height:1.35;opacity:.8;transition:opacity .2s}#chat-log div{align-self:flex-start;max-width:100%;background:var(--panel);padding:var(--s1) var(--s2);word-break:break-word}#chat-log b{color:var(--accent);font-weight:600}#chat-log .sys{color:var(--muted);background:#36334bbf}#chat-input{font:inherit;font-size:19px;color:var(--text);background:var(--panel);border:2px solid var(--accent);padding:var(--s2) var(--s3);outline:none;flex:1;min-width:0;min-height:44px}#chat-input::placeholder{color:var(--muted)}#chat .chat-row{display:none;gap:var(--s1)}#chat.open .chat-row{display:flex}#emoji-btn{width:44px;min-height:44px;padding:0 0 3px;background:var(--panel)}img.emoji{width:24px;height:24px;image-rendering:pixelated;vertical-align:-6px;margin:-2px 0}#emoji-pick{display:grid;grid-template-columns:repeat(auto-fill,40px);gap:var(--s1);padding:var(--s2);background:var(--panel);border:2px solid var(--edge);--chip: 4px}#emoji-pick[hidden]{display:none}#emoji-pick button{width:40px;height:40px;padding:0 0 3px}#chat.open #chat-log{opacity:1}@media (max-width: 760px){#chat{bottom:calc(80px + env(safe-area-inset-bottom,0px))}#chat-log{max-height:110px}}#player-card{position:fixed;z-index:5;display:flex;flex-direction:column;gap:var(--s2);padding:var(--s3);min-width:180px;background:var(--panel);border:2px solid var(--edge)}#player-card[hidden]{display:none}#player-card header{display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}#player-card b{color:var(--accent);font-size:20px;font-weight:600}#card-close{width:32px;height:32px;padding:0 0 3px}#card-acts{display:flex;flex-direction:column;gap:var(--s2);max-height:60vh;overflow-y:auto}#card-acts:empty{display:none}#bag-place[hidden]{display:none}.panel{background:var(--panel);border:2px solid var(--edge)}.panel>header{display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}.panel h2{font-size:16px}.panel h3{font-size:12px}.panel small,.panel .note{color:var(--muted)}#join{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,var(--bg-glow) 0%,var(--bg) 70%)}#join.hidden{display:none}#join-form{display:flex;gap:var(--s4);align-items:stretch;max-height:94vh}#join .panel{display:flex;flex-direction:column;align-items:center;gap:var(--s3);padding:20px;width:min(340px,92vw);overflow-y:auto}#join h1{font-size:20px;text-align:center;text-shadow:3px 3px 0 var(--accent-edge),6px 6px 0 var(--ink);margin-top:var(--s1)}#join .sub{font-size:19px;color:var(--muted);margin:0 0 var(--s1)}#join .panel.parts{align-items:stretch}#join .panel.parts h2{text-align:center;margin-bottom:var(--s1)}#preview{width:144px;height:216px;image-rendering:pixelated;background:linear-gradient(#9ed6f5 0 62%,#80bd5f 62% 64%,#62a85b 64% 100%);border:2px solid var(--ink);outline:2px solid var(--line)}#join .row{display:flex;gap:var(--s2);width:100%}#join input{flex:1;font:inherit;font-size:20px;padding:var(--s2) var(--s3);color:var(--text);background:var(--well);border:2px solid var(--line);outline:none;min-width:0;min-height:44px}#join input::placeholder{color:var(--muted)}#join input:focus{border-color:var(--accent)}#join button{min-height:44px}#shuffle{width:48px;padding:0 0 3px;font-size:20px;font-family:system-ui,sans-serif}#enter{width:100%;font-size:20px}#join-status{font-size:18px;color:var(--error);min-height:1em;margin:0;text-align:center}@media (max-width: 760px){#join-form{flex-direction:column;align-items:center;gap:var(--s4);overflow-y:auto;padding:var(--s2) 0}#join .panel{overflow:visible;flex:none}}#bodies,#classes{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}#classes button{min-height:44px}#classes button.active,#bodies button.active{background:var(--pick);color:var(--ink);border-color:var(--text)}#bodies{flex-direction:column;align-items:stretch;width:100%;gap:6px}#bodies .row{display:flex;gap:var(--s2);margin-top:var(--s2)}#bodies .row button{flex:1}#bodies .part{display:grid;grid-template-columns:1fr 40px 88px 40px;align-items:center;font-size:19px}#bodies .part>span{color:var(--muted);padding-right:var(--s2)}#bodies .part>button{min-height:36px;padding:0 0 3px;font-size:15px}#bodies .part>b{align-self:stretch;display:grid;place-items:center;font-weight:600;color:var(--accent);background:var(--well);margin:0 -2px}#mysprite{display:flex;flex-direction:column;gap:var(--s2);width:100%}#mysprite .row{display:flex;gap:var(--s2)}#mysprite .row button{flex:1}#mysprite .use{font-size:19px;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:var(--s2)}#mysprite .use input{accent-color:var(--accent);width:16px;height:16px;min-height:0;flex:none}#mysprite .google{display:flex;justify-content:center;min-height:0}#mysprite .note{font-size:16px;margin:0;text-align:center;min-height:1em}#lost{position:fixed;inset:0;z-index:11;display:grid;place-items:center;background:#1a1a1a99}#lost.hidden{display:none}#lost .panel{padding:var(--s4);display:flex;flex-direction:column;gap:var(--s3);width:min(380px,calc(100vw - 16px));max-height:calc(100vh - 16px)}#lost .note{margin:0;font-size:16px}#lost-list{display:flex;flex-direction:column;gap:var(--s1);overflow-y:auto}#lost .lost-item{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:var(--s2);padding:var(--s1) var(--s2);font-size:18px;background:var(--well)}#lost .lost-item .ico{font-family:system-ui,sans-serif;font-size:24px;text-align:center}#lost .lost-item b{color:var(--error);font-weight:600}#bag{position:fixed;inset:0;z-index:10;display:grid;place-items:center;background:#1a1a1a99}#bag.hidden{display:none}#bag .panel{--cell: 36px;--gap: 3px;padding:var(--s4);display:flex;flex-direction:column;gap:var(--s3);max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);overflow:auto}#bag>.panel>header{padding-bottom:var(--s3);border-bottom:2px solid var(--line)}#bag-close{width:36px;height:36px;padding:0 0 3px}#bag button{font-size:18px}#bag .bag-body{display:flex;gap:var(--s4);align-items:flex-start}#bag .bag-main{display:flex;flex-direction:column;gap:var(--s2)}#bag .label{font-size:16px;color:var(--muted)}#gear{display:flex;align-items:center;gap:var(--s2);padding:var(--s2);background:var(--raised);border:2px solid var(--line)}#gear .slot{position:relative;width:52px;height:52px;padding:0;font-family:system-ui,sans-serif;font-size:26px;background:var(--well);border-style:dashed;box-shadow:none}#gear .slot.full{border-style:solid;border-color:var(--edge);background:#f4f4ee24}#gear .slot.over{border-color:var(--go);background:#80bd5f59}#gear .slot .empty{opacity:.35}#gear .stats{margin-left:auto;font-size:18px;line-height:1.5;color:var(--muted);text-align:right}.inv-grid{position:relative;display:grid;grid-template-columns:repeat(var(--cols, 10),var(--cell));grid-auto-rows:var(--cell);gap:var(--gap);touch-action:none}.inv-grid .cell{background:var(--well);border:2px solid rgba(244,244,238,.06)}.inv-grid .item{position:absolute;left:calc(var(--x) * (var(--cell) + var(--gap)));top:calc(var(--y) * (var(--cell) + var(--gap)));width:calc(var(--w) * (var(--cell) + var(--gap)) - var(--gap));height:calc(var(--h) * (var(--cell) + var(--gap)) - var(--gap));display:grid;place-items:center;cursor:grab;touch-action:none}.inv-grid .item i{position:absolute;left:calc(var(--dx) * (var(--cell) + var(--gap)));top:calc(var(--dy) * (var(--cell) + var(--gap)));width:var(--cell);height:var(--cell);background:#645566;border:2px solid var(--edge)}.inv-grid .item:hover i{background:#877588}.inv-grid .item .ico{position:relative;font-family:system-ui,sans-serif;font-size:22px;pointer-events:none}.inv-grid .item i.r{width:calc(var(--cell) + var(--gap));border-right:0}.inv-grid .item i.b{height:calc(var(--cell) + var(--gap));border-bottom:0}.inv-grid .item i.l{border-left:0}.inv-grid .item i.t{border-top:0}.inv-grid .item[data-size="2"] .ico{font-size:30px}.inv-grid .item[data-size="3"] .ico{font-size:38px}.inv-grid .item b{position:absolute;right:3px;bottom:0;font-size:16px;font-weight:600;color:var(--text);text-shadow:1px 1px 0 var(--ink);pointer-events:none}.inv-grid .item.sel i{border-color:var(--accent)}.up{position:absolute;left:4px;top:1px;font-size:15px;font-weight:600;color:var(--accent);text-shadow:1px 1px 0 var(--ink);pointer-events:none}.wear{position:absolute;left:5px;right:5px;bottom:4px;height:4px;background:var(--ink);pointer-events:none}.wear span{display:block;height:100%;background:var(--go)}.wear.low span,.wear.broken{background:var(--error)}.broken .ico{filter:grayscale(1) brightness(.7)}.inv-grid .item.dragging{z-index:2;cursor:grabbing;opacity:.85}.inv-grid .item.dragging i{border-color:var(--go);background:#80bd5f59}.inv-grid .item.dragging.bad i{border-color:var(--error);background:#dd956359}#box-side{display:flex;flex-direction:column;gap:var(--s2)}#box-side[hidden]{display:none}#box-side h3{margin:0;padding:var(--s2);font-size:20px;background:var(--raised);border:2px solid var(--line)}#box-side .note{margin:0;font-size:16px;color:var(--muted);max-width:calc(8 * (var(--cell) + var(--gap)))}#box-grid{--cols: 8}#box-grid .item{cursor:pointer}#box-side.over #box-grid .cell{border-color:var(--go);background:#80bd5f33}#bag-store[hidden]{display:none}#bag-pop{position:fixed;z-index:12;width:260px;display:flex;flex-direction:column;gap:var(--s2);padding:var(--s3);background:var(--panel);border:2px solid var(--accent-edge);box-shadow:4px 4px #1a1a1a80}#bag-pop[hidden]{display:none}#bag-pop .pop-head{display:flex;gap:10px;align-items:center}#bag-pop .pop-head .ico{font-family:system-ui,sans-serif;font-size:34px}#bag-pop .pop-head b{display:block;font-size:18px;font-weight:600;color:var(--accent)}#bag-pop small{display:block;font-size:15px;color:var(--muted);line-height:1.35}#pop-wear{position:relative}#pop-wear .wear{position:static;display:block;height:6px;margin-bottom:4px}#pop-lines{margin:0;padding-left:18px;font-size:16px;line-height:1.35}#pop-lines:empty{display:none}#pop-value[hidden]{display:none}#bag-pop .pop-acts{display:flex;flex-wrap:wrap;gap:6px}#bag-pop .pop-acts button{flex:1;min-height:36px}#bag-pop .pop-acts button[hidden]{display:none}#bag-actions{display:flex;align-items:center;gap:6px;min-height:48px;padding:var(--s2);background:var(--raised);border:2px solid var(--line)}#bag-sel{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;font-size:19px;line-height:1.3}#bag-sel .ico{font-family:system-ui,sans-serif}#bag-sel small,#bag small{display:block;width:100%;font-size:16px;line-height:1.35}#bag-actions button{min-width:40px;min-height:36px}#bag-actions button[hidden]{display:none}#bag-rot,#bag-drop{font-size:18px!important;font-family:system-ui,sans-serif;padding:0 0 3px}#bag-drop.over{border-color:var(--error);background:#dd956359}#bestiary{position:fixed;inset:0;z-index:10;display:grid;place-items:center;background:#1a1a1a99}#bestiary.hidden{display:none}#bestiary .panel{padding:var(--s4);display:flex;flex-direction:column;gap:var(--s3);width:min(680px,calc(100vw - 16px));height:min(640px,calc(100vh - 16px))}#bestiary>.panel>header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--s3);border-bottom:2px solid var(--line)}#bestiary header small{display:block;color:var(--muted);font-size:15px}#bestiary-close{width:36px;height:36px;padding:0 0 3px}#bestiary .craft-body{flex:1;min-height:0;display:flex;gap:var(--s3)}#bestiary-cats{width:170px;flex:none;display:flex;flex-direction:column;gap:4px}#bestiary-cats .cat{display:flex;align-items:center;gap:var(--s2);padding:6px var(--s2);text-align:left;font-size:16px;background:var(--well);box-shadow:none;color:var(--muted)}#bestiary-cats .cat .ico{font-family:system-ui,sans-serif;font-size:20px}#bestiary-cats .cat .name{flex:1}#bestiary-cats .cat small{font-size:13px}#bestiary-cats .cat.on{background:var(--raised);color:var(--accent);border-color:var(--accent)}#bestiary .craft-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--s2);overflow-y:auto;padding-right:2px}#bestiary-family{margin:0;font-size:16px}#bestiary-family small{display:block;margin-top:4px;font-size:15px;font-weight:400;color:var(--muted)}#bestiary-list{display:flex;flex-direction:column;gap:var(--s2)}#bestiary .beast{display:flex;gap:var(--s3);padding:var(--s3);background:var(--raised);border:2px solid var(--line)}#bestiary .beast.boss{border-color:var(--accent-edge)}#bestiary .beast .pic{flex:none;width:96px;height:96px;background-size:300% auto;background-position:0 50%;background-repeat:no-repeat;image-rendering:pixelated;background-color:var(--well)}#bestiary .beast.unknown .pic{filter:brightness(0) opacity(.55)}#bestiary .beast .about{flex:1;min-width:0}#bestiary .beast h3{margin:0;font-size:18px;color:var(--accent)}#bestiary .beast.unknown h3{color:var(--muted)}#bestiary .beast small{display:block;color:var(--muted);font-size:14px}#bestiary .beast p{margin:6px 0;font-size:15px;line-height:1.4}#bestiary .beast .tag{padding:0 6px;font-size:12px;color:var(--ink);background:var(--accent);vertical-align:middle}#bestiary .beast dl{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:2px 10px;margin:6px 0;font-size:15px}#bestiary .beast dt{color:var(--muted)}#bestiary .beast dd{margin:0;font-weight:600}#bestiary .beast .drops{font-size:15px;line-height:1.5}#bestiary .beast .drops .ico{font-family:system-ui,sans-serif}#bestiary .beast .drops em{color:var(--muted);font-style:normal}@media (max-width: 760px){#bestiary .craft-body{flex-direction:column}#bestiary-cats{width:auto;flex-direction:row;overflow-x:auto}#bestiary-cats .cat{flex:none}}#shop{position:fixed;inset:0;z-index:10;display:grid;place-items:center;background:#1a1a1a99}#shop.hidden{display:none}#shop .panel{padding:var(--s4);display:flex;flex-direction:column;gap:var(--s3);width:min(600px,calc(100vw - 16px));height:min(640px,calc(100vh - 16px))}#shop>.panel>header{display:flex;align-items:center;gap:var(--s3);padding-bottom:var(--s3);border-bottom:2px solid var(--line)}#shop .shop-head{flex:1;min-width:0}#shop .shop-head small{display:block;color:var(--muted);font-size:15px}#shop-keeper{color:var(--accent);font-weight:600}#shop .coins{padding:4px 10px;font-size:18px;font-weight:600;background:var(--well);border:2px solid var(--accent-edge);color:var(--accent);white-space:nowrap}#shop-close{width:36px;height:36px;padding:0 0 3px}#shop .tabs{display:flex;gap:4px}#shop .tabs button{flex:1;padding:6px;background:var(--well);box-shadow:none;color:var(--muted)}#shop .tabs button.on{background:var(--raised);color:var(--accent);border-color:var(--accent)}#shop .tabs button b{padding:0 6px;font-size:13px;color:var(--ink);background:var(--go)}#shop-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--s2);padding-right:2px}#shop .shop-row{display:flex;align-items:center;gap:var(--s2);padding:var(--s2) 10px;background:var(--raised);border:2px solid var(--line)}#shop .shop-row.dim .out{opacity:.6}#shop .shop-row .out{flex:1;min-width:0;display:flex;gap:10px;align-items:center;font-size:18px}#shop .shop-row .out>.ico{font-family:system-ui,sans-serif;font-size:30px}#shop .shop-row .out b{font-weight:600}#shop .shop-row small{display:block;font-size:14px;line-height:1.35;color:var(--muted)}#shop .shop-row .acts{display:flex;flex-direction:column;gap:4px}#shop .shop-row .acts button,#shop .sell-all{font-size:15px;white-space:nowrap;background:var(--accent);color:var(--ink);border-color:var(--accent-edge);box-shadow:inset 0 -3px 0 var(--accent-edge);font-weight:600}#shop .sell-all{align-self:stretch;padding:8px}#shop .up{color:var(--go)}#shop .down{color:var(--error)}#shop .have{color:var(--accent)}#shop .note{color:var(--muted);font-size:15px;line-height:1.5}#shop .note .ico{font-family:system-ui,sans-serif}#shop .wear-line{display:block;width:120px;height:5px;margin-top:3px;background:var(--ink)}#shop .wear-line span{display:block;height:100%;background:var(--go)}#shop .shop-row.broken .wear-line{background:var(--error)}#shop .shop-row.broken .out>.ico{filter:grayscale(1) brightness(.7)}#swap{position:fixed;inset:0;z-index:11;display:grid;place-items:center;background:#1a1a1a99}#swap.hidden{display:none}#swap .panel{padding:var(--s4);display:flex;flex-direction:column;gap:var(--s3);width:min(640px,calc(100vw - 16px));max-height:calc(100vh - 16px)}#swap>.panel>header{padding-bottom:var(--s3);border-bottom:2px solid var(--line)}#swap-close{width:36px;height:36px;padding:0 0 3px}#swap button{font-size:16px}#swap h3{margin:0}#swap h3 span{color:var(--go)}#swap small{color:var(--muted);font-size:15px}#swap .swap-body{flex:1;min-height:0;display:flex;gap:var(--s3);overflow-y:auto}#swap .swap-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--s2)}#swap .chips{display:flex;flex-wrap:wrap;align-content:flex-start;gap:6px;padding:var(--s2);min-height:64px;background:var(--well);border:2px solid var(--line)}#swap .chips.table{background:var(--raised)}#swap .chip{position:relative;width:48px;height:48px;padding:0 0 3px;display:grid;place-items:center;font-family:system-ui,sans-serif;font-size:24px;background:var(--panel);border:2px solid var(--line)}#swap .chip b{position:absolute;right:3px;bottom:1px;font-family:var(--font);font-size:14px;font-weight:600;color:var(--text);text-shadow:1px 1px 0 var(--ink)}#swap .steps{display:flex;align-items:center;gap:4px;color:var(--muted)}#swap .steps button{min-width:44px;padding:2px 8px;box-shadow:none}#swap .steps button.on{border-color:var(--accent);color:var(--accent)}#swap footer{display:flex;align-items:center;gap:var(--s2)}#swap-status{flex:1;color:var(--muted)}#swap-ready.on{background:var(--go);border-color:var(--go-edge)}@media (max-width: 760px){#swap .swap-body{flex-direction:column}}#craft{position:fixed;inset:0;z-index:10;display:grid;place-items:center;background:#1a1a1a99}#craft.hidden{display:none}#craft .panel{padding:var(--s4);display:flex;flex-direction:column;gap:var(--s3);width:min(640px,calc(100vw - 16px));height:min(620px,calc(100vh - 16px))}#craft>.panel>header{padding-bottom:var(--s3);border-bottom:2px solid var(--line)}#craft-close{width:36px;height:36px;padding:0 0 3px}#craft button{font-size:18px}#craft small{display:block;width:100%;font-size:16px;line-height:1.35}#craft .craft-body{flex:1;min-height:0;display:flex;gap:var(--s3)}#craft-cats{width:170px;flex:none;display:flex;flex-direction:column;gap:4px;overflow-y:auto}#craft-cats .cat{display:flex;align-items:center;gap:var(--s2);padding:6px var(--s2);text-align:left;background:var(--well);box-shadow:none;color:var(--muted)}#craft-cats .cat .ico{font-family:system-ui,sans-serif;font-size:20px}#craft-cats .cat .name{flex:1}#craft-cats .cat b{min-width:20px;padding:1px 5px;font-size:15px;text-align:center;color:var(--ink);background:var(--go)}#craft-cats .cat.on{background:var(--raised);color:var(--accent);border-color:var(--accent)}#craft-cats .cat.alert b{background:var(--error)}#craft .craft-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--s2);overflow-y:auto;padding-right:2px}#craft-cat-name{font-size:16px;margin:0}#craft-list,#mix-pane{display:flex;flex-direction:column;gap:var(--s2)}#craft-list[hidden],#mix-pane[hidden]{display:none}#craft .recipe{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px;padding:var(--s2) 10px;background:var(--raised);border:2px solid var(--line)}#craft .recipe .out{grid-column:1 / -1;display:flex;gap:10px;align-items:center;font-size:19px}#craft .recipe .out b{font-weight:600}#craft .recipe .out .ico{font-family:system-ui,sans-serif;font-size:24px}#craft .recipe .ins{display:flex;gap:10px;align-items:center;font-size:18px}#craft .recipe .ins .ico{font-family:system-ui,sans-serif;margin-right:2px}#craft .recipe select{min-width:0;max-width:100%;padding:4px 6px;font:inherit;font-size:15px;color:var(--text);background:var(--well);border:2px solid var(--line)}#craft .recipe .need{color:var(--error)}#craft .recipe .have{color:var(--go)}#cauldron{display:flex;gap:var(--s2);justify-content:center;padding:var(--s3);background:#3f3152;border:2px solid var(--line)}#cauldron .pot-slot{width:52px;height:52px;font-family:system-ui,sans-serif;font-size:24px;padding:0;border-style:dashed;background:var(--well);box-shadow:none}#mix-ings{display:flex;flex-wrap:wrap;gap:6px}#mix-ings .ing{position:relative;width:48px;height:48px;font-family:system-ui,sans-serif;font-size:22px;padding:0 0 3px}#mix-ings .ing b{position:absolute;right:3px;bottom:2px;font-family:var(--font);font-size:15px;font-weight:600}#mix-ings .ing.on{border-color:var(--accent);background:#f4d14b33}#book{display:flex;flex-direction:column;gap:6px}#book .page{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s1);font-size:18px;padding:6px var(--s2);background:var(--well)}#book .page .ico{font-family:system-ui,sans-serif}#bag .note{margin:0;font-size:16px;text-align:center;line-height:1.5}@media (max-width: 760px){#bag .bag-body{flex-direction:column;align-items:stretch}#craft .craft-body{flex-direction:column}#craft-cats{width:auto;flex-direction:row;overflow-x:auto;overflow-y:hidden}#craft-cats .cat{flex:none}#craft-cats .cat .name{display:none}#bag .panel{--cell: min(28px, calc((100vw - 70px)*.1 - 3px) );padding:var(--s3)}#bag-grid .item .ico{font-size:19px!important}#bag-grid .item[data-size="2"] .ico{font-size:22px!important}#bag-grid .item[data-size="3"] .ico{font-size:28px!important}}#hud,#hint,#chat-log div,#chat-input,#emoji-pick,#preview,#join input,button,.panel,#top .vitals,#hpbar,#mpbar,#hungerbar,#inv,#inv span,#buffs span,#bag-grid .cell,#bag-grid .item i,#gear,#bag-actions,#craft-cats .cat,#craft .recipe,#cauldron,#book .page,#player-card,kbd{--tl: var(--chip, 2px);--tr: var(--chip, 2px);--br: var(--chip, 2px);--bl: var(--chip, 2px);clip-path:polygon(var(--tl) 0,calc(100% - var(--tr)) 0,calc(100% - var(--tr)) var(--tr),100% var(--tr),100% calc(100% - var(--br)),calc(100% - var(--br)) calc(100% - var(--br)),calc(100% - var(--br)) 100%,var(--bl) 100%,var(--bl) calc(100% - var(--bl)),0 calc(100% - var(--bl)),0 var(--tl),var(--tl) var(--tl))}.panel,#player-card{--chip: 4px}#preview{clip-path:none}#bag-grid .item i.r{--tr: 0px;--br: 0px}#bag-grid .item i.b{--bl: 0px;--br: 0px}#bag-grid .item i.l{--tl: 0px;--bl: 0px}#bag-grid .item i.t{--tl: 0px;--tr: 0px}#clock{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;font-variant-numeric:tabular-nums}