:root{color-scheme:dark}[data-astro-cid-5zjnpk7q]{box-sizing:border-box}html,body{margin:0;padding:0}:root{color-scheme:dark;--bg:#0d1117;--panel:#161b22;--line:#30363d;--txt:#e6edf3;--dim:#8b949e;--acc:#58a6ff;--ms-blue:#3f8cff;--ms-blue-dk:#2a5cb8;--ms-gold:#f5c542;--ms-cream:#fff6df;--ms-brown:#6b4a2b}.mf,.mf *{box-sizing:border-box}.mf{background:var(--bg);color:var(--txt);flex-direction:column;height:100dvh;font:14px/1.4 system-ui,sans-serif;display:flex;overflow:hidden}#stage{background:var(--bg);align-items:center;gap:10px;padding:8px 12px 6px;display:flex}#canvas{background:repeating-conic-gradient(#161b22 0 25%, #0d1117 0 50%) 0 0/18px 18px;border:1px solid var(--line);border-radius:12px;flex:none;padding:4px;position:relative}#preview{object-fit:contain;width:132px;height:132px;image-rendering:pixelated}#spin{border:3px solid var(--line);border-top-color:var(--ms-gold);border-radius:50%;width:26px;height:26px;margin:auto;animation:.7s linear infinite mfspin;position:absolute;inset:0}@keyframes mfspin{to{transform:rotate(360deg)}}#side{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}#worn{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}#controls{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.mf button,.mf select{font-family:inherit}#cog{cursor:pointer;width:44px;height:44px;color:var(--ms-brown);background:linear-gradient(#fffdf4, var(--ms-cream) 60%, #f0dfb2);border:2px solid var(--ms-brown);box-shadow:0 2px 0 var(--ms-brown);border-radius:10px;font-size:20px}#cog:active{box-shadow:none;transform:translateY(2px)}#settings{background:var(--panel);border-bottom:1px solid var(--line);flex-direction:column;gap:8px;padding:8px 12px;display:flex}.setrow{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.setrow>span{text-transform:uppercase;letter-spacing:.06em;color:var(--dim);min-width:52px;font-size:11px}.setrow button,.setrow select{background:linear-gradient(#fffdf4, var(--ms-cream) 60%, #f0dfb2);border:2px solid var(--ms-brown);color:var(--ms-brown);cursor:pointer;box-shadow:0 2px 0 var(--ms-brown);border-radius:8px;min-height:40px;padding:8px 12px;font-size:14px;font-weight:600}.setrow button:active{box-shadow:none;transform:translateY(2px)}.seg{gap:6px;display:flex}.seg button.on,#skins button.on{outline:2px solid var(--ms-blue);outline-offset:1px}#skins{align-items:center;gap:8px;display:flex}#skins button{border-radius:50%;width:32px;height:32px;min-height:0;padding:0}#skins button.on{border-color:var(--ms-blue)}#sheet{background:var(--panel);border-top:1px solid var(--line);border-radius:16px 16px 0 0;flex-direction:column;flex:1;min-height:0;margin-top:-10px;display:flex;overflow:hidden}#grab{background:var(--line);border-radius:2px;flex:none;width:44px;height:4px;margin:8px auto 2px}#bar{flex:none;align-items:center;gap:8px;padding:0 10px;display:flex}#bar input{background:var(--bg);border:1px solid var(--line);color:var(--txt);border-radius:999px;flex:1;min-width:0;padding:10px 14px;font-size:16px}#bar label{color:var(--dim);white-space:nowrap;align-items:center;gap:4px;font-size:12px;display:flex}#wrap{flex:none;position:relative}#scroll{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding-bottom:32px;overflow-y:auto}.sec{padding:10px 10px 0}.sec h2{text-transform:uppercase;letter-spacing:.06em;color:var(--dim);justify-content:space-between;align-items:center;margin:2px 2px 8px;font-size:12px;font-weight:600;display:flex}.seeall{color:var(--acc);cursor:pointer;background:0 0;border:none;padding:4px 2px;font-size:12px}.row{scrollbar-width:none;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.row::-webkit-scrollbar{display:none}.tile{border:2px solid var(--line);background:var(--bg);cursor:pointer;text-align:center;border-radius:12px;flex-direction:column;flex:none;align-items:center;gap:2px;width:76px;padding:8px 4px;display:flex}.tile.on{border-color:var(--ms-blue-dk);background:linear-gradient(#5ea0ff, var(--ms-blue) 70%)}.tile img{object-fit:contain;width:40px;height:40px;image-rendering:pixelated}.tile span{color:var(--dim);font-size:10px;line-height:1.25}.tile.on span{color:#fff;font-weight:600}.dot{border:2px solid var(--line);border-radius:50%;width:26px;height:26px}.tile.on .dot{border-color:#fff}#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:8px;padding:8px 10px;display:flex}#back{background:linear-gradient(#fffdf4, var(--ms-cream) 60%, #f0dfb2);border:2px solid var(--ms-brown);color:var(--ms-brown);cursor:pointer;box-shadow:0 2px 0 var(--ms-brown);border-radius:8px;padding:10px 12px;font-size:14px;font-weight:700}#cattitle{flex:1;font-size:15px;font-weight:600}#catbar{flex:none;gap:8px;padding:0 10px 8px;display:flex}#catbar input{background:var(--bg);border:1px solid var(--line);color:var(--txt);border-radius:999px;flex:1;min-width:0;padding:10px 14px;font-size:16px}#catbar label{color:var(--dim);white-space:nowrap;align-items:center;gap:4px;font-size:12px;display:flex}#catgrid{-webkit-overflow-scrolling:touch;flex:1;grid-template-columns:repeat(4,1fr);align-content:start;gap:8px;padding:0 10px 32px;display:grid;overflow-y:auto}#catgrid .tile{width:auto}#groups{scrollbar-width:none;flex:none;gap:6px;padding:8px 10px 0;display:flex;overflow-x:auto}#groups::-webkit-scrollbar{display:none}#groups button{background:linear-gradient(#fffdf4, var(--ms-cream) 60%, #f0dfb2);border:2px solid var(--ms-brown);color:var(--ms-brown);cursor:pointer;box-shadow:0 2px 0 var(--ms-brown);border-radius:999px;flex:none;padding:6px 12px;font-size:12px;font-weight:700}#groups button.on{background:linear-gradient(#5ea0ff, var(--ms-blue) 70%);border-color:var(--ms-blue-dk);color:#fff}.tile .rate{color:var(--ms-gold);font-size:10px;font-style:normal;font-weight:700}.tile.on .rate{color:#fff}.tile.missing{opacity:.45}.tile .soon{color:var(--dim);text-transform:uppercase;letter-spacing:.05em;font-size:9px;font-style:normal}.tile .ends{color:var(--dim);font-size:9px;font-style:normal}.tile.on .ends{color:#fff}#status{color:var(--dim);text-align:center;flex:none;padding:6px;font-size:11px}#gate{z-index:50;background:#0d1117f2;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex;position:fixed;inset:0}#gate h1{margin:0;font-size:20px}#gate p{color:var(--dim);margin:0 0 6px;font-size:13px}#gate button{border:2px solid var(--ms-brown);background:linear-gradient(#fffdf4, var(--ms-cream) 60%, #f0dfb2);width:min(300px,80vw);color:var(--ms-brown);cursor:pointer;box-shadow:0 3px 0 var(--ms-brown);border-radius:12px;padding:14px;font-size:16px;font-weight:700}#gate button:active{box-shadow:none;transform:translateY(2px)}@media (width>=900px){.mf{flex-direction:row}#stage{flex:none;justify-content:center;width:440px;height:100dvh}#settings{border-bottom:none;border-right:1px solid var(--line)}#sheet{border-radius:0;height:100dvh;margin-top:0}#catgrid{grid-template-columns:repeat(6,1fr)}}