.binder-fan,.collector-utility{color:#272923;background:#f6f3ec}.binder-fan .text-white,.binder-fan .text-slate-100,.binder-fan .text-slate-200{color:#272923}.binder-fan [class*="text-[10px]"]{font-size:12px!important}.fan-page,.fan-sheet,.fan-panel{--paper:#f6f3ec;--ink:#272923;--accent:#7c5e27;--muted:#5c5e56;--line:#e2dccd}.fan-page{background:var(--paper);color:var(--ink);min-height:70vh;overflow-x:clip}.fan-page h1,.fan-page h2,.fan-wrap h1,.fan-wrap h2{letter-spacing:-.03em;font-family:Georgia,Times New Roman,serif;font-weight:400;line-height:1.05}.fan-wrap{max-width:1280px;margin:0 auto;padding:28px 28px 72px}.fan-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 8px;font-size:12px;font-weight:700}.fan-intro{max-width:62ch;margin:10px 0 0;font-size:16px;line-height:1.45}.fan-count{color:var(--muted);margin:14px 0;font-size:14px}.fan-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));align-items:start;gap:22px 14px;display:grid}.fan-grid.roomy{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.fan-tile{content-visibility:auto;contain-intrinsic-size:180px 320px;flex-direction:column;gap:8px;min-width:0;display:flex;position:relative}.fan-frame{background:0 0;line-height:0;display:block}.fan-frame img,.fan-version-row img,.fan-hero-card img{aspect-ratio:63/88;object-fit:contain;background:0 0;width:100%;height:auto;display:block}.fan-cap{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.fan-cap h3,.fan-name{margin:0;font-family:Georgia,Times New Roman,serif;font-size:15px;font-weight:400;line-height:1.25}.fan-cap p,.fan-ref{color:var(--muted);margin:2px 0 0;font-size:12px;line-height:1.35}.fan-code{color:#3e4038;margin-top:2px;font-size:12px;font-weight:400;display:block}.fan-badge{z-index:1;cursor:pointer;background:0 0;border:0;flex:none;min-width:44px;min-height:44px;padding:0;position:absolute;top:6px;right:6px}.fan-badge span{color:#f6f3ec;background:#272923;border-radius:11px;justify-content:center;align-items:center;min-width:30px;height:22px;padding:0 8px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.fan-own{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.fan-own button,.fan-version-actions button,.fan-chip,.fan-text-btn,.fan-primary,.fan-ghost{cursor:pointer;min-width:44px;min-height:44px;font-size:13px;font-weight:650}.fan-own button,.fan-version-actions button{color:inherit;background:0 0;border:1px solid #272923;border-radius:4px;padding:0 10px}.fan-own button[aria-pressed=true],.fan-version-actions button[aria-pressed=true],.fan-chip[aria-pressed=true]{color:#f6f3ec;background:#272923}.fan-have-note{color:var(--muted);font-size:12px}.fan-chips{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}.fan-chip{color:inherit;background:0 0;border:1.5px solid #272923;border-radius:22px;padding:0 14px}.fan-primary,.fan-ghost{border-radius:4px;justify-content:center;align-items:center;padding:0 16px;text-decoration:none;display:inline-flex}.fan-primary{color:#fff;background:#7c5e27;border:0}.fan-ghost{color:inherit;background:0 0;border:1.5px solid}.fan-panel,.fan-sheet,.fan-versions{color:#272923;box-sizing:border-box;background:#f6f3ec;border:0;max-width:100vw;padding:0}.fan-versions,.fan-sheet,.fan-panel{border-radius:16px 16px 0 0;width:100%;max-height:85vh;margin:0;position:fixed;inset:auto 0 0}.fan-versions-body,.fan-panel-body,.fan-sheet-body{box-sizing:border-box;flex-direction:column;max-height:85vh;padding:12px 16px 20px;display:flex;overflow:auto}@media (min-width:1024px){.fan-versions,.fan-panel{border-radius:0;width:min(440px,100%);height:100%;max-height:100%;inset:0 0 0 auto}.fan-versions-body,.fan-panel-body{height:100%;max-height:100%}.fan-grab{display:none}}.fan-panel::backdrop,.fan-sheet::backdrop,.fan-versions::backdrop{background:#27292366}.fan-grab{background:#cfc6b3;border-radius:3px;width:48px;height:5px;margin:4px auto 10px}.fan-panel-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.fan-panel-head h2{margin:0;font-family:Georgia,serif;font-size:26px;font-weight:400}.fan-version-list{flex-direction:column;gap:10px;margin:12px 0;padding:0;list-style:none;display:flex}.fan-version-row{grid-template-columns:52px 1fr auto;align-items:center;gap:12px;min-height:44px;display:grid}.fan-version-row img{width:52px;height:auto}.fan-version-actions{flex-direction:column;gap:6px;display:flex}.fan-tell{color:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;min-height:44px;padding:0;font-size:13px;text-decoration:underline}.fan-form{gap:10px;margin-top:8px;display:grid}.fan-form label{gap:4px;font-size:13px;font-weight:650;display:grid}.fan-form input,.fan-form textarea{font:inherit;color:#272923;background:#fff;border:1px solid #cfc6b3;border-radius:4px;min-height:44px;padding:8px 10px;font-size:15px;font-weight:400}.fan-form textarea{min-height:96px}.fan-hero-row{align-items:flex-end;gap:16px;min-width:0;display:flex}.fan-hero-row .fan-hero-card:nth-child(2){flex:1.25;width:34%}.fan-hero-row .fan-hero-card{flex:1;width:28%;min-width:0}.fan-bands{flex-direction:column;gap:36px;display:flex}.fan-band h2{margin:0;font-size:clamp(28px,3vw,40px)}.fan-choice{text-align:left;cursor:pointer;min-height:44px;color:inherit;background:#fffdf8;border:1.5px solid #d9d3c6;border-radius:8px;width:100%;padding:14px 16px}.fan-choice[aria-pressed=true]{border-color:#272923}.fan-choice strong{font-size:16px;display:block}.fan-choice span{margin-top:4px;font-size:14px;font-weight:400;display:block}@media (max-width:800px){.fan-wrap{max-width:100%;padding:20px 14px 64px}.fan-page{overflow-x:clip}.fan-grid,.fan-grid.roomy{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 8px;width:100%}.fan-tile,.fan-frame,.fan-cap,.fan-cap>div{min-width:0;max-width:100%}.fan-cap h3,.fan-name{overflow-wrap:anywhere}.fan-frame img{max-width:100%}.fan-hero-row{scroll-snap-type:x mandatory;padding-bottom:8px;overflow-x:auto}.fan-hero-row .fan-hero-card,.fan-hero-row .fan-hero-card:nth-child(2){scroll-snap-align:center;flex:none;width:72%}}.character-world .fan-badge span{color:#172027;background:#fff4dc}.character-world .fan-own button,.character-world .fan-chip{border-color:currentColor}
