:root{--night: #1f2130;--night-deep: #16171f;--ink: #0d0d12;--cream: #e0ddd2;--grape: #a855f7;--grape-dark: #5b21b6;--aqua: #3de0f5;--sun: #ffd23f;--creeper: #36b030}html{background-color:var(--night);color-scheme:dark;scroll-behavior:smooth}body{min-height:100vh;color:#f3f1ea;background-color:var(--night);background-image:url(/pattern_bg.png);background-size:256px;image-rendering:pixelated;animation:drift 40s linear infinite;overflow-x:hidden;-webkit-font-smoothing:antialiased}img{image-rendering:auto}[hidden]{display:none!important}.pixelated{image-rendering:pixelated}@keyframes drift{0%{background-position:0 0}to{background-position:-512px 512px}}.panel{position:relative;color:var(--ink);background-color:var(--cream);background-image:url(/pattern_bg_light.png);background-size:256px;image-rendering:pixelated;animation:drift 30s linear infinite;border:3px solid var(--ink);border-radius:22px;box-shadow:8px 8px 0 var(--ink)}.sticker{--r: var(--tilt, 0deg);--rx: 0deg;--ry: 0deg;--s: 1;position:relative;display:block;padding:6px;background:#fff;border-radius:18px;box-shadow:0 0 0 3px var(--ink),7px 7px 0 3px var(--ink);transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry)) rotate(var(--r)) scale(var(--s));transition:transform .45s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease;will-change:transform}.sticker img{display:block;width:100%;aspect-ratio:16 / 9;-o-object-fit:cover;object-fit:cover;border-radius:12px}.sticker:after{content:"";position:absolute;inset:6px;border-radius:12px;pointer-events:none;background:radial-gradient(circle at var(--mx, 50%) var(--my, 50%),rgba(255,255,255,.45),transparent 55%);mix-blend-mode:overlay;opacity:0;transition:opacity .25s}.sticker:hover,.sticker-host:hover .sticker{--r: 0deg;--s: 1.04;box-shadow:0 0 0 3px var(--ink),11px 11px 0 3px var(--grape)}.sticker:hover:after,.sticker-host:hover .sticker:after{opacity:1}.sticker.is-tilting{transition-duration:.12s}.mc-btn{--btn: #7c3aed;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.8rem 1.4rem;font-family:Pixelify Sans,monospace;font-size:1.1rem;font-weight:600;letter-spacing:.02em;color:#fff;text-shadow:2px 2px 0 rgba(0,0,0,.35);background:var(--btn);border:3px solid var(--ink);border-radius:6px;box-shadow:inset 0 -5px #00000059,inset 0 4px #ffffff59,inset 4px 0 #ffffff1f,0 5px 0 var(--ink);transition:transform .08s,box-shadow .08s,filter .15s;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mc-btn:hover{filter:brightness(1.15)}.mc-btn:active{transform:translateY(4px);box-shadow:inset 0 -2px #00000059,inset 0 4px #ffffff59,0 1px 0 var(--ink)}.mc-btn:focus-visible{outline:3px solid var(--sun);outline-offset:3px}.mc-btn--green{--btn: var(--creeper)}.mc-btn--stone{--btn: #5b5d6b}.mc-btn--cream{--btn: var(--cream);color:var(--ink);text-shadow:none}.mc-btn--sm{padding:.45rem .9rem;font-size:.95rem;box-shadow:inset 0 -4px #00000059,inset 0 3px #ffffff59,0 4px 0 var(--ink)}.text-3d{--face: #c084fc;--side: var(--grape-dark);color:var(--face);text-shadow:1px 1px 0 var(--side),2px 2px 0 var(--side),3px 3px 0 var(--side),4px 4px 0 var(--side),5px 5px 0 var(--side),6px 6px 0 var(--side),8px 8px 0 var(--ink);filter:drop-shadow(3px 0 0 #fff) drop-shadow(-3px 0 0 #fff) drop-shadow(0 3px 0 #fff) drop-shadow(0 -3px 0 #fff)}.text-3d--aqua{--face: var(--aqua);--side: #0e7490}.text-outline{color:#fff;text-shadow:3px 3px 0 var(--ink),-2px -2px 0 var(--ink),2px -2px 0 var(--ink),-2px 2px 0 var(--ink)}.label{display:inline-block;padding:.35rem .8rem;font-family:Pixelify Sans,monospace;font-weight:600;color:var(--ink);background:var(--cream);border:3px solid var(--ink);border-radius:8px;box-shadow:4px 4px 0 var(--ink)}.chip{display:inline-block;padding:.15rem .55rem;font-family:Pixelify Sans,monospace;font-size:.85rem;font-weight:600;color:var(--ink);border:2px solid var(--ink);border-radius:6px;box-shadow:2px 2px 0 var(--ink);white-space:nowrap}.chip--free{background:#7ef36a}.chip--market{background:var(--aqua)}.burst{display:grid;place-items:center;width:4.25rem;height:4.25rem;font-family:Pixelify Sans,monospace;font-weight:700;color:var(--ink);background:var(--sun);border:3px solid var(--ink);clip-path:polygon(50% 0,61% 18%,82% 10%,80% 32%,100% 40%,85% 56%,96% 76%,74% 78%,68% 100%,50% 87%,32% 100%,26% 78%,4% 76%,15% 56%,0 40%,20% 32%,18% 10%,39% 18%);animation:wiggle 2.4s ease-in-out infinite}.mc-tooltip{position:relative;padding:1.4rem 1.5rem;background:#100010f0;border:4px solid #100010;box-shadow:inset 0 0 0 3px #3b0e8c,0 0 0 3px #100010,10px 10px 0 3px #00000073}.tape{overflow:hidden;color:var(--ink);background:var(--sun);border-block:3px solid var(--ink);box-shadow:0 6px 0 var(--ink)}.tape__track{display:flex;width:-moz-max-content;width:max-content;animation:marquee 35s linear infinite}@keyframes marquee{to{transform:translate(-50%)}}@keyframes bob{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-14px) rotate(4deg)}}@keyframes wiggle{0%,to{transform:rotate(-8deg) scale(1)}50%{transform:rotate(8deg) scale(1.08)}}@keyframes blink{50%{opacity:.2}}.animate-bob{animation:bob 5s ease-in-out infinite}.animate-blink{animation:blink 1s steps(1) infinite}::-moz-selection{background:var(--grape);color:#fff}::selection{background:var(--grape);color:#fff}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}}