: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}canvas#wipe{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;display: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)}}#status.over-bag{z-index:11}#inv{display:grid;grid-template-columns:repeat(10,minmax(0,44px));gap:var(--s1);max-width:calc(100vw - 2 * var(--gutter));background:var(--panel);padding:var(--s1);border:2px solid var(--line)}#inv[hidden]{display:none}#inv .hk{position:relative;display:grid;place-items:center;aspect-ratio:1;min-width:0;padding:0;font-family:system-ui,sans-serif;font-size:22px;background:var(--well);border:2px solid transparent;box-shadow:none;pointer-events:auto;cursor:pointer;touch-action:none}#inv .hk:not(.full){cursor:default}#inv .hk.full{border-color:var(--line)}#inv .hk.full:hover,#inv .hk.over{border-color:var(--accent)}#inv .hk.out .ico{opacity:.35;filter:grayscale(1)}#inv.dragging .hk{cursor:grabbing}#inv kbd{position:absolute;left:2px;top:0;margin:0;padding:0;background:none;border:0;box-shadow:none;clip-path:none;font-family:var(--font);font-size:12px;color:var(--muted)}#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 .hk.bump{animation:bump .3s}#inv .hk.skill{overflow:hidden}#inv .hk.skill .cd{position:absolute;left:0;right:0;top:0;height:0;background:#0000008c;pointer-events:none}#inv .hk.skill.low .ico,#inv .hk.skill.out .ico{filter:grayscale(1) brightness(.7)}.ico img{display:inline-block;vertical-align:middle;width:1.5em;height:1.5em;image-rendering:pixelated}#inv .hk.skill img{display:block;width:32px;height:32px;image-rendering:pixelated}@media (pointer: coarse){#inv{grid-template-columns:repeat(10,minmax(0,48px))}#inv kbd{display:none}}@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 img{display:block;width:32px;height:32px;margin:0 auto;image-rendering:pixelated}#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 .slot .ico img{width:32px;height:32px}#bag-stats{width:230px;align-self:stretch;display:flex;flex-direction:column;gap:2px;padding:var(--s2) var(--s3);background:var(--raised);border:2px solid var(--line);overflow-y:auto}#bag-stats[hidden]{display:none}#bag-stats h3{margin:var(--s2) 0 2px;font-size:15px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}#bag-stats h3:first-child{margin-top:0}#bag-stats .stat{display:flex;justify-content:space-between;gap:var(--s2);font-size:17px;line-height:1.45}#bag-stats .stat b{font-weight:600;color:var(--accent)}#bag-stats .stat.base b{color:var(--text);font-weight:400}.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 .ico img{width:32px;height:32px}.inv-grid .item[data-size="2"] .ico img{width:48px;height:48px}.inv-grid .item[data-size="3"] .ico img{width:64px;height:64px}.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],#bag-scrap[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 .ico img{width:48px;height:48px}#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}}#armory{position:fixed;inset:0;z-index:10;display:grid;place-items:center;background:#1a1a1a99}#armory.hidden{display:none}#armory .panel{padding:var(--s4);display:flex;flex-direction:column;gap:var(--s3);width:min(680px,calc(100vw - 16px));height:min(640px,calc(100vh - 16px))}#armory>.panel>header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--s3);border-bottom:2px solid var(--line)}#armory header small{display:block;color:var(--muted);font-size:15px}#armory-close{width:36px;height:36px;padding:0 0 3px}#armory .craft-body{flex:1;min-height:0;display:flex;gap:var(--s3)}#armory-cats{width:170px;flex:none;display:flex;flex-direction:column;gap:4px}#armory-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)}#armory-cats .cat .ico{font-family:system-ui,sans-serif;font-size:20px}#armory-cats .cat .name{flex:1}#armory-cats .cat small{font-size:13px}#armory-cats .cat.on{background:var(--raised);color:var(--accent);border-color:var(--accent)}#armory .craft-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--s2);overflow-y:auto;padding-right:2px}#armory-rack{margin:0;font-size:16px}#armory-rack small{display:block;margin-top:4px;font-size:15px;font-weight:400;color:var(--muted)}#armory-list{display:flex;flex-direction:column;gap:var(--s2)}#armory .piece{display:flex;gap:var(--s3);padding:var(--s3);background:var(--raised);border:2px solid var(--line)}#armory .piece .pic{flex:none;width:64px;height:64px;display:grid;place-items:center;background:var(--well);font-size:40px}#armory .piece .pic .ico{font-family:system-ui,sans-serif}#armory .piece .pic .ico img{width:48px;height:48px}#armory .piece .about{flex:1;min-width:0}#armory .piece h3{margin:0;font-size:18px;color:var(--accent)}#armory .piece p{margin:6px 0;font-size:15px;line-height:1.4}#armory .piece dl{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:2px 10px;margin:6px 0;font-size:15px}#armory .piece dt{color:var(--muted)}#armory .piece dd{margin:0;font-weight:600}#armory .piece .get{font-size:15px;line-height:1.5}#armory .piece .get ul{margin:2px 0 0;padding-left:0;list-style:none}#armory .piece .get .ico{font-family:system-ui,sans-serif}#armory .piece .get .ico img{width:16px;height:16px;image-rendering:pixelated;vertical-align:-2px}#armory .piece .get .mat{white-space:nowrap;cursor:help;border-bottom:1px dotted var(--muted)}#armory .piece .get em{color:var(--muted);font-style:normal}@media (max-width: 760px){#armory .craft-body{flex-direction:column}#armory-cats{width:auto;flex-direction:row;overflow-x:auto}#armory-cats .cat{flex:none}#armory .piece dl{grid-template-columns:auto 1fr}}:is(#shop,#market){position:fixed;inset:0;z-index:10;display:grid;place-items:center;background:#1a1a1a99}:is(#shop,#market).hidden{display:none}:is(#shop,#market) .panel{padding:var(--s4);display:flex;flex-direction:column;gap:var(--s3);width:min(600px,calc(100vw - 16px));height:min(640px,calc(100vh - 16px))}:is(#shop,#market)>.panel>header{display:flex;align-items:center;gap:var(--s3);padding-bottom:var(--s3);border-bottom:2px solid var(--line)}:is(#shop,#market) .shop-head{flex:1;min-width:0}:is(#shop,#market) .shop-head small{display:block;color:var(--muted);font-size:15px}#shop-keeper{color:var(--accent);font-weight:600}:is(#shop,#market) .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,#market-close{width:36px;height:36px;padding:0 0 3px}:is(#shop,#market) .tabs{display:flex;gap:4px}:is(#shop,#market) .tabs button{flex:1;padding:6px;background:var(--well);box-shadow:none;color:var(--muted)}:is(#shop,#market) .tabs button.on{background:var(--raised);color:var(--accent);border-color:var(--accent)}:is(#shop,#market) .tabs button b{padding:0 6px;font-size:13px;color:var(--ink);background:var(--go)}#shop-list,#market-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--s2);padding-right:2px}:is(#shop,#market) .shop-row{display:flex;align-items:center;gap:var(--s2);padding:var(--s2) 10px;background:var(--raised);border:2px solid var(--line)}:is(#shop,#market) .shop-row.dim .out{opacity:.6}:is(#shop,#market) .shop-row .out{flex:1;min-width:0;display:flex;gap:10px;align-items:center;font-size:18px}:is(#shop,#market) .shop-row .out>.ico{font-family:system-ui,sans-serif;font-size:30px}:is(#shop,#market) .shop-row .out b{font-weight:600}:is(#shop,#market) .shop-row small{display:block;font-size:14px;line-height:1.35;color:var(--muted)}:is(#shop,#market) .shop-row .acts{display:flex;flex-direction:column;gap:4px}:is(#shop,#market) .shop-row .acts button,:is(#shop,#market) .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}:is(#shop,#market) .sell-all{align-self:stretch;padding:8px}:is(#shop,#market) .up{color:var(--go)}:is(#shop,#market) .down{color:var(--error)}:is(#shop,#market) .have{color:var(--accent)}:is(#shop,#market) .note{color:var(--muted);font-size:15px;line-height:1.5}:is(#shop,#market) .note .ico{font-family:system-ui,sans-serif}:is(#shop,#market) .wear-line{display:block;width:120px;height:5px;margin-top:3px;background:var(--ink)}:is(#shop,#market) .wear-line span{display:block;height:100%;background:var(--go)}#market-list h3{margin:var(--s2) 0 0;font-size:15px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}#market .market-search{width:100%;padding:6px 10px;font:inherit;font-size:16px;color:var(--text);background:var(--well);border:2px solid var(--line)}#market .market-fields{display:flex;align-items:center;gap:6px}#market .market-fields label{display:flex;align-items:center;gap:2px;font-size:15px}#market .market-fields input{width:64px;padding:4px 6px;font:inherit;font-size:15px;color:var(--text);background:var(--well);border:2px solid var(--line)}#market .market-fields label:first-child:not(:last-child) input{width:52px}@media (max-width: 760px){#market .shop-row{flex-wrap:wrap}#market .shop-row .acts{width:100%}}:is(#shop,#market) .shop-row.broken .wear-line{background:var(--error)}:is(#shop,#market) .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-modes{flex:1;display:flex;gap:4px}#craft-modes button{flex:1;padding:6px;background:var(--well);box-shadow:none;color:var(--muted)}#craft-modes button.on{background:var(--raised);color:var(--accent);border-color:var(--accent)}#craft-modes button b{padding:0 6px;font-size:13px;color:var(--ink);background:var(--error)}#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)}#forge{position:fixed;inset:0;z-index:30;display:grid;place-items:center;background:#1a1a1a59;cursor:pointer}#forge.hidden{display:none}#forge .forge-box{width:min(300px,calc(100vw - 32px));background:var(--bg);padding:var(--s4);display:flex;flex-direction:column;align-items:center;gap:var(--s2);animation:forge-in .14s ease-out}@keyframes forge-in{0%{transform:scale(.85);opacity:0}}.forge-stage{position:relative;width:240px;height:180px}.forge-stage.jolt{animation:forge-jolt .14s ease-out}@keyframes forge-jolt{30%{transform:translate(-2px,3px)}60%{transform:translate(2px,-1px)}}.forge-anvil{position:absolute;left:50px;top:98px;width:120px;height:72px}.forge-item{position:absolute;left:86px;top:50px;width:48px;height:48px;display:grid;place-items:center;transform-origin:50% 100%}.forge-item .ico{font-family:system-ui,sans-serif;font-size:40px;line-height:1}.jolt .forge-item{animation:forge-squash .14s ease-out}@keyframes forge-squash{30%{transform:scale(1.18,.82)}}.forge-hammer{position:absolute;left:96px;top:32px;width:96px;height:42px;transform-origin:94% 50%;transform:rotate(30deg);transition:opacity .2s}.pounding .forge-hammer{animation:forge-swing var(--swing) var(--blows)}@keyframes forge-swing{0%{transform:rotate(30deg);animation-timing-function:ease-out}50%{transform:rotate(48deg);animation-timing-function:ease-in}72%{transform:rotate(-3deg);animation-timing-function:ease-out}84%{transform:rotate(6deg)}to{transform:rotate(30deg)}}.forge-fx{position:absolute;left:110px;top:74px}.forge-fx i{position:absolute;left:-2px;top:-2px;width:4px;height:4px;animation:forge-fly .42s ease-out both}.forge-fx i.spark{background:var(--accent);box-shadow:0 0 0 1px #f2aa66}.forge-fx i.spark:nth-child(3n){background:var(--edge-hi)}.forge-fx i.glint{width:6px;height:6px;left:-3px;top:-30px;background:var(--accent);clip-path:polygon(50% 0,65% 35%,100% 50%,65% 65%,50% 100%,35% 65%,0 50%,35% 35%);animation-duration:.8s}.forge-fx i.glint:nth-child(2n){background:var(--edge-hi)}.forge-fx i.smoke{width:14px;height:14px;left:-7px;top:-24px;background:#7c7e7a;opacity:.8;animation:forge-smoke 1s ease-out both}.forge-fx i.smoke:nth-child(2n){background:#aba4a6}@keyframes forge-fly{to{transform:translate(var(--dx),var(--dy));opacity:0}}@keyframes forge-smoke{to{transform:translate(var(--dx),var(--dy)) scale(2.4);opacity:0}}.forge-rays{position:absolute;left:30px;top:-6px;width:160px;height:160px;opacity:0;border-radius:50%;background:repeating-conic-gradient(rgba(244,209,75,.55) 0 12deg,transparent 12deg 30deg);-webkit-mask:radial-gradient(circle,#000 20%,transparent 70%);mask:radial-gradient(circle,#000 20%,transparent 70%)}.forge-text{min-height:52px;text-align:center;opacity:0}.forge-text h3{font-size:16px}.forge-text small{display:block;margin-top:var(--s1);font-size:16px}#forge.ok .forge-hammer,#forge.fail .forge-hammer{opacity:0}#forge.ok .forge-rays{animation:forge-rays 1.3s linear forwards}@keyframes forge-rays{15%{opacity:1}to{opacity:.7;transform:rotate(60deg)}}#forge.ok .forge-item{animation:forge-rise .5s cubic-bezier(.3,1.6,.5,1) forwards}@keyframes forge-rise{to{transform:translateY(-34px) scale(1.5);filter:drop-shadow(0 0 6px #f4d14b)}}#forge.fail .forge-item{animation:forge-dud .5s ease-out forwards}@keyframes forge-dud{20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}to{filter:grayscale(.8) brightness(.7)}}#forge.ok .forge-text,#forge.fail .forge-text{animation:forge-pop .3s cubic-bezier(.3,1.6,.5,1) forwards}#forge.fail .forge-text h3{color:var(--error)}@keyframes forge-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.fuse-card{position:absolute;left:88px;top:42px;width:64px;height:64px;display:grid;place-items:center}.fuse-card .ico{font-size:43px;line-height:1}.fuse-a{animation:fuse-a var(--merge) cubic-bezier(.45,0,.85,.7) both}.fuse-b{animation:fuse-b var(--merge) cubic-bezier(.45,0,.85,.7) both}@keyframes fuse-a{0%{transform:translate(-96px,12px) rotate(-16deg);opacity:0}12%{opacity:1}40%{transform:translate(-40px) rotate(-4deg)}50%{transform:translate(-58px,-2px) rotate(10deg)}70%{transform:translate(-22px,-8px) rotate(-8deg)}88%{transform:translate(-6px,-12px) rotate(200deg) scale(.8)}to{transform:translateY(-10px) rotate(360deg) scale(.35);opacity:0}}@keyframes fuse-b{0%{transform:translate(96px,12px) rotate(16deg);opacity:0}12%{opacity:1}40%{transform:translate(40px) rotate(4deg)}50%{transform:translate(58px,-2px) rotate(-10deg)}70%{transform:translate(22px,-8px) rotate(8deg)}88%{transform:translate(6px,-12px) rotate(-200deg) scale(.8)}to{transform:translateY(-10px) rotate(-360deg) scale(.35);opacity:0}}.fuse-stage .forge-fx{left:120px;top:64px}.fuse-stage .forge-fx i.spark,.fuse-stage .forge-fx i.glint{background:var(--glow)}.fuse-stage .forge-rays{background:repeating-conic-gradient(color-mix(in srgb,var(--glow) 60%,transparent) 0 12deg,transparent 12deg 30deg)}.fuse-flash{position:absolute;left:120px;top:64px;width:2px;height:2px;border-radius:50%;background:var(--glow);opacity:0}#forge.fused .fuse-flash{animation:fuse-flash .55s ease-out}@keyframes fuse-flash{0%{opacity:1;box-shadow:0 0 0 0 var(--glow)}to{opacity:0;box-shadow:0 0 0 100px var(--glow)}}.fuse-out{opacity:0}#forge.fused .fuse-out{animation:fuse-pop .52s cubic-bezier(.3,1.6,.5,1) forwards}@keyframes fuse-pop{0%{opacity:1;transform:scale(.3)}to{opacity:1;transform:translateY(-4px) scale(1.25);filter:drop-shadow(0 0 6px var(--glow))}}.dis-stage .forge-item{filter:brightness(calc(1 - var(--crack, 0) * .08)) contrast(calc(1 + var(--crack, 0) * .15))}#forge.apart .forge-item{animation:dis-break .42s ease-in forwards}@keyframes dis-break{30%{transform:scale(1.2,.8)}to{transform:translateY(16px) scale(.2) rotate(25deg);opacity:0}}#forge.apart .forge-rays{display:none}.dis-parts{position:absolute;left:96px;top:70px}.dis-part{position:absolute;left:0;top:0;width:48px;display:flex;flex-direction:column;align-items:center;opacity:0}.dis-part .ico{font-size:28px;line-height:1}.dis-part b{font-size:12px}#forge.apart .dis-part{animation:dis-tumble .56s cubic-bezier(.3,1.4,.6,1) forwards}@keyframes dis-tumble{0%{opacity:1;transform:translate(0) scale(.3) rotate(-90deg)}50%{transform:translate(calc(var(--dx) * .6),-48px) scale(1) rotate(20deg)}to{opacity:1;transform:translate(var(--dx),-6px) scale(1)}}button.danger{background:var(--error);color:#fff}.brew-stage{--liquid-hi: color-mix(in srgb, var(--liquid) 55%, #f4f4ee)}.brew-pot,.brew-liquid{position:absolute;left:60px;top:90px;width:120px;height:84px}.brew-liquid{height:18px}.churning .brew-liquid{animation:brew-churn .36s steps(3) infinite}@keyframes brew-churn{33%{transform:translate(-6px);filter:hue-rotate(90deg) brightness(1.2)}66%{transform:translate(6px);filter:hue-rotate(200deg)}}.brew-fire{position:absolute;left:90px;top:150px;width:60px;height:24px;transform-origin:50% 100%;animation:brew-flicker .3s steps(2) infinite alternate}@keyframes brew-flicker{to{transform:scale(1.1,.8)}}.churning .brew-fire{animation-duration:.14s}.brew-drop{position:absolute;left:calc(104px + var(--dx));top:4px;width:32px;height:32px;display:grid;place-items:center;opacity:0;animation:brew-drop calc(.38s * .8) ease-in both}.brew-drop .ico{font-size:26px;line-height:1}.brew-drop .ico img{width:32px;height:32px}@keyframes brew-drop{0%{opacity:1;transform:translateY(-16px) rotate(-20deg)}85%{opacity:1;transform:translateY(84px) rotate(25deg) scale(.8)}to{opacity:0;transform:translateY(96px) scale(.3)}}.brew-out{position:absolute;left:96px;top:60px;width:48px;height:48px;display:grid;place-items:center;opacity:0}.brew-out .ico{font-family:system-ui,sans-serif;font-size:40px;line-height:1}#forge.ok.brewed .brew-out{animation:brew-rise .62s cubic-bezier(.3,1.6,.5,1) forwards}@keyframes brew-rise{0%{opacity:1;transform:translateY(44px) scale(.3)}to{opacity:1;transform:translateY(-34px) scale(1.4);filter:drop-shadow(0 0 6px var(--liquid))}}#forge.fail.brewed .brew-out{animation:brew-sputter .9s ease-out forwards}@keyframes brew-sputter{0%{opacity:1;transform:translateY(44px) scale(.3)}40%{opacity:1;transform:translateY(-24px) scale(1.1)}55%{transform:translate(-4px,-18px) rotate(-12deg)}70%{transform:translate(4px,-20px) rotate(10deg)}to{opacity:1;transform:translateY(-18px) rotate(-6deg) scale(1.1);filter:grayscale(.6) brightness(.8)}}.brew-stage .forge-fx{left:120px;top:104px}.brew-stage .forge-rays{top:-4px;background:repeating-conic-gradient(color-mix(in srgb,var(--liquid) 60%,transparent) 0 12deg,transparent 12deg 30deg)}.brew-stage .forge-fx i.glint{top:-40px;background:var(--liquid-hi)}.forge-fx i.splash{width:4px;height:4px;background:var(--liquid);box-shadow:0 0 0 1px var(--liquid-hi);animation-duration:.38s}.forge-fx i.bubble{width:4px;height:4px;margin-left:-2px;background:var(--liquid-hi);animation:forge-fly .64s ease-out both}.brew-stage .forge-fx i.smoke{background:#4e5551}.brew-stage .forge-fx i.smoke:nth-child(2n){background:#643d35}@media (prefers-reduced-motion: reduce){#forge *{animation-duration:1ms!important}}#rankup{position:fixed;inset:0;z-index:31;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s2);background:#1a1a1ab8;cursor:pointer;animation:rank-fade .25s ease-out}#rankup.hidden{display:none}#rankup.leaving{opacity:0;transition:opacity .3s ease-in}@keyframes rank-fade{0%{opacity:0}}.rank-stage{position:relative;width:260px;height:250px}.rank-stage.landed{animation:rank-jolt .2s ease-out}@keyframes rank-jolt{25%{transform:translateY(5px)}60%{transform:translateY(-2px)}}.rank-rays{position:absolute;left:-20px;top:-30px;width:300px;height:300px;opacity:0;border-radius:50%;background:repeating-conic-gradient(rgba(244,209,75,.5) 0 10deg,transparent 10deg 24deg);-webkit-mask:radial-gradient(circle,#000 15%,transparent 68%);mask:radial-gradient(circle,#000 15%,transparent 68%)}.stamped .rank-rays{animation:rank-rays-in .4s ease-out forwards,rank-spin 9s linear infinite}@keyframes rank-rays-in{to{opacity:1}}@keyframes rank-spin{to{transform:rotate(360deg)}}.rank-crest{position:absolute;left:42px;top:4px;width:176px;height:192px;transform-origin:50% 100%;animation:rank-drop .42s cubic-bezier(.5,0,.9,.5) both}@keyframes rank-drop{0%{transform:translateY(-110vh)}}.landed .rank-crest{animation:rank-squash .26s ease-out}@keyframes rank-squash{30%{transform:scale(1.12,.86)}65%{transform:scale(.96,1.05)}}.rank-shield{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 6px 0 rgba(26,26,26,.5))}.rank-grade{position:absolute;left:0;right:0;top:46px;text-align:center;font-family:var(--font-title);font-weight:400;font-size:64px;line-height:1;color:var(--edge-hi);text-shadow:4px 4px 0 #392a25,-2px 0 0 #392a25,0 -2px 0 #392a25;opacity:0}.stamped .rank-grade{animation:rank-stamp .26s cubic-bezier(.6,0,1,.6) forwards}@keyframes rank-stamp{0%{opacity:0;transform:scale(3) rotate(-12deg)}70%{opacity:1}to{opacity:1;transform:none}}.rank-shine{position:absolute;inset:0;pointer-events:none;opacity:0;background:linear-gradient(105deg,transparent 35%,rgba(244,244,238,.7) 45%,transparent 55%) no-repeat;background-size:300% 100%;background-position:100% 0;clip-path:polygon(10% 0,90% 0,100% 4%,100% 56%,50% 100%,0 56%,0 4%)}.stamped .rank-shine{animation:rank-gleam .9s ease-in-out .5s forwards}@keyframes rank-gleam{0%{opacity:1;background-position:100% 0}to{opacity:1;background-position:0 0}}.rank-ribbon{position:absolute;left:10px;right:10px;top:168px;height:48px;display:grid;place-items:center;transform:scaleX(0);background:var(--accent);box-shadow:inset 0 -6px #be953f,inset 0 4px #eed17d,0 4px #392a25;clip-path:polygon(0 0,100% 0,92% 50%,100% 100%,0 100%,8% 50%)}.rank-ribbon span{font-family:var(--font-title);font-size:18px;color:var(--ink);letter-spacing:2px;text-transform:uppercase;opacity:0}#rankup.shown .rank-ribbon{animation:rank-unroll .32s cubic-bezier(.3,1.5,.5,1) forwards}#rankup.shown .rank-ribbon span{animation:rank-pop .2s ease-out .2s forwards}@keyframes rank-unroll{to{transform:none}}.rank-text{min-height:28px;text-align:center;opacity:0}.rank-text small{font-size:18px;color:var(--text);text-shadow:2px 2px 0 #392a25}#rankup.shown .rank-text{animation:rank-pop .3s ease-out .3s forwards}@keyframes rank-pop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.rank-fx{position:absolute;left:130px;top:110px}.rank-fx i{position:absolute;animation:rank-fly .7s ease-out both}.rank-fx i.dust{left:-6px;top:80px;width:12px;height:12px;background:#aba4a6;opacity:.8;animation-name:rank-puff}.rank-fx i.dust:nth-child(2n){background:#7c7e7a}.rank-fx i.glint{left:-4px;top:-4px;width:8px;height:8px;background:var(--accent);clip-path:polygon(50% 0,65% 35%,100% 50%,65% 65%,50% 100%,35% 65%,0 50%,35% 35%);animation-duration:.9s}.rank-fx i.glint:nth-child(3n){background:var(--edge-hi)}@keyframes rank-fly{40%{opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(.4);opacity:0}}@keyframes rank-puff{to{transform:translate(var(--dx),var(--dy)) scale(2.2);opacity:0}}@media (prefers-reduced-motion: reduce){#rankup,#rankup *{animation-duration:1ms!important;animation-iteration-count:1!important}}@media (max-width: 760px){.rank-stage{transform:scale(.8)}}#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 .hk,#buffs span,#bag-grid .cell,#bag-grid .item i,#gear,#bag-stats,#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}