.phase-switch{flex-wrap:wrap}.mart-scene{position:relative;isolation:isolate;overflow:hidden;background:#f4ead2}.mart-board{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-height:46px;padding:8px 12px;background:linear-gradient(90deg,#1d5fa8,#2a7fd0);color:#fff;border-bottom:4px solid #e23b3b;font:700 12px/1.4 monospace}.mart-sign{padding:3px 8px;border-radius:5px;background:#fff;color:#1d5fa8;font:900 11px/1.3 Trebuchet MS,sans-serif;letter-spacing:1px;box-shadow:0 2px #0003}.mart-var{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:3px 9px;border-radius:7px;background:#0d2c4fcc;min-width:0}.mart-var code{color:#bfe3ff}.mart-var>b{display:inline-block;color:#ffe066;font-size:16px;min-width:1.5em}.mart-var>b.tick{animation:tick .4s}.mart-var .none{color:#ffb4b4}.mart-var.shake{animation:trail-shake .5s}.roster{display:flex;gap:4px;flex-wrap:wrap}.roster em{color:#bfe3ff;font-style:normal}.roster .chip{display:inline-flex;align-items:center;gap:2px;padding:1px 7px 1px 2px;border-radius:999px;background:#fff;color:#173a5e;font:700 11px/1.5 Trebuchet MS,sans-serif}.roster .chip img{width:22px;height:22px;image-rendering:pixelated;margin:-4px 0}.roster .chip.pop{animation:pop .45s ease-out}.mart-bag{display:flex;align-items:center;gap:2px;margin-left:auto;padding:3px 8px;border-radius:7px;background:#ffffff26}.mart-bag span{font-size:9px;letter-spacing:1px;margin-right:4px;color:#d9ecff}.mart-bag i{font-style:normal;font-size:15px;animation:pop .35s}.mart-map{display:grid;grid-template-columns:repeat(var(--cols,10),1fr);grid-template-rows:repeat(var(--rows,5),1fr);aspect-ratio:var(--cols,10)/var(--rows,5);width:100%}.mart-map .cell{position:relative;display:flex;align-items:center;justify-content:center;font-size:clamp(14px,2.5vw,26px);line-height:1;overflow:visible}.mart-map .cell i{font-style:normal}.mart-map .floor{background:#efe2c4}.mart-map .floor:nth-child(2n){background:#e6d6b3}.mart-map .shelf{background:linear-gradient(#8b5a34 0 12%,#c79868 12% 84%,#8b5a34 84%);box-shadow:inset 0 -3px #6c4426}.mart-map .shelf i{filter:drop-shadow(0 2px 1px #0005);transform:translateY(-6%)}.mart-map .counter{background:linear-gradient(#5a87b8 0 22%,#3e6a9a 22%);box-shadow:inset 0 3px #9fc2e6}.mart-map .register{background:linear-gradient(#5a87b8 0 22%,#3e6a9a 22%)}.mart-map .door{background:#cfe6ff;box-shadow:inset 0 0 0 3px #7aa8d6}.mart-map .wall{background:repeating-linear-gradient(0deg,#b65b4a 0 22%,#9c4a3b 22% 25%);box-shadow:inset 0 0 0 1px #7e392d}.mart-map .wall.end{box-shadow:inset 4px 0 #5c2a20}.mart-map .wall.hit{animation:wall-hit .6s}.mart-map .empty-note{position:absolute;bottom:-1.8em;left:-60%;white-space:nowrap;font:700 10px monospace;color:#7e392d}.mart-map .crate{background:#efe2c4}.crate-face{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:88%;height:84%;border-radius:6px;background:linear-gradient(#d9a463,#b77b3e);box-shadow:inset 0 0 0 2px #8a5626,inset 0 -6px #9c6430,0 3px #0003;transition:transform .2s,filter .2s}.crate-face i{font-size:.9em}.crate-face img{position:absolute;inset:-6% 0 auto;margin:auto;width:78%;opacity:0;transform:translateY(30%) scale(.6);transition:all .35s;image-rendering:pixelated;filter:drop-shadow(0 2px 1px #0006)}.crate-face b{position:relative;z-index:2;margin-top:2px;padding:0 3px;max-width:116%!important;border-radius:5px;background:#fff8e6;color:#4a2c11;font:800 clamp(7px,1vw,11px)/1.4 monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-shadow:0 1px #0003}.crate-face b.up{color:#11713b}.crate-face b.down{color:#b3261e}.mart-map .idx{position:absolute;bottom:-.1em;left:50%;transform:translate(-50%,100%);font:700 clamp(8px,1vw,10px)/1 monospace;color:#6b5435;z-index:1}.mart-map .crate.visited .crate-face{filter:brightness(1.12) saturate(1.2);box-shadow:inset 0 0 0 2px #8a5626,inset 0 -6px #9c6430,0 0 0 3px #ffe066,0 0 14px #ffd23f}.mart-map .crate.pop .crate-face{animation:crate-pop .5s}.mart-map .crate.taken .crate-face i{opacity:.25}.mart-map .crate.visited .crate-face img{opacity:1;transform:none}.mart-map .crate.visited .crate-face img+i{opacity:0}.mart-map .crate.joined .crate-face{background:linear-gradient(#9fe3b5,#55b779);box-shadow:inset 0 0 0 2px #2c7a4b,0 0 0 3px #a9f5c4}.mart-map .crate.sparkle .crate-face{animation:sparkle .7s}.mart-map .crown{position:absolute;top:-.55em;left:50%;transform:translate(-50%);font-size:.85em;z-index:4;filter:drop-shadow(0 2px 2px #0006);animation:crown-in .45s ease-out}.mart-map .pointer{position:absolute;top:-.9em;left:50%;transform:translate(-50%);padding:0 5px;border-radius:5px;background:#1d5fa8;color:#fff;font:800 10px/1.5 monospace;z-index:4}.mart-map .pointer:after{content:"";position:absolute;left:50%;bottom:-5px;margin-left:-4px;border:4px solid transparent;border-top-color:#1d5fa8;border-bottom:0}.mart-scene .fly{position:absolute;left:50%;top:10%;transform:translate(-50%);font:900 13px monospace;white-space:nowrap;color:#fff;text-shadow:0 1px 2px #000,0 0 6px #000;animation:fly .95s ease-out forwards;pointer-events:none;z-index:6}.mart-scene .fly.coin{color:#ffe066}.mart-scene .fly.candy{color:#ff9bd2}.mart-scene .fly.gold{color:#ffd23f}.mart-walker{position:absolute;left:5%;top:50%;width:0;height:0;z-index:3;transition:left .34s ease-in-out,top .34s ease-in-out}.mart-walker.instant{transition:none}.mart-body{position:absolute;left:0;top:0;transform:translate(-50%,-108%)}.mart-walker .trail-sprite{width:clamp(40px,6.6vw,68px);height:clamp(40px,6.6vw,68px)}.mart-walker .trail-bubble{bottom:auto;top:-78px}.mart-walker.moving .mart-body{animation:mart-bob .34s}.mart-walker.grab .trail-sprite{animation:trail-squash .4s}.mart-walker.bump .mart-body{animation:mart-shake .55s}.mart-walker.dizzy .trail-sprite{animation:dizzy 1.2s ease-in-out 2}.mart-walker.dizzy .trail-fx{animation:spin 1s linear infinite}.mart-walker.happy .mart-body{animation:mart-happy .7s ease-out}.mart-confetti{position:absolute;inset:0;pointer-events:none;z-index:8;overflow:hidden}.mart-confetti span{position:absolute;top:-30px;animation:confetti 2.1s ease-in forwards}@keyframes tick{0%{transform:scale(1.6);color:#fff}to{transform:scale(1)}}@keyframes crate-pop{0%{transform:scale(1)}40%{transform:scale(1.15) translateY(-6%)}to{transform:scale(1)}}@keyframes sparkle{0%,to{filter:none}50%{filter:brightness(1.5) drop-shadow(0 0 10px #ffd23f)}}@keyframes crown-in{0%{transform:translate(-50%,-80%) scale(.3);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}@keyframes wall-hit{25%,75%{filter:brightness(1.4)}50%{transform:translate(3px)}}@keyframes mart-bob{50%{transform:translate(-50%,-120%)}}@keyframes mart-shake{20%,60%{transform:translate(-60%,-108%)}40%,80%{transform:translate(-40%,-108%)}}@keyframes mart-happy{30%{transform:translate(-50%,-150%) rotate(-8deg)}60%{transform:translate(-50%,-108%)}80%{transform:translate(-50%,-125%) rotate(6deg)}to{transform:translate(-50%,-108%)}}@keyframes dizzy{25%{transform:rotate(-14deg)}75%{transform:rotate(14deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes confetti{0%{transform:translateY(0) rotate(0)}to{transform:translateY(420px) rotate(540deg);opacity:0}}@media(max-width:780px){.mart-board{min-height:38px;padding:6px 8px;font-size:10px;gap:6px}.mart-var>b{font-size:13px}.roster .chip{font-size:9px}.roster .chip img{width:16px;height:16px}.mart-walker .trail-bubble{top:-58px}}@media(prefers-reduced-motion:reduce){.mart-walker{transition:none}.mart-confetti{display:none}}.mart-map .counter i{opacity:.85;font-size:.8em}