:root,[data-theme=dark]{--bg: #17141d;--bg-2: #1e1a26;--surface: #26212f;--surface-2: #302a3b;--border: #3b3447;--line: #0c0a10;--text: #f7f2ea;--text-2: #d6cfdd;--muted: #a69fb2;--glass: rgba(23, 20, 29, .84);--shadow: rgba(0, 0, 0, .45);--ink: #1b1520;color-scheme:dark}[data-theme=oled]{--bg: #000;--bg-2: #0b0a0e;--surface: #141218;--surface-2: #1d1a23;--border: #2b2633;--line: #000;--glass: rgba(0, 0, 0, .84)}[data-theme=light]{--bg: #fbf6ef;--bg-2: #f3ebe0;--surface: #fff;--surface-2: #f6efe6;--border: #e4d9cb;--line: #241d2c;--text: #241d2c;--text-2: #4a4152;--muted: #7b7085;--glass: rgba(251, 246, 239, .88);--shadow: rgba(36, 29, 44, .14);color-scheme:light}:root,[data-accent=tangerine]{--accent: #ff7a3d;--accent-2: #ffa36f;--accent-soft: rgba(255, 122, 61, .16)}[data-accent=berry]{--accent: #ff4f8b;--accent-2: #ff86b0;--accent-soft: rgba(255, 79, 139, .16)}[data-accent=lagoon]{--accent: #1fc8b5;--accent-2: #6ae0d2;--accent-soft: rgba(31, 200, 181, .16)}[data-accent=lemon]{--accent: #ffcf2e;--accent-2: #ffe07a;--accent-soft: rgba(255, 207, 46, .16)}[data-accent=grape]{--accent: #9a6bff;--accent-2: #bb9cff;--accent-soft: rgba(154, 107, 255, .18)}[data-accent=mint]{--accent: #4fdc8b;--accent-2: #8ceab3;--accent-soft: rgba(79, 220, 139, .16)}[data-accent=sky]{--accent: #3aa8ff;--accent-2: #80c7ff;--accent-soft: rgba(58, 168, 255, .16)}[data-accent=coral]{--accent: #ff6b5e;--accent-2: #ff9a90;--accent-soft: rgba(255, 107, 94, .16)}[data-tone=tangerine],[data-tone="0"],[data-color=tangerine]{--tone: #ff7a3d}[data-tone=berry],[data-tone="1"],[data-color=berry]{--tone: #ff4f8b}[data-tone=lagoon],[data-tone="2"],[data-color=lagoon]{--tone: #1fc8b5}[data-tone=lemon],[data-tone="3"],[data-color=lemon]{--tone: #ffcf2e}[data-tone=grape],[data-tone="4"],[data-color=grape]{--tone: #9a6bff}[data-tone=mint],[data-tone="5"],[data-color=mint]{--tone: #4fdc8b}[data-tone=sky],[data-color=sky]{--tone: #3aa8ff}[data-tone=coral],[data-color=coral]{--tone: #ff6b5e}:root{--safe: #3fcf8e;--questionable: #f2c14e;--explicit: #ff5d73;--radius: 16px;--radius-sm: 10px;--topbar: 64px;--display: "Bricolage Grotesque", "Figtree", system-ui, sans-serif;font-family:Figtree,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text)}body{font-size:14.5px;line-height:1.5;-webkit-font-smoothing:antialiased;transition:background .25s,color .25s}body.no-scroll{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,.logo span{font-family:var(--display);letter-spacing:-.02em}code{font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:12.5px}::selection{background:var(--accent);color:var(--ink)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:8px}.icon{flex:none;display:block}.muted{color:var(--muted)}.small{font-size:12.5px}.spacer{flex:1}.center-msg{display:grid;place-items:center;min-height:50vh;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 15px;border-radius:999px;border:2px solid var(--border);background:var(--surface);cursor:pointer;white-space:nowrap;font-weight:600;transition:transform .12s,background .15s,border-color .15s,box-shadow .12s}.btn:hover{border-color:var(--text-2)}.btn:active{transform:translateY(1px)}.btn.ghost{background:color-mix(in srgb,var(--surface) 70%,transparent);border-color:color-mix(in srgb,var(--text) 14%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn.primary{background:var(--accent);color:var(--ink);border-color:var(--line);box-shadow:0 3px 0 var(--line);font-weight:700}.btn.primary:hover{background:var(--accent-2);border-color:var(--line)}.btn.primary:active{transform:translateY(2px);box-shadow:0 1px 0 var(--line)}.btn.wide{width:100%}.btn:disabled{opacity:.5;cursor:default;transform:none}.icon-btn,.round-btn{display:inline-grid;place-items:center;width:40px;height:40px;flex:none;color:inherit;border-radius:50%;border:0;background:transparent;cursor:pointer;transition:background .15s,transform .12s}.round-btn{width:32px;height:32px;background:var(--surface);border:2px solid var(--border)}.icon-btn:hover,.round-btn:hover{background:color-mix(in srgb,var(--text) 10%,transparent)}.icon-btn:active,.round-btn:active{transform:scale(.92)}.icon-btn.on{background:var(--accent-soft);color:var(--accent)}.link{display:inline-flex;align-items:center;gap:5px;background:none;border:0;padding:0;color:var(--muted);cursor:pointer}.link:hover{color:var(--text)}select,input[type=number],textarea,.login input{background:var(--bg-2);border:2px solid var(--border);border-radius:12px;padding:8px 11px;outline:none;transition:border-color .15s}select:focus,input:focus,textarea:focus{border-color:var(--accent)}textarea{width:100%;resize:vertical;font-family:ui-monospace,Consolas,monospace;font-size:12.5px}textarea.note{font-family:inherit;font-size:14.5px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border-radius:999px;cursor:pointer;border:2px solid var(--border);background:transparent;color:var(--muted);font-weight:600;transition:all .15s}.chip:hover{color:var(--text);border-color:var(--text-2)}.chip.on{background:var(--accent);border-color:var(--line);color:var(--ink)}.chip.dashed{border-style:dashed}.chip.rating-s.on{background:var(--safe)}.chip.rating-q.on{background:var(--questionable)}.chip.rating-e.on{background:var(--explicit)}.chip:disabled{opacity:.4;cursor:not-allowed}.chip-x{border:0;background:none;color:inherit;opacity:.6;cursor:pointer;padding:0 0 0 2px;font-size:15px;line-height:1}.chip-x:hover{opacity:1}.seg{display:inline-flex;padding:3px;gap:2px;border-radius:999px;background:var(--bg-2);border:2px solid var(--border)}.seg.wide{display:flex}.seg.wide>*{flex:1}.seg button,.seg a{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;background:transparent;padding:6px 14px;border-radius:999px;cursor:pointer;color:var(--muted);font-weight:600}.seg button.on,.seg a.on{background:var(--accent);color:var(--ink)}.bubble{display:inline-flex;align-items:center;padding:7px 15px;border-radius:999px;font-weight:700;background:color-mix(in srgb,var(--tone) 18%,transparent);color:var(--text);border:2px solid color-mix(in srgb,var(--tone) 55%,transparent);transition:transform .15s,background .15s}.bubble:hover{background:var(--tone);color:var(--ink);transform:translateY(-2px) rotate(-1.5deg)}.bubble.small{padding:4px 11px;font-size:13px}.badge{display:inline-block;padding:2px 8px;border-radius:7px;font-size:11px;font-weight:800;letter-spacing:.04em;background:#0000009e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff}.comic-badge{background:var(--accent);color:var(--ink)}.rating-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.rating-dot.rating-s{background:var(--safe)}.rating-dot.rating-q{background:var(--questionable)}.rating-dot.rating-e{background:var(--explicit)}.pill{padding:2px 10px;border-radius:999px;font-size:12px;font-weight:700}.pill.rating-s{color:var(--safe);background:#3fcf8e24}.pill.rating-q{color:var(--questionable);background:#f2c14e24}.pill.rating-e{color:var(--explicit);background:#ff5d7324}.spinner{width:30px;height:30px;border-radius:50%;border:3px solid var(--surface-2);border-top-color:var(--accent);border-right-color:var(--accent);animation:spin .7s linear infinite}.small-spinner{width:18px;height:18px;border-width:2px;margin:6px 0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.45)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.icon.pop{animation:pop .38s ease;color:#ff4f8b}.topbar{position:sticky;top:0;z-index:20;min-height:var(--topbar);display:flex;align-items:center;gap:14px;padding:0 22px;background:var(--glass);-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);border-bottom:2px solid color-mix(in srgb,var(--text) 6%,transparent);transition:transform .25s ease}.logo{display:inline-flex;align-items:center;gap:9px;font-size:21px;font-weight:800}.logo span{letter-spacing:-.04em}.logo-mark{transition:transform .3s}.logo:hover .logo-mark{transform:rotate(-12deg) scale(1.06)}.tabs{display:flex;gap:2px}.tabs a{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:999px;color:var(--muted);font-weight:700;transition:color .15s,background .15s}.tabs a:hover{color:var(--text);background:color-mix(in srgb,var(--text) 6%,transparent)}.tabs a.on{color:var(--ink);background:var(--accent)}.filter-btn .rating-dots{display:inline-flex;gap:3px}.search{position:relative;flex:1;min-width:0;max-width:560px;display:flex;align-items:center}.search-box{display:flex;align-items:center;gap:5px;width:100%;min-width:0;height:42px;padding-inline:40px 66px;border-radius:999px;cursor:text;border:2px solid var(--border);background:var(--bg-2);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;transition:border-color .15s,background .15s,box-shadow .15s}.search-box::-webkit-scrollbar{display:none}.search-box:focus-within{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 4px var(--accent-soft)}.search-box input{flex:1 0 90px;min-width:90px;height:100%;padding:0;border:0;outline:none;background:transparent;color:inherit;font:inherit}.qchip{flex:none;display:inline-flex;align-items:center;border-radius:999px;font-size:12.5px;font-weight:700;line-height:1;white-space:nowrap;color:var(--text);background:color-mix(in srgb,var(--accent) 18%,transparent);border:1.5px solid color-mix(in srgb,var(--accent) 55%,transparent)}.qchip-main{display:inline-flex;align-items:center;gap:3px;padding:5px 2px 5px 9px;border:0;background:none;color:inherit;font:inherit;cursor:pointer}.qchip-main b{font-weight:900}.qchip-x{padding:3px 8px 3px 3px;border:0;background:none;color:inherit;font-size:14px;line-height:1;opacity:.55;cursor:pointer}.qchip-x:hover{opacity:1}.qchip.exclude{background:color-mix(in srgb,var(--explicit) 16%,transparent);border-color:color-mix(in srgb,var(--explicit) 60%,transparent)}.qchip.exclude b{color:var(--explicit)}.qchip.either{background:color-mix(in srgb,var(--questionable) 16%,transparent);border-color:color-mix(in srgb,var(--questionable) 60%,transparent)}.qchip.either b{color:var(--questionable)}.qchip.meta{background:var(--surface-2);border-color:var(--border);color:var(--text-2);font-family:ui-monospace,Consolas,monospace;font-size:12px;font-weight:600}.search-raw{position:absolute;inset-inline-end:34px;padding:4px 6px;border:0;border-radius:8px;background:none;cursor:pointer;color:var(--muted);font:700 11px ui-monospace,Consolas,monospace}.search-raw:hover{color:var(--text)}.search-raw.on{color:var(--accent);background:var(--accent-soft)}.search-icon{position:absolute;inset-inline-start:15px;width:17px;height:17px;fill:var(--muted);pointer-events:none}.search-clear{position:absolute;inset-inline-end:8px;border:0;background:none;color:var(--muted);font-size:18px;cursor:pointer}.suggestions{position:absolute;top:48px;left:0;right:0;z-index:30;margin:0;padding:6px;list-style:none;background:var(--surface);border:2px solid var(--border);border-radius:16px;box-shadow:0 18px 40px var(--shadow)}.suggestions li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 11px;border-radius:10px;cursor:pointer}.suggestions li>span:first-child{flex:1;min-width:0}.suggest-exclude{flex:none;width:24px;height:24px;margin:-4px -4px -4px 0;border:2px solid var(--border);border-radius:8px;background:none;color:var(--muted);font-weight:900;line-height:1;cursor:pointer}.suggest-exclude:hover{color:var(--explicit);border-color:var(--explicit)}.suggestions li.suggest-hint{display:block;margin-top:4px;padding:8px 11px 4px;border-top:1px dashed var(--border);border-radius:0;font-size:11.5px;color:var(--muted);cursor:default}.suggestions li.suggest-hint:hover{background:none}.suggestions li.active,.suggestions li:hover{background:var(--surface-2)}.suggestions .alias,.suggestions .count{color:var(--muted)}.suggestions .count{font-size:12px}.saved-bar{display:flex;flex-wrap:wrap;gap:8px;padding:12px 22px 0}main{padding:14px 22px 48px}.tag-cat-general{color:#9fb6cc}.tag-cat-artist{color:#f2ac08}.tag-cat-contributor{color:silver}.tag-cat-copyright{color:#e05fe0}.tag-cat-character{color:#27b84a}.tag-cat-species{color:#ff7a3d}.tag-cat-invalid{color:#ff3d3d}.tag-cat-meta{color:var(--text-2)}.tag-cat-lore{color:#2d9d4a}[data-theme=light] .tag-cat-general{color:#3a6c96}[data-theme=light] .tag-cat-artist{color:#b37800}.gallery{width:100%}.jrow{display:flex;margin-bottom:8px;content-visibility:auto;contain-intrinsic-size:auto 240px}.card{position:relative;flex:none;overflow:hidden;border-radius:12px;background:var(--surface);transition:transform .2s ease,box-shadow .2s ease}.card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease,filter .25s}.card:hover{z-index:1;transform:translateY(-3px);box-shadow:0 0 0 3px var(--accent),0 14px 30px var(--shadow)}.card:hover img{transform:scale(1.05)}.card .rating-dot{position:absolute;top:9px;left:9px;box-shadow:0 0 0 2px #00000073}.card .play{position:absolute;top:7px;right:7px}.card .stats{position:absolute;inset:auto 0 0;display:flex;gap:10px;padding:20px 10px 8px;color:#fff;font-size:12px;font-weight:700;background:linear-gradient(transparent,#000000c7);opacity:0;transform:translateY(6px);transition:all .2s}.card:hover .stats{opacity:1;transform:none}.mini-comic{margin-inline-start:auto;color:var(--accent)}.card.comic:after{content:"";position:absolute;inset:0;border-radius:12px;pointer-events:none;box-shadow:inset 0 0 0 3px var(--accent)}.comic-info{position:absolute;inset:auto 0 0;display:flex;flex-direction:column;align-items:flex-start;gap:4px;color:#fff;padding:30px 10px 10px;background:linear-gradient(transparent,#000000db)}.comic-title{font-weight:700;font-size:13px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blurred img{filter:blur(22px) brightness(.6);transform:scale(1.15)}.blur-label{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:8px;font-size:12px;font-weight:700;color:#fff;text-shadow:0 1px 3px #000}.blacklist-bar{margin:4px 0 12px}.rule-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.rule-list label{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;background:var(--surface);border:2px solid var(--border);border-radius:10px;cursor:pointer}.rule-list label.off code{text-decoration:line-through;color:var(--muted)}.sentinel{display:grid;place-items:center;min-height:120px;padding:24px}.home{display:flex;flex-direction:column;gap:30px}.hero{position:relative;display:flex;flex-direction:column;gap:16px;align-items:flex-start;padding:34px clamp(18px,4vw,44px) 30px;border-radius:28px;border:2px solid var(--line);background:radial-gradient(120% 140% at 100% 0%,color-mix(in srgb,var(--accent) 34%,transparent),transparent 55%),radial-gradient(90% 120% at 0% 100%,color-mix(in srgb,#9a6bff 22%,transparent),transparent 60%),var(--surface);box-shadow:6px 6px 0 var(--line);animation:rise .4s ease}.hero:after{--hexagon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-20 -20 250 270'%3E%3Cpolygon transform='rotate(14 105 115)' points='105,0 210,57.5 210,172.5 105,230 0,172.5 0,57.5'/%3E%3C/svg%3E");content:"";position:absolute;inset:0;pointer-events:none;opacity:.14;background:var(--accent);-webkit-mask:var(--hexagon) no-repeat right -58px top -66px / 250px 270px;mask:var(--hexagon) no-repeat right -58px top -66px / 250px 270px;clip-path:inset(0 round 26px)}.hero-hello{display:inline-block;font-weight:800;color:var(--accent);margin-bottom:4px}.hero h1{margin:0;font-size:clamp(28px,4.4vw,46px);line-height:1.02;font-weight:800;max-width:16ch}.hero-search{width:min(640px,100%);position:relative;z-index:2}.hero-search .search{max-width:none}.hero-search .search-box{height:52px;background:var(--bg)}.hero-search .search-box input{font-size:16px}.hero-chips{display:flex;flex-wrap:wrap;gap:8px;position:relative;z-index:1}.rail{display:flex;flex-direction:column;gap:12px;min-width:0;animation:rise .4s ease both}.rail-head{display:flex;align-items:center;gap:10px}.rail-head h2{margin:0;font-size:21px;font-weight:800}.rail-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;color:var(--ink);background:var(--tone, var(--accent));border:2px solid var(--line);box-shadow:2px 2px 0 var(--line);transform:rotate(-4deg)}.rail-arrows{display:flex;gap:6px}.rail-more{display:inline-flex;align-items:center;gap:4px;font-weight:700;color:var(--muted);padding:4px 6px;border-radius:8px}.rail-more:hover{color:var(--tone, var(--accent))}.rail-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 6px 10px 4px;margin:-4px -6px -10px -4px}.rail-track::-webkit-scrollbar{display:none}.rail-empty{margin:0;padding:18px;border-radius:var(--radius);border:2px dashed var(--border);color:var(--muted)}.tile{position:relative;flex:none;width:168px;aspect-ratio:3 / 4;padding:0;overflow:hidden;scroll-snap-align:start;border-radius:var(--radius);border:2px solid var(--line);background:var(--surface);cursor:pointer;color:#fff;display:block;transition:transform .18s,box-shadow .18s}.tile.wide{width:260px;aspect-ratio:4 / 3}.tile:hover{transform:translate(-2px,-3px) rotate(-.6deg);box-shadow:4px 5px 0 var(--tone, var(--accent))}.tile img{width:100%;height:100%;object-fit:cover;display:block}.tile .img-retry{border:0}.tile .rating-dot{position:absolute;top:9px;left:9px;box-shadow:0 0 0 2px #00000080}.tile-play{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#0009}.tile-foot{position:absolute;inset:auto 0 0;display:flex;align-items:center;gap:5px;padding:22px 10px 8px;font-size:12px;font-weight:700;background:linear-gradient(transparent,#000c);text-align:start}.tile.blurred img{filter:blur(20px) brightness(.55);transform:scale(1.15)}.skeleton{cursor:default;border-color:transparent;background:linear-gradient(100deg,var(--surface) 40%,var(--surface-2) 50%,var(--surface) 60%);background-size:300% 100%;animation:shimmer 1.3s infinite linear}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.comic-tile{display:flex;flex-direction:column;aspect-ratio:auto;height:auto;background:var(--surface);color:var(--text)}.comic-cover{display:grid;place-items:center;aspect-ratio:3 / 4;overflow:hidden;background:var(--surface-2);color:var(--muted)}.comic-cover img{object-position:top}.comic-text{display:flex;flex-direction:column;gap:1px;padding:8px 10px 10px;text-align:start}.comic-text strong{font-size:13px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.comic-text small{color:var(--muted);font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comic-tile .tile-progress{position:static;margin:0 10px;height:5px;border-radius:3px;background:var(--surface-2);overflow:hidden}.tile-progress i{display:block;height:100%;background:var(--tone, var(--accent));border-radius:3px}.podium-mini{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.mini-user{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:var(--surface);border:2px solid var(--border);transition:border-color .15s,transform .15s}.mini-user:hover{border-color:var(--tone);transform:translateY(-2px)}.mini-rank{font-family:var(--display);font-weight:800;font-size:18px;color:var(--tone);min-width:1.3ch}.mini-name{flex:1;min-width:0;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-pts{font-size:12px;color:var(--muted);font-weight:700}.avatar{display:inline-grid;place-items:center;flex:none;overflow:hidden;border-radius:50%;background:var(--tone, var(--accent));color:var(--ink);font-family:var(--display);font-weight:800;border:2px solid var(--line)}.avatar[data-color=auto]{background:var(--accent)}.avatar img{width:100%;height:100%;object-fit:cover}.page-note{display:inline-flex;align-items:center;gap:7px;min-width:0;font-size:13px;color:var(--muted)}.page-note>svg,.page-note>strong{flex:none}.page-note>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-note strong{color:var(--text)}.page-note strong:after{content:"·";margin-left:7px;color:var(--muted);font-weight:400}.section-title{display:flex;align-items:center;gap:9px;margin:26px 0 14px;font-size:20px;font-weight:800}.section-title .count{font-family:Figtree,sans-serif;font-size:13px;color:var(--muted);background:var(--surface);padding:1px 9px;border-radius:999px}.empty-state{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:60px 20px}.empty-state h2{margin:0}.empty-icon{display:grid;place-items:center;width:74px;height:74px;border-radius:22px;background:var(--surface);border:2px dashed var(--border);color:var(--muted);transform:rotate(-6deg)}.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.tile-grid .tile{width:auto}.page-tabs{display:flex;gap:6px;margin:0 0 16px}.page-tabs a{display:inline-flex;align-items:center;gap:6px;padding:5px 13px;border-radius:999px;font-size:13px;font-weight:600;color:var(--muted);border:2px solid var(--border);transition:all .15s}.page-tabs a:hover{color:var(--text);border-color:var(--text-2)}.page-tabs a.on{background:var(--accent);border-color:var(--line);color:var(--ink)}.profile-hero{position:relative;margin-bottom:8px;border-radius:26px;overflow:hidden;border:2px solid var(--line);background:var(--surface);box-shadow:6px 6px 0 var(--line)}.hero-banner{height:170px;background:repeating-linear-gradient(-45deg,transparent 0 14px,color-mix(in srgb,var(--ink) 18%,transparent) 14px 28px),var(--tone, var(--accent))}.hero-banner img{width:100%;height:100%;object-fit:cover;display:block}.hero-card{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;padding:12px 22px 16px;position:relative}.hero-avatar,.artist-mark{margin-top:-58px}.hero-avatar .avatar{border-width:4px;border-color:var(--surface);box-shadow:0 0 0 2px var(--line)}.artist-mark{display:grid;place-items:center;width:92px;height:92px;border-radius:26px;transform:rotate(-6deg);background:var(--tone, var(--accent));color:var(--ink);border:4px solid var(--surface);box-shadow:0 0 0 2px var(--line)}.hero-id{display:flex;flex-direction:column;min-width:0;padding-bottom:4px}.hero-id h1{margin:0;font-size:clamp(26px,3.6vw,38px);font-weight:800;line-height:1.05;overflow-wrap:anywhere}.kicker{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--tone, var(--accent))}.hero-actions{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:6px}.bio{margin:0 22px 16px;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text-2);max-width:70ch}.tag-cloud{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:0 22px 18px}.stat-tiles{display:flex;flex-wrap:wrap;gap:10px;padding:0 22px 20px}.stat-tile{display:flex;flex-direction:column;min-width:96px;padding:10px 14px;border-radius:16px;background:color-mix(in srgb,var(--tone) 16%,var(--surface));border:2px solid color-mix(in srgb,var(--tone) 60%,transparent)}.stat-tile strong{font-family:var(--display);font-size:24px;line-height:1.1;font-weight:800;color:var(--tone)}.stat-tile span{font-size:12.5px;font-weight:700;color:var(--text-2)}.stat-tile small{font-size:11.5px;color:var(--muted)}.stat-tile.big{background:var(--tone);border-color:var(--line);box-shadow:3px 3px 0 var(--line)}.stat-tile.big strong,.stat-tile.big span,.stat-tile.big small{color:var(--ink)}.board-me .stat-tiles{padding:0}.share-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.share-card{display:flex;flex-direction:column;gap:8px;animation:rise .35s ease both}.share-card .tile{width:100%}.share-note{position:relative;margin:0;padding:9px 12px;border-radius:14px;background:var(--surface);border:2px solid var(--border);font-size:13.5px;white-space:pre-wrap;overflow-wrap:anywhere}.share-note:before{content:"";position:absolute;top:-8px;left:18px;width:12px;height:12px;background:var(--surface);border-left:2px solid var(--border);border-top:2px solid var(--border);transform:rotate(45deg)}.share-card footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.badge-count{font-size:12px;font-weight:800;color:var(--ink);background:var(--accent);padding:2px 9px;border-radius:999px}.podium{display:flex;align-items:flex-end;justify-content:center;gap:14px;margin:10px 0 26px}.podium-step{display:flex;flex-direction:column;align-items:center;gap:6px;width:min(190px,31%);text-align:center}.podium-step strong{font-weight:800;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium-step .pts{font-size:13px;color:var(--muted);font-weight:700}.podium-step .block{display:grid;place-items:center;width:100%;margin-top:4px;border-radius:16px 16px 6px 6px;border:2px solid var(--line);box-shadow:4px 4px 0 var(--line);font-family:var(--display);font-size:34px;color:var(--ink)}.place-1 .block{height:130px;background:#ffcf2e}.place-2 .block{height:96px;background:#c8d1dc}.place-3 .block{height:72px;background:#ff9a5e}.podium-step:hover .avatar{transform:translateY(-4px) rotate(-4deg)}.podium-step .avatar{transition:transform .2s}.place-1 .avatar{box-shadow:0 0 0 4px #ffcf2e}.board-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;max-width:820px;margin-inline:auto}.board-list a{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:14px;background:var(--surface);border:2px solid var(--border);transition:border-color .15s,transform .15s}.board-list a:hover{border-color:var(--accent);transform:translate(3px)}.board-list .rank{font-family:var(--display);font-weight:800;font-size:18px;min-width:2.2ch;color:var(--muted)}.board-list .name{flex:1;min-width:0;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-list .pts{font-weight:800}.mini-stats{display:flex;gap:6px}.mini-stats span{min-width:30px;text-align:center;font-size:12px;font-weight:700;padding:1px 7px;border-radius:999px;color:var(--tone);background:color-mix(in srgb,var(--tone) 15%,transparent)}.modal-back{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:16px;background:#08060c99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadein .15s ease}@keyframes fadein{0%{opacity:0}}.modal{width:min(440px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;padding:20px;border-radius:24px;background:var(--surface);border:2px solid var(--line);box-shadow:6px 6px 0 var(--line);animation:rise .2s ease}.modal.wide{width:min(640px,100%)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.modal-head h2{margin:0;font-size:21px;font-weight:800}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.share-body{display:flex;flex-direction:column;gap:12px}.share-preview{display:flex;align-items:center;gap:12px}.share-preview img{width:64px;height:64px;object-fit:cover;border-radius:14px;border:2px solid var(--line)}.share-row{display:flex;align-items:center;gap:8px}.share-done{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:6px 0}.share-done p{margin:0;font-weight:700}.done-badge{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--safe);color:var(--ink);border:2px solid var(--line);animation:pop .4s ease}.edit-profile{display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-weight:700;font-size:13px}.swatches{display:flex;flex-wrap:wrap;gap:8px}.swatch{width:32px;height:32px;border-radius:50%;cursor:pointer;background:var(--tone);border:2px solid var(--line);transition:transform .15s}.swatch:hover{transform:scale(1.1)}.swatch.on{box-shadow:0 0 0 3px var(--surface),0 0 0 5px var(--tone)}.picker{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.pick{flex:none;width:64px;height:64px;padding:0;border-radius:14px;overflow:hidden;cursor:pointer;border:2px solid var(--border);background:var(--bg-2);color:var(--muted);font-weight:700;font-size:11px}.pick img{width:100%;height:100%;object-fit:cover;display:block}.pick.on{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.bottom-nav{position:fixed;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));z-index:40;display:flex;justify-content:space-around;padding:6px;border-radius:22px;background:var(--glass);-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);border:2px solid var(--line);box-shadow:0 10px 30px var(--shadow);transition:transform .25s ease}.bottom-nav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;border-radius:16px;color:var(--muted);font-size:10.5px;font-weight:700}.bottom-nav a.on{color:var(--ink);background:var(--accent)}html.bar-hidden .bottom-nav{transform:translateY(calc(100% + 20px))}.scrim{position:fixed;inset:0;z-index:60;background:#08060c80;opacity:0;pointer-events:none;transition:opacity .2s}.scrim.show{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;inset-inline-end:0;bottom:0;z-index:61;width:min(410px,100vw);overflow-y:auto;background:var(--bg-2);border-inline-start:2px solid var(--line);padding:0 22px 32px;transform:translate(100%);transition:transform .28s cubic-bezier(.2,.8,.2,1)}.drawer.open{transform:none;box-shadow:-20px 0 60px var(--shadow)}.drawer-head{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:16px 0;background:var(--bg-2);z-index:1}.drawer h2{margin:0;font-size:22px;font-weight:800}.drawer section{padding:16px 0;border-top:2px dashed var(--border);display:flex;flex-direction:column;gap:10px}.drawer h3{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:800;font-family:Figtree,sans-serif}.drawer .row2{flex-direction:row;gap:12px}.drawer .row2 label{flex:1;display:flex;flex-direction:column;gap:8px}.drawer .row2 select,.drawer .row2 input{width:100%}.toggle{display:flex;align-items:center;gap:10px;cursor:pointer}.toggle input{accent-color:var(--accent);width:18px;height:18px}.slider{display:flex;flex-direction:column;gap:6px}.slider input{accent-color:var(--accent)}.hint{margin:0;color:var(--muted);font-size:12.5px}.hint code{background:var(--surface);padding:1px 5px;border-radius:4px}.hint a{color:var(--accent);font-weight:600}.hint.ok{color:var(--safe)}.hint.err{color:var(--explicit)}.login{display:flex;flex-direction:column;gap:8px}.account-row{display:flex;align-items:center;gap:10px}.account-btn{padding:4px 13px 4px 4px}.account-wrap{position:relative}.account-pop{position:absolute;inset-inline-end:0;top:50px;z-index:30;min-width:240px;display:flex;flex-direction:column;padding:6px;background:var(--surface);border:2px solid var(--line);border-radius:18px;box-shadow:5px 5px 0 var(--line);animation:rise .15s ease}.account-pop a,.account-pop button{display:flex;align-items:center;gap:10px;text-align:start;padding:9px 12px;border-radius:12px;background:none;border:0;cursor:pointer;color:var(--text);font-weight:600}.account-pop a:hover,.account-pop button:hover{background:var(--surface-2)}.account-pop .icon{color:var(--muted)}.pop-profile{margin-bottom:4px;border-bottom:2px dashed var(--border)!important;border-radius:12px 12px 4px 4px!important}.pop-profile span{display:flex;flex-direction:column;line-height:1.2}.pop-profile small{color:var(--muted);font-weight:600}.manual-login summary{cursor:pointer;color:var(--muted);font-size:12.5px}.manual-login summary:hover{color:var(--text)}.login-nudge{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px;padding:10px 12px;border-radius:14px;background:var(--accent-soft);border:2px solid color-mix(in srgb,var(--accent) 50%,transparent);font-size:13px}.login-nudge span{flex:1;min-width:160px}.vote{display:inline-flex;align-items:center;gap:4px}.vote-btn,.fav-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:36px;min-height:34px;padding:3px 9px;border:2px solid var(--border);background:var(--surface);border-radius:12px;cursor:pointer;color:var(--muted);font-weight:700;transition:all .15s}.vote-btn:hover,.fav-btn:hover{color:var(--text);border-color:var(--text-2)}.vote-btn.up{color:var(--ink);background:var(--safe);border-color:var(--line)}.vote-btn.down{color:var(--ink);background:var(--explicit);border-color:var(--line)}.fav-btn.on{color:#ff4f8b;border-color:#ff4f8b;background:#ff4f8b24}.vote-btn:disabled,.fav-btn:disabled{opacity:.6;cursor:default}.vote .score{min-width:2ch;text-align:center;font-variant-numeric:tabular-nums}.stat{display:inline-flex;align-items:center;gap:5px}.stat.comments:hover{color:var(--accent)}.pool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}.pool-card{display:flex;flex-direction:column;gap:8px}.pool-cover{position:relative;aspect-ratio:3 / 4;overflow:hidden;border-radius:var(--radius);background:var(--surface);border:2px solid var(--line);box-shadow:5px 5px 0 -2px var(--surface-2),5px 5px 0 0 var(--line);transition:transform .2s,box-shadow .2s}.pool-card:hover .pool-cover{transform:translate(-2px,-3px) rotate(-.8deg);box-shadow:8px 8px 0 -2px var(--accent),8px 8px 0 0 var(--line)}.pool-cover img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:filter .25s}.pool-cover .badge{position:absolute;bottom:8px;left:8px}.pool-cover .rating-dot{position:absolute;top:9px;left:9px}.pool-meta{display:flex;flex-direction:column;gap:2px}.pool-meta strong{font-size:13.5px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pool-card.blurred img{filter:blur(22px) brightness(.6)}.reader{margin:-14px -22px -48px}.reader-bar{position:sticky;top:var(--bar-h, 64px);z-index:10;display:flex;align-items:center;gap:12px;padding:10px 22px;background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:2px solid color-mix(in srgb,var(--text) 6%,transparent);transition:top .25s ease,transform .25s ease}.reader-title{display:flex;flex-direction:column;min-width:0;flex:1}.reader-title strong{font-family:var(--display);font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-counter{font-variant-numeric:tabular-nums;font-weight:800;padding:3px 10px;border-radius:999px;background:var(--surface)}.progress{position:absolute;left:0;right:0;bottom:-3px;height:4px;pointer-events:none}.progress div{height:100%;background:var(--accent);border-radius:0 3px 3px 0;transition:width .2s}.reader-desc{max-width:900px;margin:18px auto 0;padding:0 20px;white-space:pre-wrap;color:var(--muted)}.strip{margin:0 auto;padding-top:18px;display:flex;flex-direction:column}.strip.gapped{gap:14px}.page{position:relative;margin:0;width:100%;background:var(--surface);overflow:hidden}.strip.gapped .page{border-radius:6px}.page-wrap{display:flex;flex-direction:column}.page img,.page video{display:block;width:100%;height:100%;object-fit:contain}.page.blurred{cursor:pointer}.page.blurred img{filter:blur(30px) brightness(.5)}.page-num{position:absolute;right:8px;bottom:8px;padding:2px 8px;border-radius:7px;font-size:11px;background:#0000008c;color:#fff;opacity:0;transition:opacity .15s}.page:hover .page-num{opacity:1}.reader-end{display:flex;flex-direction:column;align-items:center;gap:10px}.reader-end p{font-size:17px;font-weight:800;margin:0;font-family:var(--display)}.reader-menu{position:relative}.reader-menu-pop{position:absolute;inset-inline-end:0;top:46px;z-index:30;display:flex;flex-direction:column;gap:8px;min-width:230px;background:var(--surface);border:2px solid var(--line);border-radius:16px;padding:10px;box-shadow:5px 5px 0 var(--line)}.page-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:8px 4px 2px;font-size:13px}.page-actions .stat-row{gap:10px}.page-actions .hint,.page-actions .login-nudge{flex-basis:100%}.page.page-missing{aspect-ratio:auto;min-height:220px;display:grid;place-items:center;text-align:center;padding:24px;background:repeating-linear-gradient(135deg,var(--surface),var(--surface) 12px,var(--bg-2) 12px,var(--bg-2) 24px);border:2px dashed var(--border)}.page-missing strong{font-size:15px}.page-missing p{margin:6px 0 10px;color:var(--muted);font-size:13px}.reader-warning{max-width:900px;margin:14px auto 0;padding:10px 14px;border-radius:14px;font-size:13px;background:#f2c14e1a;border:2px solid rgba(242,193,78,.35);color:var(--questionable)}.replaced{color:var(--safe)}.img-retry{width:100%;height:100%;min-height:80px;display:grid;place-items:center;padding:12px;cursor:pointer;background:var(--surface);color:var(--muted);border:2px dashed var(--border);font-size:12px;text-align:center}.viewer{position:fixed;inset:0;z-index:50;display:grid;grid-template-columns:minmax(0,1fr) 0;grid-template-rows:100%;background:#08070a;transition:grid-template-columns .25s;overflow:hidden;color:#f7f2ea}.viewer.with-panel{grid-template-columns:minmax(0,1fr) 370px}.viewer-bg{position:absolute;inset:-40px;background-size:cover;background-position:center;filter:blur(50px) brightness(.32) saturate(1.4)}.viewer-stage{position:relative;min-width:0;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}.media-frame{position:absolute;inset:0;display:grid;grid-template:minmax(0,1fr) / minmax(0,1fr);place-items:center;padding:68px 20px 20px;transition:transform .2s ease,opacity .2s ease}.media-frame.dragging{transition:none}.media-frame img,.media-frame video{max-width:100%;max-height:100%;object-fit:contain;border-radius:10px;box-shadow:0 24px 70px #000000a6;animation:fadein .2s ease;transition:transform .12s linear}.media-frame img{cursor:zoom-in;-webkit-user-drag:none}.viewer.zoomed .media-frame img{cursor:grab;border-radius:0}.media-frame img.loading{opacity:0}.stage-spinner{position:absolute;top:50%;left:50%;margin:-15px 0 0 -15px}.stage-error{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;background:#0000008c;padding:24px 28px;border-radius:16px}.stage-error p{margin:0}.viewer-top{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:center;gap:8px;padding:12px 16px;transition:opacity .2s}.viewer.with-panel .viewer-top{right:370px}.viewer-top .counter{font-variant-numeric:tabular-nums;font-size:13px;font-weight:700;padding:3px 10px;border-radius:999px;background:#00000073;color:#f7f2ea}.viewer-top .post-id{display:inline-flex;align-items:center;gap:4px;border:0;cursor:pointer}.viewer-top .post-id:hover{background:#000000a6}.viewer .btn.ghost{background:#0006;border-color:#ffffff24;color:#f7f2ea}.viewer .icon-btn:hover{background:#ffffff1a}.nav{position:absolute;top:50%;z-index:2;transform:translateY(-50%);display:grid;place-items:center;width:52px;height:80px;border:0;border-radius:16px;cursor:pointer;background:#0000004d;color:#fff;opacity:.55;transition:opacity .15s,background .15s,right .25s}.nav:hover{opacity:1;background:#0000008c}.nav.prev{left:12px}.nav.next{right:12px}.viewer.with-panel .nav.next{right:382px}.viewer-panel{position:relative;z-index:3;overflow-y:auto;overflow-x:hidden;color:var(--text);background:var(--glass);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-left:2px solid color-mix(in srgb,var(--text) 8%,transparent);padding:18px}.viewer:not(.with-panel):not(.compact) .viewer-panel{visibility:hidden}.panel-head{display:flex;flex-direction:column;gap:10px}.panel-body{padding-top:10px}.panel-links{margin:6px 0 4px}.stat-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-weight:700}.pool-link{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:14px;min-width:0;background:var(--accent-soft);border:2px solid color-mix(in srgb,var(--accent) 50%,transparent)}.pool-link:hover{border-color:var(--accent)}.pool-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.read-cta{margin-inline-start:auto;font-weight:800;color:var(--accent);white-space:nowrap}.description{white-space:pre-wrap;word-break:break-word;color:var(--text-2);font-size:13px;background:var(--bg-2);padding:10px 12px;border-radius:12px}.tag-group h4{margin:16px 0 6px;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.tag-group ul{list-style:none;margin:0;padding:0}.tag-group li{display:flex;align-items:center;gap:2px;padding:2px 0}.tag-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.tag-name:hover{text-decoration:underline}.tag-op{display:grid;place-items:center;width:24px;height:22px;text-align:center;color:var(--muted);border-radius:6px;opacity:0}.tag-group li:hover .tag-op{opacity:1}.tag-op:hover{background:var(--surface-2);color:var(--text)}.post-info{display:grid;grid-template-columns:auto 1fr;gap:5px 14px;margin:0;padding:10px 12px;border-radius:12px;background:var(--bg-2);font-size:13px}.post-info dt{color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;line-height:19px}.post-info dd{margin:0;min-width:0;overflow-wrap:anywhere}.post-info a:not(.tag-cat-artist){color:var(--accent);font-weight:600}.post-info a:hover{text-decoration:underline}.more-head{display:flex;align-items:baseline;gap:8px}.more-head .link{margin-inline-start:auto}.related-thumb.skeleton{border-color:transparent}.sheet-handle{display:none}.related-group{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.related-strip{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.related-thumb{position:relative;flex:none;width:72px;height:72px;border-radius:12px;overflow:hidden;background:var(--surface);border:2px solid var(--border)}.related-thumb img{width:100%;height:100%;object-fit:cover;display:block}.related-thumb:hover{border-color:var(--accent)}.related-thumb .badge{position:absolute;right:3px;bottom:3px;padding:1px 5px}.comments-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0;border:0;background:none;cursor:pointer}.comments-toggle h4{margin:16px 0 6px}.comment{padding:9px 11px;margin-bottom:6px;border-radius:12px;background:var(--bg-2)}.comment-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:4px}.dtext{margin:0;white-space:pre-wrap;word-break:break-word;font-size:13px;color:var(--text-2)}.dtext-quote{margin:0 0 6px;padding:4px 8px;border-inline-start:3px solid var(--border);color:var(--muted);font-size:12.5px;white-space:pre-wrap}.comment-form{display:flex;flex-direction:column;gap:6px;margin-top:6px}.comment-form .btn{align-self:flex-end}.viewer.compact{display:block}.viewer.compact .viewer-stage{position:absolute;inset:0}.viewer.compact .media-frame{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.viewer.compact .media-frame img,.viewer.compact .media-frame video{border-radius:0;box-shadow:none}.viewer.compact .viewer-top{padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) 18px max(8px,env(safe-area-inset-left));background:linear-gradient(rgba(0,0,0,.6),transparent);gap:4px}.viewer.compact .viewer-panel{position:absolute;z-index:4;display:flex;flex-direction:column;overflow:hidden;border:2px solid var(--line);padding:0 16px;transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .2s}.viewer.compact .sheet-handle{display:grid;place-items:center;height:24px;flex:none;cursor:grab;touch-action:none}.viewer.compact .sheet-handle span{width:42px;height:5px;border-radius:3px;background:color-mix(in srgb,var(--text) 30%,transparent)}.viewer.compact .panel-head{flex:none;padding-bottom:12px}.viewer.compact .panel-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:10px 0 calc(16px + env(safe-area-inset-bottom));border-top:2px dashed var(--border)}.viewer.compact .nav{width:40px;height:64px}.viewer.compact.portrait .viewer-panel{left:0;right:0;bottom:0;max-height:58dvh;border-radius:22px 22px 0 0;border-bottom:0}.viewer.compact.portrait.sheet-peek .viewer-panel{transform:translateY(calc(100% - var(--peek, 96px) - env(safe-area-inset-bottom)))}.viewer.compact.portrait.sheet-peek .viewer-panel .panel-head{padding-bottom:calc(12px + env(safe-area-inset-bottom))}.viewer.compact.portrait .nav{display:none}.viewer.compact.landscape .viewer-panel{top:0;bottom:0;right:0;width:min(360px,48vw);border-radius:22px 0 0 22px;border-right:0;padding-right:max(16px,env(safe-area-inset-right));overflow-y:auto;display:block}.viewer.compact.landscape .sheet-handle{display:none}.viewer.compact.landscape .panel-head{padding-top:14px}.viewer.compact.landscape .panel-body{overflow:visible}.viewer.compact.landscape.sheet-peek .viewer-panel{transform:translate(105%)}.viewer.compact.landscape.sheet-open .nav.next{right:calc(min(360px,48vw) + 8px)}.viewer.compact.landscape .nav.prev{left:max(8px,env(safe-area-inset-left))}.viewer.chrome-hidden .viewer-top,.viewer.chrome-hidden .nav{opacity:0;pointer-events:none}.viewer.compact.portrait.chrome-hidden.sheet-peek .viewer-panel{transform:translateY(100%);opacity:0}.viewer.compact.landscape .media-frame,.viewer.compact.landscape .viewer-top{transition:right .28s cubic-bezier(.2,.8,.2,1),transform .2s ease,opacity .2s ease}.viewer.compact.landscape.sheet-open .media-frame,.viewer.compact.landscape.sheet-open .viewer-top{right:min(360px,48vw)}.viewer.compact.portrait .media-frame{transition:bottom .28s cubic-bezier(.2,.8,.2,1),transform .2s ease,opacity .2s ease}.viewer.compact.portrait.sheet-open .media-frame{bottom:calc(var(--sheet-h, 58dvh) - 12px);padding-top:calc(52px + env(safe-area-inset-top))}.sub-bar{display:flex;align-items:center;gap:6px;min-height:46px;padding:12px 22px 0;overflow-x:auto;scrollbar-width:none}.sub-bar::-webkit-scrollbar{display:none}.sub-bar .chip,.sub-bar .btn{flex:none;padding:5px 13px;font-size:13px}.sub-bar .chip.on .soon-pill{background:var(--bg-2)}.sub-sep{flex:none;width:2px;height:20px;margin:0 4px;border-radius:2px;background:var(--border)}.age-gate{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;overflow-y:auto;background:radial-gradient(60% 50% at 80% 10%,color-mix(in srgb,var(--accent) 30%,transparent),transparent 70%),radial-gradient(50% 50% at 10% 90%,color-mix(in srgb,#9a6bff 22%,transparent),transparent 70%),var(--bg)}.age-card{max-width:470px;display:flex;flex-direction:column;gap:12px;text-align:center;padding:30px 26px;border-radius:28px;background:var(--surface);border:2px solid var(--line);box-shadow:7px 7px 0 var(--line);animation:rise .35s ease}.age-card .logo{font-size:30px;justify-content:center;font-family:var(--display);font-weight:800}.age-card h1{margin:6px 0 0;font-size:26px;font-weight:800}.age-card p{margin:0;color:var(--text-2);line-height:1.55}.age-actions{display:flex;flex-direction:column;gap:8px;margin-top:8px}.age-actions .btn{padding:12px 16px}.age-lang{align-self:center}.blocked-page{min-height:100vh;display:grid;place-items:center;padding:20px;text-align:center}.legal-links{display:flex;flex-wrap:wrap;gap:6px 14px}.legal-links a{color:var(--muted);font-size:12.5px}.legal-links a:hover{color:var(--text)}.age-card .legal-links{justify-content:center;margin-top:10px}.legal-page{min-height:100vh}.legal-head{position:sticky;top:0;display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:12px 22px;background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:2px solid var(--border);z-index:5}.legal-nav{display:flex;gap:4px;flex-wrap:wrap;flex:1}.legal-nav a{padding:6px 13px;border-radius:999px;color:var(--muted);font-weight:600}.legal-nav a.on{background:var(--accent);color:var(--ink)}.legal-body{max-width:760px;margin:0 auto;padding:26px 22px 60px;line-height:1.65}.legal-body h1{font-size:30px;font-weight:800}.legal-body h2{font-size:18px;margin:26px 0 8px}.legal-body p{color:var(--text-2);margin:0 0 10px}html{-webkit-tap-highlight-color:transparent}@media(hover:none){.card .stats{opacity:1;transform:none}.tag-op{opacity:.7;width:30px;padding:4px 0}.card:hover,.tile:hover{transform:none;box-shadow:none}.card:hover img{transform:none}.page-num{opacity:.8}.vote-btn,.fav-btn{min-width:44px;min-height:40px}.rail-arrows{display:none}}html.bar-hidden .topbar{transform:translateY(-100%)}html.bar-hidden .reader-bar{top:0;transform:translateY(-100%)}@media(max-width:1100px){.tabs a{padding:8px 10px}.topbar .btn .label{display:none}}@media(max-width:760px),(max-height:520px){.topbar{gap:6px;padding:6px max(10px,env(safe-area-inset-right)) 6px max(10px,env(safe-area-inset-left));min-height:56px}.tabs,.logo span{display:none}.filter-btn{padding:8px 10px}.account-name{display:none}.account-btn{padding:4px}.search-box{height:40px}main{padding:10px max(10px,env(safe-area-inset-right)) calc(96px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.saved-bar{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:8px max(10px,env(safe-area-inset-left)) 0}.saved-bar::-webkit-scrollbar{display:none}.saved-bar .chip{flex:none}.sub-bar{min-height:42px;padding:8px max(10px,env(safe-area-inset-left)) 0}.reader{margin:-10px calc(-1*max(10px,env(safe-area-inset-right))) -96px calc(-1*max(10px,env(safe-area-inset-left)))}.reader-bar{padding:6px max(10px,env(safe-area-inset-right)) 6px max(10px,env(safe-area-inset-left));gap:8px}.reader-title strong{font-size:15px}.strip.gapped{gap:6px}.reader-desc{padding:0 12px;font-size:13px}.reader-warning{margin:10px 10px 0}.pool-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px}.drawer{padding:0 max(18px,env(safe-area-inset-right)) calc(32px + env(safe-area-inset-bottom)) 18px}.account-pop{position:fixed;top:calc(var(--bar-h, 56px) + 6px);inset-inline-end:8px}.home{gap:24px}.hero{padding:24px 18px 20px;border-radius:22px;box-shadow:4px 4px 0 var(--line)}.tile{width:138px}.rail-head h2{font-size:18px}.hero-banner{height:120px}.hero-card{padding:10px 14px 12px;gap:12px}.hero-avatar,.artist-mark{margin-top:-48px}.hero-avatar .avatar{width:76px!important;height:76px!important}.artist-mark{width:76px;height:76px}.stat-tiles,.tag-cloud{padding-inline:14px}.bio{margin-inline:14px}.stat-tile{min-width:0;flex:1 1 28%;padding:8px 10px}.stat-tile strong{font-size:20px}.share-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.mini-stats{display:none}.podium{gap:8px}}@media(max-width:760px)and (orientation:portrait){.topbar{flex-wrap:wrap;row-gap:6px}.topbar .search{order:10;flex-basis:100%;max-width:none}}[dir=rtl] .drawer{transform:translate(-100%)}[dir=rtl] .drawer.open{transform:none;box-shadow:20px 0 60px var(--shadow)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.event-banner-icon,[data-event=halloween] .logo:after{animation:none!important}}.comment-feed{display:flex;flex-direction:column;gap:12px;max-width:900px}.comment-card{display:flex;gap:14px;align-items:flex-start;padding:12px;border-radius:var(--radius);background:var(--surface);border:2px solid var(--border);animation:rise .3s ease both}.comment-card .tile{width:110px}.comment-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.comment-body header{display:flex;justify-content:space-between;gap:8px}.comment-body .score{font-weight:800;color:var(--muted)}.bio.about{font-size:13.5px;max-height:9em;overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent)}.hero-hint{margin:0 22px 18px}.board-list li.me a{border-color:var(--accent);background:var(--accent-soft)}@media(max-width:760px){.comment-card .tile{width:84px}.hero-hint{margin-inline:14px}}.framed{position:relative;width:100%;height:100%;overflow:hidden}.framed img{position:absolute;max-width:none;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.hero-banner{position:relative;overflow:hidden}.avatar .framed{border-radius:50%}.hero-avatar{position:relative;display:inline-block}.pic-edit{position:absolute;z-index:2;cursor:pointer}.banner-edit{top:12px;right:12px;background:#0000008c;color:#fff;border-color:#ffffff40}.avatar-edit{right:0;bottom:2px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--accent);color:var(--ink);border:2px solid var(--line);box-shadow:0 2px 0 var(--line)}.avatar-edit:active,.banner-edit:active{transform:scale(.94)}.use-profile{font-weight:700;font-size:13px}.use-profile:hover{color:var(--accent)}.picture-dialog{display:flex;flex-direction:column;gap:14px}.frame-editor{display:flex;flex-direction:column;gap:12px}.frame-stage{position:relative;overflow:hidden;margin:0 auto;background:var(--bg-2);border:2px solid var(--line);touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}.frame-stage:active{cursor:grabbing}.frame-stage img{position:absolute;max-width:none;pointer-events:none}.frame-stage .spinner{position:absolute;top:50%;left:50%;margin:-15px 0 0 -15px}.frame-stage.avatar{width:min(280px,72vw);aspect-ratio:1;border-radius:50%;box-shadow:0 0 0 6px var(--accent-soft)}.frame-stage.banner{width:100%;aspect-ratio:4 / 1;border-radius:16px}.frame-hint{position:absolute;left:50%;bottom:10px;transform:translate(-50%);display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#0009;color:#fff;font-size:11.5px;font-weight:700;white-space:nowrap;pointer-events:none;transition:opacity .3s}.frame-stage.avatar .frame-hint{bottom:18%}.frame-stage:active .frame-hint{opacity:0}.zoom-row{display:flex;align-items:center;gap:10px}.zoom-row input[type=range]{flex:1;accent-color:var(--accent);height:28px}.small-btn{padding:6px 12px;font-size:13px}.link-row{display:flex;gap:8px}.link-row input{flex:1;min-width:0;background:var(--bg-2);border:2px solid var(--border);border-radius:12px;padding:10px 12px;outline:none}.link-row input:focus{border-color:var(--accent)}.pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;max-height:46vh;overflow-y:auto;padding:2px}.pick-grid .pick{width:auto;height:auto;aspect-ratio:1}.modal-actions.spread{justify-content:flex-start;flex-wrap:wrap}@media(max-width:760px){.modal-back{padding:0;place-items:end stretch}.modal{width:100%!important;max-height:94dvh;border-radius:24px 24px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom));box-shadow:none}.frame-stage.banner{aspect-ratio:3 / 1}.banner-edit .label,.banner-edit span{display:none}.avatar-edit{width:38px;height:38px}.zoom-row .round-btn{width:40px;height:40px}.pick-grid{grid-template-columns:repeat(4,1fr)}}.frame-stage.avatar .frame-hint{white-space:normal;text-align:center;width:max-content;max-width:78%;justify-content:center}.text-input{width:100%;min-width:0;background:var(--bg-2);border:2px solid var(--border);border-radius:12px;padding:9px 12px;outline:none;transition:border-color .15s}.text-input:focus{border-color:var(--accent)}.page-tabs{overflow-x:auto;scrollbar-width:none}.page-tabs::-webkit-scrollbar{display:none}.page-tabs a{white-space:nowrap}.soon-pill{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:1px 7px;border-radius:999px;background:var(--surface-2);color:var(--muted)}.page-tabs a.on .soon-pill{background:var(--bg-2)}.admin-preview{display:flex;align-items:center;gap:8px;margin:0 0 16px;padding:9px 14px;border-radius:var(--radius-sm);background:var(--accent-soft);border:2px dashed var(--accent);font-weight:600;font-size:13.5px}.ok-text{color:var(--safe);display:flex;align-items:center;gap:6px;font-size:14px}.back-link{margin-bottom:12px;font-weight:700}.member-link{display:inline-flex;align-items:center;gap:8px;min-width:0}.member-link strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-link:hover strong{color:var(--accent)}.mention,.post-ref{color:var(--accent);font-weight:700}.mention:hover,.post-ref:hover{text-decoration:underline}.board-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}.board-head p{margin:0}.on-works{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:64px 22px;border-radius:var(--radius);border:2px solid var(--line);background:var(--surface);box-shadow:4px 4px 0 var(--line);max-width:640px;margin:10px auto}.on-works h2{margin:0;font-family:var(--display);font-size:28px}.on-works p{margin:0;max-width:380px}.on-works .empty-icon{color:var(--ink);background:#ffcf2e}.works-tape{position:absolute;left:-10%;right:-10%;top:18px;height:22px;transform:rotate(-3deg);background:repeating-linear-gradient(45deg,#ffcf2e 0 18px,var(--ink) 18px 36px);border-block:2px solid var(--line)}.works-tape.bottom{top:auto;bottom:18px;transform:rotate(2deg)}.sticker{display:block;flex:none;overflow:visible}.sticker-layer{position:absolute;inset:0;pointer-events:none}.sticker.placed{position:absolute;width:clamp(34px,14%,64px);height:auto;filter:drop-shadow(1.5px 0 0 #fff) drop-shadow(-1.5px 0 0 #fff) drop-shadow(0 1.5px 0 #fff) drop-shadow(0 -1.5px 0 #fff) drop-shadow(2px 3px 0 rgba(0,0,0,.35))}.sticker-picker{display:flex;flex-wrap:wrap;gap:8px}.sticker-btn{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;border:2px solid var(--border);background:var(--bg-2);cursor:pointer;transition:transform .12s,border-color .12s,background .12s}.sticker-btn:hover:not(:disabled){transform:translateY(-2px) rotate(-4deg)}.sticker-btn.on{border-color:var(--line);background:var(--accent-soft);box-shadow:2px 2px 0 var(--line);transform:rotate(-4deg)}.sticker-btn:disabled{opacity:.35;cursor:not-allowed}.reaction-bar{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.reaction{display:inline-flex;align-items:center;gap:5px;padding:3px 9px 3px 4px;border-radius:999px;border:2px solid var(--border);background:var(--bg-2);font-weight:800;font-size:13px;cursor:pointer;transition:transform .1s,border-color .1s}.reaction:hover{transform:translateY(-1px);border-color:var(--text-2)}.reaction.mine{border-color:var(--line);background:var(--accent);color:var(--ink);box-shadow:2px 2px 0 var(--line)}.reaction.add{color:var(--muted);border-style:dashed;padding:5px 9px}.reaction-bar.compact .reaction{padding:2px 8px 2px 3px;font-size:12px}.reaction-pop{position:absolute;z-index:30;bottom:calc(100% + 8px);left:0;display:grid;grid-template-columns:repeat(4,46px);gap:4px;padding:8px;border-radius:16px;border:2px solid var(--line);background:var(--surface);box-shadow:4px 4px 0 var(--line);animation:rise .15s ease both}.reaction-pop button{display:grid;place-items:center;height:46px;border-radius:12px;border:0;background:none;cursor:pointer;transition:transform .1s}.reaction-pop button:hover{transform:scale(1.15) rotate(-6deg);background:var(--bg-2)}.reaction-pop button.on{background:var(--accent-soft)}.community-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}.feed{display:flex;flex-direction:column;gap:16px;max-width:680px;margin:0 auto}.composer-cta{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--radius);border:2px dashed var(--border);background:var(--surface);text-align:left;cursor:pointer;transition:border-color .15s,transform .15s}.composer-cta:hover{border-color:var(--accent);transform:translateY(-1px)}.composer-cta span:last-child{display:flex;flex-direction:column;gap:2px}.cta-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--accent);color:var(--ink);border:2px solid var(--line);flex:none}.share-list{display:flex;flex-direction:column;gap:18px}.share-card{--tone: var(--accent);border-radius:var(--radius);border:2px solid var(--line);background:var(--surface);box-shadow:4px 4px 0 var(--tone);overflow:hidden;animation:rise .35s ease both}.share-card[data-color=tangerine]{--tone: #ff7a3d}.share-card[data-color=berry]{--tone: #ff4f8b}.share-card[data-color=lagoon]{--tone: #1fc8b5}.share-card[data-color=lemon]{--tone: #ffcf2e}.share-card[data-color=grape]{--tone: #9a6bff}.share-card[data-color=mint]{--tone: #4fdc8b}.share-card[data-color=sky]{--tone: #3aa8ff}.share-card[data-color=coral]{--tone: #ff6b5e}.share-card>header,.share-card>footer{display:flex;align-items:center;gap:10px;padding:12px 14px}.share-pic{position:relative;display:flex;justify-content:center;width:100%;padding:0;border:0;background:var(--bg-2);cursor:zoom-in}.pic-wrap{position:relative;display:inline-block;max-width:100%;line-height:0}.share-pic img{display:block;max-width:100%;max-height:72vh;width:auto;height:auto}.share-pic .rating-dot{position:absolute;top:10px;left:10px;box-shadow:0 0 0 2px #00000073}.share-caption{margin:0;padding:12px 14px 0;font-size:15.5px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.share-card footer .link.on{color:var(--accent)}.share-comments{display:flex;flex-direction:column;gap:10px;padding:12px 14px 14px;border-top:2px solid var(--border)}.mini-comment{display:flex;gap:9px;align-items:flex-start}.mini-comment p{margin:2px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.mini-form{display:flex;gap:8px}.mini-form .btn{flex:none}.share-dialog{max-width:520px}.share-preview{display:flex;justify-content:center;border-radius:var(--radius-sm);overflow:hidden;border:2px solid var(--line);background:var(--bg-2)}.share-preview img{display:block;max-width:100%;max-height:32vh;width:auto;height:auto}.post-picker{display:flex;flex-direction:column;gap:6px}.chat{display:grid;grid-template-columns:200px 1fr;height:calc(100dvh - 250px);min-height:420px;border-radius:var(--radius);border:2px solid var(--line);background:var(--surface);box-shadow:4px 4px 0 var(--line);overflow:hidden}.chat-rooms{display:flex;flex-direction:column;gap:4px;padding:12px;background:var(--bg-2);border-right:2px solid var(--border)}.chat-rooms a{display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:10px;font-weight:700;color:var(--muted)}.chat-rooms a:hover{color:var(--text);background:var(--surface)}.chat-rooms a.on{background:var(--accent);color:var(--ink)}.chat-rooms .hash{font-family:var(--display);font-weight:800;opacity:.7}.chat-rules{margin:auto 0 0;padding:8px 4px 0;line-height:1.4}.chat-main{display:flex;flex-direction:column;min-width:0;min-height:0}.chat-list{flex:1;overflow-y:auto;padding:14px 16px 6px;display:flex;flex-direction:column;gap:2px;overscroll-behavior:contain}.chat-empty{margin:auto}.chat-msg{display:flex;gap:10px;align-items:flex-start;padding:3px 4px;border-radius:10px}.chat-msg:not(.grouped){margin-top:10px}.chat-msg:hover{background:color-mix(in srgb,var(--text) 4%,transparent)}.chat-msg .avatar-gap{width:34px;flex:none}.chat-bubble{min-width:0;flex:1}.chat-bubble header{display:flex;align-items:baseline;gap:8px}.chat-bubble header a{font-weight:800;color:var(--tone, var(--accent))}.chat-bubble p{margin:1px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.4}.chat-tools{display:flex;gap:8px;opacity:0;transition:opacity .1s;padding-top:2px}.chat-msg:hover .chat-tools{opacity:1}.chat-form{display:flex;gap:8px;padding:10px 12px;border-top:2px solid var(--border)}.chat-form .btn{flex:none}.chat-main>.login-nudge{margin:10px 12px}.chat-main>.hint.err{padding:0 14px 8px}.games{display:flex;flex-direction:column;gap:16px}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.game-card{display:flex;flex-direction:column;border-radius:var(--radius);border:2px solid var(--line);background:var(--surface);box-shadow:4px 4px 0 var(--tone);overflow:hidden;transition:transform .15s}.game-card:hover{transform:translate(-2px,-3px) rotate(-.4deg)}.game-card.closed{box-shadow:4px 4px 0 var(--border)}.game-cover{position:relative;display:grid;place-items:center;aspect-ratio:16 / 9;background:var(--tone);color:var(--ink);overflow:hidden}.game-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.game-state{display:inline-flex;align-items:center;gap:5px;padding:2px 10px;border-radius:999px;font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;background:var(--surface-2);color:var(--muted);border:2px solid var(--line)}.game-state.live{background:#4fdc8b;color:var(--ink)}.game-state.live:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ink);animation:pulse 1.4s ease infinite}.game-cover .game-state{position:absolute;top:10px;left:10px}@keyframes pulse{50%{opacity:.25}}.game-text{display:flex;flex-direction:column;gap:6px;padding:12px 14px 14px}.game-text strong{font-family:var(--display);font-size:19px;line-height:1.2}.game-meta{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:12.5px;color:var(--muted)}.game-meta span,.game-leader{display:inline-flex;align-items:center;gap:4px}.game-leader{font-weight:700;font-size:13px;color:var(--tone)}.game-head{display:flex;flex-wrap:wrap;align-items:flex-start;gap:16px;margin-bottom:18px}.game-head h2{margin:8px 0 4px;font-family:var(--display);font-size:30px}.game-head p{margin:0 0 8px;max-width:620px}.game-numbers{display:flex;gap:10px}.game-numbers span{display:flex;flex-direction:column;align-items:center;padding:8px 14px;border-radius:14px;background:var(--surface);border:2px solid var(--border);font-size:12px;color:var(--muted);font-weight:700}.game-numbers strong{font-family:var(--display);font-size:20px;color:var(--text)}.game-enter{padding:16px;border-radius:var(--radius);border:2px dashed var(--accent);background:var(--accent-soft);margin-bottom:8px}.game-enter h3{margin:0 0 12px}.enter-row{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}.enter-row>.tile{width:150px}.enter-form{flex:1;min-width:220px;display:flex;flex-direction:column;gap:10px}.pick-preview .tile{width:120px}.entry-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.entry-card{align-self:start;display:flex;flex-direction:column;border-radius:var(--radius);border:2px solid var(--line);background:var(--surface);overflow:hidden}.entry-card.voted{box-shadow:0 0 0 3px var(--accent)}.entry-card.winner{box-shadow:4px 4px #ffcf2e;border-color:#ffcf2e}.entry-pic{position:relative;display:block;width:100%;aspect-ratio:1;overflow:hidden;padding:0;border:0;background:var(--bg-2);cursor:zoom-in}.entry-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.place-badge{position:absolute;top:8px;left:8px;display:grid;place-items:center;min-width:30px;height:30px;padding:0 6px;border-radius:999px;font-family:var(--display);font-weight:800;background:var(--surface);color:var(--text);border:2px solid var(--line)}.place-badge.p1{background:#ffcf2e;color:var(--ink)}.place-badge.p2{background:#d6dbe4;color:var(--ink)}.place-badge.p3{background:#e39b62;color:var(--ink)}.entry-foot,.entry-actions{display:flex;align-items:center;gap:8px;padding:10px 12px 0}.entry-actions{padding-bottom:12px;min-height:30px}.entry-foot .votes{display:inline-flex;align-items:center;gap:4px;font-weight:800}.trophies{display:flex;flex-wrap:wrap;gap:8px;padding:0 22px 14px}.trophy-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;font-weight:800;font-size:13px;background:#ffcf2e;color:var(--ink);border:2px solid var(--line);box-shadow:2px 2px 0 var(--line)}.admin-page{display:flex;flex-direction:column;gap:18px;max-width:920px;margin:0 auto}.admin-stats{padding:0}.aud-chart{display:flex;align-items:flex-end;gap:3px;height:90px;margin-top:14px;padding:6px;border-radius:12px;background:var(--bg-2)}.aud-bar{flex:1;min-height:2px;border-radius:4px 4px 1px 1px;background:var(--accent);opacity:.85}.aud-bar:hover{opacity:1;filter:brightness(1.15)}.aud-axis{display:flex;justify-content:space-between;margin-top:4px}.admin-card{padding:4px 18px 18px;border-radius:var(--radius);border:2px solid var(--border);background:var(--surface)}.admin-card .section-title{margin:14px 0 12px}.switch-list{display:flex;flex-direction:column;gap:8px}.switch-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:var(--bg-2);cursor:pointer}.switch-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--surface-2);flex:none}.switch-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.switch-row .state{font-size:12px;font-weight:800;color:var(--muted)}.switch-row .state.on{color:var(--safe)}input.switch{appearance:none;width:46px;height:26px;border-radius:999px;background:var(--surface-2);border:2px solid var(--line);position:relative;cursor:pointer;flex:none;transition:background .15s;padding:0}input.switch:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--text);transition:transform .15s}input.switch:checked{background:var(--accent)}input.switch:checked:after{transform:translate(20px);background:var(--ink)}.report-list,.banned-list,.admin-games{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.report-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:var(--bg-2)}.report-row .kind{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;border-radius:999px;background:var(--surface-2)}.report-body{flex:1;min-width:200px}.report-body .excerpt{margin:0 0 3px;overflow-wrap:anywhere}.report-actions{display:flex;gap:6px}.banned-list{margin-top:10px}.banned-list li,.admin-games li{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:var(--bg-2)}.admin-games{margin-top:14px}.game-form{display:flex;flex-direction:column;gap:12px}.form-row{display:flex;gap:12px;flex-wrap:wrap}.form-row .field{flex:1;min-width:180px}.form-row .small-field{flex:0 0 100px;min-width:0}@media(max-width:760px){.chat{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);height:calc(100dvh - 300px - env(safe-area-inset-bottom));min-height:340px}.chat-rooms{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:2px solid var(--border);padding:8px}.chat-rooms a{white-space:nowrap;padding:6px 10px}.chat-rules{display:none}.chat-tools{opacity:1}.share-card{box-shadow:3px 3px 0 var(--tone)}.game-head h2{font-size:24px}.entry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.reaction-pop{grid-template-columns:repeat(4,42px)}.switch-row .state{display:none}}.update-banner{position:fixed;z-index:90;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:8px 8px 8px 16px;border-radius:999px;font-weight:700;background:var(--surface);border:2px solid var(--line);box-shadow:4px 4px 0 var(--accent);animation:rise .25s ease both}@media(max-width:760px){.update-banner{bottom:calc(92px + env(safe-area-inset-bottom))}}.modal.wide:has(.picker){width:min(880px,100%)}.picker{display:flex;flex-direction:column;gap:12px;min-height:420px}.picker-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.picker .search-wrap,.picker form{width:100%}.picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;max-height:56vh;overflow-y:auto;padding:2px}.picker-tile{position:relative;aspect-ratio:1;padding:0;border-radius:12px;overflow:hidden;border:2px solid var(--line);background:var(--bg-2);cursor:pointer;transition:transform .12s,box-shadow .12s}.picker-tile img{width:100%;height:100%;object-fit:cover;display:block}.picker-tile .rating-dot{position:absolute;top:6px;left:6px;box-shadow:0 0 0 2px #00000073}.picker-tile:hover:not(:disabled){transform:translateY(-2px);box-shadow:3px 3px 0 var(--accent)}.picker-check{position:absolute;right:6px;bottom:6px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--accent);color:var(--ink);border:2px solid var(--line);opacity:0;transform:scale(.7);transition:.12s}.picker-tile:hover .picker-check,.picker-tile:focus-visible .picker-check{opacity:1;transform:none}.picker-busy{position:absolute;inset:0;display:grid;place-items:center;background:#00000073}.picker-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:48px 16px;color:var(--muted);text-align:center}.pick-button{display:flex;align-items:center;gap:12px;width:100%;padding:10px;border-radius:14px;border:2px dashed var(--border);background:var(--bg-2);cursor:pointer;text-align:left;transition:border-color .15s}.pick-button:hover{border-color:var(--accent)}.pick-button.has{border-style:solid}.pick-button img{width:64px;height:64px;object-fit:cover;border-radius:10px;border:2px solid var(--line);flex:none}.pick-plus{display:grid;place-items:center;width:64px;height:64px;border-radius:10px;background:var(--accent);color:var(--ink);border:2px solid var(--line);flex:none}.pick-text{display:flex;flex-direction:column;gap:2px;min-width:0}.attach-btn{flex:none;padding-inline:10px}.attach-chip{position:relative;flex:none}.attach-chip img{width:40px;height:40px;object-fit:cover;border-radius:9px;border:2px solid var(--accent);display:block}.attach-chip .chip-x{position:absolute;top:-8px;right:-8px;width:20px;height:20px;border-radius:50%;background:var(--surface);border:2px solid var(--line);padding:0;display:grid;place-items:center}.msg-pic{display:block;padding:0;margin:6px 0 2px;border:2px solid var(--line);border-radius:12px;overflow:hidden;background:var(--bg-2);cursor:zoom-in;max-width:min(280px,100%)}.msg-pic img{display:block;max-width:100%;max-height:260px;width:auto;height:auto}.inbox-btn{position:relative;padding-inline:10px}.badge-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--explicit, #ff4f5e);color:#fff;font-size:11.5px;font-weight:800;border:2px solid var(--line)}.inbox-btn .badge-count{position:absolute;top:-7px;right:-7px}.count-pill{margin-left:4px;padding:0 7px;border-radius:999px;background:#0000002e;font-size:12px}.games-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.games-head .section-title{margin:8px 0 0}.idea-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:-6px}.inbox{display:grid;grid-template-columns:290px 1fr;height:calc(100dvh - 250px);min-height:440px;border-radius:var(--radius);border:2px solid var(--line);background:var(--surface);box-shadow:4px 4px 0 var(--line);overflow:hidden}.inbox-list{display:flex;flex-direction:column;gap:4px;padding:12px;overflow-y:auto;background:var(--bg-2);border-right:2px solid var(--border)}.inbox-list>.btn{margin-bottom:8px}.inbox-empty{padding:10px 4px}.small-center{min-height:120px}.conv{display:flex;align-items:center;gap:10px;padding:8px;border-radius:12px}.conv:hover{background:var(--surface)}.conv.on{background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent)}.conv-text{display:flex;flex-direction:column;min-width:0;flex:1}.conv-text small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv.unread .conv-text strong,.conv.unread .conv-text small{color:var(--text);font-weight:800}.conv-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:none}.thread{display:flex;flex-direction:column;min-width:0;min-height:0}.empty-thread{align-items:center;justify-content:center;gap:10px}.thread-head{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:2px solid var(--border)}.thread-list{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:3px;overscroll-behavior:contain}.dm{display:flex;flex-direction:column}.dm-time{align-self:center;margin:10px 0 4px}.dm-row{display:flex;align-items:center;gap:6px;max-width:78%}.dm.me .dm-row{align-self:flex-end;flex-direction:row-reverse}.dm-bubble{padding:7px 12px;border-radius:16px 16px 16px 5px;background:var(--bg-2);border:2px solid var(--border);min-width:0}.dm-bubble p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.4}.dm.me .dm-bubble{background:var(--accent);color:var(--ink);border-color:var(--line);border-radius:16px 16px 5px}.dm.me .dm-bubble .mention,.dm.me .dm-bubble .post-ref{color:var(--ink);text-decoration:underline}.dm .msg-pic{margin:2px 0}.dm-row:hover .chat-tools{opacity:1}.dm-seen{align-self:flex-end;margin-top:2px}.thread-error,.thread-blocked{padding:0 14px 10px}.member-search{display:flex;flex-direction:column;gap:10px}.member-results{display:flex;flex-direction:column;gap:4px;max-height:50vh;overflow-y:auto}.member-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;border:0;background:var(--bg-2);cursor:pointer;text-align:left}.member-row:hover{background:var(--accent-soft)}.send-preview{display:flex;align-items:center;gap:14px}.send-preview img{width:84px;height:84px;object-fit:cover;border-radius:12px;border:2px solid var(--line)}.send-to{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.arcade-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.arcade-card{display:flex;align-items:center;gap:14px;padding:16px;border-radius:var(--radius);border:2px solid var(--line);background:var(--tone);color:var(--ink);box-shadow:4px 4px 0 var(--line);transition:transform .15s}.arcade-card:hover{transform:translate(-2px,-3px) rotate(-.5deg)}.arcade-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--surface);color:var(--text);border:2px solid var(--line);flex:none}.arcade-text{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.arcade-text strong{font-family:var(--display);font-size:20px}.arcade-text small{font-weight:600;opacity:.8}.arcade-play{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:999px;background:var(--ink);color:var(--tone);font-weight:800;flex:none}.arcade-layout{display:grid;grid-template-columns:1fr 280px;gap:18px;align-items:start}.arcade-stage{padding:16px;border-radius:var(--radius);border:2px solid var(--line);background:var(--surface);box-shadow:4px 4px 0 var(--tone);min-height:420px}.arcade-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.arcade-head .arcade-icon{background:var(--tone);color:var(--ink)}.arcade-head h2{margin:0;font-family:var(--display)}.arcade-head p{margin:2px 0 0}.streak{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;background:var(--tone);color:var(--ink);font-family:var(--display);font-size:20px;font-weight:800;border:2px solid var(--line)}.arcade-start,.arcade-over{display:flex;flex-direction:column;align-items:center;gap:12px;padding:50px 16px;text-align:center}.arcade-over h3{margin:0;font-family:var(--display);font-size:26px}.arcade-over p{margin:0}.record{color:var(--tone);font-weight:800}.big-icon{display:grid;place-items:center;width:90px;height:90px;border-radius:28px;background:var(--tone);color:var(--ink);border:2px solid var(--line);box-shadow:4px 4px 0 var(--line);transform:rotate(-4deg)}.btn.big{padding:12px 26px;font-size:17px}.link.inline{display:inline;color:var(--accent);font-weight:700}.hilo{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.hilo-card{position:relative;margin:0;border-radius:var(--radius);overflow:hidden;border:2px solid var(--line);background:var(--bg-2);aspect-ratio:3 / 4}.hilo-card img{width:100%;height:100%;object-fit:cover;display:block}.hilo-card figcaption{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:26px 10px 14px;background:linear-gradient(transparent,#000000d1);color:#fff}.hilo-card figcaption strong{font-family:var(--display);font-size:30px;line-height:1}.hilo-card figcaption span{font-size:12.5px;font-weight:700;opacity:.85}.hilo-card.right{box-shadow:0 0 0 4px #4fdc8b}.hilo-card.wrong{box-shadow:0 0 0 4px #ff4f5e}.hilo-buttons{display:flex;flex-direction:column;gap:8px;width:min(180px,100%)}.hilo-buttons .btn{justify-content:center}.hilo-vs{font-family:var(--display);font-weight:800;font-size:22px;padding:10px;border-radius:50%;background:var(--tone);color:var(--ink);border:2px solid var(--line)}.pop{animation:pop .35s ease both}@keyframes pop{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.15)}to{transform:none;opacity:1}}.species{display:flex;flex-direction:column;gap:14px;align-items:center}.species-pic{margin:0;width:100%;display:flex;justify-content:center;border-radius:var(--radius);overflow:hidden;background:var(--bg-2);border:2px solid var(--line)}.species-pic img{max-width:100%;max-height:52vh;display:block}.species-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}.choice{padding:14px;border-radius:14px;border:2px solid var(--line);background:var(--bg-2);font-weight:800;font-size:16px;text-transform:capitalize;cursor:pointer;transition:transform .1s,background .15s}.choice:hover:not(:disabled){transform:translateY(-2px);background:var(--accent-soft)}.choice.right{background:#4fdc8b;color:var(--ink)}.choice.wrong{background:#ff4f5e;color:#fff}.arcade-board{padding:14px;border-radius:var(--radius);border:2px solid var(--border);background:var(--surface)}.arcade-board h3{display:flex;align-items:center;gap:7px;margin:0 0 8px}.arcade-board ol{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}.arcade-board li{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:10px;background:var(--bg-2)}.arcade-board li.me{box-shadow:inset 0 0 0 2px var(--accent)}.arcade-board .rank{width:20px;font-weight:800;color:var(--muted)}@media(max-width:760px){.inbox{grid-template-columns:1fr;height:calc(100dvh - 300px - env(safe-area-inset-bottom));min-height:360px}.inbox-list{border-right:0}.dm-row{max-width:88%}.arcade-layout{grid-template-columns:1fr}.hilo{grid-template-columns:1fr 1fr}.hilo-vs{display:none}.hilo-card figcaption strong{font-size:22px}.picker-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:52vh}.picker-tabs span{font-size:12px}.chat-form{flex-wrap:nowrap}}.style-card{display:flex;flex-direction:column;gap:14px;width:100%;padding:16px;border-radius:var(--radius);border:2px solid var(--line);background:var(--bg-2);box-shadow:4px 4px 0 var(--accent);text-align:left}.style-card.loading{align-items:center;box-shadow:none;border-style:dashed}.style-card header{display:flex;align-items:center;gap:12px}.style-card h3{margin:0;font-family:var(--display);font-size:21px}.style-badge{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:var(--accent);color:var(--ink);border:2px solid var(--line);transform:rotate(-5deg);flex:none}.style-covers{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.style-covers button{padding:0;aspect-ratio:1;border-radius:12px;overflow:hidden;border:2px solid var(--line);background:var(--surface);cursor:zoom-in}.style-covers button:nth-child(odd){transform:rotate(-2deg)}.style-covers button:nth-child(2n){transform:rotate(2deg)}.style-covers img{width:100%;height:100%;object-fit:cover;display:block}.style-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px 18px}.style-row h4{display:flex;align-items:center;gap:6px;margin:0 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--tone)}.style-bars{display:flex;flex-direction:column;gap:5px}.style-bar{position:relative;display:flex;align-items:center;gap:8px;padding:5px 10px;border-radius:9px;overflow:hidden;background:var(--surface)}.style-bar .bar{position:absolute;left:0;top:0;bottom:0;background:var(--tone);opacity:.28;border-radius:9px;transition:width .5s ease}.style-bar .label{position:relative;flex:1;font-weight:700;text-transform:capitalize;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.style-bar .pct{position:relative;font-size:12px;font-weight:800;color:var(--muted)}.style-bar:hover .bar{opacity:.5}.style-card.compact{padding:12px;box-shadow:3px 3px 0 var(--accent)}.style-card.compact .style-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.style-pane{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.who-pick{display:flex;flex-direction:column;align-items:center;gap:10px;width:min(460px,100%)}.who-label{margin:0;font-weight:800;font-family:var(--display);font-size:18px}.who-options{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.who{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 6px;border-radius:999px;border:2px solid var(--border);background:var(--bg-2);font-weight:700;cursor:pointer}.who.add{padding-left:12px;border-style:dashed}.who.on{border-color:var(--line);background:var(--tone);color:var(--ink);box-shadow:2px 2px 0 var(--line)}.who-pick .member-search{width:100%}.arcade-start .style-card,.arcade-over .style-card{margin-top:8px}.arcade .mine{display:flex;flex-direction:column;align-items:center;gap:14px}.mine-question{margin:0;font-family:var(--display);font-size:22px;font-weight:800;text-align:center}.mine-pic{position:relative;margin:0;display:flex;justify-content:center;max-width:100%;border-radius:var(--radius);overflow:hidden;border:2px solid var(--line);background:var(--bg-2);transition:box-shadow .2s}.mine-pic img{display:block;max-width:100%;max-height:max(220px,min(54vh,calc(100dvh - 360px)))}.mine-pic.right{box-shadow:0 0 0 4px #4fdc8b}.mine-pic.wrong{box-shadow:0 0 0 4px #ff4f5e}.mine-verdict{position:absolute;left:50%;bottom:14px;transform:translate(-50%);display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;font-weight:800;border:2px solid var(--line);box-shadow:3px 3px 0 var(--line);white-space:nowrap}.mine-verdict.yes{background:#ff4f8b;color:#fff}.mine-verdict.no{background:var(--surface);color:var(--text)}.mine-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:min(460px,100%)}.mine-buttons .btn{justify-content:center}.mine-buttons .yes{background:#ff4f8b;color:#fff;border-color:var(--line);box-shadow:3px 3px 0 var(--line)}.mine-buttons .no{background:var(--surface-2)}@media(max-width:760px){.style-covers{grid-template-columns:repeat(3,minmax(0,1fr))}.mine-question{font-size:19px}.mine-pic img{max-height:46vh}}.collect{display:flex;flex-direction:column;gap:12px;min-width:0}.set-list{display:flex;flex-direction:column;gap:4px;max-height:46vh;overflow-y:auto}.set-list-title{margin:4px 0 0;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.set-row{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;cursor:pointer;border:2px solid var(--border);background:var(--bg-2);transition:border-color .15s,background .15s}.set-row:hover{border-color:var(--text-2)}.set-row.on{border-color:var(--accent);background:var(--accent-soft)}.set-row.on>svg{color:var(--accent)}.set-row input{accent-color:var(--accent);width:17px;height:17px;margin:0}.set-row-name{flex:1;min-width:0;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.new-set{align-self:flex-start}.set-note{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin:0}.set-form{display:flex;flex-direction:column;gap:10px}.set-form .seg{align-self:flex-start}.set-delete{margin-top:14px;color:var(--explicit)}.user-sets{display:flex;flex-direction:column;gap:16px;align-items:flex-start}.user-sets .tile-grid{align-self:stretch}.set-page{display:flex;flex-direction:column;gap:16px}.set-hero{display:flex;gap:20px;align-items:center;padding:18px;border-radius:var(--radius);border:2px solid var(--line);background:var(--surface);box-shadow:4px 4px 0 var(--line)}.set-hero-cover{flex:none;display:grid;place-items:center;width:132px;height:132px;border-radius:18px;overflow:hidden;background:var(--bg-2);border:2px solid var(--line);color:var(--muted);transform:rotate(-3deg)}.set-hero-cover img{width:100%;height:100%;object-fit:cover;display:block}.set-hero-text{display:flex;flex-direction:column;gap:4px;min-width:0}.set-hero-text h1{margin:0;font-size:clamp(24px,3.4vw,36px);font-weight:800;line-height:1.05;overflow-wrap:anywhere}.set-desc{margin:6px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text-2);max-width:70ch}.set-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.set-tools .chip{padding:5px 13px;font-size:13px}.set-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.set-strip{display:flex;flex-direction:column;align-items:center;gap:14px}.set-strip-item{position:relative;display:block;width:min(100%,980px);padding:0;border:0;background:none;cursor:zoom-in}.set-strip-item img{display:block;width:100%;height:auto;max-height:92vh;object-fit:contain;border-radius:12px;background:var(--bg-2)}.set-strip-item .tile-play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.arrange{display:flex;flex-direction:column;gap:12px}.arrange-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.arrange-item{position:relative;aspect-ratio:1;border-radius:14px;overflow:hidden;cursor:grab;border:2px solid var(--border);background:var(--bg-2);transition:transform .12s,border-color .12s}.arrange-item img{width:100%;height:100%;object-fit:cover;display:block}.arrange-item.dragging{opacity:.45;transform:scale(.95)}.arrange-item.is-cover{border-color:var(--accent)}.arrange-num{position:absolute;top:5px;left:5px;min-width:22px;padding:1px 6px;border-radius:999px;font-size:12px;font-weight:800;text-align:center;background:#0009;color:#f7f2ea}.arrange-tools{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;padding:4px;background:linear-gradient(transparent,#000000b3)}.arrange-tools .icon-btn{color:#f7f2ea;padding:4px}.arrange-tools .icon-btn.on{color:var(--accent)}.arrange-tools .icon-btn:disabled{opacity:.3}.arrange-actions{position:sticky;bottom:12px;padding:10px;border-radius:14px;background:var(--surface);border:2px solid var(--border)}@media(max-width:760px){.set-hero{flex-direction:column;align-items:flex-start;gap:14px;padding:14px}.set-hero-cover{width:96px;height:96px}.arrange-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.arrange-actions{bottom:calc(86px + env(safe-area-inset-bottom))}}.active-filters{flex:none;display:inline-flex;align-items:center;gap:4px;color:var(--muted)}.filter-pill{flex:none;display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;cursor:pointer;white-space:nowrap;border:1.5px dashed var(--border);background:none;color:var(--text-2);font-size:12px;font-weight:600}.filter-pill:hover{border-color:var(--accent);color:var(--text)}.search:not(:has(.search-raw)) .search-box{padding-inline-end:36px}.help-wrap{position:relative;flex:none}.sub-bar .help-chip{width:30px;padding-inline:0;justify-content:center;font-weight:800}.help-pop{position:fixed;z-index:40;width:min(340px,calc(100vw - 24px));padding:12px 14px;border-radius:16px;background:var(--surface);border:2px solid var(--line);box-shadow:4px 4px 0 var(--line);font-size:13px;line-height:1.45}.help-pop ul{margin:6px 0 0;padding-inline-start:18px;display:flex;flex-direction:column;gap:5px;color:var(--text-2)}.collection-badge{position:absolute;left:8px;bottom:8px;display:inline-flex;align-items:center;gap:4px}.tour{position:fixed;inset:0;z-index:95;display:grid;place-items:center;padding:16px;background:#08060cb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadein .2s ease}.tour-card{display:flex;flex-direction:column;gap:12px;width:min(880px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;padding:20px clamp(16px,3vw,28px) 18px;border-radius:28px;background:var(--surface);border:2px solid var(--line);box-shadow:6px 6px 0 var(--line);animation:rise .3s ease}.tour-card h1{margin:0;font-size:clamp(26px,4vw,38px);font-weight:800;line-height:1.05}.tour-card>p{margin:0}.tour-head{display:flex;align-items:center;gap:12px}.tour-dots{display:inline-flex;gap:6px}.tour-dots i{width:22px;height:6px;border-radius:999px;background:var(--border);transition:background .2s}.tour-dots i.on{background:var(--accent)}.tour-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:10px}.tour-theme{position:relative;aspect-ratio:1;overflow:hidden;padding:0;border-radius:18px;cursor:pointer;border:2px solid var(--border);background:linear-gradient(135deg,var(--surface-2),var(--bg-2));transition:transform .15s,border-color .15s,box-shadow .15s}.tour-theme img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .3s}.tour-theme:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,#000000c7)}.tour-theme:hover{transform:translateY(-2px) rotate(-.6deg)}.tour-theme:hover img{transform:scale(1.06)}.tour-theme.on{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft),3px 3px 0 var(--line)}.tour-label{position:absolute;left:10px;right:10px;bottom:8px;z-index:1;text-align:left;font-weight:800;font-size:14px;color:#f7f2ea;text-shadow:0 1px 3px rgba(0,0,0,.6)}.tour-theme.no-pic .tour-label{color:var(--text);text-shadow:none}.tour-theme.no-pic:after{display:none}.tour-check{position:absolute;top:8px;right:8px;z-index:1;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--accent);color:var(--ink);border:2px solid var(--line)}.tour-foot{position:sticky;bottom:-18px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:4px -4px -6px;padding:10px 4px 6px;background:var(--surface)}.tour-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.tour-option{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px;border-radius:18px;cursor:pointer;text-align:left;border:2px solid var(--border);background:var(--bg-2);color:var(--text);transition:border-color .15s}.tour-option strong{font-size:16px}.tour-option.on{border-color:var(--accent);background:var(--accent-soft)}.tour-dotset{display:inline-flex;gap:4px}.tour-sub{margin:8px 0 0;font-size:16px;font-weight:800}.tour-seg{max-width:460px}.tour-summary{display:flex;flex-wrap:wrap;gap:6px}.tour-tips{display:flex;flex-direction:column;gap:8px;margin:4px 0 0;padding:0;list-style:none;color:var(--text-2)}.tour-tips li{display:flex;align-items:center;gap:9px}.tour-tips svg{flex:none;color:var(--accent)}.tour-banner{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius);border:2px dashed var(--accent);background:var(--accent-soft)}.tour-banner>span:nth-child(2){display:flex;flex-direction:column;gap:2px;min-width:0}.tour-banner-icon{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:var(--accent);color:var(--ink);border:2px solid var(--line);transform:rotate(-6deg)}@media(max-width:760px){.tour{padding:0;place-items:stretch}.tour-card{max-height:none;height:100dvh;border-radius:0;border:0;box-shadow:none}.tour-grid{grid-template-columns:repeat(3,1fr);gap:8px}.tour-banner{flex-wrap:wrap}}.swipe-page{display:flex;flex-direction:column;align-items:center;gap:14px}.swipe-stack{position:relative;width:min(520px,100%);height:min(68vh,760px)}.swipe-card{position:absolute;inset:0;overflow:hidden;border-radius:26px;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;background:var(--bg-2);border:2px solid var(--line);box-shadow:5px 5px 0 var(--line);transition:transform .25s ease}.swipe-card:active{cursor:grabbing}.swipe-card img,.swipe-card video{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;background:#0d0b11}.swipe-card.behind{transform:scale(.95) translateY(14px);filter:brightness(.7);pointer-events:none}.swipe-stamp{position:absolute;top:22px;z-index:2;padding:4px 14px;border-radius:12px;border:4px solid currentColor;font-family:var(--display);font-size:30px;font-weight:800;letter-spacing:.06em;pointer-events:none;background:#00000059}.swipe-stamp.like{left:20px;color:var(--safe);transform:rotate(-14deg)}.swipe-stamp.nope{right:20px;color:var(--explicit);transform:rotate(14deg)}.swipe-info{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:8px;padding:26px 16px 12px;background:linear-gradient(transparent,#000c);color:#f7f2ea;font-weight:700;font-size:14px;pointer-events:none}.swipe-artist{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.swipe-info>span:last-child{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.swipe-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:20px;border-radius:26px;border:2px dashed var(--border)}.swipe-actions{display:flex;align-items:center;gap:18px}.swipe-btn{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;cursor:pointer;border:2px solid var(--line);background:var(--surface);color:var(--text);box-shadow:3px 3px 0 var(--line);transition:transform .12s}.swipe-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.04)}.swipe-btn:active:not(:disabled){transform:scale(.94)}.swipe-btn:disabled{opacity:.4;cursor:default}.swipe-btn.small{width:48px;height:48px;color:var(--muted)}.swipe-btn.nope{color:var(--explicit)}.swipe-btn.like{color:var(--ink);background:var(--berry, #ff5d9e)}.swipe-note{margin:0;text-align:center;max-width:520px}.swipe-error{margin:0}.swipe-bubble{display:inline-flex;align-items:center;gap:6px;background:var(--accent);color:var(--ink)}.sub-bar .swipe-chip{color:var(--text)}@media(max-width:760px){.swipe-stack{height:calc(100dvh - 350px);min-height:340px}.swipe-btn{width:60px;height:60px}.swipe-btn.small{width:44px;height:44px}}.foryou{display:flex;flex-direction:column;gap:16px}.tastes{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tastes-title{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-inline-end:4px}.taste-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 4px 3px 10px;border-radius:999px;font-size:13px;font-weight:700;background:var(--accent-soft);border:1.5px solid color-mix(in srgb,var(--accent) 50%,transparent);color:var(--text)}.taste-chip svg{color:var(--accent)}.taste-chip a:hover{text-decoration:underline}.taste-chip button{border:0;background:none;color:inherit;opacity:.55;cursor:pointer;font-size:15px;line-height:1;padding:0 5px}.taste-chip button:hover{opacity:1}.taste-chip.off{padding:3px 10px;background:none;border-style:dashed;color:var(--muted);cursor:pointer}.tastes-hidden{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.fy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.fy-card{display:flex;flex-direction:column;overflow:hidden;border-radius:var(--radius);border:2px solid var(--border);background:var(--surface);animation:rise .3s ease both}.fy-pic{position:relative;display:block;aspect-ratio:4 / 5;padding:0;border:0;background:var(--bg-2);cursor:zoom-in}.fy-pic img{width:100%;height:100%;object-fit:cover;display:block}.fy-pic .rating-dot{position:absolute;top:8px;left:8px}.fy-pic .tile-play{position:absolute;top:8px;right:8px}.fy-foot{display:flex;align-items:center;gap:2px;padding:6px 6px 6px 10px;min-width:0}.fy-why{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:700;color:var(--text-2)}.fy-why:hover{color:var(--accent)}.fy-like.on{color:#ff5d9e}.fy-nope:hover{color:var(--explicit)}.foryou-empty .modal-actions{justify-content:center}@media(max-width:760px){.fy-grid{grid-template-columns:repeat(2,1fr);gap:8px}.fy-foot{padding:4px 4px 4px 8px}.fy-why{font-size:11.5px}}.alerts-pop{width:min(360px,calc(100vw - 16px));padding:8px}.alerts-head{display:flex;align-items:center;gap:8px;padding:6px 8px 8px;border-bottom:1px dashed var(--border);margin-bottom:4px}.alerts-empty{margin:10px 8px}.alert-row{display:flex;align-items:center;gap:10px;padding:8px;border-radius:12px}.alert-row:hover{background:var(--surface-2)}.alert-icon{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;color:var(--ink);background:var(--accent)}.alert-icon.comic{background:#9a6bff}.alert-text{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}.alert-text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alert-text small{color:var(--text-2);font-weight:600}.alerts-foot{margin:6px 8px 4px;padding-top:8px;border-top:1px dashed var(--border);line-height:1.4}.tag-op.tag-explain{border:0;background:none;cursor:pointer;font:italic 800 12px Georgia,serif;color:var(--muted)}.tag-op.tag-explain.on{color:var(--accent);opacity:1}.tag-group li.tag-info-row{display:block;padding:2px 0 8px}.tag-info{padding:9px 11px;border-radius:12px;background:var(--bg-2);border:1.5px dashed var(--border);color:var(--text-2);font-size:12.5px;line-height:1.45}.tag-info p{margin:0 0 8px}.tag-info-examples{display:flex;gap:6px;margin-bottom:8px}.tag-info-examples a{flex:1;aspect-ratio:1;overflow:hidden;border-radius:9px;background:var(--surface)}.tag-info-examples img{width:100%;height:100%;object-fit:cover;display:block}.tag-info-links{display:flex;gap:14px}@media(hover:none){.tag-op{opacity:.7}}.pool-card-wrap,.later-item{position:relative}.later-btn{position:absolute;top:8px;right:8px;z-index:2;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:2px solid var(--line);background:#0000008c;color:#f7f2ea;cursor:pointer;opacity:.85;transition:transform .12s,background .12s}.later-btn:hover{opacity:1;transform:scale(1.08)}.later-btn.on{background:var(--accent);color:var(--ink);opacity:1}.pick-card{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:0;overflow:hidden;border-radius:26px;border:2px solid var(--line);background:var(--surface);box-shadow:5px 5px 0 var(--line)}.pick-pic{position:relative;padding:0;border:0;background:#0d0b11;cursor:zoom-in;max-height:420px}.pick-pic img{width:100%;height:100%;max-height:420px;object-fit:contain;display:block}.pick-text{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;padding:22px}.pick-text .kicker{display:inline-flex;align-items:center;gap:5px}.pick-artist{display:flex;flex-wrap:wrap;gap:8px;font-family:var(--display);font-size:clamp(22px,3vw,30px);line-height:1.1}.pick-artist a:hover{color:var(--accent)}.pick-text p{margin:0;color:var(--text-2)}@media(max-width:760px){.pick-card{grid-template-columns:1fr}.pick-pic,.pick-pic img{max-height:340px}.pick-text{padding:14px 16px 16px}}.pick-text>.muted{display:inline-flex;align-items:center;gap:4px}.similar-artists{margin:4px 0 18px}.similar-artists .section-title{margin:6px 0 10px;font-size:17px;flex-wrap:wrap}.similar-artists .section-title .muted{font-family:Figtree,sans-serif;font-weight:600}.similar-strip{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}.similar-card{flex:none;width:132px;display:flex;flex-direction:column;gap:3px}.similar-card img{width:132px;height:132px;object-fit:cover;border-radius:16px;border:2px solid var(--border);background:var(--bg-2);transition:border-color .15s,transform .15s}.similar-card:hover img{border-color:var(--accent);transform:translateY(-2px)}.similar-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px}.similar-card small{font-size:11.5px}.tag-mark{background:var(--lagoon, #3ec7c7)}.tag-summary{color:var(--text-2);line-height:1.5}.tip{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:120;transform:translate(-50%);display:flex;align-items:center;gap:12px;width:min(520px,calc(100vw - 24px));padding:12px 14px;border-radius:18px;background:var(--surface);color:var(--text);border:2px solid var(--line);box-shadow:4px 4px 0 var(--line);animation:rise .3s ease}.tip-icon{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--accent);color:var(--ink)}.tip-text{flex:1;min-width:0;font-size:13px;line-height:1.4}.tip-text ul{margin:4px 0 0;padding-inline-start:16px;color:var(--text-2)}.tip-ok{flex:none}@media(max-width:760px){.tip{bottom:calc(92px + env(safe-area-inset-bottom));flex-wrap:wrap}.tip-ok{width:100%}}.guess-artist{display:flex;flex-direction:column;align-items:center;gap:14px}.artist-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:min(520px,100%)}.artist-choice{justify-content:center;padding:12px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.artist-choice.right{background:var(--safe);color:var(--ink);border-color:var(--line)}.artist-choice.dim{opacity:.45}.duel{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px}.duel-pick{position:relative;padding:0;overflow:hidden;border-radius:22px;border:2px solid var(--line);background:#0d0b11;cursor:pointer;aspect-ratio:3 / 4;box-shadow:4px 4px 0 var(--line);transition:transform .15s}.duel-pick:hover{transform:translateY(-3px) rotate(-.6deg)}.duel-pick img{width:100%;height:100%;object-fit:contain;display:block}.duel-label{position:absolute;left:50%;bottom:12px;transform:translate(-50%);padding:6px 16px;border-radius:999px;background:var(--accent);color:var(--ink);font-weight:800;border:2px solid var(--line)}.duel-vs{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--surface);border:2px solid var(--line);font-family:var(--display);font-weight:800;pointer-events:none}.champion{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;margin-top:12px}.champion h3{margin:0;font-family:var(--display);font-size:26px}.champion-pic{margin:0;width:min(420px,100%);border-radius:22px;overflow:hidden;border:3px solid var(--accent);box-shadow:5px 5px 0 var(--line)}.champion-pic img{width:100%;display:block}@media(max-width:760px){.duel{gap:8px}.duel-pick{aspect-ratio:3 / 5}.artist-choices{grid-template-columns:1fr}}.daily{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:var(--radius);border:2px solid var(--border);background:var(--surface)}.daily.complete{border-color:var(--safe);background:color-mix(in srgb,var(--safe) 8%,var(--surface))}.daily-head{display:flex;align-items:center;gap:12px}.daily-head>div{display:flex;flex-direction:column;gap:2px}.daily-flame{display:inline-flex;align-items:center;gap:3px;padding:6px 10px;border-radius:14px;background:linear-gradient(135deg,#ff9a3c,#ff5d73);color:#fff;border:2px solid var(--line)}.daily-flame strong{font-family:var(--display);font-size:18px}.daily-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}.daily-item{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:14px;background:var(--bg-2);border:1.5px solid var(--border)}.daily-item:hover{border-color:var(--accent)}.daily-item.done{opacity:.75}.daily-item.done .daily-icon{background:var(--safe)}.daily-icon{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--accent);color:var(--ink)}.daily-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:600}.daily-bar{height:5px;border-radius:999px;background:var(--border);overflow:hidden}.daily-bar i{display:block;height:100%;background:var(--accent);transition:width .3s}.daily-item.done .daily-bar i{background:var(--safe)}.daily-toast{position:fixed;left:50%;top:74px;z-index:130;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:linear-gradient(135deg,#ff9a3c,#ff5d73);color:#fff;font-weight:800;border:2px solid var(--line);box-shadow:3px 3px 0 var(--line);animation:rise .25s ease}.level-pill{display:inline-block;vertical-align:middle;margin-inline-start:6px;padding:2px 10px;border-radius:999px;font:800 13px Figtree,sans-serif;background:var(--accent);color:var(--ink);border:2px solid var(--line)}.badges{display:flex;flex-wrap:wrap;gap:6px;padding:0 22px 14px}.badge-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:12.5px;font-weight:700;border:1.5px solid var(--border);background:var(--bg-2);color:var(--muted);cursor:help}.badge-chip.tier-0{opacity:.5;border-style:dashed}.badge-chip.tier-1{color:#e3a46b;border-color:#c27c3e;background:color-mix(in srgb,#c27c3e 14%,var(--bg-2))}.badge-chip.tier-2{color:#d9dee6;border-color:#a9b3c1;background:color-mix(in srgb,#a9b3c1 16%,var(--bg-2))}.badge-chip.tier-3{color:#ffd45e;border-color:#e0b02a;background:color-mix(in srgb,#e0b02a 18%,var(--bg-2))}.badge-stars{font-style:normal;letter-spacing:-1px;font-size:11px}@media(max-width:760px){.badges{padding:0 14px 12px}}.wrapped{display:flex;flex-direction:column;gap:18px}.wrapped-head h1{margin:0;font-size:clamp(30px,5vw,48px);font-weight:800}.wrapped-head p{margin:4px 0 0}.wrapped-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.wrapped-card{display:flex;flex-direction:column;gap:6px;padding:18px;min-height:170px;border-radius:24px;color:var(--ink);background:var(--tone);border:2px solid var(--line);box-shadow:5px 5px 0 var(--line);animation:rise .45s ease both}.wrapped-card span{font-weight:800;font-size:15px}.wrapped-card small{opacity:.8}.wrapped-big{font-family:var(--display);font-size:clamp(38px,6vw,56px);line-height:1}.wrapped-list{margin:4px 0 0;padding-inline-start:22px;font-weight:800;font-size:16px;display:flex;flex-direction:column;gap:3px}.wrapped-list a:hover{text-decoration:underline}.wrapped-share{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:14px;border-radius:var(--radius);background:var(--surface);border:2px dashed var(--border)}.wrapped-share pre{margin:0;white-space:pre-wrap;font:13px/1.5 ui-monospace,Consolas,monospace;color:var(--text-2)}.wrapped-link{align-self:center;display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;font-weight:800;border:2px dashed var(--accent);color:var(--text)}.wrapped-link:hover{background:var(--accent-soft)}.game-kind{position:absolute;left:8px;bottom:8px;display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:800;background:var(--surface);color:var(--text);border:1.5px solid var(--line)}.entry-set{display:flex;align-items:center;gap:5px;padding:6px 10px 0;font-size:12.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entry-set:hover{color:var(--accent)}.contest-sets{max-height:220px}.search-head h1{margin:0;font-size:clamp(24px,3.6vw,34px);font-weight:800;overflow-wrap:anywhere}.search-tags .chips,.search-page .chips{gap:6px}.tag-chip small{font-weight:600}.member-chip{padding:3px 12px 3px 4px}:root{--r-common: #8fa3b8;--r-rare: #3aa8ff;--r-epic: #a26bff;--r-legendary: #ffc531}.rarity-common{--rc: var(--r-common)}.rarity-rare{--rc: var(--r-rare)}.rarity-epic{--rc: var(--r-epic)}.rarity-legendary{--rc: var(--r-legendary)}.medal{--m: 44px;position:relative;display:inline-grid;place-items:center;flex:none;width:var(--m);height:var(--m);border-radius:32%;background:radial-gradient(circle at 30% 25%,color-mix(in srgb,var(--rc) 55%,#fff) 0%,var(--rc) 55%,color-mix(in srgb,var(--rc) 60%,#000) 100%);border:max(1.5px,calc(var(--m) * .045)) solid var(--line);box-shadow:0 max(1px,calc(var(--m) * .06)) 0 var(--line);transform:rotate(-4deg)}.medal-face{font-size:calc(var(--m) * .54);line-height:1;transform:rotate(4deg);filter:drop-shadow(0 1px 0 rgba(0,0,0,.35));font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif;color:var(--ink);font-weight:800}.medal.rarity-legendary{overflow:hidden}.medal.rarity-legendary:after{content:"";position:absolute;inset:-40%;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.55) 50%,transparent 60%);animation:medal-shine 3.2s ease-in-out infinite;pointer-events:none}@keyframes medal-shine{0%,55%{transform:translate(-60%)}to{transform:translate(60%)}}.medal.locked{background:var(--surface-2);box-shadow:none;border-style:dashed;border-color:var(--border)}.medal.locked .medal-face{filter:grayscale(1) opacity(.35)}.medal.locked:after{display:none}.medal-slot{width:34px;height:34px;border-radius:32%;border:2px dashed var(--border)}.name-badges{display:inline-flex;align-items:center;gap:3px;vertical-align:middle}.name-badges .medal{box-shadow:none}.member-name{display:inline-flex;align-items:center;gap:5px;min-width:0}.member-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-link:hover .member-name strong{color:var(--accent)}.fx-glow{text-shadow:0 0 8px var(--accent),0 0 18px color-mix(in srgb,var(--accent) 60%,transparent)}.fx-rainbow,.fx-golden,.fx-spooky{background-clip:text;-webkit-background-clip:text;color:transparent!important;background-size:200% 100%;animation:fx-slide 4s linear infinite}.fx-rainbow{background-image:linear-gradient(90deg,#ff4f8b,#ffcf2e,#4fdc8b,#3aa8ff,#9a6bff,#ff4f8b)}.fx-golden{background-image:linear-gradient(90deg,#b8860b,#ffe27a,#fff6c9,#ffd23f,#b8860b)}.fx-spooky{background-image:linear-gradient(90deg,#ff7a1a,#b37bff,#7cff6b,#ff7a1a);filter:drop-shadow(0 0 4px rgba(179,123,255,.5))}@keyframes fx-slide{to{background-position:200% 0}}.ring{--r: 30px;position:relative;display:inline-flex;flex:none;border-radius:50%}.ring>.avatar{position:relative;z-index:1}.ring[class*=ring-]:before{content:"";position:absolute;inset:calc(var(--r) * -.1);border-radius:50%;z-index:0;border:2px solid var(--line)}.ring-bronze:before{background:conic-gradient(#8a4f22,#e3a46b,#8a4f22,#c27c3e,#8a4f22)}.ring-silver:before{background:conic-gradient(#7d8794,#f1f4f8,#7d8794,#c7ced8,#7d8794)}.ring-gold:before{background:conic-gradient(#a57400,#ffe27a,#a57400,#ffcf2e,#a57400)}.ring-flame:before{background:conic-gradient(#ff3d00,#ffcf2e,#ff7a3d,#ff3d00,#ffcf2e,#ff3d00);animation:ring-spin 3s linear infinite}.ring-neon:before{background:conic-gradient(#00e5ff,#ff2fd6,#00e5ff);box-shadow:0 0 10px #00e5ff,0 0 18px #ff2fd6;animation:ring-spin 5s linear infinite}.ring-crown:before{background:conic-gradient(#ffcf2e,#fff2b0,#ffcf2e,#e0a800,#ffcf2e)}.ring-pumpkin:before{background:repeating-conic-gradient(#ff7a1a 0 22deg,#3a1d5c 22deg 30deg)}.ring-founder:before{background:conic-gradient(#9a6bff,#ffcf2e,#9a6bff,#ffcf2e,#9a6bff)}.ring-staff:before{background:conic-gradient(var(--accent),var(--accent-2),var(--accent))}.ring-sparkle:before{background:conic-gradient(#ff4f8b,#ffcf2e,#4fdc8b,#3aa8ff,#9a6bff,#ff4f8b);animation:ring-spin 4s linear infinite}@keyframes ring-spin{to{transform:rotate(360deg)}}.ring-crown:after,.ring-pumpkin:after,.ring-founder:after,.ring-staff:after,.ring-sparkle:after{position:absolute;z-index:2;font-size:max(11px,calc(var(--r) * .4));line-height:1;pointer-events:none;font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif}.ring-crown:after{content:"👑";top:calc(var(--r) * -.36);left:50%;transform:translate(-50%) rotate(-8deg)}.ring-pumpkin:after{content:"🎃";bottom:calc(var(--r) * -.12);right:calc(var(--r) * -.14)}.ring-founder:after{content:"🏛️";bottom:calc(var(--r) * -.12);right:calc(var(--r) * -.14)}.ring-staff:after{content:"🛡️";bottom:calc(var(--r) * -.12);right:calc(var(--r) * -.14)}.ring-sparkle:after{content:"✨";top:calc(var(--r) * -.18);right:calc(var(--r) * -.16)}@media(prefers-reduced-motion:reduce){.ring[class*=ring-]:before,.medal.rarity-legendary:after,.fx-rainbow,.fx-golden,.fx-spooky{animation:none}}.hero-avatar.ring{border-radius:50%}.badges-page,.season-page,.event-page{display:flex;flex-direction:column;gap:16px}.page-head-mini{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.page-head-mini h1{display:flex;align-items:center;gap:10px;margin:0;font-size:clamp(24px,3.4vw,32px);font-weight:800}.album{display:flex;flex-direction:column;gap:14px}.album-head{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px 18px;padding:18px 20px;border-radius:22px;border:2px solid var(--line);background:var(--surface);box-shadow:5px 5px 0 var(--line)}.album-count{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.album-count strong{font-family:var(--display);font-size:44px;line-height:1}.album-count small{flex-basis:100%;color:var(--muted);font-weight:700}.album-bar{height:12px;border-radius:999px;background:var(--bg-2);border:2px solid var(--line);overflow:hidden}.album-bar i,.badge-progress i,.xp-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:inherit;transition:width .4s}.album-facts,.album-showcase{grid-column:1 / -1;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.album-facts .level-pill{margin:0}.album-filter{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.album-family .section-title{margin:10px 0;font-size:17px;gap:10px}.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(156px,1fr));gap:10px}.badge-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;padding:14px 10px 12px;text-align:center;border-radius:18px;border:2px solid var(--border);background:var(--bg-2);color:var(--text);cursor:pointer;font:inherit;transition:transform .15s,border-color .15s,box-shadow .15s}.badge-card:hover{transform:translateY(-2px);border-color:var(--rc)}.badge-card.has{border-color:var(--line);background:color-mix(in srgb,var(--rc) 10%,var(--surface));box-shadow:3px 3px 0 var(--line)}.badge-card strong{font-size:14px;line-height:1.2}.badge-card>small{font-size:12px;line-height:1.3}.badge-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center;font-size:11.5px}.rarity-tag{display:inline-block;padding:1px 8px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;background:color-mix(in srgb,var(--rc) 22%,transparent);color:var(--rc);border:1.5px solid color-mix(in srgb,var(--rc) 60%,transparent)}[data-theme=light] .rarity-tag{color:color-mix(in srgb,var(--rc) 70%,#000)}.badge-progress{position:relative;display:block;width:100%;height:8px;border-radius:999px;background:var(--surface-2);overflow:hidden;margin-top:3px}.badge-progress small{display:block;margin-top:6px;font-size:11px;color:var(--muted)}.badge-card .badge-progress{overflow:visible;margin-bottom:14px}.badge-card .badge-progress i{border-radius:999px}.badge-date{font-size:11px;color:var(--muted);display:inline-flex;align-items:center;gap:3px}.badge-date.limited{color:var(--accent);font-weight:700}.badge-detail{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:6px 4px 4px}.badge-detail p{margin:0}.badge-strip{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:0 22px 14px}.badge-strip:hover .muted{color:var(--accent)}.cosmetics .cos-head,.cos-head{margin:14px 0 8px;font-size:14px;font-weight:800}.cos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.cos-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:112px;padding:14px 8px 10px;border-radius:16px;border:2px solid var(--border);background:var(--bg-2);color:var(--text);font:inherit;cursor:pointer;text-align:center}.cos-tile strong{font-size:18px;font-family:var(--display)}.cos-tile small{font-size:12px;font-weight:700}.cos-tile.on{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.cos-tile.locked{opacity:.55;cursor:not-allowed}.cos-tile.locked small.muted{font-weight:600;display:inline-flex;align-items:center;gap:3px}.pinned{padding:0 22px 16px}.pinned .section-title{margin:4px 0 10px;font-size:16px}.pinned-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.pinned-grid .tile{width:auto;aspect-ratio:1}@media(max-width:760px){.pinned-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pinned,.badge-strip{padding-inline:14px}}.use-profile.on{color:var(--accent)}.unlock-back{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:16px;background:#08060cb8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade-in .2s}.unlock-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;width:min(420px,100%);padding:30px 22px 20px;text-align:center;overflow:hidden;border-radius:28px;border:2px solid var(--line);background:var(--surface);box-shadow:6px 6px 0 var(--line);animation:unlock-pop .5s cubic-bezier(.2,1.4,.4,1)}.unlock-card h2{margin:4px 0 0;font-size:24px;font-weight:800}.unlock-card p{margin:0}.unlock-card .medal{animation:medal-drop .7s cubic-bezier(.2,1.5,.4,1) .1s both}.unlock-card .modal-actions{justify-content:center;flex-wrap:wrap;margin-top:8px}.unlock-kicker{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.unlock-name{font-family:var(--display);font-size:34px}.tier-burst{display:grid;place-items:center;width:110px;height:110px;border-radius:50%;font-family:var(--display);font-size:52px;font-weight:800;color:var(--ink);background:radial-gradient(circle,var(--accent-2),var(--accent));border:3px solid var(--line);box-shadow:0 0 0 8px var(--accent-soft);animation:medal-drop .7s cubic-bezier(.2,1.5,.4,1) both}.confetti{position:absolute;inset:0;pointer-events:none}.confetti i{position:absolute;top:-12px;left:var(--x);width:8px;height:14px;border-radius:2px;background:hsl(calc(var(--i) * 47deg) 90% 62%);animation:confetti-fall 1.8s ease-in var(--d) forwards;opacity:0}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0) rotate(0)}to{opacity:0;transform:translateY(460px) rotate(540deg)}}@keyframes unlock-pop{0%{transform:scale(.7);opacity:0}to{transform:none;opacity:1}}@keyframes medal-drop{0%{transform:translateY(-40px) scale(.4) rotate(-30deg);opacity:0}to{transform:rotate(-4deg);opacity:1}}@keyframes fade-in{0%{opacity:0}}@media(prefers-reduced-motion:reduce){.unlock-card,.unlock-card .medal,.tier-burst,.confetti i{animation:none}.confetti{display:none}}.season-hero,.event-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:22px;border-radius:26px;border:2px solid var(--line);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 22%,var(--surface)),var(--surface));box-shadow:5px 5px 0 var(--line)}.season-hero h1,.event-hero h1{margin:4px 0;font-size:clamp(26px,4vw,40px);font-weight:800}.season-hero p,.event-hero p{margin:0 0 6px;color:var(--text-2);max-width:60ch}.season-tier{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:190px}.tier-big{font-family:var(--display);font-size:64px;line-height:1;font-weight:800}.xp-bar{width:100%;height:12px;border-radius:999px;background:var(--bg-2);border:2px solid var(--line);overflow:hidden}.season-track{display:flex;gap:6px;overflow-x:auto;padding:8px 2px 12px;scroll-snap-type:x proximity}.track-step{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;width:46px;padding:8px 0;border-radius:14px;border:2px solid var(--border);background:var(--bg-2);scroll-snap-align:start}.track-step.reward{width:104px}.track-step.done{border-color:var(--line);background:color-mix(in srgb,var(--accent) 24%,var(--surface))}.track-step.next{border-color:var(--accent);border-style:dashed}.track-num{font-weight:800;font-size:13px}.track-reward{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;font-size:11px;font-weight:700;line-height:1.2;padding:0 4px}.track-reward strong{font-family:var(--display);font-size:18px}.season-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.season-earn,.season-board,.event-quest,.event-rewards{padding:16px 18px;border-radius:22px;border:2px solid var(--line);background:var(--surface)}.season-earn .section-title,.season-board .section-title,.event-rewards .section-title{margin:0 0 10px;font-size:16px}.season-earn ul,.season-board ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.season-earn li{display:grid;grid-template-columns:1fr auto;gap:0 10px;padding:6px 0;border-bottom:1px dashed var(--border)}.season-earn li strong{color:var(--accent)}.season-earn li small{grid-column:1 / -1}.season-board li{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:12px}.season-board li.me{background:var(--accent-soft)}.season-board li strong{font-family:var(--display)}.board-rank{width:24px;text-align:center;font-weight:800;color:var(--muted)}.season-board li:nth-child(-n+3) .board-rank{color:var(--accent)}@media(max-width:760px){.season-hero,.event-hero{grid-template-columns:1fr;padding:18px 16px}.season-columns,.album-head{grid-template-columns:1fr}}.event-hero{grid-template-columns:1fr;background:linear-gradient(135deg,#3a1d5c,#1b1026 60%,#4a2108);color:#fff4e6}.event-hero .muted{color:#e7d6ff}.event-hero p{color:#f3e6ff}.event-hero .kicker{color:#ffb066}.event-pumpkins{font-size:34px;letter-spacing:6px}.quest-head{display:flex;align-items:center;gap:14px;margin-bottom:10px}.quest-head h2{margin:0;font-size:20px;font-weight:800}.quest-head p{margin:2px 0 0}.quest-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.quest-steps li{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:16px;border:2px solid var(--border);background:var(--bg-2)}.quest-steps li.done{border-color:#ff7a1a;background:color-mix(in srgb,#ff7a1a 12%,var(--surface))}.quest-icon{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:50%;background:#ff7a1a;color:#1b1026;border:2px solid var(--line)}.quest-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.quest-text .badge-progress{max-width:260px;overflow:visible;margin-bottom:14px}.event-reward-row{display:flex;gap:18px;flex-wrap:wrap}.event-reward-row>span{display:inline-flex;align-items:center;gap:10px;font-weight:800}.event-reward-row .fx{font-family:var(--display);font-size:22px}.event-more{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.event-more .switch-row{display:inline-flex;align-items:center;gap:8px;font-weight:700;cursor:pointer}.event-banner{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:22px;color:#fff4e6;border:2px solid var(--line);background:linear-gradient(110deg,#3a1d5c,#1b1026 55%,#7a3410);box-shadow:5px 5px 0 var(--line)}.event-banner>span:nth-child(2){display:flex;flex-direction:column}.event-banner small{color:#e7d6ff}.event-banner-icon{font-size:30px;animation:pumpkin-bob 2.4s ease-in-out infinite}@keyframes pumpkin-bob{50%{transform:translateY(-4px) rotate(6deg)}}.menu-emoji{display:inline-grid;place-items:center;width:17px;font-size:15px}[data-event=halloween][data-accent=tangerine]{--accent: #ff7a1a;--accent-2: #ffa057;--accent-soft: rgba(255, 122, 26, .18)}[data-event=halloween] body{background-image:radial-gradient(circle at 92% -8%,rgba(150,80,255,.22),transparent 38%),radial-gradient(circle at -5% 105%,rgba(255,122,26,.14),transparent 40%);background-attachment:fixed}[data-event=halloween] .logo{position:relative}[data-event=halloween] .logo:after{content:"🎃";position:absolute;left:15px;top:-9px;font-size:13px;pointer-events:none;animation:pumpkin-bob 2.4s ease-in-out infinite}[data-event=halloween] .hero h1:after{content:" 🦇"}.week-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);overflow:hidden;border-radius:26px;border:2px solid var(--line);background:var(--surface);box-shadow:5px 5px 0 var(--line)}.week-cover{display:block;background:#0d0b11;max-height:320px}.week-cover img{width:100%;height:100%;max-height:320px;object-fit:cover;display:block}.week-text{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;padding:20px 22px;min-width:0}.week-text .kicker{display:inline-flex;align-items:center;gap:5px;--tone: #e0b02a}.week-text strong{font-family:var(--display);font-size:24px;line-height:1.15;overflow-wrap:anywhere}.week-text p{margin:0;color:var(--text-2)}.week-text a:not(.btn){font-weight:800}@media(max-width:760px){.week-card{grid-template-columns:1fr}.week-cover,.week-cover img{max-height:220px}.week-text{padding:14px 16px 16px}}.alert-row.notice.new{background:var(--accent-soft)}.alert-icon.notice-badge,.alert-icon.notice-unlock{background:color-mix(in srgb,var(--r-legendary) 30%,var(--surface))}.alert-icon.notice-game{background:color-mix(in srgb,var(--accent) 30%,var(--surface))}.alerts-sep{border:0;border-top:1px dashed var(--border);margin:4px 0}.mini-comment .reaction-bar,.chat-bubble .reaction-bar{margin-top:4px}@media(hover:hover){.mini-comment .reaction.add,.chat-msg .reaction.add{opacity:0;transition:opacity .15s}.mini-comment:hover .reaction.add,.chat-msg:hover .reaction.add,.reaction.add:focus-visible{opacity:1}}.age-tagline{margin:4px 0 10px;color:var(--text-2);font-weight:600}.age-discover{margin-bottom:0}.invite-card{display:flex;flex-direction:column;gap:10px;padding:16px 18px;border-radius:22px;border:2px dashed var(--accent);background:var(--accent-soft)}.invite-card.highlight{border-style:solid;box-shadow:4px 4px 0 var(--line)}.invite-card h2{display:flex;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:800}.invite-card p{margin:0}.invite-link{display:flex;gap:8px;flex-wrap:wrap}.invite-link .text-input{flex:1;min-width:200px}.age-card .logo span{display:inline}.age-card .logo:after{display:none}.card img.sharp,.tile img.sharp{animation:sharpen .25s ease}@keyframes sharpen{0%{filter:blur(3px)}to{filter:none}}.media-frame .stage-placeholder{grid-area:1 / 1;width:100%;height:100%;object-fit:contain;filter:blur(6px);opacity:.85;box-shadow:none;animation:none;pointer-events:none}.media-frame img:not(.stage-placeholder){grid-area:1 / 1;position:relative;z-index:1}.field-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:10px}:root,[data-theme=dark],[data-theme=oled]{--chart-1: #e2601f;--chart-2: #119e8f}[data-theme=light]{--chart-1: #e8642a;--chart-2: #0f9e8e}.page-tabs button{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:999px;font-weight:700;color:var(--muted);border:2px solid var(--border);background:none;cursor:pointer;white-space:nowrap}.page-tabs button.on{background:var(--text);color:var(--bg);border-color:var(--text)}.admin-stats-page{display:flex;flex-direction:column;gap:16px}.stats-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.live-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:var(--surface);border:2px solid var(--border);font-weight:800}.live-dot{width:9px;height:9px;border-radius:50%;background:#4fdc8b;box-shadow:0 0 #4fdc8b99;animation:live 1.8s ease infinite}@keyframes live{70%{box-shadow:0 0 0 8px #4fdc8b00}to{box-shadow:0 0 #4fdc8b00}}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.kpi{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border-radius:var(--radius);background:var(--surface);border:2px solid var(--border)}.kpi-label{font-size:12.5px;font-weight:700;color:var(--text-2)}.kpi strong{font-family:var(--display);font-size:30px;line-height:1.1;font-weight:800;color:var(--text)}.chart-card{padding:14px 16px;border-radius:var(--radius);background:var(--surface);border:2px solid var(--border);min-width:0}.chart-card>header{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}.chart-card h3{display:flex;align-items:center;gap:7px;margin:0;font-size:15px}.legend{display:flex;gap:14px;font-size:12.5px;color:var(--text-2);margin-left:auto}.legend span,.chart-tip span{display:inline-flex;align-items:center;gap:6px}.key{display:inline-block;flex:none}.key.bar{width:10px;height:10px;border-radius:3px;background:var(--chart-1)}.key.line{width:14px;height:2px;border-radius:2px;background:var(--chart-2)}.chart{position:relative}.chart svg{display:block;width:100%;height:auto;overflow:visible}.chart .grid{stroke:var(--border);stroke-width:1;opacity:.7}.chart .axis{fill:var(--muted);font-size:11px;font-family:inherit}.chart .bar-mark{fill:var(--chart-1)}.chart rect.bar-mark.on{opacity:.75}.chart .line-mark{fill:none;stroke:var(--chart-2);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.chart .dot-mark{fill:var(--chart-2);stroke:var(--surface);stroke-width:2}.chart .crosshair{stroke:var(--text-2);stroke-width:1;stroke-dasharray:3 3}.chart .hit{fill:transparent;cursor:crosshair}.chart-tip{position:absolute;top:0;transform:translate(-50%);pointer-events:none;z-index:2;display:flex;flex-direction:column;gap:3px;padding:8px 11px;border-radius:10px;background:var(--bg-2);border:2px solid var(--line);box-shadow:3px 3px 0 var(--line);font-size:12.5px;white-space:nowrap;color:var(--text)}.chart-tip b{margin-left:auto;padding-left:10px}.table-view{margin-top:8px;font-size:13px}.table-view summary{cursor:pointer;color:var(--muted);font-weight:700}.table-view table{width:100%;border-collapse:collapse;margin-top:8px}.table-view th,.table-view td{text-align:right;padding:4px 8px;border-bottom:1px solid var(--border)}.table-view th:first-child,.table-view td:first-child{text-align:left}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.ranking ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.ranking li>a,.ranking li>div{position:relative;display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:9px;overflow:hidden;background:var(--bg-2)}.ranking li>a:hover .rank-name{color:var(--accent)}.rank-bar{position:absolute;left:0;top:0;bottom:0;background:var(--chart-1);opacity:.22;border-radius:9px}.rank-name{position:relative;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.rank-n{position:relative;font-weight:800;font-variant-numeric:tabular-nums}.rank-n small{margin-left:6px;font-weight:600;color:var(--muted)}.health-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin-bottom:8px}.metric{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:12px;background:var(--bg-2)}.metric strong{font-family:var(--display);font-size:20px}.status{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12.5px;font-weight:800;border:2px solid var(--line)}.status-good{background:#4fdc8b;color:var(--ink)}.status-warning{background:#ffcf2e;color:var(--ink)}.status-critical{background:#ff4f5e;color:#fff}.hidden-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--muted);font-weight:700}@media(max-width:760px){.kpi strong{font-size:24px}.legend{margin-left:0}}.chart-note{margin:-4px 0 8px}