:root{--side-w: 280px;--ink: #3a1d0f;--ink-2: #5b3418;--muted: #86603c;--paper: #fdf0cc;--paper-2: #f6dfa8;--paper-3: #e9c983;--paper-4: #d4ad68;--wood: #c47a34;--wood-dark: #6e3a17;--cream: #fff3d1;--gold: #f2c14e;--gold-hi: #ffe08a;--leaf: #6aa84f;--leaf-dark: #3d7a22;--sea: #59a8d2;--danger: #b8402f;--cursor: url(../ui/cursor.png) 0 0;--num: "Press Start 2P", monospace;font:16px/1.3 Pixelify Sans,system-ui,sans-serif;color:var(--ink);cursor:var(--cursor),auto;image-rendering:pixelated;-webkit-font-smoothing:none}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--sea)}#game{position:fixed;inset:0}#ui{position:fixed;inset:0;pointer-events:none}#ui>*{pointer-events:auto}h2,h3{margin:0;font-weight:700}.muted{color:var(--muted);font-size:14px;margin:6px 0 0}button,select{font:inherit;color:inherit;cursor:var(--cursor),pointer}button{background:none;border:0;padding:0}:focus,:focus-visible{outline:none}[aria-disabled=true]{opacity:.5;filter:grayscale(.6);cursor:var(--cursor),not-allowed}.icon{display:inline-block;vertical-align:middle;flex:none}.icon.emoji{font-size:22px;line-height:32px;width:32px;text-align:center}.coin{display:inline-block;width:20px;height:20px;background:url(../ui/coin.png) center / 20px;vertical-align:-4px;flex:none}.wood,#skills,#inventory,#queue,#placing,#radial.list,#cave-hud{border:16px solid transparent;border-image:url(../ui/panel.png) 8 fill / 16px repeat;filter:drop-shadow(0 4px 0 rgb(40 20 8 / .35))}.btn,.shop-row button,button.wide,.item button,#placing button,#radial.ring button,.queue-line button,#cave-hud button,#trader-btn button{border-style:solid;border-color:transparent;border-width:8px 8px 10px;border-image:url(../ui/button.png) 4 4 5 4 fill / 8px 8px 10px repeat;color:var(--cream);text-shadow:0 2px 0 var(--wood-dark);font-weight:700;line-height:1.1;transition:transform .08s,filter .12s}:is(.btn,.shop-row button,button.wide,.item button,#placing button,#radial.ring button):not([aria-disabled]):hover{filter:brightness(1.12);transform:translateY(-1px)}:is(.btn,.shop-row button,button.wide,.item button,#placing button,#radial.ring button):not([aria-disabled]):active{transform:translateY(2px);filter:brightness(.95)}.shop-row button.quiet,#placing button{border-image-source:url(../ui/button-paper.png);color:var(--ink);text-shadow:none}.item button,button.wide{border-image-source:url(../ui/button-gold.png);color:var(--ink);text-shadow:0 1px 0 var(--gold-hi)}.bar{display:inline-block;width:90px;height:10px;vertical-align:middle;overflow:hidden;background:#dcbb7c;border:2px solid var(--ink-2);box-shadow:inset 0 2px #6e3a1740}.bar>span{display:block;height:100%;background:linear-gradient(#b6e488 0 2px,#6aa84f 2px 4px,#4d8a36 4px);box-shadow:2px 0 0 var(--leaf-dark);transition:width .3s steps(12,end)}#hud{position:absolute;top:10px;left:10px;max-width:calc(100% - 300px)}#status{display:flex;align-items:center;gap:12px;padding:0 2px;min-height:48px}.sep{align-self:stretch;width:2px;margin:2px 0;background:repeating-linear-gradient(var(--paper-4) 0 4px,transparent 4px 6px)}.purse{display:flex;align-items:center;gap:8px;font-size:22px;font-weight:700;min-width:84px;font-variant-numeric:tabular-nums}.purse.gain{animation:purse-gain .45s ease-out}.purse.spend{animation:purse-spend .35s ease-out}@keyframes purse-gain{30%{transform:scale(1.18);color:var(--leaf-dark)}}@keyframes purse-spend{30%{transform:translate(-3px);color:var(--danger)}60%{transform:translate(3px)}}#island-lv{display:flex;align-items:center;gap:8px}.lv-badge{display:grid;place-items:center;width:36px;height:36px;padding-bottom:1px;background:url(../ui/medal.png) center / 36px;color:var(--cream);font-size:16px;font-weight:700;line-height:1;text-shadow:0 2px 0 #2a120b}.lv-text{display:grid;gap:4px}.lv-text>span{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.lv-text small{font-size:12px;font-weight:700;color:var(--ink-2);letter-spacing:.08em;text-transform:uppercase}.lv-text small.xp{font-weight:400;color:var(--muted);letter-spacing:0;text-transform:none;font-variant-numeric:tabular-nums}#hud .bar{width:124px}#menu{display:flex;gap:4px}.mbtn{position:relative;display:grid;place-items:center;width:48px;height:48px;border:8px solid transparent;border-image:url(../ui/slot.png) 4 fill / 8px;transition:filter .12s}.mbtn .icon{transition:transform .12s;filter:drop-shadow(0 2px 0 rgb(58 29 15 / .3))}.mbtn:hover{filter:brightness(1.05)}.mbtn:hover .icon{transform:translateY(-2px)}.mbtn:active .icon{transform:translateY(1px)}.mbtn kbd{position:absolute;top:-4px;left:-3px;font:700 10px/1 Pixelify Sans,monospace;color:var(--muted)}.mbtn:after{content:attr(data-label);position:absolute;top:calc(100% + 14px);left:50%;translate:-50% -4px;z-index:10;padding:3px 8px;white-space:nowrap;pointer-events:none;font-size:13px;font-weight:700;color:var(--cream);background:var(--ink);box-shadow:0 0 0 2px var(--wood-dark),0 4px 0 2px #28140859;opacity:0;transition:opacity .12s,translate .12s}.mbtn:hover:after,.mbtn:focus-visible:after{opacity:1;translate:-50% 0}.mbtn .badge{position:absolute;top:-12px;right:-12px;min-width:20px;height:20px;display:grid;place-items:center;padding:0 4px;font-size:12px;line-height:1;color:var(--cream);background:var(--danger);border:2px solid var(--ink);box-shadow:inset -2px -2px #8a2a22;animation:bob 1s ease-in-out infinite}.mbtn .badge.quiet{color:var(--ink);background:var(--paper);box-shadow:inset -2px -2px 0 var(--paper-3);animation:none}.mbtn.quiet .i-reset{width:22px;height:22px;background:url(../ui/reset.png) center / 22px;opacity:.8}.mbtn.glow{animation:glow 1.4s ease-in-out infinite}@keyframes glow{50%{filter:brightness(1.12) drop-shadow(0 0 5px var(--gold-hi))}}@keyframes bob{50%{transform:translateY(-3px)}}#skills{position:absolute;top:10px;right:10px;width:var(--side-w);display:grid;padding:0 2px}.plaque{font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);display:flex;align-items:center;gap:8px;margin-bottom:4px}.plaque:before,.plaque:after{content:"";flex:1;height:2px;background:repeating-linear-gradient(90deg,var(--paper-4) 0 4px,transparent 4px 6px)}.plaque small{font-size:13px;color:var(--muted);letter-spacing:0}.skill{display:grid;grid-template-columns:40px 1fr 28px;grid-template-areas:"i n m" "i b m" "i s m";align-items:center;column-gap:10px;row-gap:4px;padding:8px 4px;text-align:left}.skill+.skill{border-top:2px dashed var(--paper-3)}.sk-ic{grid-area:i;display:grid;place-items:center;width:40px;height:40px;border:8px solid transparent;border-image:url(../ui/slot.png) 4 fill / 8px}.sk-ic .icon{filter:drop-shadow(0 1px 0 rgb(58 29 15 / .3));transition:transform .12s}.sk-name{grid-area:n;font-size:15px;font-weight:700;line-height:1}.skill>b{grid-area:m;display:grid;place-items:center;width:28px;height:28px;padding-bottom:1px;background:url(../ui/medal-s.png) center / 28px;color:var(--cream);font-size:13px;line-height:1;text-shadow:0 2px 0 #2a120b;font-variant-numeric:tabular-nums}.skill>.bar{grid-area:b;width:100%;height:8px}.skill>small{grid-area:s;font-size:12px;line-height:1.15;color:var(--muted);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.skill>small em{font-style:normal;font-weight:700;color:var(--ink-2)}.skill:hover .sk-ic .icon{transform:translateY(-2px) rotate(-6deg)}.skill:hover{background:#e9c98373}.skill.up{animation:skill-up 1.8s ease-out}.skill.up>b{animation:lvl-pop .5s cubic-bezier(.3,1.8,.5,1),medal-shine 1.8s ease-out}@keyframes medal-shine{0%,30%{filter:brightness(1.35) drop-shadow(0 0 4px var(--gold-hi))}}@keyframes skill-up{0%,40%{background:#ffe08ae6}}@keyframes lvl-pop{0%{transform:scale(.4)}60%{transform:scale(1.4)}}#goals{position:absolute;top:96px;left:14px;width:260px;padding:6px 4px 4px;rotate:-1deg;border:10px solid transparent;border-image:url(../ui/note.png) 5 fill / 10px repeat;filter:drop-shadow(2px 4px 0 rgb(40 20 8 / .3))}#goals:before{content:"";position:absolute;top:-18px;left:calc(50% - 7px);width:14px;height:14px;background:url(../ui/pin.png) center / 14px}#goals h2{font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--danger);margin-bottom:4px}#goals ol{margin:0;padding:0;list-style:none;display:grid;gap:4px;font-size:15px;background:repeating-linear-gradient(transparent 0 19px,#d4ad6859 19px 20px)}#goals li{display:grid;grid-template-columns:14px 1fr;gap:6px}#goals li:before{content:"";width:10px;height:10px;margin-top:4px;border:2px solid var(--ink-2);background:var(--paper)}#goals li:first-child{font-weight:700}#goals li:first-child:before{background:var(--gold-hi);animation:bob 1.2s ease-in-out infinite}#queue{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;gap:4px;align-items:stretch;max-width:calc(100% - 330px)}.slot{position:relative;display:flex;align-items:center;gap:6px;min-width:52px;min-height:52px;padding:0 4px;font-size:14px;border:8px solid transparent;border-image:url(../ui/slot.png) 4 fill / 8px repeat}.slot>span:not(.icon){flex:1;min-width:0;display:grid;gap:3px}.slot:not(.current)>span:not(.icon){display:none}.slot.current{min-width:240px;max-width:320px}.slot.current>span:not(.icon){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}.slot.current .bar{width:100%;height:8px}.slot em{font-style:normal;color:var(--muted)}.slot small{color:var(--muted);font-weight:400;animation:cool .6s ease-in-out infinite alternate}.slot.idle{color:var(--muted);font-size:13px}.slot.idle>span:not(.icon){white-space:normal;font-weight:400}.slot.empty{opacity:.55}.slot button{position:absolute;top:-10px;right:-10px;width:20px;height:20px;font-size:0;background:url(../ui/close.png) center / 20px;opacity:0;transition:opacity .1s,transform .1s}.slot:hover button,.slot button:focus-visible,.slot.current button{opacity:1}.slot button:hover{transform:scale(1.15)}@keyframes cool{to{opacity:.5}}#inventory{position:absolute;bottom:10px;right:10px;width:var(--side-w);max-height:calc(100vh - 390px);overflow:hidden auto;padding:0 6px;scrollbar-width:thin}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.item{position:relative;display:grid;place-items:center;aspect-ratio:1;min-height:52px;font-size:13px;border:8px solid transparent;border-image:url(../ui/slot.png) 4 fill / 8px repeat}.item>b{position:absolute;right:-4px;bottom:-6px;font-size:15px;color:var(--cream);text-shadow:2px 0 var(--ink),-2px 0 var(--ink),0 2px var(--ink),0 -2px var(--ink)}.item.empty{opacity:.5}.item button{position:absolute;top:-10px;right:-10px;border-width:4px 4px 6px;border-image-width:4px 4px 6px;padding:0 2px;font-size:11px;opacity:0}.item:hover button,.item button:focus-visible,.item:focus-within button{opacity:1}button.item{cursor:var(--cursor),pointer}button.item.placeable{border-image-source:url(../ui/button-gold.png);border-width:8px 8px 10px;border-image-slice:4 4 5 4 fill;border-image-width:8px 8px 10px}button.item.placeable:hover,button.item.placeable.active{filter:brightness(1.12)}#inventory>.muted{display:flex;align-items:center;gap:4px;font-size:13px}.flyer{position:fixed;left:0;top:0;z-index:20;pointer-events:none;filter:drop-shadow(0 3px 0 rgb(40 20 8 / .4))}#radial{position:absolute;z-index:5}#radial[hidden]{display:none!important}#radial.ring{width:0;height:0}#radial.ring button{position:absolute;left:0;top:0;white-space:nowrap;display:grid;padding:0 4px;font-size:15px;animation:pop .16s cubic-bezier(.3,1.6,.5,1) backwards}#radial.ring button:nth-child(2){animation-delay:.03s}#radial.ring button:nth-child(3){animation-delay:.06s}#radial.ring button:nth-child(4){animation-delay:.09s}#radial.list{display:grid;gap:2px;min-width:220px;animation:pop .14s ease-out}#radial.list button{display:grid;padding:6px 10px;text-align:left;font-weight:700;font-size:15px;border-bottom:2px dashed var(--paper-3)}#radial.list button:last-child{border-bottom:0}#radial.list button:not([aria-disabled]):hover{background:var(--paper-2)}#radial.list button:not([aria-disabled]):hover{box-shadow:inset 4px 0 0 var(--wood)}#radial button small{font-weight:400;color:#ffd0c4;font-size:12px;text-shadow:none}#radial.list button small{color:var(--danger)}@keyframes pop{0%{opacity:0;scale:.6}}#toasts{position:absolute;top:80px;left:50%;transform:translate(-50%);display:grid;gap:6px;justify-items:center;pointer-events:none!important;z-index:6;width:min(520px,calc(100% - 24px))}.toast{padding:2px 8px;font-size:15px;font-weight:700;text-align:center;border:10px solid transparent;border-image:url(../ui/note.png) 5 fill / 10px repeat;filter:drop-shadow(0 3px 0 rgb(40 20 8 / .3));animation:toast 3.2s ease forwards}.toast.level{padding:0 34px;min-height:28px;line-height:28px;color:var(--cream);text-shadow:0 2px 0 #6e1f1a;border-width:0 20px;border-image:url(../ui/ribbon.png) 0 10 fill / 0 20px;font-size:16px}.toast.level:before,.toast.level:after{content:"★";color:var(--gold-hi);margin:0 6px}@keyframes toast{0%{opacity:0;transform:translateY(-12px) scale(.8)}6%{opacity:1;transform:translateY(2px) scale(1.05)}10%,86%{opacity:1;transform:none}to{opacity:0;transform:translateY(-6px)}}#placing{position:absolute;top:10px;left:50%;transform:translate(-50%);display:flex;gap:10px;align-items:center;white-space:nowrap;font-weight:700;z-index:5;padding:0 4px}#placing[hidden]{display:none}#cave-hud{position:absolute;top:84px;left:50%;transform:translate(-50%);display:flex;gap:12px;align-items:center;white-space:nowrap;font-weight:700;z-index:5;padding:0 4px}#cave-hud[hidden],body.in-cave :is(#queue,#goals){display:none}#cave-hud button{padding:0 6px;font-size:14px}#cave-hud .hearts{color:#e0674a;letter-spacing:1px}#cave-hud .hearts i{color:#3a1d0f4d;font-style:normal}#cave-hud .low{color:#b4492f;animation:pulse 1s infinite alternate}#cave-hud .haul{display:flex;gap:6px;align-items:center}#cave-hud .haul em{color:#3f7a2a;font-style:normal}#cave-hud .haul-item{display:inline-flex;align-items:center;gap:1px}@keyframes pulse{to{opacity:.45}}#trader-btn{position:absolute;top:84px;left:50%;transform:translate(-50%);z-index:5}#trader-btn[hidden]{display:none}#trader-btn button{font-size:16px;padding:2px 10px}.order b span{margin-right:8px;white-space:nowrap}.dex{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.dex .muted{width:32px;text-align:center;font-size:20px}#placing button{padding:0 6px;font-size:14px}dialog{padding:0;width:min(800px,calc(100vw - 130px));max-width:none;max-height:calc(100vh - 90px);color:var(--ink);overflow:visible;background:none;border:36px solid transparent;border-image:url(../ui/book.png) 12 fill / 36px repeat;filter:drop-shadow(0 8px 0 rgb(20 10 4 / .45))}dialog[open]{display:flex;flex-direction:column;animation:book-open .24s cubic-bezier(.2,1.2,.4,1)}dialog::backdrop{background:radial-gradient(ellipse at center,#1e120859,#140a04b3)}dialog:after{content:"";position:absolute;left:44px;bottom:-78px;width:14px;height:52px;background:url(../ui/bookmark.png) center / 14px 52px}@keyframes book-open{0%{opacity:0;transform:translateY(18px) scale(.94) rotate(-1deg)}}#report,#station:not(:has(.tabs:not(:empty))){width:min(560px,calc(100vw - 110px))}dialog>header{position:relative;height:30px;flex:none}dialog>header h2{position:absolute;left:50%;top:-50px;transform:translate(-50%);max-width:calc(100% - 40px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:28px;line-height:28px;padding:0 14px;border-width:0 20px;border-style:solid;border-color:transparent;border-image:url(../ui/ribbon.png) 0 10 fill / 0 20px;color:var(--cream);font-size:17px;letter-spacing:.04em;text-shadow:0 2px 0 #6e1f1a}dialog>header button[data-ui=close]{position:absolute;top:-50px;right:-50px;width:28px;height:28px;font-size:0;background:url(../ui/close.png) center / 28px;transition:transform .1s}dialog>header button[data-ui=close]:hover{transform:rotate(-12deg) scale(1.1)}dialog>div{padding:0 14px 14px;overflow:auto;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:var(--paper-4) transparent}dialog h3{font-size:16px;color:var(--ink-2)}.tabs{position:absolute;left:calc(100% + 36px);top:-6px;display:grid;gap:4px}.tabs:empty{display:none}.tab{display:grid;place-items:center;width:46px;height:40px;padding:0 4px 0 0;border-style:solid;border-color:transparent;border-width:10px 10px 10px 6px;border-image:url(../ui/tab.png) 5 5 5 3 fill / 10px 10px 10px 6px;transition:transform .1s;transform-origin:left center}.tab:hover{transform:translate(3px)}.tab.on{border-image-source:url(../ui/tab-on.png);width:54px;margin-left:-8px}.tab .icon{filter:drop-shadow(0 1px 0 rgb(40 20 8 / .5))}.report-list{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:4px;font-weight:700}.report-list li{display:flex;align-items:center;gap:6px;padding:2px 0;border-bottom:2px dashed var(--paper-3)}.tree{position:relative;margin:6px auto 0}.tree svg{position:absolute;inset:0}.tree line{stroke:var(--paper-4);stroke-width:4;stroke-dasharray:6 4}.tree line.on{stroke:var(--leaf);stroke-dasharray:none}.node{position:absolute;width:124px;height:92px;display:grid;align-content:start;gap:1px;padding:6px 8px;text-align:left;font-size:12px;background:var(--paper);border:3px solid var(--ink-2);box-shadow:inset -3px -3px #00000014,inset 3px 3px #fff9,0 3px #3a1d0f40;transition:transform .1s}.node b{font-size:14px}.node span{color:var(--muted);line-height:1.15}.node small{font-size:11px;margin-top:auto}.node.owned{background:#e2f0cf;border-color:var(--leaf-dark)}.node.owned small{color:var(--leaf-dark);font-weight:700}.node.buyable{background:#fff4c4;border-color:#a87a17;animation:glow 1.4s ease-in-out infinite}.node.buyable:hover{background:var(--gold-hi);transform:translateY(-2px)}.node[aria-disabled]{opacity:1;filter:none}.node.locked{background:var(--paper-2);color:var(--muted);border-color:var(--muted)}.node.locked small{color:var(--danger)}.node.home{background:var(--wood);color:var(--cream);border-color:var(--ink);text-shadow:0 2px 0 var(--wood-dark)}.node.home span{color:var(--paper-2)}.shop-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:8px 2px;border-bottom:2px dashed var(--paper-3)}.shop-row:last-child{border-bottom:0}.shop-row div{display:grid}.shop-row div>b{font-size:16px}.shop-row>.icon{margin:6px;background-color:var(--paper-2);box-shadow:0 0 0 4px var(--paper-2),0 0 0 6px var(--paper-4)}.shop-row .btns{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.shop-row button{padding:0 6px;font-size:14px;min-height:18px}.shop-row .why{color:var(--danger);font-size:13px}#shop-body h3{margin:10px 0 0}#shop-body h3:first-child{margin-top:0}.queue-line{margin:8px 0;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tier{display:grid;place-items:center;width:44px;height:44px;border:3px solid var(--ink-2);background:var(--paper-2);box-shadow:inset -3px -3px #0000001f}.tier.t1{background:#e3a06b}.tier.t2{background:#c9cdd2}.tier.t3{background:var(--gold)}.chest{display:grid;grid-template-columns:1fr 1fr;gap:18px}.chest>div{padding:8px;background:#e9c9834d;border:2px dashed var(--paper-4)}.chest h3{margin:0 0 6px;font-size:15px}.chest button.item:hover{filter:brightness(1.08);transform:translateY(-1px)}button.wide{margin-top:8px;width:100%;padding:2px;font-size:14px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.skills-grid section{padding:8px;background:#e9c9834d;border:2px dashed var(--paper-4)}.skills-grid h3{margin:0 0 6px;display:flex;justify-content:space-between}.skills-grid ul{list-style:none;margin:0;padding:0;display:grid;gap:3px;font-size:14px}.skills-grid li{display:grid;grid-template-columns:48px 1fr;color:var(--muted)}.skills-grid li.done{color:var(--ink)}.skills-grid li.done span:before{content:"✓ ";color:var(--leaf-dark)}.skills-grid li span{font-weight:700}.sprout-icon{display:grid;place-items:center;width:44px;height:44px;background:var(--paper-2);border:3px solid var(--ink-2);box-shadow:inset -3px -3px #00000026}.sprout-row .stats{display:flex;flex-wrap:wrap;gap:2px 12px;font-size:13px}.sprout-row .btns{flex-wrap:wrap;justify-content:flex-end;max-width:340px}.sprout-row .stats .stat{white-space:nowrap}.rules{margin:-4px 0 10px 52px;display:grid;gap:4px;font-size:13px}.rule{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.rule select,.rule input{padding:1px 3px;border:2px solid var(--ink-2);background:var(--paper);color:var(--ink);max-width:150px;font:inherit}.rule input{width:56px}.rules>button{justify-self:start}.sprout-row .stat b{letter-spacing:1px;color:var(--wood)}.sprout-row .stat i{font-style:normal;color:var(--paper-3)}.sprout-row select{padding:3px 4px;border:3px solid var(--ink-2);background:var(--paper);color:var(--ink);max-width:200px}.sprout-row .lv{font-weight:400;font-size:13px;color:var(--muted);margin-left:6px}.sprout-row .lv .bar{width:60px}.sprout-row .traits{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.sprout-row .trait{font-size:12px;padding:0 6px;border:2px solid var(--ink-2);background:var(--gold-hi);cursor:var(--cursor),help}@media(max-width:1100px){#queue{left:10px;transform:none;max-width:calc(100% - 300px)}}@media(max-width:760px){#hud{top:6px;left:6px;max-width:calc(100% - 12px);gap:6px}#status{min-height:0;gap:6px 8px;flex-wrap:wrap}#status .sep:last-of-type{display:none}.purse{font-size:18px;min-width:0}.lv-text>span{display:none}#hud .bar{width:60px}.mbtn kbd,.mbtn:after{display:none}#skills{inset:auto 6px 192px;width:auto;display:flex;gap:4px;padding:0}#skills .plaque{display:none}.skill{flex:1;grid-template-columns:24px 28px;grid-template-areas:"i m" "b b";justify-content:center;padding:2px;column-gap:4px}.skill+.skill{border-top:0}.sk-ic{width:24px;height:24px;border:0;border-image:none}.sk-name,.skill>small{display:none}#goals{inset:auto 8px 272px;width:auto;rotate:0deg;padding:2px}#goals h2,#goals li:not(:first-child){display:none}#goals ol{background:none}#inventory{bottom:94px;left:6px;right:6px;width:auto;max-height:none;display:flex;gap:6px;align-items:center}#inventory .plaque,#inventory>.muted{display:none}#inventory .grid{display:flex;overflow-x:auto;flex:1;padding-top:10px}#inventory .item{min-width:52px}#inventory .item.empty{display:none}#queue{bottom:6px;left:6px;right:6px;max-width:none}.slot.current{min-width:0;flex:1}.slot.idle>span:not(.icon){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot.empty{display:none}#toasts{top:auto;bottom:340px}dialog{width:calc(100vw - 72px);margin-left:8px;border-width:24px;border-image-width:24px}dialog>header h2{top:-40px}dialog>header button[data-ui=close]{top:-38px;right:-38px}dialog:after{left:30px;bottom:-66px}.tabs{left:calc(100% + 22px)}.tab{width:40px;height:36px}.tab.on{width:46px}.chest{grid-template-columns:1fr}.sprout-row{grid-template-columns:auto 1fr}.sprout-row .btns{grid-column:1 / -1;flex-wrap:wrap}#placing{top:auto;bottom:272px;max-width:calc(100% - 16px);white-space:normal}#cave-hud{top:auto;bottom:8px;max-width:calc(100% - 16px);flex-wrap:wrap;white-space:normal;gap:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}}#coin-n{font:16px/1 var(--num)}.lv-badge,.skill>b,.mbtn .badge,.item>b,.lv-text small.xp{font-family:var(--num);font-weight:400;font-size:8px;letter-spacing:0}.lv-badge,.skill>b{padding:2px 0 0 2px}.item>b{right:-2px;bottom:-4px}.skill>small em{font:8px/1 var(--num);margin-right:2px}dialog .n{font:400 8px/1 var(--num);letter-spacing:0;margin:0 1px}dialog:has(.tabs:not(:empty)){min-height:290px}.letter.new{background:var(--paper-2)}.letter p{margin:4px 0 0}.friend .dot{width:12px;height:12px;border:2px solid var(--ink-2);background:var(--paper-4)}.friend .dot.on{background:var(--leaf)}.num-code{font:400 10px/1 var(--num);letter-spacing:.15em}.social-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:6px 0}.social-form.parcel{display:grid;justify-items:start}.social-form label{display:flex;gap:6px;align-items:center}.social-form input{padding:4px 6px;border:3px solid var(--ink-2);background:var(--paper);color:var(--ink);font:inherit;min-width:0}.social-form input[type=number]{width:72px}.parcel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:4px 12px;width:100%}.parcel-item{display:grid;grid-template-columns:auto 1fr auto;gap:6px;align-items:center}#visit-bar{position:absolute;top:92px;left:50%;transform:translate(-50%);display:flex;gap:10px;align-items:center;white-space:nowrap;font-weight:700;z-index:5;padding:0 4px}#visit-bar[hidden],body.visiting #goals{display:none}#visit-bar button{padding:0 6px;font-size:14px}@media(max-width:760px){#visit-bar{top:auto;bottom:272px;max-width:calc(100% - 16px);white-space:normal;flex-wrap:wrap;justify-content:center}}.market-search,.social-form select{padding:4px 6px;border:3px solid var(--ink-2);background:var(--paper);color:var(--ink);font:inherit}.market-search{width:100%;margin:4px 0}
