:root{--accent:#b3261e;--line:#ddd;--muted:#666}*{box-sizing:border-box}body{color:#111;background:#fff;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.4}[hidden]{display:none!important}main{max-width:640px;margin:0 auto;padding:16px}.hero{text-align:center;padding:20px 16px 4px}.hero h1{margin:0;font-size:1.6rem}.hero p{color:var(--muted);margin:4px 0 0}.om{display:none}h2{display:flex;align-items: center;gap:6px;margin:0 0 8px;font-size:1.1rem}.gh{margin:20px 0 8px}.muted{color:var(--muted);font-size:.9rem;font-weight:400}.center{text-align:center}.card{border-bottom:1px solid var(--line);padding:14px 0}.ic{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.ic.gold{color:inherit}.btn{display:inline-flex;background:var(--accent);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items: center;gap:8px;padding:12px 16px;font-weight:600}.btn.big{width:100%}.btn.alt{color:#111;background:#eee}.btn.small{padding:6px 10px;font-size:.9rem}.link{color:var(--accent);font:inherit;cursor:pointer;text-decoration:underline;display:inline-flex;background:0 0;border:0;align-items: center;gap:6px}.link.danger{color:#ff8a80}.gbtn{display:flex;justify-content:center;min-height:44px;margin:12px 0}.devform{display:flex;justify-content:center;gap:8px}.devform input{border:1px solid var(--line);font:inherit;border-radius:6px;padding:6px 8px}.userbar{display:flex;justify-content:space-between;align-items: center;margin-bottom:8px}.who{display:flex;align-items: center;gap:8px;font-weight:600}.avatar{display:grid;overflow:hidden;background:#eee;border-radius:50%;place-items: center;width:28px;height:28px;font-size:.85rem}.avatar img{object-fit:cover;width:100%;height:100%}.addmenu{display:grid;gap:8px;margin-top:8px}.addmenu .btn{width:100%}.queue{display:grid;gap:6px;margin-top:8px}.qitem{border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:.9rem}.qitem .row{display:flex;justify-content:space-between;gap:8px}.qitem .bar{background:#eee;height:4px;margin-top:6px}.qitem .bar i{display:block;background:var(--accent);width:0;height:100%}.qitem.err{color:var(--accent)}.board{list-style:none;margin:0;padding:0}.board li{display:flex;border-bottom:1px solid #f0f0f0;gap:10px;padding:6px 0}.board li.me{font-weight:700}.board .rank{color:var(--muted);width:22px}.board .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.board .st{display:flex;color:var(--muted);gap:8px;font-size:.85rem}.board .st span{display:inline-flex;align-items: center;gap:3px}.board .st .ic{width:14px;height:14px}.board .tot{text-align:right;min-width:24px;font-weight:700}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}@media (min-width:560px){.grid{grid-template-columns:repeat(4,1fr)}}.tile{position:relative;aspect-ratio:1;overflow:hidden;cursor:pointer;background:#eee;border:0;padding:0}.tile img,.tile video{object-fit:cover;display:block;width:100%;height:100%}.tile .badge{position:absolute;color:#fff;display:inline-flex;background:#0009;border-radius:4px;align-items: center;gap:3px;max-width:calc(100% - 8px);padding:1px 6px;font-size:.72rem;bottom:4px;left:4px}.tile .badge .ic{fill:currentColor;stroke:none;width:11px;height:11px}.tile .rx{position:absolute;color:#fff;display:inline-flex;background:#0009;border-radius:4px;align-items: center;gap:3px;padding:1px 6px;font-size:.72rem;top:4px;right:4px}.tile .rx .ic{fill:currentColor;stroke:none;width:11px;height:11px}.tile .first{position:absolute;color:#111;background:#fff;border-radius:4px;padding:1px 6px;font-size:.68rem;font-weight:700;top:4px;left:4px}.lb{position:fixed;z-index:50;display:flex;color:#fff;background:#000;flex-direction:column;inset:0}.lbmedia{display:grid;flex:1;place-items: center;min-height:0;padding:56px 8px 8px}.lbmedia img,.lbmedia video{object-fit:contain;max-width:100%;max-height:100%}.lbbtn{position:absolute;color:#fff;display:grid;cursor:pointer;z-index:2;background:#ffffff2e;border:0;border-radius:50%;place-items: center;width:42px;height:42px}.lbbtn.close{top:10px;right:10px}.lbbtn.prev{top:50%;left:8px;transform:translateY(-50%)}.lbbtn.next{top:50%;right:8px;transform:translateY(-50%)}.lbfoot{display:grid;justify-items:center;gap:8px;padding:10px 14px 16px}.lbmeta{color:#ccc;font-size:.9rem}.reacts{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.react{display:inline-flex;color:#fff;font:inherit;cursor:pointer;background:0 0;border:1px solid #666;border-radius:999px;align-items: center;gap:5px;padding:6px 10px}.react.on{color:#000;background:#fff;border-color:#fff}.react.on .ic{fill:currentColor}.toast{position:fixed;color:#fff;z-index:60;background:#111;border-radius:8px;max-width:90vw;padding:10px 16px;bottom:20px;left:50%;transform:translate(-50%)}