:root{--ink:#fff7e6;--ink-dark:#3a2614;--outline:#2a1e14;--wood:#6b4423;--wood-hi:#a8743f;--wood-lo:#4a2e17;--parch:#f1dfb4;--parch-hi:#fff2cf;--parch-lo:#c9a86a;--red:#c8322a;--red-hi:#ff7a6a;--green:#4f9a3a;--green-hi:#8fd36a;--gold:#f7c843;--blue:#2f6cc8;--red-ink:#8a2a20;--px-shadow:0 3px 0 #00000073;--text-shadow:1px 1px 0 var(--outline), -1px 1px 0 var(--outline), 1px -1px 0 var(--outline), -1px -1px 0 var(--outline), 0 2px 0 var(--outline);--stone:#b7b9bd;--iron:#7d8494;--crystal:#6fe0ff}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{font-synthesis:none;height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;touch-action:none;-webkit-font-smoothing:none;font-smooth:never;background:#1c140c;margin:0;font-family:Geist Pixel,ui-rounded,system-ui,sans-serif;font-weight:400;overflow:hidden}img.px{image-rendering:pixelated;vertical-align:middle;flex-shrink:0;display:inline-block}#frame{background:#5e9e45;width:100%;height:100%;margin:0 auto;position:relative;overflow:hidden}canvas#game{width:100%;height:100%;display:block;position:absolute;inset:0}canvas#game.pixel{image-rendering:pixelated}#hud{--bar-top:max(6px, env(safe-area-inset-top));--botbar-h:58px;--bar-bottom:max(6px, env(safe-area-inset-bottom));pointer-events:none;position:absolute;inset:0}#hud button{font:inherit}.stock,.wave,.bb{color:var(--ink)}.topbar{left:6px;right:6px;top:var(--bar-top);pointer-events:auto;z-index:4;background:var(--wood);border:2px solid var(--outline);box-shadow:inset 0 0 0 2px var(--wood-hi), inset 0 -4px 0 2px var(--wood-lo), var(--px-shadow);padding:4px 4px 6px;position:absolute}.tb-row{align-items:center;gap:6px;min-height:28px;display:flex}.stock{cursor:pointer;text-align:left;min-width:0;text-shadow:var(--text-shadow);background:#0000002e;border:0;flex-wrap:nowrap;flex:1;align-items:center;gap:2px 8px;padding:2px 4px;font-size:15px;display:flex;overflow:hidden}.stock span{white-space:nowrap;align-items:center;gap:2px;display:flex}.stock .rate{align-self:flex-end;margin-bottom:1px;font-size:9px;font-style:normal}.stock .rate.up{color:#9be27a}.stock .rate.down{color:var(--red-hi)}.stock.dense{justify-content:space-between;gap:2px 4px;padding:2px;font-size:12px}.stock.dense span{gap:1px}.stock.dense img{width:13px;height:13px}@media (max-width:400px){#hud .stock.dense{flex-wrap:wrap;place-content:center flex-start;gap:1px 6px;padding:1px 2px;font-size:11px;line-height:12px}.stock.dense img{width:12px;height:12px}.stock.dense .rate{display:none}}.wave{cursor:pointer;background:var(--wood-lo);border:2px solid var(--outline);text-shadow:var(--text-shadow);white-space:nowrap;flex-shrink:0;align-items:center;gap:3px;padding:3px 5px 4px 4px;font-size:12px;line-height:1;display:flex}.wave b{font-weight:700}.wave small{opacity:.85;font-size:11px}.wave.active{background:var(--red);animation:1s steps(2,end) infinite pulse}.keep{border:2px solid var(--outline);background:#24180e;height:14px;margin-top:4px;position:relative;overflow:hidden}.keep-fill{background:repeating-linear-gradient(90deg,#ffd25a 0 6px,#f0b830 6px 8px);width:100%;transition:width .2s steps(6,end);position:absolute;top:0;bottom:0;left:0}.keep span,.keep em{text-shadow:var(--text-shadow);align-items:center;font-size:10px;font-style:normal;line-height:1;display:flex;position:absolute;top:0;bottom:0}.keep span{left:6px}.keep em{right:6px}.keep span img,.keep em img{margin-right:3px}.keep.hit{animation:.35s steps(2,end) hit}@keyframes hit{50%{background:var(--red)}}.goal{left:6px;right:108px;top:calc(var(--bar-top) + 64px);z-index:3;pointer-events:auto;cursor:pointer;text-align:left;background:var(--parch);color:var(--ink-dark);border:2px solid var(--outline);box-shadow:inset 0 -3px 0 0 var(--parch-lo), var(--px-shadow);flex-direction:column;gap:2px;padding:3px 6px 5px 3px;font-size:13px;line-height:1.2;display:flex;position:absolute}.goal .qrow{align-items:center;gap:5px;display:flex}.goal .txt{-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;min-width:0;display:-webkit-box;overflow:hidden}.goal.open .txt{display:block}.goal.more:not(.open) .qrow:after{content:"";opacity:.7;background:var(--icon-down) center / contain no-repeat;width:10px;height:10px;image-rendering:pixelated;flex-shrink:0;align-self:flex-end}.goal .next{background:var(--green);color:#fff;text-transform:uppercase;letter-spacing:1px;border:2px solid var(--outline);text-shadow:0 1px 0 var(--outline);flex-shrink:0;padding:1px 4px 2px;font-size:10px}.goal .next.tut{background:var(--blue,#284a7a);letter-spacing:0}.goal .qplace{flex-shrink:0;padding:2px 6px;font-size:12px}.goal .qprog{flex-wrap:wrap;gap:2px 10px;padding-left:2px;font-size:12px;display:flex}.goal .qprog span{align-items:center;gap:2px;display:inline-flex}.goal .qprog .done{color:#2f6b22}.wavepop{right:6px;top:calc(var(--bar-top) + 62px);z-index:6;pointer-events:auto;width:min(260px,80%);color:var(--ink-dark);background:var(--parch);border:3px solid var(--outline);box-shadow:inset 0 0 0 3px var(--parch-hi), inset 0 -6px 0 3px var(--parch-lo), 0 6px 0 #00000073;max-height:calc(100% - var(--bar-top) - 62px - var(--bar-bottom) - var(--botbar-h) - 8px);overscroll-behavior:contain;touch-action:pan-y;flex-direction:column;gap:6px;padding:10px 12px 12px;font-size:13px;display:flex;position:absolute;overflow-y:auto}.wavepop[hidden]{display:none}.wavepop h4{margin:0;font-size:16px}.wavepop p{margin:0}.wavepop .where{opacity:.75;align-items:center;gap:4px;font-size:12px;display:flex}.rivals{gap:3px;margin-top:2px;display:grid}.rival{background:#c9a86a59;grid-template-columns:1fr auto;align-items:center;gap:2px 6px;padding:3px 6px;display:grid}.rival small{opacity:.75;font-size:11px}.rival.war small{color:var(--red-ink);opacity:1;font-weight:700}.rival .angerrow{grid-column:1/-1;align-items:center;gap:4px;display:flex}.rival .anger{border:1px solid var(--outline);background:#5a3f22;flex:1;height:6px}.rival .rname{align-items:center;gap:4px;display:inline-flex}.wavepop h4 img,.wavepop p img,.wavepop small img,.wavepop .btn img{vertical-align:-2px;margin-right:3px}.rival .anger b{background:var(--red-hi);height:100%;display:block}.minimap{right:8px;top:calc(var(--bar-top) + 66px);z-index:3;pointer-events:auto;cursor:pointer;border:3px solid var(--outline);width:92px;height:92px;box-shadow:0 0 0 2px var(--wood-hi), 0 0 0 4px var(--outline), 0 5px 0 #0006;background:0 0;position:absolute}.botbar{left:6px;right:6px;bottom:var(--bar-bottom);height:var(--botbar-h);z-index:4;pointer-events:auto;background:var(--wood);border:2px solid var(--outline);box-shadow:inset 0 0 0 2px var(--wood-hi), inset 0 -4px 0 2px var(--wood-lo), var(--px-shadow);align-items:center;gap:6px;padding:0 6px 2px;display:flex;position:absolute}.bb{cursor:pointer;background:var(--wood-lo);border:2px solid var(--outline);min-width:46px;height:42px;text-shadow:var(--text-shadow);box-shadow:inset 0 2px 0 0 var(--wood-hi);justify-content:center;align-items:center;gap:3px;padding:0 8px 2px;font-size:17px;display:flex;position:relative}.bb:active{transform:translateY(2px)}.bb small{opacity:.85;font-size:11px}.bb.full{background:var(--red);animation:.4s shake}.bb .dot{border:2px solid var(--outline);background:var(--gold);width:10px;height:10px;position:absolute;top:-5px;right:-5px}.bb .dot.off{background:var(--red-hi)}.bb .badge{background:var(--gold);min-width:18px;height:18px;color:var(--outline);text-shadow:none;border:2px solid var(--outline);place-items:center;font-size:11px;display:grid;position:absolute;top:-7px;right:-7px}.bb-space{flex:1}.bb.tut-pulse,.dash-btn.tut-pulse{outline:3px solid var(--gold);outline-offset:2px;animation:1s steps(2,jump-none) infinite tut-pulse}@keyframes tut-pulse{50%{outline-color:var(--parch-hi);outline-offset:4px}}@media (prefers-reduced-motion:reduce){.bb.tut-pulse,.dash-btn.tut-pulse{animation:none}}.hud-locked{display:none!important}.hud-new{outline:3px solid var(--gold);outline-offset:2px;animation:1s steps(2,jump-none) infinite tut-pulse;position:relative}.hud-new:after{content:"New";color:var(--parch-hi);background:var(--red-hi);pointer-events:none;border:2px solid #000;padding:0 4px;font-size:11px;line-height:15px;position:absolute;top:-10px;right:-8px}@media (prefers-reduced-motion:reduce){.hud-new{animation:none}}.queue{left:6px;bottom:calc(var(--bar-bottom) + var(--botbar-h) + 8px);z-index:6;pointer-events:auto;width:min(260px,80%);color:var(--ink-dark);background:var(--parch);border:3px solid var(--outline);box-shadow:inset 0 0 0 3px var(--parch-hi), inset 0 -6px 0 3px var(--parch-lo), 0 6px 0 #00000073;max-height:calc(100% - var(--bar-top) - 70px - var(--bar-bottom) - var(--botbar-h) - 8px);overscroll-behavior:contain;touch-action:pan-y;flex-direction:column;gap:4px;padding:10px;display:flex;position:absolute;overflow-y:auto}.queue[hidden]{display:none}.queue h4{align-items:center;gap:5px;margin:0 0 2px;font-size:14px;display:flex}.queue .empty{opacity:.75;margin:0;font-size:12px}.qitem{cursor:pointer;text-align:left;min-height:40px;color:var(--ink-dark);border:2px solid var(--outline);background:#c9a86a73;flex-shrink:0;align-items:center;gap:5px;padding:3px 6px;font-size:13px;display:flex}.qitem b{background:var(--gold);border:2px solid var(--outline);place-items:center;width:18px;height:18px;font-size:11px;display:grid}.qitem span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.qitem small{opacity:.75;white-space:nowrap;font-size:11px}.qitem{cursor:pointer}.qitem .qact{border:2px solid var(--outline);cursor:pointer;background:#0000002e;place-items:center;width:28px;height:32px;font-style:normal;display:grid}.qitem .qact[hidden]{display:none}.toasts{z-index:15;pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:34%;left:0;right:0}.toast{text-shadow:var(--text-shadow), 0 4px 0 #00000059;text-align:center;max-width:92%;padding:4px 14px;font-size:24px;font-weight:700;animation:1.8s steps(24,end) forwards toast}.toast.big{font-size:32px}.toast img{vertical-align:-4px;filter:drop-shadow(0 2px #00000073);margin-right:8px}.calm .toast{animation-name:toast-calm}@keyframes toast-calm{0%{opacity:0}10%{opacity:1}80%{opacity:1}to{opacity:0}}.calm .shake,.calm .bb.full,.calm .tut-pulse,.calm .wave.active,.calm .warcard.in,.calm .council,.calm .tutcard.in,.calm .loot-reveal .lr-icon,.calm .loot-reveal .lr-up,.calm .loot-reveal .lr-name span,.calm .qbubble,.calm .qbang{animation:none!important}.menu-card .recent{opacity:.85;text-align:left;flex-direction:column;gap:2px;max-width:280px;margin-top:6px;font-size:12px;display:flex}.menu-card .recent b{text-transform:uppercase;letter-spacing:1px;opacity:.7;font-size:11px}.toast.bad{color:var(--red-hi)}.toast.good{color:#ffe27a}@keyframes toast{0%{opacity:0;transform:scale(.4)}12%{opacity:1;transform:scale(1.15)}22%{transform:scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(-30px)}}@keyframes pulse{50%{filter:brightness(1.25)}}@keyframes shake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}.btn{pointer-events:auto;border:2px solid var(--outline);font:inherit;color:#fff;background:var(--red);cursor:pointer;text-shadow:var(--text-shadow);box-shadow:inset 0 0 0 2px var(--red-hi), inset 0 -4px 0 2px #7a1a14, 0 4px 0 var(--outline);padding:8px 16px 10px;font-size:16px;font-weight:700}.btn:active{box-shadow:inset 0 0 0 2px var(--red-hi), inset 0 -2px 0 2px #7a1a14, 0 1px 0 var(--outline);transform:translateY(3px)}.btn[hidden]{display:none}.btn.small{padding:6px 12px 8px;font-size:14px}.btn.grey{box-shadow:inset 0 0 0 2px #8a958f, inset 0 -4px 0 2px #353c38, 0 4px 0 var(--outline);background:#5b6560}@media (hover:hover){.btn:not(:disabled):hover{filter:brightness(1.1)}}.btn:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.btn:disabled{cursor:default}.btn:disabled:not(.grey){opacity:.6}.btn:disabled:active{transform:none}#stick{pointer-events:none;background:#fff7e626;border:3px solid #fff7e673;border-radius:50%;width:110px;height:110px;margin:-55px 0 0 -55px;display:none;position:absolute}#knob{background:#fff7e6d9;border-radius:50%;width:50px;height:50px;margin:-25px 0 0 -25px;position:absolute;top:50%;left:50%;box-shadow:0 3px #00000040}#hint{pointer-events:none;flex-direction:column;align-items:center;gap:10px;transition:opacity .4s;display:flex;position:absolute;bottom:22%;left:0;right:0}#hint span{letter-spacing:1px;text-shadow:var(--text-shadow), 0 4px 0 #00000059;font-size:22px;font-weight:700}#hint .hand{background:var(--icon-hand) center / contain no-repeat;width:48px;height:48px;image-rendering:pixelated;filter:drop-shadow(0 3px #00000073);animation:1.6s steps(8,end) infinite swipe}#hint.gone{opacity:0}@keyframes swipe{0%,to{transform:translate(-50px)}50%{transform:translate(50px)}}.panel,.sheet{pointer-events:auto;z-index:5;color:var(--ink-dark);background:var(--parch);border:3px solid var(--outline);box-shadow:inset 0 0 0 3px var(--parch-hi), inset 0 -6px 0 3px var(--parch-lo), 0 6px 0 #00000073}.panel{flex-direction:column;gap:6px;width:min(290px,90%);max-height:calc(100% - 200px);padding:8px 10px 10px;display:flex;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.panel[hidden],.sheet[hidden]{display:none}.panel h3{margin:0;font-size:18px;font-weight:700}.px-close{z-index:2;cursor:pointer;background:var(--grey,#5b6560);border:2px solid var(--outline);flex-shrink:0;align-self:flex-end;place-items:center;width:40px;height:40px;margin-bottom:-46px;padding:0;display:grid;position:sticky;top:0;box-shadow:inset 0 -3px #0000004d}.px-close+h3{align-items:center;min-height:40px;padding-right:46px;display:flex}.phelp{margin-left:auto;font-size:12px;font-weight:400;position:relative}.phelp summary{cursor:pointer;background:var(--parch-lo);border:2px solid var(--outline);place-items:center;width:40px;height:40px;font-size:18px;font-weight:700;list-style:none;display:grid}.phelp summary::-webkit-details-marker{display:none}.phelp p{z-index:3;border:2px solid var(--outline);background:#fff6dc;width:min(250px,80vw);margin:0;padding:6px 8px;line-height:1.35;position:absolute;top:44px;right:-46px;box-shadow:0 4px #00000059}.panel label{align-items:center;gap:10px;font-size:16px;display:flex}.panel label.range{gap:6px}.panel label.range input{min-width:0;accent-color:var(--wood-hi);flex:1}.panel .range-end{opacity:.75;font-size:12px}.panel input{width:20px;height:20px;accent-color:var(--green)}.sheet{left:10px;right:10px;bottom:calc(var(--bar-bottom) + var(--botbar-h) + 8px);max-height:58%;padding:12px 14px 16px;font-size:14px;line-height:1.25;position:absolute;overflow-y:auto}.sheet.in{animation:.18s steps(4,end) sheet-in}@keyframes sheet-in{0%{opacity:0;transform:translateY(24px)}}.sheet .ihead{align-items:center;gap:10px;display:flex}.sheet .ihead>div{flex:1;min-width:0}.sheet img.big{background:var(--parch-lo);border:2px solid var(--outline);box-sizing:content-box;width:48px;height:48px;padding:4px}.sheet h3{margin:0 0 3px;font-size:20px;font-weight:700}.sheet h4{text-transform:uppercase;letter-spacing:.5px;color:#7a4a1e;margin:10px 0 6px;font-size:14px;font-weight:700}.sheet .x{cursor:pointer;filter:brightness(.25);background:0 0;border:0;padding:4px;line-height:0}.sheet .blurb{margin:8px 0 4px}.sheet .status{color:#2f6b22;margin:0 0 4px}.sheet .stats{gap:3px;margin-top:6px;display:grid}.stat{background:#c9a86a59;grid-template-columns:20px 1fr auto 14px auto;align-items:center;gap:6px;padding:2px 6px;display:grid}.stat .now{text-align:right}.stat .arrow{text-align:center;opacity:.4}.stat .up{color:#2f7a22;opacity:1;font-weight:700}.sheet .costs{gap:4px;display:grid}.cost{grid-template-columns:20px 1fr auto;align-items:center;gap:6px;display:grid}.cost .bar{border:2px solid var(--outline);background:#5a3f22;height:12px;position:relative}.cost .bar b{background:var(--gold);position:absolute;inset:0 auto 0 0}.cost.done .bar b{background:var(--green-hi)}.sheet .locked{color:var(--red-ink);align-items:center;gap:6px;margin:0;font-weight:700;display:flex}.sheet .how{opacity:.7;margin:6px 0 0;font-size:12px}.sheet .done-line{color:#2f7a22;margin:10px 0 0;font-weight:700}.tag{text-transform:uppercase;letter-spacing:1px;opacity:.75;font-size:11px}.pips{gap:3px;display:inline-flex}.pips i{border:2px solid var(--outline);background:#00000040;width:9px;height:9px}.pips i.on{background:var(--gold)}.medallion{--rim:var(--gold);z-index:3;pointer-events:auto;cursor:pointer;font:inherit;color:var(--ink);will-change:transform;background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;margin:0;padding:0;display:flex;position:absolute;top:0;left:0;translate:-50% -100%}.medallion[hidden]{display:none}.medallion .disc{border:4px solid var(--rim);outline:2px solid var(--outline);background:radial-gradient(circle at 50% 40%,#fff7e6 0 40%,#e6cf9a 70%);border-radius:50%;place-items:center;width:46px;height:46px;display:grid;position:relative;box-shadow:0 4px #00000073}.medallion .badge{line-height:0;position:absolute;bottom:-4px;right:-6px}.medallion .name{white-space:nowrap;text-shadow:var(--text-shadow);background:var(--wood);border:2px solid var(--outline);box-shadow:inset 0 0 0 2px var(--wood-hi);padding:1px 7px 3px;font-size:13px;font-weight:700}.medallion .pips i{width:7px;height:7px}.medallion .tag{opacity:1;text-shadow:var(--text-shadow);font-size:10px}.medallion .tapme{opacity:.85;text-shadow:var(--text-shadow);font-size:9px}.medallion.locked .disc{filter:grayscale(.6)brightness(.85)}.medallion.pop .disc{animation:.25s steps(4,end) pop}@keyframes pop{0%{transform:scale(.4)}70%{transform:scale(1.15)}to{transform:scale(1)}}.bagmenu{gap:6px}.bagmenu h3{align-items:center;gap:6px;display:flex}.bagmenu .sub{opacity:.75;margin:-6px 0 2px;font-size:13px}.switch-row{font:inherit;color:inherit;cursor:pointer;text-align:left;background:#c9a86a59;border:2px solid #0000;grid-template-columns:24px 1fr 44px 52px 40px;align-items:center;gap:6px;padding:4px 6px;display:grid}.switch-row.off{opacity:.6}.switch-row.off img{filter:grayscale()}.switch-row .cnt{opacity:.8;text-align:right;font-size:13px}.switch-head{opacity:.6;text-align:right;grid-template-columns:24px 1fr 44px 52px 40px;gap:6px;padding:0 8px;font-size:10px;display:grid}.panel .fps{opacity:.6;text-align:center;pointer-events:auto;padding:6px;font-size:11px}.panel .save-status{opacity:.75;text-align:center;font-size:13px}.switch{border:2px solid var(--outline);background:#8a2a20;width:38px;height:20px;position:relative}.switch i{background:var(--parch-hi);border:2px solid var(--outline);width:14px;height:14px;transition:left .1s steps(2,end);position:absolute;top:1px;left:1px}.switch-row.on .switch{background:var(--green)}.switch-row.on .switch i{left:19px}.sheet .btn.qbtn{background:var(--green);width:100%;box-shadow:inset 0 0 0 2px var(--green-hi), inset 0 -4px 0 2px #2b5a1e, 0 4px 0 var(--outline);justify-content:center;align-items:center;gap:8px;margin-top:12px;display:flex}.sheet .btn.qbtn.on{box-shadow:inset 0 0 0 2px var(--gold), inset 0 -4px 0 2px #6a4a12, 0 4px 0 var(--outline);background:#b8862a}.sheet .btn.qbtn.grey{box-shadow:inset 0 0 0 2px #8a958f, inset 0 -4px 0 2px #353c38, 0 4px 0 var(--outline);cursor:default;background:#5b6560}.sheet .pad-acts{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.sheet .pad-acts .btn{flex:auto;justify-content:center;align-items:center;gap:6px;display:flex}.burn{z-index:4;pointer-events:auto;cursor:pointer;font:inherit;color:var(--ink);background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;padding:0;display:flex;position:absolute;top:0;left:0;translate:-50% -100%}.burn[hidden]{display:none}.burn .disc{border:4px solid var(--red);outline:2px solid var(--outline);background:radial-gradient(circle at 50% 40%,#fff2cf 0 40%,#ffd04a 75%);border-radius:50%;place-items:center;width:58px;height:58px;animation:.8s steps(2,end) infinite burn-pulse;display:grid;box-shadow:0 4px #00000073}.burn .name{text-shadow:var(--text-shadow);background:var(--red);border:2px solid var(--outline);box-shadow:inset 0 0 0 2px var(--red-hi);padding:1px 8px 3px;font-size:14px;font-weight:700}@keyframes burn-pulse{50%{transform:scale(1.08)}}.burn.burning{pointer-events:none}.burn.burning .disc{background:conic-gradient(#ff6a1a 0 calc(var(--p,0) * 360deg), #5a2a1a calc(var(--p,0) * 360deg) 360deg);animation:.12s steps(2,end) infinite burn-shake}@keyframes burn-shake{50%{transform:translate(1px,-1px)}}.build{translate:-50%}.build .disc{border-color:var(--green,#4c9a3a);background:radial-gradient(circle at 50% 40%,#fffbe8 0 40%,#f3dca0 75%);width:54px;height:54px}.build .name{background:var(--green,#4c9a3a);box-shadow:inset 0 0 0 2px var(--green-hi,#7cc35a);white-space:nowrap}.shopbtn{translate:-50% -100%}.shopmenu{gap:6px}.shopmenu h3{align-items:center;gap:6px;display:flex}.shopmenu .sub{opacity:.75;margin:-3px 0 0;font-size:12px;line-height:1.3}.shop-row{background:#c9a86a59;grid-template-columns:24px 1fr auto 58px;align-items:center;gap:6px;padding:4px 6px;display:grid}.sell-grid{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:4px;max-height:46vh;display:grid;overflow-y:auto}.sell-cell{border:2px solid var(--rc);cursor:pointer;font:inherit;background:#c9a86a59;flex-direction:column;align-items:center;gap:1px;padding:3px 2px;display:flex}.sell-cell .sp{color:#3a2414;align-items:center;gap:1px;font-size:12px;font-weight:700;display:flex}.sell-cell.locked{opacity:.45;cursor:default}.sell-cell.armed{background:#f3dca0;box-shadow:0 0 0 2px #a2241b}.shop-row .nm b{font-size:13px}.shop-row .scost{flex-wrap:wrap;justify-content:flex-end;gap:6px;font-size:13px;display:flex}.shop-row .scost i{opacity:.75;font-size:11px;font-style:normal}.shop-row .sc{align-items:center;gap:2px;display:inline-flex}.shop-row .sc.short{color:var(--red-ink);font-weight:700}.shop-row .sbuy{padding:4px 6px 6px}.shop-row .sbuy[disabled]{cursor:default}.shop-row .smax{text-align:center;opacity:.7;font-size:13px}@media (orientation:landscape) and (max-height:560px){.panel{max-height:calc(100% - 24px)}.sheet{max-height:calc(100% - var(--bar-bottom) - var(--botbar-h) - 24px)}.stablemenu{max-height:calc(100% - 24px)}}i.ico{vertical-align:-3px;font-style:normal;display:inline-flex}.fallen{z-index:4;pointer-events:none;background:radial-gradient(circle,#280a0a26 30%,#280a0a8c 100%);flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.fallen[hidden]{display:none}.fallen img{filter:drop-shadow(0 4px #00000080);animation:.5s steps(5,end) both fallen-in}.fallen b{color:var(--red-hi);text-shadow:var(--text-shadow), 0 4px 0 #0006;font-size:40px}.fallen span{text-shadow:var(--text-shadow);font-size:16px}.fallen em{text-align:center;max-width:min(90vw,420px);text-shadow:var(--text-shadow);font-size:18px;font-style:normal}@keyframes fallen-in{0%{opacity:0;transform:scale(.4)translateY(20px)}}.calm .fallen img{animation:none}.menu-card .controls{opacity:1;gap:3px;max-width:320px}.menu-card .controls span{grid-template-columns:120px 1fr;align-items:center;gap:8px;display:grid}.menu-card .controls kbd{font:inherit;text-align:center;background:#00000040;border:1px solid #0006;padding:1px 4px;font-size:11px}@media (orientation:landscape) and (max-height:560px){#hud{--botbar-h:0px;--rail:62px}.topbar{align-items:center;gap:8px;padding:2px 4px 4px;display:flex}.topbar .tb-row{flex:1;min-width:0;min-height:24px}.topbar .keep{flex-shrink:0;width:min(30%,220px);margin-top:0}.goal{top:calc(var(--bar-top) + 40px);width:min(44%,380px);right:auto}.minimap{top:calc(var(--bar-top) + 40px);width:80px;height:80px}.zoomchip{top:calc(var(--bar-top) + 128px)}.wavepop{top:calc(var(--bar-top) + 38px)}.botbar{flex-direction:column;gap:6px;width:54px;height:auto;padding:6px 4px;right:auto}.botbar .bb{min-width:42px;height:40px;padding:0 4px 2px}.botbar .bb small,.bb-space{display:none}.bmenu,.queue{left:calc(6px + var(--rail))}.sheet{left:calc(10px + var(--rail))}}.bmenu{left:6px;bottom:calc(var(--bar-bottom) + var(--botbar-h) + 8px);z-index:6;pointer-events:auto;width:min(272px,100% - 12px);color:var(--ink-dark);background:var(--parch);border:3px solid var(--outline);box-shadow:inset 0 0 0 3px var(--parch-hi), inset 0 -6px 0 3px var(--parch-lo), 0 6px 0 #00000073;max-height:calc(100% - var(--bar-bottom) - var(--botbar-h) - 110px);overscroll-behavior:contain;touch-action:pan-y;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;flex-direction:column;gap:6px;padding:8px;display:flex;position:absolute;overflow-y:auto}.bmenu[hidden],.placelayer[hidden],.placebar[hidden]{display:none}.bmenu h4{align-items:center;gap:5px;margin:0;font-size:14px;display:flex}.bmenu button{font:inherit;color:inherit;cursor:pointer}.btabs{gap:3px;display:flex}.btab{background:var(--parch-lo);border:2px solid var(--outline);opacity:.8;border-bottom-width:2px;flex:1;justify-content:center;align-items:center;gap:3px;min-width:0;min-height:40px;padding:3px 2px;display:flex;position:relative;font-size:12px!important}.btab.on{background:var(--parch-hi);opacity:1;box-shadow:inset 0 -3px 0 var(--gold)}.btab .bdot{background:var(--green,#4f9a3a);border:2px solid var(--outline);width:7px;height:7px;position:absolute;top:-3px;right:-3px}.bgrid{grid-template-columns:repeat(4,1fr);grid-auto-rows:58px;align-content:start;gap:4px;display:grid}.btile{box-sizing:border-box;border:2px solid var(--outline);background:#c9a86a73;flex-direction:column;align-items:center;gap:1px;min-height:58px;padding:4px 2px 3px;display:flex;position:relative}.btile:hover,.btile.tip{background:var(--parch-hi);box-shadow:inset 0 0 0 2px var(--gold)}.btile.locked img:first-child,.btile.full img:first-child{opacity:.45}.btile .bbadge{color:var(--ink);background:var(--wood);border:1px solid var(--outline);padding:0 2px;font-size:10px;line-height:12px;position:absolute;top:1px;right:1px}.btile .bbadge.lock{background:0 0;border:0;padding:0}.btile.full .bbadge:not(.lock){background:var(--red,#c8322a)}.btile .bc{align-items:center;gap:1px;min-height:12px;font-size:11px;line-height:12px;display:flex}.bmenu .short{color:var(--red-ink)}.btip{box-sizing:border-box;border:2px solid var(--outline);background:#c9a86a4d;padding:5px 6px;font-size:12px;overflow:hidden}.btip .bhint{opacity:.75;text-align:center;margin:8px 0 0;font-size:11px}.btip .bthead{justify-content:space-between;align-items:baseline;gap:6px;font-size:13px;display:flex}.btip .bthead small{opacity:.7;font-size:11px}.btip .btblurb{margin:2px 0 4px;line-height:1.25}.btip .btstats{flex-wrap:wrap;gap:2px 10px;margin-bottom:4px;display:flex}.btip .btstats span,.btip .btcost span,.btip .btlock{align-items:center;gap:3px;display:inline-flex}.btip .btcost{flex-wrap:wrap;gap:8px;font-size:13px;display:flex}.btip .btcost small{opacity:.6;font-size:10px}.btip .btlock{color:var(--red-ink)}.placelayer{z-index:3;pointer-events:auto;cursor:crosshair;touch-action:none;position:absolute;inset:0}.placebar{width:-moz-fit-content;width:fit-content;left:0;right:0;bottom:calc(var(--bar-bottom) + var(--botbar-h) + 10px);z-index:7;pointer-events:auto;background:var(--wood);border:2px solid var(--outline);box-shadow:inset 0 0 0 2px var(--wood-hi), inset 0 -4px 0 2px var(--wood-lo), var(--px-shadow);white-space:nowrap;align-items:center;gap:6px;margin:0 auto;padding:6px 8px;display:flex;position:absolute}.placebar .ptitle{text-shadow:var(--text-shadow);flex-direction:column;padding:0 4px;line-height:1.15;display:flex}.placebar .ptitle small,.placebar .ptitle .pcost{opacity:.8;font-size:11px}.placebar .ptitle small.why{color:var(--red-hi);opacity:1;font-weight:700}.placebar.nudging{box-shadow:inset 0 0 0 2px var(--gold), inset 0 -4px 0 2px var(--wood-lo), var(--px-shadow)}.placebar .btn{min-height:42px}.placebar.shake{animation:.4s shake}.queue .econ{border:2px solid var(--outline);background:#c9a86a73;flex-direction:column;gap:1px;margin-bottom:4px;padding:4px 6px;display:flex}.queue .econ small{opacity:.85;font-size:11px}.queue .econ .warn{color:var(--red-ink);opacity:1;font-weight:700}.queue .econ .echips{flex-wrap:wrap;gap:3px 8px;display:flex}.queue .econ .echip{cursor:help;align-items:center;gap:2px;font-size:12px;display:inline-flex}.queue .econ .echip.warn{color:var(--red-ink);font-weight:700}.queue .econ .warn img{vertical-align:-2px}.btile .bnew{text-transform:uppercase;color:var(--ink-dark);background:var(--gold);border:1px solid var(--outline);padding:0 2px;font-size:9px;line-height:11px;position:absolute;top:1px;left:1px}#buildBtn{position:relative}#buildBtn .bbcount{min-width:16px;height:16px;color:var(--ink);background:var(--red);border:2px solid var(--outline);place-items:center;padding:0 3px;font-size:11px;line-height:1;display:grid;position:absolute;top:-6px;right:-6px}#buildBtn .bbcount[hidden]{display:none}.stablemenu{max-height:70vh;overflow-y:auto}.stablemenu h3 .gem-bal{align-items:center;gap:3px;margin-left:auto;font-size:15px;display:inline-flex}.stablemenu .tabs{gap:6px;display:flex}.stablemenu .tabs .btn{flex:1}.stablemenu .summon-btns{justify-content:center;gap:8px;margin:4px 0;display:flex}.stablemenu .summon-btns .btn{align-items:center;gap:4px;display:inline-flex}.stablemenu .summon-cards{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:6px;display:grid}.stablemenu .summon-card{text-align:center;border:2px solid var(--rc);color:#fff6e0;background:#2a1e148c;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;font-size:12px;animation:.45s steps(4,end) both summon-flip;display:flex}.stablemenu .summon-card:nth-child(n){animation-delay:calc(var(--i,0) * 60ms)}.stablemenu .summon-card i{color:var(--rc);font-size:11px;font-style:normal}.stablemenu .summon-card .st{color:#ffe05a;align-items:center;gap:2px;font-size:11px;display:inline-flex}.stablemenu .summon-card.epic{box-shadow:0 0 10px var(--rc)}.stablemenu .coll-row{border-left:3px solid var(--rc,transparent)}.stablemenu .coll-row small{color:#ffe05a;font-size:11px}.stablemenu .coll-row.locked{background:#2a1e1433}@keyframes summon-flip{0%{opacity:0;transform:rotateY(90deg)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.stablemenu .summon-card{animation:none}}.gem-count{align-items:center;gap:3px;display:inline-flex}.gem-float{z-index:60;pointer-events:none;color:var(--parch-hi);text-shadow:var(--text-shadow);align-items:center;gap:2px;font-size:15px;font-weight:700;animation:1.4s ease-out forwards gem-float;display:flex;position:fixed}@keyframes gem-float{0%{opacity:0;transform:translateY(6px)}15%{opacity:1}to{opacity:0;transform:translateY(-26px)}}.stash .mount-tile{cursor:pointer;text-align:center;background:#2a1e1459;border:2px dashed #d9b65ab3;flex-direction:column;justify-content:center;align-items:center;gap:1px;font-size:9px;line-height:1.05;display:flex}.stash .mount-tile.on{border-style:solid}.panel.stash{gap:8px;width:min(360px,96%);height:min(780px,100% - 12px);max-height:none;padding:12px 14px;top:50%;overflow:hidden}.panel.stash>*{flex-shrink:0}.stash .shead{align-items:center;gap:6px;display:flex}.stash .shead h3{flex:1;margin:0}.stash .x{cursor:pointer;filter:brightness(.25);background:0 0;border:0;place-items:center;min-width:40px;min-height:40px;margin:-6px -6px -6px 0;padding:4px;line-height:0;display:grid}.stash .doll{grid-template-rows:repeat(6,40px) 48px;grid-template-columns:repeat(5,40px);justify-content:center;gap:4px 10px;display:grid;position:relative}.stash .doll .hero{opacity:.3;pointer-events:none;grid-area:2/2/6/5;place-items:center;display:grid}.stash .doll .hero img{width:104px;height:104px}.stash .slot{min-width:0;display:block}.stash .doll .beltrow{background:#7a4a1e1a;border-top:2px dotted #7a4a1e59;grid-area:7/1/auto/6;margin:4px -6px -2px}.stash .slot.belt{z-index:1;align-self:end}.stash .grid{grid-template-columns:repeat(6,40px);grid-auto-rows:40px;justify-content:center;gap:4px;display:grid}.stash .grid .gcell{aspect-ratio:auto;width:40px;height:40px}.stash .foot{justify-content:space-between;align-items:center;padding:0 4px;display:flex}.stash .details{scrollbar-gutter:stable;scrollbar-width:thin;flex:auto;min-height:0;margin:0 -6px;padding:0 6px;overflow-y:auto}.stash .gempty{opacity:.7;align-items:center;gap:8px;height:100%;padding:0 4px;font-size:13px;display:flex}.stash .gempty img{opacity:.6}.gcell{aspect-ratio:auto;height:44px}.stash .slot .gcell{aspect-ratio:auto;width:44px;height:44px}.stash .foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 6px;display:flex}.stash .mats{gap:12px;font-size:14px;display:flex}.stash .mats span{align-items:center;gap:3px;display:flex}.gcell{aspect-ratio:1;cursor:grab;border:2px solid var(--outline);width:100%;min-width:0;box-shadow:inset 0 0 0 2px var(--rc,var(--parch-lo));touch-action:none;background:#c9a86a73;place-items:center;padding:0;transition:transform 60ms steps(2,end);display:grid;position:relative}.gcell.empty{cursor:default;background:#c9a86a40;box-shadow:inset 0 0 0 2px #7a4a1e40}.gcell img.ghost{opacity:.25;filter:grayscale()}.gcell img.chain{position:absolute;bottom:2px;right:2px}.gcell.locked{background:#7a4a1e2e}.gcell .th{color:var(--ink-dark);font-size:9px;position:absolute;top:1px;left:2px}.gcell.sel{outline:3px solid var(--ink-dark);outline-offset:1px}.gcell.mythic{animation:1s steps(2,end) infinite mythic}@keyframes mythic{50%{box-shadow:inset 0 0 0 2px #fff, inset 0 0 0 4px var(--rc)}}.gcell .new{background:var(--red);width:6px;height:6px;position:absolute;top:2px;right:2px}.stash.dragging .gcell{cursor:grabbing}.gcell.src{opacity:.3;box-shadow:inset 0 0 0 2px var(--parch-lo)}.gcell.src img{filter:grayscale()}.stash.dragging .gcell.no{opacity:.45}.stash.dragging .gcell.ok{box-shadow:inset 0 0 0 2px var(--drc), 0 0 0 2px var(--drc);animation:.6s steps(2,end) infinite okpulse}.stash.dragging .gcell.ok.quiet{box-shadow:inset 0 0 0 2px var(--rc,#7a4a1e40);animation:none}.stash.dragging .gcell.ok.hover{box-shadow:inset 0 0 0 3px var(--drc), 0 0 0 3px var(--drc), 0 4px 0 var(--outline);z-index:1;animation:none;transform:scale(1.1)}@keyframes okpulse{50%{box-shadow:inset 0 0 0 2px var(--drc), 0 0 0 4px var(--drc)}}.gcell.land{animation:.18s steps(3,end) land}@keyframes land{0%{transform:scale(1.2,.8)}50%{transform:scale(.92,1.1)}to{transform:scale(1)}}.stash .anvil{border:2px dashed #7a4a1e73;place-items:center;width:44px;height:40px;display:grid;position:relative}.stash .anvil.off{opacity:.4}.stash.dragging .anvil.ok{background:#ffd04a2e;border:2px solid #ffd04a}.stash.dragging .anvil.hover{background:#ffd04a59;transform:scale(1.12)}.stash .anvil .hold{height:4px;width:calc(var(--hold,0) * 100%);background:var(--red);position:absolute;bottom:-6px;left:0}.stash.throwing{box-shadow:inset 0 0 0 3px var(--red), inset 0 -6px 0 3px var(--parch-lo), 0 6px 0 #00000073}.drag-layer{pointer-events:none;z-index:30;position:absolute;inset:0;overflow:hidden}.drag-ghost{pointer-events:none;z-index:2;background:var(--parch-hi);margin:0;position:absolute;top:0;left:0;box-shadow:inset 0 0 0 2px var(--rc,var(--parch-lo)), 4px 6px 0 #00000073!important;transition:none!important;animation:none!important}.drag-ghost.rc0{--rc:#e8e8e8}.drag-ghost.rc1{--rc:#5fd35f}.drag-ghost.rc2{--rc:#4f8dff}.drag-ghost.rc3{--rc:#b05cff}.drag-ghost.rc4{--rc:#ff9a2a}.drag-ghost.rc5{--rc:#ff3d7f}.spark{width:4px;height:4px;margin:-2px 0 0 -2px;position:absolute}.drag-tip{background:var(--parch);width:120px;color:var(--ink-dark);border:2px solid var(--outline);flex-direction:column;gap:1px;padding:4px 6px;font-size:11px;line-height:1.15;display:flex;position:absolute;top:0;left:0;box-shadow:0 3px #00000073}.drag-tip[hidden]{display:none}.drag-tip .up{color:#2f6b22}.drag-tip .down{color:var(--red)}.gcard{border:2px solid var(--outline);box-shadow:inset 4px 0 0 var(--rc);background:#c9a86a4d;flex-direction:column;gap:6px;padding:8px;font-size:13px;line-height:1.2;display:flex}.gcard .ghead{grid-template-columns:40px 1fr auto;align-items:center;gap:8px;display:grid}.gcard .gicon{background:var(--parch-hi);border:2px solid var(--outline);width:40px;height:40px;box-shadow:inset 0 0 0 2px var(--rc);place-items:center;display:grid;position:relative}.gcard .gicon .th{color:var(--ink-dark);font-size:9px;position:absolute;top:1px;left:2px}.gcard .gtitle{flex-direction:column;gap:2px;min-width:0;display:flex}.gcard .nm{color:var(--rc);white-space:nowrap;text-overflow:ellipsis;text-shadow:1px 1px 0 var(--outline), -1px 1px 0 var(--outline), 1px -1px 0 var(--outline), -1px -1px 0 var(--outline), 0 2px 0 var(--outline);font-size:16px;overflow:hidden}.gcard .gtitle small{color:#7a4a1e;flex-wrap:wrap;align-items:center;gap:2px 5px;font-size:11px;display:flex}.gcard .pill{background:var(--rc);color:var(--outline);border:1px solid var(--outline);padding:0 4px;font-size:10px;font-style:normal}.gcard .acts{flex-direction:column;gap:4px;display:flex}.gcard .acts .btn{white-space:nowrap;justify-content:center;align-items:center;gap:4px;padding:4px 8px 6px;font-size:12px;display:flex}.gcard .btn[disabled]{opacity:.5;cursor:default}.gcard .gbody{flex-direction:column;gap:6px;display:flex}.gcard .gstats{flex-direction:column;gap:2px;min-width:0;display:flex}.gcard .ln{gap:4px;display:flex}.gcard .ln i{text-align:center;opacity:.6;flex-shrink:0;width:10px;font-style:normal}.gcard .imp{color:#6b5233}.gcard .aff{color:var(--ink-dark)}.gcard .uni{color:#a8620a}.gcard .uni i{opacity:1}.gcard hr{border:0;border-top:2px dotted #7a4a1e59;width:100%;margin:2px 0}.gcard .flav{opacity:.65;font-size:12px;font-style:italic}.gcard .gcmp{border-top:2px dotted #7a4a1e59;flex-wrap:wrap;gap:3px;padding-top:6px;font-size:11px;display:flex}.gcard .gcmp span{white-space:nowrap;background:#fff2cf99;border:1px solid #2a1e1440;padding:1px 4px}.gcard .gcmp small{color:#7a4a1e;text-transform:uppercase;letter-spacing:.5px;width:100%;font-size:10px}.gcard .gcmp .up{color:#2f6b22}.gcard .gcmp .down{color:var(--red)}.drag-ghost .new{display:none}.isprite{image-rendering:pixelated;background-repeat:no-repeat;flex-shrink:0;display:inline-block}.gcell .ub{color:#fff;border:1px solid var(--outline);place-items:center;min-width:11px;height:11px;font-size:10px;font-style:normal;line-height:1;display:grid;position:absolute;bottom:1px;left:1px}.gcell .ub img{width:8px;height:8px}.gcell .ub.better{background:#3f8a2e}.gcell .ub.equal{background:#8a7f6a}.gcell .ub.worse{background:#a8322a}.gcell .lk{line-height:0;position:absolute;bottom:1px;right:1px}.gcell.doomed:after{content:"";pointer-events:none;background:linear-gradient(45deg,#0000 44%,#c8322a 44% 56%,#0000 56%),linear-gradient(-45deg,#0000 44%,#c8322a 44% 56%,#0000 56%);position:absolute;inset:3px}.gcell.doomed img,.gcell.doomed .isprite{opacity:.55}.stash .sortbtn{font:inherit;cursor:pointer;color:var(--ink-dark);border:2px solid var(--outline);background:#c9a86a73;align-items:center;gap:3px;padding:2px 6px;font-size:11px;display:flex}.stash .qsbtn{white-space:nowrap;align-items:center;gap:4px;padding:3px 8px 5px;font-size:11px;display:flex}.stash .qsbtn.on{background:#b8862a}.gcard .dpill{border:1px solid var(--outline);color:#fff;padding:0 4px;font-size:10px;font-style:normal}.gcard .dpill.better{background:#3f8a2e}.gcard .dpill.equal{background:#8a7f6a}.gcard .dpill.worse{background:#a8322a}.qsal{border:2px solid var(--outline);background:#c9a86a4d;flex-direction:column;gap:6px;padding:8px;display:flex}.qsal .qrow{flex-wrap:wrap;align-items:center;gap:3px;display:flex}.qsal .qrow small{text-transform:uppercase;letter-spacing:.5px;color:#7a4a1e;width:46px;font-size:10px}.qsal .qchip{font:inherit;cursor:pointer;color:var(--ink-dark);box-shadow:inset 3px 0 0 var(--rc,transparent);background:#fff2cf80;border:2px solid #2a1e1459;align-items:center;gap:3px;padding:2px 6px;font-size:11px;display:flex}.qsal .qchip b{opacity:.6;font-weight:600}.qsal .qchip.on{background:var(--parch-hi);border-color:var(--outline);box-shadow:inset 3px 0 0 var(--rc,#b8862a), 0 2px 0 var(--outline)}.qsal .qchip[disabled]{opacity:.4;cursor:default}.qsal .qgo{justify-content:space-between;align-items:center;gap:6px;font-size:12px;display:flex}.qsal .away{color:var(--red)}.stash .undobtn{background:var(--green);box-shadow:inset 0 0 0 2px var(--green-hi), inset 0 -4px 0 2px #2b5a1e, 0 3px 0 var(--outline);animation:.5s steps(2,end) infinite lr-blink}@keyframes lr-blink{50%{opacity:.55}}.gcell .rp,.gicon .rp{pointer-events:none;gap:1px;display:flex;position:absolute;top:2px;left:50%;transform:translate(-50%)}.gcell .rp b,.gicon .rp b{background:var(--rc);width:3px;height:3px;box-shadow:0 0 0 1px #2a1e14bf}.gcell .th{top:6px}@media (orientation:landscape) and (max-height:560px){.panel.stash{overscroll-behavior:contain;touch-action:pan-y;height:calc(100% - 12px);overflow-y:auto}.panel.stash .details{flex-shrink:0;min-height:160px}}.stash .sfilt{justify-content:center;gap:3px;display:flex}.stash .fchip{font:inherit;cursor:pointer;color:var(--ink-dark);background:#fff2cf66;border:2px solid #2a1e144d;padding:1px 6px;font-size:11px}.stash .fchip.on{background:var(--parch-hi);border-color:var(--outline);box-shadow:0 2px 0 var(--outline)}.stash .gcell.dim{opacity:.3}.stash .shead h3{white-space:nowrap}.stash .bhead{width:100%;font:inherit;color:#7a4a1e;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:2px 4px;font-size:12px;display:flex}.stash .sbags{flex-direction:column;gap:4px;display:flex}.stash .bhead i{color:var(--red);font-style:normal}.stash .bgrid.far .gcell{opacity:.45}.stash .shead .sortbtn.on{background:var(--parch-hi)}.pack{flex-direction:column;gap:6px;display:flex}.pack .ptrack,.songs{border:2px solid var(--outline);background:#c9a86a4d;flex-direction:column;gap:4px;padding:8px;display:flex}.pack .phead,.songs .phead{justify-content:space-between;align-items:center;gap:6px;display:flex}.pack .ptiers{gap:3px;display:flex}.pack .ptiers b{border:2px solid var(--outline);background:#fff2cf80;width:10px;height:10px}.pack .ptiers b.on{background:#b8862a}.pack .pblurb{opacity:.8;font-size:11px}.pack .pnext{font-size:12px;font-weight:600}.pack .pcost{flex-wrap:wrap;gap:4px 10px;font-size:12px;display:flex}.pack .pcost span{align-items:center;gap:3px;display:flex}.pack .pcost .ok{color:#3f8a2e}.pack .pcost .short{color:var(--red)}.pack .pfrom{opacity:.8;font-size:11px}.pack .pgo{justify-content:space-between;align-items:center;gap:6px;font-size:11px;display:flex}.pack .pdone{color:#3f8a2e;font-size:12px}.songs .song{font:inherit;text-align:left;cursor:pointer;color:var(--ink-dark);background:#fff2cf80;border:2px solid #2a1e144d;align-items:center;gap:4px;padding:4px 6px;font-size:12px;display:flex}.songs .song.on{background:var(--parch-hi);border-color:var(--outline);box-shadow:inset 3px 0 #b8862a}.stash.packing .doll,.stash.packing .sfilt,.stash.packing .grid,.stash.packing .sbags,.stash.packing .foot{display:none}@media (min-width:760px) and (min-aspect-ratio:5/4){.panel.stash:not([hidden]){grid-template-columns:340px minmax(0,1fr);grid-auto-rows:max-content;align-content:start;column-gap:14px;width:min(720px,96%);height:auto;max-height:calc(100% - 12px);display:grid;overflow-y:auto}.panel.stash>.shead{grid-area:1/1/auto/-1}.panel.stash>:not(.shead):not(.details){grid-column:1}.panel.stash>.details{border-left:2px dotted #7a4a1e59;grid-area:2/2/span 20;min-height:0;margin:0;padding:0 4px 0 12px}}.journal{width:min(320px,92%);max-height:calc(100% - 180px)}.journal h3{align-items:center;gap:6px;display:flex}.journal .jtabs{gap:6px;display:flex}.journal .jtabs .btn{flex:1;padding-left:4px;padding-right:4px}.journal .jtabs small{opacity:.85;font-size:11px}.journal .jlist{flex-direction:column;gap:6px;display:flex}.journal .jrow{border:2px solid var(--outline);background:#c9a86a59;flex-direction:column;gap:3px;padding:5px 7px 7px;font-size:13px;line-height:1.2;display:flex}.journal .jrow.on{background:#f7c84359}.journal .jrow.done{opacity:.8}.journal .jrow p{margin:0}.journal .jhead{align-items:center;gap:5px;display:flex}.journal .jhead b{flex:1;min-width:0;font-size:14px}.journal .jhead small{opacity:.75;white-space:nowrap;font-size:11px}.journal .jtrack{align-self:flex-start;align-items:center;gap:4px;padding:3px 10px 5px;font-size:12px;display:inline-flex}.journal .jtracked{color:#6a4a12;align-self:flex-start;align-items:center;gap:4px;font-size:12px;display:inline-flex}.journal .jbar{border:2px solid var(--outline);background:#5a3f22;height:14px;position:relative}.journal .jbar i{background:var(--green);position:absolute;top:0;bottom:0;left:0}.journal .jrow.done .jbar i{background:var(--gold)}.journal .jbar span{color:var(--ink);text-shadow:var(--text-shadow);justify-content:center;align-items:center;font-size:10px;display:flex;position:absolute;inset:0}.journal .jrew{flex-wrap:wrap;align-items:center;gap:2px 8px;font-size:12px;display:flex}.journal .jr{align-items:center;gap:2px;display:inline-flex}.journal .jempty,.journal .jfoot{opacity:.8;margin:0;font-size:13px}.journal .jfoot{align-items:center;gap:4px;display:flex}.goal .qjournal{cursor:pointer;background:var(--wood-lo);border:2px solid var(--outline);width:26px;height:26px;box-shadow:inset 0 -2px 0 0 var(--outline);flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.goal .qjournal:active{transform:translateY(1px)}.goal .qjournal.new{outline:3px solid var(--gold);outline-offset:1px;gap:3px;width:auto;padding:0 5px;font-size:11px;animation:1s steps(2,jump-none) infinite tut-pulse}@media (prefers-reduced-motion:reduce){.goal .qjournal.new{animation:none}}.goal .qothers{opacity:.85;border-top:1px dashed #3a261459;flex-direction:column;gap:1px;padding:2px 0 0 2px;font-size:11px;display:flex}.goal .qothers span{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:3px;min-width:0;display:flex;overflow:hidden}.goal .qothers b{flex-shrink:0}.goal .qothers em{text-overflow:ellipsis;min-width:0;font-style:normal;overflow:hidden}#hud.revealing{opacity:.6;transition:opacity .12s steps(2,end)}.loot-reveal{z-index:40;pointer-events:auto;cursor:pointer;position:absolute;inset:0}.loot-reveal[hidden]{display:none}.loot-reveal .lr-dim{background:#0a060273;animation:.3s steps(3,end) both lr-dim;position:absolute;inset:0}@keyframes lr-dim{0%{opacity:0}}.loot-reveal .lr-card{width:min(280px,82%);color:var(--ink-dark);background:var(--parch);border:3px solid var(--outline);box-shadow:inset 0 0 0 3px var(--rc), inset 0 -6px 0 3px var(--parch-lo), 0 6px 0 #00000073;visibility:hidden;flex-direction:column;align-items:center;gap:4px;padding:12px 14px 10px;display:flex;position:absolute;bottom:14%;left:50%;transform:translate(-50%)}.loot-reveal.card .lr-card{visibility:visible;animation:.22s steps(4,end) both lr-in}@keyframes lr-in{0%{transform:translate(-50%,40px)scale(.6)}70%{transform:translate(-50%,-6px)scale(1.06)}}.loot-reveal .lr-tag{letter-spacing:1px;text-transform:uppercase;background:var(--rc);color:var(--outline);border:2px solid var(--outline);padding:1px 8px;font-size:12px;position:absolute;top:-14px}.loot-reveal .lr-icon{background:var(--parch-hi);border:3px solid var(--outline);width:72px;height:72px;box-shadow:inset 0 0 0 3px var(--rc);place-items:center;margin-top:4px;display:grid}.loot-reveal.big .lr-icon{animation:.6s steps(2,end) infinite lr-glint}@keyframes lr-glint{50%{box-shadow:inset 0 0 0 3px #fff, inset 0 0 0 6px var(--rc)}}.loot-reveal .lr-name{color:var(--rc);text-align:center;text-shadow:1px 1px 0 var(--outline), -1px 1px 0 var(--outline), 1px -1px 0 var(--outline), -1px -1px 0 var(--outline), 0 3px 0 var(--outline);font-size:20px;font-weight:700;line-height:1.1}.loot-reveal.big .lr-name{font-size:24px}.loot-reveal.big .lr-name span{animation:.16s steps(3,end) both lr-stamp;display:inline-block}@keyframes lr-stamp{0%{opacity:0;transform:translateY(-14px)scale(1.8)}}.loot-reveal .lr-sub{color:#7a4a1e;font-size:11px}.loot-reveal .lr-stats{flex-wrap:wrap;justify-content:center;gap:3px;margin-top:2px;display:flex}.loot-reveal .lr-stats span{background:#fff2cfb3;border:1px solid #2a1e1440;padding:1px 5px;font-size:12px}.loot-reveal .lr-flav{opacity:.7;font-size:11px;font-style:italic}.loot-reveal .lr-up{color:#2f6b22;font-size:13px;animation:.5s steps(2,end) infinite lr-blink}.loot-reveal .lr-skip{opacity:.5;margin-top:2px;font-size:10px}.loot-reveal .isprite{image-rendering:pixelated;background-repeat:no-repeat;display:inline-block}.summon-reveal{z-index:14;pointer-events:auto;position:absolute;inset:0}.summon-reveal .sr-dim{pointer-events:none;background:radial-gradient(circle at 50% 46%,#0000 0 18%,#0a06148c 42%,#0a0614c7 100%);position:absolute;inset:0}.summon-reveal.epic .sr-dim{background:radial-gradient(circle at 50% 46%,#0000 0 18%,#1e062d99 42%,#0f0419d9 100%)}.summon-reveal .sr-count{color:#fff6e0;text-shadow:0 1px #000;font-size:14px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.summon-reveal .sr-card{text-align:center;color:#fff6e0;border:3px solid var(--rc);min-width:220px;max-width:86vw;box-shadow:0 0 0 2px #2a1e14, 0 0 18px var(--rc);opacity:0;background:#2a1e14e0;padding:10px 16px 8px;transition:opacity .12s steps(3,end);position:absolute;bottom:12%;left:50%;transform:translate(-50%)}.summon-reveal.card .sr-card{opacity:1;animation:.3s steps(4,end) both sr-pop}.summon-reveal.away .sr-card{opacity:0}.summon-reveal .sr-tag{color:var(--rc);letter-spacing:1px;text-transform:uppercase;font-size:12px}.summon-reveal .sr-name{margin:2px 0;font-size:24px}.summon-reveal.epic .sr-name span{animation:.2s steps(3,end) both sr-stamp;display:inline-block}.summon-reveal .sr-sub{opacity:.85;font-size:12px}.summon-reveal .sr-st{color:#ffe05a;justify-content:center;align-items:center;gap:8px;margin-top:4px;font-size:15px;display:flex}.summon-reveal .sr-new{color:#2a1e14;background:#ffe05a;padding:0 5px;font-size:12px}.summon-reveal .sr-refund{align-items:center;gap:3px;font-size:13px;display:inline-flex}.summon-reveal .sr-skip{opacity:.55;margin-top:4px;font-size:11px}.summon-reveal .sr-all{position:absolute;top:10px;right:12px}@keyframes sr-pop{0%{transform:translate(-50%,16px)scale(.7)}to{transform:translate(-50%)scale(1)}}@keyframes sr-stamp{0%{opacity:0;transform:scale(2.2)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.summon-reveal.card .sr-card,.summon-reveal.epic .sr-name span{animation:none}}.shoptabs{gap:6px;margin:-2px 0 2px;display:flex}.shoptabs .btn{flex:1}.outfit{flex-direction:column;gap:6px;display:flex}.outfit .orow{background:#c9a86a59;flex-direction:column;gap:3px;padding:4px 6px;display:flex}.outfit .olabel{opacity:.8;font-size:13px}.outfit .opts{flex-wrap:wrap;gap:4px;display:flex}.outfit .opt{font:inherit;border:2px solid var(--outline);color:#3a2a1c;cursor:pointer;background:#e8d3a0;padding:3px 7px 4px;font-size:13px}.outfit .opt.on{color:#fff;background:#2f6fe0}.outfit .sw{border:2px solid var(--outline);cursor:pointer;width:22px;height:22px;padding:0}.outfit .sw.on{outline-offset:-5px;outline:3px solid #fff}.outfit .hint{opacity:.7;margin:0;font-size:12px}.panel.shopmenu.outfit-on{max-height:calc(50% - 124px);top:auto;bottom:84px;transform:translate(-50%)}@media (orientation:landscape) and (max-height:560px){.panel.shopmenu.outfit-on{max-height:calc(100% - 24px);top:50%;bottom:auto;transform:translate(-50%,-50%)}}.padmenu{max-height:72vh;overflow-y:auto}.padmenu h3 small{opacity:.7;margin-left:auto;font-size:12px}.padmenu h4{align-items:baseline;gap:6px;margin:4px 0 0;font-size:14px;display:flex}.padmenu h4 i{opacity:.7;font-size:11px;font-style:normal}.pm-btn.pm-keep .disc{border-color:#6b3e75}.pm-btn.pm-producer .disc{border-color:#7a4a24}.pm-btn.pm-stockpile .disc{border-color:#9a7a3a}.pm-btn.pm-tower .disc{border-color:#b33831}.keeper-say{align-items:center;gap:6px;min-width:0;display:flex}.ks-face{border:2px solid var(--outline,#2b1a0e);width:28px;height:28px;image-rendering:pixelated;background-color:#c9a86a;flex-shrink:0}.ks-face.drawn{background:linear-gradient(var(--hair) 0 30%, transparent 30%), radial-gradient(circle at 50% 52%, var(--skin) 0 34%, transparent 35%), linear-gradient(transparent 78%, var(--cloth) 78%), #c9a86a}.ks-q{cursor:pointer;border:2px solid var(--outline,#2b1a0e);white-space:nowrap;text-overflow:ellipsis;background:#fff6dc;border-radius:8px;outline:none;flex:1;min-width:0;padding:2px 8px;font-size:12px;font-style:italic;position:relative;overflow:hidden}.ks-q:focus{white-space:normal}.padmenu.pm-keep{border-top:4px solid #6b3e75}.ledger{grid-template-columns:1fr 1fr 1fr;gap:4px;display:grid}.keep-next{flex-wrap:wrap;gap:3px;margin:0;padding:0;font-size:11px;list-style:none;display:flex}.keep-next li{background:#c9a86a73;align-items:center;gap:2px;padding:1px 5px;display:flex}.ledger-cell{background:#c9a86a59;grid-template-columns:16px 1fr;align-items:center;column-gap:3px;padding:3px 5px;font-size:11px;line-height:1.2;display:grid}.ledger-cell svg,.ledger-cell img{width:16px;height:16px}.ledger-cell b{grid-column:1/-1;font-size:12px}.ledger-cell.warn b{color:#a2241b}.edicts{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.edict{min-height:40px;font:inherit;text-align:center;cursor:pointer;background:#e8d5a8;border:2px solid #2e222f;flex-direction:column;justify-content:center;gap:2px;padding:4px;font-size:11px;display:flex}.edict b{font-size:13px}.edict span,.tmode span{font-size:11px;line-height:1.2}.edict.on{color:#fbe36b;background:#6b3e75}.edict[disabled]:not(.on){opacity:.5;cursor:default}.padmenu.pm-producer{border-top:4px solid #7a4a24}.padmenu.pm-producer .keeper-say{border-left-color:#7a4a24}.pile{align-items:center;gap:6px;display:flex}.pile-bar{background:#2a1e1459;border:2px solid #2e222f;flex:1;height:20px;position:relative}.pile-bar i{background:#c98a3a;position:absolute;inset:0 auto 0 0}.pile-bar span{text-align:center;color:#fff6e0;text-shadow:1px 1px #2e222f;font-size:12px;line-height:16px;display:block;position:relative}.pstats{justify-content:space-between;font-size:13px;display:flex}.pstats span{align-items:center;gap:3px;display:inline-flex}.shifts{border:2px solid #2e222f;grid-template-columns:repeat(3,1fr);display:grid}.shift{font:inherit;cursor:pointer;background:#e8d5a8;border:0;border-right:2px solid #2e222f;padding:6px 0;font-size:13px}.shift:last-child{border-right:0}.shift.on.sh-steady{color:#fff6e0;background:#239063}.shift.on.sh-overtime{color:#fff6e0;background:#fb6b1d}.shift.on.sh-rest{color:#fff6e0;background:#4d65b4}.padmenu.pm-stockpile{border-top:4px solid #9a7a3a}.vault-row{background:#c9a86a59;grid-template-columns:24px 1fr 40px 40px 44px;align-items:center;gap:4px;padding:3px 6px;display:grid}.vault-row .btn{padding:3px 0 5px}.padmenu.pm-tower{border-top:4px solid #b33831}.tchips{flex-wrap:wrap;gap:4px;display:flex}.tchip{color:#fff6e0;background:#2a1e148c;align-items:center;gap:3px;padding:2px 6px;font-size:12px;display:inline-flex}.tmodes{flex-direction:column;gap:4px;display:flex}.tmode{font:inherit;text-align:left;cursor:pointer;background:#e8d5a8;border:2px solid #2e222f;flex-direction:column;align-items:flex-start;gap:1px;padding:5px 8px;font-size:11px;display:flex}.tmode b{font-size:13px}.tmode.on{color:#fff6e0;background:#b33831}.works{background:#6b3e751f;border-left:3px solid #6b3e75;flex-direction:column;gap:4px;padding:6px 8px;font-size:12px;display:flex}.works-has{opacity:.8}.works-next{align-items:center;gap:4px;font-size:13px;display:inline-flex}.works-pay{justify-content:space-between;align-items:center;gap:6px;display:flex}.works-pay .scost{flex-wrap:wrap;gap:6px;display:flex}.works .sc{align-items:center;gap:2px;display:inline-flex}.works .sc.short{color:#a2241b;font-weight:700}.smithmenu{max-height:72vh;overflow-y:auto}.forge-mats{gap:10px;display:flex}.forge-mats .sc,.forge-row .sc{align-items:center;gap:2px;display:inline-flex}.forge-row .sc.short{color:#a2241b;font-weight:700}.forge-row .nm i{opacity:.7;color:#2e222f;font-size:11px;font-style:normal}.shop-row.forge-row{grid-template-columns:28px 1fr;row-gap:3px}.forge-acts{grid-column:1/-1;gap:3px;display:flex}.forge-acts .btn{flex:1;justify-content:center;min-height:40px}.forge-row .nm.one{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.forge-acts .btn{align-items:center;gap:3px;display:inline-flex}.padmenu.pm-walls{border-top:4px solid #625565}.padmenu.pm-walls .keeper-say{border-left-color:#625565}.pm-btn.pm-walls .disc{border-color:#625565}.wall-hp{align-items:center;gap:6px;display:flex}.wall-hp .pile-bar i{background:#8b93af}.wall-hp.broken .pile-bar i{background:#b33831}.wall-sum{justify-content:space-between;font-size:13px;display:flex}.wall-sum .bad{color:#a2241b;font-weight:700}.repair-row{background:#c9a86a59;justify-content:space-between;align-items:center;gap:6px;padding:4px 6px;display:flex}.repair-row .scost{flex-wrap:wrap;gap:6px;font-size:13px;display:flex}.repair-row .sc{align-items:center;gap:2px;display:inline-flex}.repair-row .sc.short{color:#a2241b;font-weight:700}.padmenu.pm-workers{border-top:4px solid #239063}.padmenu.pm-workers .keeper-say{border-left-color:#239063}.pm-btn.pm-workers .disc{border-color:#239063}.roster{grid-template-columns:1fr 1fr;gap:4px;display:grid}.roster span{background:#c9a86a59;align-items:center;gap:4px;padding:3px 6px;font-size:13px;display:flex}.stepper{align-items:center;gap:6px;display:flex}.stepper b{text-align:center;min-width:24px;font-size:16px}.drills{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.drill{font:inherit;text-align:center;cursor:pointer;background:#e8d5a8;border:2px solid #2e222f;flex-direction:column;gap:2px;padding:6px 4px;font-size:11px;display:flex}.drill b{font-size:13px}.drill span{font-size:11px;line-height:1.2}.drill.on{color:#fbe36b;background:#3e3546}.padmenu.pm-obelisk{border-top:4px solid #8fd3ff}.padmenu.pm-obelisk .keeper-say{border-left-color:#8fd3ff}.pm-btn.pm-obelisk .disc{border-color:#8fd3ff}.ob-tabs{border:2px solid #2e222f;grid-template-columns:1fr 1fr;display:grid}.ob-tabs button{font:inherit;cursor:pointer;background:#e8d5a8;border:0;border-right:2px solid #2e222f;padding:6px 0;font-size:13px}.ob-tabs button:last-child{border-right:0}.ob-tabs button.on{color:#fff6e0;background:#3e3546}.ob-tabs button[disabled]{opacity:.5;cursor:default}.ob-gods{flex-direction:column;gap:6px;display:flex}.ob-god{border:2px solid #2e222f;border-left:6px solid var(--god);background:#e8d5a8;flex-direction:column;gap:3px;padding:6px 8px;font-size:12px;display:flex}.ob-god.mine{box-shadow:inset 0 0 0 2px var(--god);background:#f3e6c2}.ob-head{align-items:center;gap:6px;display:flex}.ob-head b{font-size:15px}.ob-head i{opacity:.75;font-size:12px}.ob-head span{opacity:.7;font-size:11px;display:block}.ob-tier{align-items:center;gap:6px;display:flex}.ob-tier span{opacity:.8;font-size:11px}.ob-bar{background:#2a1e1459;border:2px solid #2e222f;height:8px}.ob-bar i{background:var(--god);height:100%;display:block}.ob-spells{flex-wrap:wrap;gap:4px;display:flex}.ob-spell{opacity:.55;background:#2a1e1433;align-items:center;gap:3px;padding:1px 5px;display:inline-flex}.ob-spell.on{opacity:1;background:var(--god);color:#2e222f}.ob-spell i{opacity:.7;font-size:10px;font-style:normal}.ob-patron{background:var(--god);color:#2e222f;align-self:flex-start;padding:2px 8px;font-weight:700}.ob-note{opacity:.75;margin:2px 0;font-size:11px}.ob-locked{color:#fff6e0;background:#a2241b;align-items:center;gap:4px;padding:4px 8px;font-size:12px;display:flex}.ob-relics{grid-template-columns:1fr 1fr;gap:4px;display:grid}.ob-relic{font:inherit;text-align:left;cursor:pointer;background:#e8d5a8;border:2px solid #2e222f;grid-template-rows:auto auto;grid-template-columns:32px 1fr;align-items:center;column-gap:4px;padding:4px 6px;font-size:11px;display:grid}.ob-relic>:first-child{grid-row:span 2}.ob-relic b{font-size:12px}.ob-relic.none{opacity:.45;cursor:default}.ob-items{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:3px;display:grid}.ob-item{font:inherit;cursor:pointer;background:#e8d5a8;border:2px solid #2e222f;flex-direction:column;align-items:center;padding:2px;font-size:10px;display:flex}.ob-item.r1{border-color:#239063}.ob-item.r2{border-color:#4d65b4}.ob-item.r3{border-color:#7a4ec0}.ob-item.r4{border-color:#fb6b1d}.ob-item.r5{border-color:#e83b3b}.ob-row{background:#c9a86a59;grid-template-columns:22px 1fr 40px 44px;align-items:center;gap:4px;padding:3px 6px;font-size:12px;display:grid}.ob-row.liked{background:#8fd3ff59}.ob-row i{opacity:.75;font-size:11px;font-style:normal}.ob-row .btn{padding:3px 0 5px}.spells{z-index:20;pointer-events:none;gap:8px;display:flex;position:absolute;bottom:170px;right:22px}.spells[hidden]{display:none}.spell-btn{color:#fff4d6;cursor:pointer;touch-action:none;pointer-events:auto;border:3px solid #3b2414;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;padding:0;font-family:inherit;display:flex;position:relative;box-shadow:0 3px #1d120a}.spell-btn[hidden]{display:none}.spell-btn.locked{opacity:.55;cursor:default}.spell-btn .sk{color:#fff6e0;background:#2e222f;border-radius:3px;min-width:16px;padding:0 2px;font-size:10px;line-height:14px;position:absolute;bottom:-4px;right:-2px}.hand-left .spells{left:22px;right:auto}.hand-left .dash-btn{left:16px!important;right:auto!important}.wmscrim{z-index:20;pointer-events:auto;background:#140c0699;place-items:center;display:grid;position:absolute;inset:0}.wmscrim[hidden]{display:none}.wmcard{color:var(--ink-dark);background:var(--parch);border:3px solid var(--outline);box-shadow:inset 0 -6px 0 3px var(--parch-lo), 0 6px 0 #00000073;flex-direction:column;align-items:center;gap:6px;padding:10px 12px 8px;display:flex}.wmcard h3{align-items:center;gap:6px;margin:0;font-size:18px;display:flex}.wmframe{aspect-ratio:1;border:3px solid var(--outline);background:#0c140f;width:min(86vw,72vh);position:relative;overflow:hidden}.wmimg{width:100%;max-width:none;height:100%;image-rendering:pixelated;position:absolute;top:0;left:0}.wmpins{position:absolute;inset:0}.wmpin{pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;translate:-50% -50%}.wmpin img{filter:drop-shadow(0 0 #2a1e14)drop-shadow(1px 1px #2a1e14)drop-shadow(-1px -1px #2a1e14)}.wmpin small{white-space:nowrap;color:var(--ink);text-shadow:var(--text-shadow);background:#2a1e14bf;margin-top:1px;padding:0 3px;font-size:10px}.wmpin.wm-rival small{color:var(--pc,var(--ink))}.wmpin.wm-goal img{animation:1s steps(2,jump-none) infinite qbob}.wmpin.wm-hero i{background:#fff6e0;border:2px solid #2a1e14;width:10px;height:10px;animation:1s steps(2,jump-none) infinite wm-pulse;display:block;box-shadow:0 0 0 3px #fff6e059}@keyframes wm-pulse{50%{box-shadow:0 0 0 6px #fff6e026}}.wmhint{opacity:.7;margin:0;font-size:11px}@media (prefers-reduced-motion:reduce){.wmpin.wm-goal img,.wmpin.wm-hero i{animation:none}}.zoomchip{right:8px;top:calc(var(--bar-top) + 162px);z-index:4;pointer-events:auto;cursor:pointer;min-width:34px;font:inherit;color:var(--ink);text-shadow:var(--text-shadow);background:var(--wood);border:2px solid var(--outline);box-shadow:inset 0 -3px 0 var(--wood-lo);padding:1px 6px 2px;font-size:12px;position:absolute}.bugreport{z-index:22;pointer-events:auto;background:#140c068c;place-items:center;padding:12px;display:grid;position:absolute;inset:0}.bugreport[hidden]{display:none}.br-card{width:min(420px,100%);max-height:100%;color:var(--ink-dark);background:var(--parch);border:3px solid var(--outline);box-shadow:inset 0 -6px 0 3px var(--parch-lo), 0 6px 0 #00000073;flex-direction:column;gap:8px;padding:12px 14px;display:flex;overflow-y:auto}.br-card h3{align-items:center;gap:6px;margin:0;font-size:18px;display:flex}.br-sub{opacity:.8;margin:0;font-size:12px}.br-card textarea{box-sizing:border-box;resize:vertical;width:100%;font:inherit;color:var(--ink-dark);background:var(--parch-hi);border:2px solid var(--outline);padding:6px 8px;font-size:14px}.br-shot{grid-template-columns:auto 1fr;align-items:center;gap:4px 6px;font-size:13px;display:grid}.br-shot[hidden]{display:none}.br-shot img{border:2px solid var(--outline);image-rendering:auto;grid-column:1/-1;width:100%}.br-shot input:not(:checked)~img{opacity:.3}.br-status{min-height:16px;margin:0;font-size:13px}.br-status.bad{color:var(--red-ink,#a2241b)}.br-actions{justify-content:flex-end;gap:8px;display:flex}.qedge,.qbubble,.qbang{z-index:3;pointer-events:none;position:absolute;top:0;left:0}.qedge[hidden],.qbubble[hidden],.qbang[hidden]{display:none}.qedge .chev{filter:drop-shadow(0 2px #00000073);display:block;position:absolute;top:0;left:0}.qedge .chev svg{display:block}.qedge .qdist{white-space:nowrap;color:var(--ink);text-shadow:var(--text-shadow);background:var(--wood);border:2px solid var(--outline);align-items:center;gap:3px;padding:1px 4px 2px;font-size:12px;display:inline-flex;position:absolute;top:0;left:0}.qbubble{white-space:nowrap;color:var(--ink-dark);background:var(--parch-hi);border:2px solid var(--outline);align-items:center;gap:4px;padding:2px 6px 3px;font-size:13px;animation:1.2s steps(2,jump-none) infinite qbob;display:inline-flex;translate:-50% calc(-100% - 64px);box-shadow:0 3px #0006}.qbubble:after{content:"";left:calc(50% + var(--tail,0px));background:var(--parch-hi);border-right:2px solid var(--outline);border-bottom:2px solid var(--outline);width:8px;height:8px;position:absolute;bottom:-8px;translate:-50%;rotate:45deg}.qbubble span:empty{display:none}.qbang{width:18px;height:22px;color:var(--ink-dark);background:var(--gold);border:2px solid var(--outline);place-items:center;font-size:16px;line-height:1;animation:1s steps(2,jump-none) infinite qbob;display:grid;translate:-50% calc(-100% - 46px);box-shadow:0 2px #0006}@keyframes qbob{50%{margin-top:-3px}}@media (prefers-reduced-motion:reduce){.qbubble,.qbang{animation:none}}.menu{z-index:20;pointer-events:auto;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));color:var(--ink-dark);flex-direction:column;justify-content:center;align-items:center;gap:28px;display:flex;position:absolute;inset:0}.menu[hidden]{display:none}.menu.loading{background:#2a1e14}.menu.loading .menu-load{gap:0;width:min(400px,100%)}.menu.title,.menu.pause{background:#1c140c8c;animation:.25s steps(5,end) menu-in}@keyframes menu-in{0%{opacity:0}}.menu-banner{background:var(--wood);border:3px solid var(--outline);box-shadow:inset 0 0 0 3px var(--wood-hi), inset 0 -6px 0 3px var(--wood-lo), 0 6px 0 #00000073;padding:10px 26px 14px}.menu-banner span{color:var(--gold);letter-spacing:2px;text-shadow:var(--text-shadow), 0 4px 0 var(--outline);font-size:44px;line-height:1;display:block}.menu.pause .menu-banner span{font-size:28px}.menu-banner .wordmark{width:min(324px,72vw);height:auto;image-rendering:pixelated;filter:drop-shadow(0 4px #0006);display:block}.menu.pause .menu-banner .wordmark{width:min(216px,56vw)}.menu-load{width:min(280px,100%);color:var(--ink);flex-direction:column;align-items:center;gap:10px;display:flex}.menu-load[hidden]{display:none}.load-bar{border:3px solid var(--outline);width:100%;height:22px;box-shadow:inset 0 0 0 2px var(--wood-lo);background:#1a120a;padding:3px;overflow:hidden}.load-bar b{background:var(--green);height:100%;box-shadow:inset 0 -4px 0 #2b5a1e, inset 0 3px 0 var(--green-hi);display:block}.menu-load.err{text-align:center;text-shadow:var(--text-shadow);font-size:14px}.menu.loading>:not(.load-sky){z-index:1;position:relative}.menu.loading{gap:14px}.load-sky{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.load-grass{background:#3f8a2e;border-top:6px solid #8fd36a;height:30%;position:absolute;bottom:0;left:0;right:0}.load-cloud{image-rendering:pixelated;opacity:.92;will-change:transform;animation:linear infinite load-drift;position:absolute;left:0}@keyframes load-drift{0%{transform:translate(-100%)}to{transform:translate(100vw)}}.load-star{background:#fff6e0;width:2px;height:2px;animation:3.2s steps(4,end) infinite load-twinkle;position:absolute}@keyframes load-twinkle{0%,70%,to{opacity:.35}80%{opacity:1}}.load-scene{flex-direction:column;align-items:center;display:flex;position:relative}.load-hill{width:216px;height:auto;image-rendering:pixelated;margin-top:-6px;display:block}.load-scene{margin-bottom:-2px}.load-keep{filter:drop-shadow(0 4px #00000059);width:72px;height:72px;display:block;position:relative}.load-keep img{width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.load-keep img.wave{animation:.84s step-end infinite load-flag}@keyframes load-flag{0%{opacity:1}50%{opacity:0}}.load-card{width:min(400px,100%);color:var(--ink-dark);background:var(--parch,#f1dfb4);border:3px solid var(--outline);flex-direction:column;gap:8px;padding:14px;display:flex;box-shadow:inset 0 -6px #c9a86a,0 6px #00000059}.load-card .load-bar b{transform-origin:0;width:100%;transition:none;transform:scaleX(0)}.load-line{text-align:center;font-size:15px}.load-steps{gap:3px;margin:0;padding:0 4px;font-size:13px;list-style:none;display:grid}.load-steps li{opacity:.45;align-items:center;gap:8px;display:flex}.load-steps li:before{content:"";box-sizing:border-box;border:2px solid var(--outline);width:10px;height:10px}.load-steps li.done{opacity:1}.load-steps li.done:before{background:var(--green)}.load-steps li.now{opacity:1}.load-steps li.now:before{background:var(--gold);animation:1s steps(2,end) infinite load-blink}@keyframes load-blink{50%{opacity:.35}}.load-small,.load-section small{opacity:.75;font-size:11px}.load-section{border-top:2px solid #c9a86a;gap:2px;padding-top:8px;font-size:13px;display:grid}.load-section[hidden]{display:none}.load-section b{font-size:15px}.load-section p{min-height:0;margin:0}#loadTip p{min-height:2.6em}#loadTip p.lore{font-style:italic}.menu-load.err{background:var(--parch,#f1dfb4);border:3px solid var(--outline);color:var(--ink-dark);text-shadow:none;padding:14px}@media (prefers-reduced-motion:reduce){.load-cloud,.load-star,.load-keep img.wave,.load-steps li.now:before{animation:none}.load-keep img.wave{opacity:0}}.menu-card{background:var(--parch);border:3px solid var(--outline);width:min(280px,100%);box-shadow:inset 0 0 0 3px var(--parch-hi), inset 0 -6px 0 3px var(--parch-lo), 0 6px 0 #00000073;flex-direction:column;gap:14px;padding:16px;display:flex}.menu-card[hidden]{display:none}.mbtn{flex-direction:column;align-items:center;gap:4px;width:100%;padding:12px 16px 14px;font-size:20px;display:flex}.mbtn small{opacity:.9;font-size:12px}.mbtn .mrow{justify-content:center;align-items:center;gap:10px;display:flex}.mbtn.go{background:var(--green);box-shadow:inset 0 0 0 2px var(--green-hi), inset 0 -4px 0 2px #2b5a1e, 0 4px 0 var(--outline)}.mbtn.go:active{box-shadow:inset 0 0 0 2px var(--green-hi), inset 0 -2px 0 2px #2b5a1e, 0 1px 0 var(--outline)}#frame.in-menu #hud,#frame.in-menu #stick,#frame.in-menu #hint{visibility:hidden}#settings,#debug{z-index:21}@media (max-height:560px){.menu{touch-action:pan-y;justify-content:flex-start;gap:14px;overflow-y:auto}.menu>:first-child{margin-top:auto}.menu>:last-child{margin-bottom:auto}.menu-banner{padding:6px 16px 8px}.menu-banner .wordmark{width:min(220px,50vw)}.menu.pause .menu-banner .wordmark{width:min(150px,40vw)}}.panel.friends{z-index:21;width:min(340px,92%)}.friends h4{text-transform:uppercase;letter-spacing:.5px;color:#7a4a1e;margin:6px 0 0;font-size:13px;font-weight:700}.friends .frow{align-items:center;gap:8px;display:flex}.friends .frow input{min-width:0;font:inherit;color:var(--ink-dark);background:var(--parch-hi);border:2px solid var(--outline);flex:1;width:auto;height:auto;padding:6px 8px;font-size:16px}.friends .who{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:16px;overflow:hidden}.friends .who small{opacity:.55;margin-left:2px}.friends .you .who{flex:none}.friends .you .tagline{flex:1;font-size:16px}.friends .dot{border:2px solid var(--outline);background:#8a958f;flex:0 0 10px;width:10px;height:10px}.friends .dot.on{background:var(--green)}.friends .wait{opacity:.6;font-size:12px}.friends .fnote{margin:0;font-size:14px;line-height:1.3}.friends .fnote.bad{color:#a3241a}.friends .fopen{font-size:14px}.friends .btn.go{background:var(--green);box-shadow:inset 0 0 0 2px var(--green-hi), inset 0 -4px 0 2px #2b5a1e, 0 4px 0 var(--outline)}.coop-tags{pointer-events:none;z-index:3;position:absolute;inset:0;overflow:hidden}.coop-tags span{color:var(--ink);white-space:nowrap;border:2px solid var(--outline);background:#2a1e14bf;padding:1px 5px;font-size:12px;position:absolute;top:0;left:0}.coop-bar{left:6px;top:calc(var(--bar-top,0px) + 104px);z-index:4;pointer-events:auto;white-space:nowrap;color:var(--ink);background:var(--wood,#6b4423);border:2px solid var(--outline);align-items:center;gap:10px;padding:4px 6px 4px 10px;font-size:13px;display:flex;position:absolute;box-shadow:0 4px #0006}.coop-tags span.away{opacity:.45}.coop-link{left:6px;top:calc(var(--bar-top,0px) + 140px);z-index:4;pointer-events:none;max-width:70%;color:var(--ink);border:2px solid var(--outline);background:#2a1e14d9;padding:3px 8px;font-size:12px;position:absolute}.coop-guests{left:6px;top:calc(var(--bar-top,0px) + 104px);z-index:4;flex-direction:column;gap:4px;display:flex;position:absolute}.coop-guests span{color:var(--ink);background:var(--wood,#6b4423);border:2px solid var(--outline);align-items:center;gap:6px;padding:3px 6px 3px 10px;font-size:13px;display:flex;box-shadow:0 3px #0006}.coop-guests span.away{opacity:.55}.panel.boards{width:min(360px,92%)}.boards .btabs{flex-wrap:wrap;gap:4px;display:flex}.boards .btab{font:inherit;color:var(--ink-dark);cursor:pointer;background:var(--parch-hi);border:2px solid var(--outline);padding:4px 8px;font-size:13px}.boards .btab.on{background:var(--wood,#6b4423);color:var(--ink)}.boards .blist{flex-direction:column;gap:2px;max-height:min(52vh,420px);display:flex;overflow-y:auto}.boards .brow{background:#c9a86a59;align-items:center;gap:8px;padding:3px 6px;display:flex}.boards .brow.me{outline:2px solid var(--outline);background:#f0b8308c}.boards .brank{text-align:right;flex:0 0 28px;font-size:15px}.boards .brow.top1 .brank{color:#b8860b}.boards .brow.top2 .brank{color:#6e7a82}.boards .brow.top3 .brank{color:#8a4f22}.boards .bval{font-size:15px;font-weight:700}.bb[hidden]{display:none}.social-pop .qitem{font:inherit;font-size:14px}.panel.guild{width:min(360px,92%);max-height:92%;overflow-y:auto}.guild .gbody,.guild .gform{flex-direction:column;gap:6px;display:flex}.guild .gform>input,.guild .gform .frow input{font:inherit;color:var(--ink-dark);background:var(--parch-hi);border:2px solid var(--outline);padding:6px 8px;font-size:16px}.guild .gform .frow input{flex:1;min-width:0}.guild .gform input.gtag{text-transform:uppercase;flex:0 0 64px}.guild .gmotto{font-style:italic}.guild .grole{border:2px solid var(--outline);background:var(--parch-hi);padding:0 4px;font-size:11px}.guild .grole.leader{background:var(--gold)}.guild .gchat{flex-direction:column;gap:4px;margin-top:6px;display:flex}.guild .gchat[hidden]{display:none}.guild .glines{background:#c9a86a4d;flex-direction:column;gap:2px;max-height:160px;padding:4px;display:flex;overflow-y:auto}.guild .gline{overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.3}.guild .gline.me b{color:#7a4a1e}.gcrest{image-rendering:pixelated;flex:none}.guild .gtop,.guild .gpicker{align-items:center;gap:10px;display:flex}.guild .gpreview{flex:0 0 64px}.guild .gsteps{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.guild .gsteps .who{text-align:center;font-size:14px}.guild .glevel{align-items:center;gap:8px;display:flex}.guild .gbar{background:var(--parch-hi);border:2px solid var(--outline);flex:1;height:12px}.guild .gbar i{background:var(--gold);height:100%;display:block}.pm-btn.pm-plot .disc{border-color:#3f8a2e}.pm-btn.pm-kitchen .disc{border-color:#cd683d}.pm-btn.pm-larder .disc{border-color:#7d838b}.padmenu.pm-plot,.farmpanel{border-top:4px solid #3f8a2e}.padmenu.pm-kitchen{border-top:4px solid #cd683d}.padmenu.pm-larder{border-top:4px solid #7d838b}.seeds{grid-template-columns:repeat(2,1fr)}.seeds .shift{justify-content:center;align-items:center;gap:4px;display:inline-flex}.seeds .shift.on.seed-wheat{color:#2e222f;background:#d9a62b}.seeds .shift.on.seed-veg{color:#fff6e0;background:#8a4fb0}.farm-row{flex-wrap:wrap;gap:4px;display:flex}.recipes{flex-direction:column;gap:4px;display:flex}.btn-pair{align-items:center;gap:6px;display:flex}.btn-pair>.btn{flex:1;min-height:40px}.btn-pair>.sub{flex:1;margin:0}.recipe{min-height:40px;font:inherit;text-align:left;cursor:pointer;background:#e8d5a8;border:2px solid #2e222f;align-items:center;gap:6px;padding:3px 6px;display:flex}.recipe span{flex-direction:column;flex:1;display:flex}.recipe small{flex-wrap:wrap;align-items:center;gap:2px;font-size:11px;display:inline-flex}.recipe.on{color:#fff6e0;background:#cd683d}.recipe[disabled]{opacity:.5;cursor:default}.recipe i{font-size:11px;font-style:normal}.food-stock{flex-wrap:wrap;gap:6px;display:flex}.food-stock span{background:#c9a86a59;align-items:center;gap:2px;padding:2px 6px;display:inline-flex}.farmpanel{max-width:min(92vw,420px)}.farm-map{max-width:100%;max-height:46vh;image-rendering:pixelated;touch-action:none;cursor:crosshair;border:2px solid #2e222f;margin:0 auto;display:block}.farm-sum{flex-direction:column;gap:2px;font-size:12px;display:flex}.farm-sum span{flex-wrap:wrap;align-items:center;gap:3px;display:inline-flex}.farm-sum em{color:#7a5a00;font-style:normal}.farm-sum em.warn{color:#2f6cc8}.farm-kit{align-items:center;gap:4px;font-size:12px;display:flex}.farm-kit span{flex:1}.farm-kit .chip{cursor:pointer;background:#e8d5a8;border:2px solid #2e222f;padding:2px 4px}.farm-kit .chip.on{background:#cd683d}.farm-kit .chip[disabled]{opacity:.4;cursor:default}.meals[hidden]{display:none}.meals{z-index:20;pointer-events:auto;gap:6px;display:flex;position:absolute;bottom:24px;right:92px}.meal-slot{cursor:pointer;touch-action:none;background:#e8d5a8;border:3px solid #3b2414;border-radius:10px;width:52px;height:52px;padding:0;font-family:inherit;position:relative;overflow:hidden;box-shadow:0 3px #1d120a}.meal-slot.empty{opacity:.65}.meal-slot .mi{justify-content:center;align-items:center;height:100%;display:flex}.meal-slot .plus{color:#3b2414;font-size:22px}.meal-slot .mn{color:#fff6e0;text-shadow:1px 1px #2e222f;font-size:13px;position:absolute;bottom:1px;right:3px}.meal-slot .mk{opacity:.6;font-size:9px;position:absolute;top:1px;left:3px}.meal-slot .mcd{pointer-events:none;background:#2e222f73;height:0;position:absolute;bottom:0;left:0;right:0}.meal-buff{z-index:20;color:#fff6e0;pointer-events:none;background:#3f8a2e;border:2px solid #2e222f;align-items:center;gap:3px;padding:2px 6px;font-size:12px;display:inline-flex;position:absolute;bottom:84px;right:92px}@font-face{font-family:Geist Pixel;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/geist-pixel-latin-ext-400-normal-Ct5C1LKS.woff2)format("woff2"),url(/assets/geist-pixel-latin-ext-400-normal-CVEEpFc1.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Pixel;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/geist-pixel-latin-400-normal-CZH99LhH.woff2)format("woff2"),url(/assets/geist-pixel-latin-400-normal-Df5xozDi.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}