:root{color-scheme:dark}[data-astro-cid-5zjnpk7q]{box-sizing:border-box}html,body{margin:0;padding:0}:root{color-scheme:dark;--bg:#0a0a0f;--surface:#141419;--surface-2:#1c1c24;--line:#ffffff12;--txt:#f5f5f7;--dim:#8e8e93;--accent:#f5a623;--accent-soft:#f5a6231f;--radius:16px;--radius-sm:12px}.mf,.mf *{box-sizing:border-box;margin:0;padding:0}.mf{background:var(--bg);color:var(--txt);font:-apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;-webkit-font-smoothing:antialiased;flex-direction:column;height:100dvh;display:flex;overflow:hidden}#stage{background:linear-gradient(180deg, var(--bg) 0%, #f5a62308 100%);flex-direction:column;flex:none;align-items:center;padding:20px 16px 16px;display:flex;position:relative}#stage:before{content:"";pointer-events:none;background:radial-gradient(80% 60% at 50% 40%,#f5a6230f 0%,#0000 70%);position:absolute;inset:0}#canvas{justify-content:center;align-items:center;width:180px;height:180px;display:flex;position:relative}#canvas:before{content:"";background:radial-gradient(circle,#f5a62312 0%,#0000 70%);border-radius:50%;position:absolute;inset:-20px}#preview{object-fit:contain;width:160px;height:160px;image-rendering:pixelated;filter:drop-shadow(0 8px 24px #00000080);z-index:1;position:relative}#spin{border:3px solid var(--line);border-top-color:var(--accent);z-index:2;border-radius:50%;width:28px;height:28px;margin:auto;animation:.7s linear infinite mfspin;position:absolute;inset:0}@keyframes mfspin{to{transform:rotate(360deg)}}#side{z-index:1;flex-direction:column;align-items:center;gap:8px;width:100%;display:flex;position:relative}#worn{color:var(--txt);letter-spacing:-.01em;text-align:center;white-space:normal;font-size:17px;font-weight:600;overflow:visible}.worn-alert{color:var(--dim);text-align:center;max-width:92%;font-size:12px}#controls{z-index:2;gap:8px;display:flex;position:absolute;top:-8px;right:0}#cog{background:var(--surface-2);width:36px;height:36px;color:var(--dim);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:16px;transition:transform .15s,background .15s;display:flex}#cog:active{background:#24242e;transform:scale(.92)}#settings{background:var(--surface);border-bottom:1px solid var(--line);flex-direction:column;gap:14px;padding:12px 16px 16px;display:flex}.setrow{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.setrow>span{text-transform:uppercase;letter-spacing:.04em;color:var(--dim);min-width:52px;font-size:12px;font-weight:600}.setrow button,.setrow select{background:var(--surface-2);color:var(--dim);cursor:pointer;border:none;border-radius:8px;min-height:36px;padding:8px 12px;font-size:14px;font-weight:500;transition:all .15s}.setrow button:active{transform:scale(.96)}.seg{background:var(--surface-2);border-radius:10px;flex:1;gap:2px;padding:2px;display:flex}.seg button{flex:1;min-height:32px}.seg button.on{background:var(--surface);color:var(--txt);box-shadow:0 1px 3px #0000004d}.setrow select{appearance:none}#skins{align-items:center;gap:8px;display:flex}#skins button{border:2px solid var(--line);border-radius:50%;width:28px;height:28px;min-height:0;padding:0}#skins button.on{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}#sheet{background:var(--surface);border-top:1px solid var(--line);border-radius:20px 20px 0 0;flex-direction:column;flex:1;min-height:0;margin-top:-12px;display:flex;position:relative;overflow:hidden}#grab{background:#ffffff26;border-radius:3px;flex:none;width:36px;height:5px;margin:10px auto 4px}#bar{flex:none;padding:4px 16px 8px;display:flex;position:relative}#bar input{background:var(--surface-2);border:1px solid var(--line);color:var(--txt);border-radius:10px;outline:none;flex:1;min-width:0;padding:10px 14px 10px 36px;font-size:15px;transition:border-color .15s}#bar input::placeholder{color:var(--dim)}#bar input:focus{border-color:var(--accent)}#bar:before{content:"⌕";color:var(--dim);pointer-events:none;font-size:18px;position:absolute;top:50%;left:28px;transform:translateY(-50%)}#groups{scrollbar-width:none;flex:none;gap:6px;padding:0 16px 8px;display:flex;overflow-x:auto}#groups::-webkit-scrollbar{display:none}#groups button{border:1px solid var(--line);background:var(--surface-2);color:var(--dim);cursor:pointer;white-space:nowrap;border-radius:999px;flex:none;padding:6px 14px;font-size:13px;font-weight:500;transition:all .15s}#groups button.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}#scroll{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding-bottom:40px;overflow-y:auto}.sec{padding:16px 16px 0}.sec h2{text-transform:uppercase;letter-spacing:.04em;color:var(--dim);justify-content:space-between;align-items:center;margin:0 2px 10px;font-size:13px;font-weight:600;display:flex}.seeall{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:2px 0;font-size:13px;font-weight:500}.row{scrollbar-width:none;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.row::-webkit-scrollbar{display:none}.tile{border:1.5px solid var(--line);background:var(--surface-2);border-radius:var(--radius-sm);cursor:pointer;text-align:center;flex-direction:column;flex:none;align-items:center;gap:4px;width:72px;padding:10px 4px 8px;transition:all .15s;display:flex}.tile:active{transform:scale(.95)}.tile.on{border-color:var(--accent);background:var(--accent-soft)}.tile img{object-fit:contain;width:36px;height:36px;image-rendering:pixelated}.tile span{color:var(--dim);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;line-height:1.2;display:-webkit-box;overflow:hidden}.tile.on span{color:var(--accent);font-weight:600}.dot{border:2px solid var(--line);border-radius:50%;width:24px;height:24px}.tile.on .dot{border-color:var(--accent)}.tile .rate{color:var(--accent);font-size:10px;font-style:normal;font-weight:700}.tile.on .rate{color:var(--accent)}.tile .ends,.tile .last-seen{color:var(--dim);font-size:9px;font-style:normal}.tile.not-attainable{opacity:.6}.tile .unattainable{text-transform:uppercase;letter-spacing:.04em;color:#ff8a80;font-size:9px;font-style:normal}.tile .coupon{text-transform:uppercase;letter-spacing:.04em;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent);border-radius:4px;margin-top:2px;padding:1px 4px;font-size:9px;font-style:normal;font-weight:700}#catpage{flex-direction:column;flex:1;min-height:0;display:none;overflow:hidden}#catpage.open{display:flex}#scroll.hidden{display:none}#cathead{flex:none;align-items:center;gap:12px;padding:12px 16px;display:flex}#back{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:15px;font-weight:500}#cattitle{flex:1;font-size:16px;font-weight:600}#catbar{flex:none;gap:8px;padding:0 16px 8px;display:flex}#catbar input{background:var(--surface-2);border:1px solid var(--line);color:var(--txt);border-radius:10px;outline:none;flex:1;min-width:0;padding:10px 14px;font-size:15px}#catbar input:focus{border-color:var(--accent)}#catgrid{-webkit-overflow-scrolling:touch;flex:1;grid-template-columns:repeat(4,1fr);align-content:start;gap:8px;padding:0 16px 32px;display:grid;overflow-y:auto}#catgrid .tile{width:auto}#status{color:var(--dim);text-align:center;background:var(--surface);flex:none;padding:8px;font-size:11px}#gate{background:var(--bg);z-index:50;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:24px;display:flex;position:fixed;inset:0}#gate h1{letter-spacing:-.02em;font-size:28px;font-weight:700}#gate p{color:var(--dim);margin-bottom:6px;font-size:15px}#gate button{border:1.5px solid var(--line);background:var(--surface);width:min(280px,80vw);color:var(--txt);cursor:pointer;border-radius:14px;padding:16px;font-size:17px;font-weight:600;transition:all .15s}#gate button:active{background:var(--surface-2);transform:scale(.97)}#gate button.primary{background:var(--accent);border-color:var(--accent);color:#000}#brand{color:var(--dim);letter-spacing:.02em;align-items:center;gap:4px;font-size:13px;font-weight:600;display:flex}@keyframes float-leaf{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-6px)rotate(5deg)}}@keyframes tile-pop{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes sheet-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes glow-pulse{0%,to{opacity:.5}50%{opacity:.8}}#brand span:first-child{animation:3s ease-in-out infinite float-leaf;display:inline-block}#canvas:before{animation:3s ease-in-out infinite glow-pulse}.tile.on{animation:.3s ease-out tile-pop}#sheet{animation:.4s ease-out sheet-up}#stage{animation:.3s ease-out sheet-up}@media (width>=900px){.mf{flex-direction:row}#stage{flex:none;justify-content:center;width:420px;height:100dvh;padding:24px}#canvas{width:220px;height:220px}#preview{width:200px;height:200px}#controls{top:24px;right:24px}#sheet{border-top:none;border-left:1px solid var(--line);border-radius:0;height:100dvh;margin-top:0}#catgrid{grid-template-columns:repeat(6,1fr)}}