:root{--bg:#0e0b15;--bg-2:#15111f;--panel:#1a1527;--panel-2:#221b33;--line:#2e2643;--text:#f1ecf9;--muted:#9a90b0;--accent:#ff5fa8;--accent-ink:#1a0b14;--accent-deep:#b8336f;--accent-2:#b78dff;--t-trash:#b08a5c;--t-common:#a7adbd;--t-uncommon:#5fe08e;--t-rare:#4fc2ff;--t-epic:#b78dff;--t-legendary:#ffc23d;--t-mythic:#ff5fa8;--radius:14px;--display:"Bricolage Grotesque", system-ui, sans-serif;--body:"Inter", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{font:14px/1.45 var(--body);color:var(--text);background:radial-gradient(900px 500px at 85% -10%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 70%), radial-gradient(800px 600px at -10% 110%, color-mix(in srgb, var(--accent-2) 9%, transparent), transparent 70%), var(--bg);min-height:100vh}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}img{display:block}h1,h2,h3{font-family:var(--display);letter-spacing:-.01em;margin:0}.mono{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.muted{color:var(--muted)}kbd{font:600 11px var(--body);border:1px solid var(--line);background:var(--panel-2);border-bottom-width:2px;border-radius:5px;padding:1px 6px}.icon{flex:none;width:18px;height:18px}.t-trash{--tc:var(--t-trash)}.t-common{--tc:var(--t-common)}.t-uncommon{--tc:var(--t-uncommon)}.t-rare{--tc:var(--t-rare)}.t-epic{--tc:var(--t-epic)}.t-legendary{--tc:var(--t-legendary)}.t-mythic{--tc:var(--t-mythic)}.boot{text-align:center;place-content:center;justify-items:center;gap:18px;min-height:100vh;padding:24px;display:grid}.boot-msg{color:var(--muted);max-width:420px;margin:0}.boot-msg.error{color:#ff8a8a}.boot-sub{color:var(--muted);margin:-10px 0 0;font-size:12px}.spinner{border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app{max-width:1280px;margin:0 auto;padding:0 24px 48px}.topbar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:28px;margin-bottom:22px;padding:16px 0;display:flex}.logo{font:800 22px var(--display);letter-spacing:-.02em;align-items:center;gap:10px;display:flex}.logo.big{font-size:44px}.logo-mark{background:var(--accent);background-image:radial-gradient(circle at 30% 30%, var(--accent-ink) 9%, transparent 10%), radial-gradient(circle at 50% 50%, var(--accent-ink) 9%, transparent 10%), radial-gradient(circle at 70% 70%, var(--accent-ink) 9%, transparent 10%);border-radius:28%;flex:none;width:1.1em;height:1.1em;transform:rotate(-8deg)}.tabs{gap:4px;display:flex}.tab{color:var(--muted);background:0 0;border:0;border-radius:10px;align-items:center;gap:7px;padding:8px 12px;font-weight:600;display:flex}.tab:hover{color:var(--text);background:var(--panel)}.tab.on{color:var(--text);background:var(--panel-2)}.stats{align-items:center;gap:22px;margin-left:auto;display:flex}.stat{justify-items:end;line-height:1.1;display:grid}.stat b{font:700 18px var(--display)}.stat b i{color:var(--muted);font-size:13px;font-style:normal}.stat span{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:11px}.icon-btn{border:1px solid var(--line);background:var(--panel);width:36px;height:36px;color:var(--muted);border-radius:10px;place-items:center;display:grid}.icon-btn:hover{color:var(--text);border-color:#43395e}.icon-btn.fav.on{color:var(--t-legendary);border-color:#ffc23d55}.icon-btn.fav.on .icon{fill:currentColor}.btn{border:1px solid var(--line);background:var(--panel-2);color:var(--text);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:9px 14px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){border-color:#4a3f66}.btn:disabled{opacity:.5}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:#0000}.btn.ghost{background:0 0}.btn.danger{color:#1a0606;background:#ff5a5a;border-color:#0000}.link{color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:3px;background:0 0;border:0;padding:0}.segmented{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:3px;display:inline-flex}.segmented button{color:var(--muted);background:0 0;border:0;border-radius:9px;padding:7px 14px;font-weight:600}.segmented button.on{background:var(--panel-2);color:var(--text);box-shadow:inset 0 1px #ffffff0d}.seg-note{color:var(--accent);margin-left:4px;font-size:11px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.error-msg{color:#ff8a8a;margin:0}.tier-pill{font:700 10px var(--body);text-transform:uppercase;letter-spacing:.1em;color:var(--tc)}.t-mythic .tier-pill,.tier-pill.t-mythic{background:linear-gradient(90deg,#ff5fa8,#ffc23d,#4fc2ff,#b78dff,#ff5fa8) 0 0/200% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite shimmer}@keyframes shimmer{to{background-position:200% 0}}.roll-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;min-height:40px;margin-bottom:16px;display:flex}.past-chip{background:var(--panel);border:1px solid var(--line);color:var(--muted);border-radius:99px;align-items:center;gap:4px;margin-right:auto;padding:4px 4px 4px 12px;font-size:13px;display:flex}.past-chip button{width:28px;height:28px;color:var(--muted);background:0 0;border:0;border-radius:99px;place-items:center;display:grid}.past-chip button:hover{color:var(--text);background:var(--panel-2)}.past-chip .icon{width:15px;height:15px}.roll-layout{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:24px;display:grid}.hand{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.card{aspect-ratio:3/4;perspective:1200px;background:0 0;border:0;padding:0;transition:opacity .2s,filter .2s,transform .2s;position:relative}.card.up{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}.card.up:hover{transform:perspective(900px) translateY(-4px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) scale(1.02);cursor:zoom-in;transition:opacity .2s,filter .2s,transform 80ms}.card.dim{opacity:.25;filter:grayscale(.8)}.card-inner{transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.9,.25,1.15);position:absolute;inset:0}.card.up .card-inner{transform:rotateY(180deg)}.card-back,.card-front{border-radius:var(--radius);backface-visibility:hidden;border:1px solid var(--line);position:absolute;inset:0;overflow:hidden}.card-back{background:var(--panel);place-items:center;display:grid}.card-front{background:#0a0810;transform:rotateY(180deg)}.card-front img{object-fit:cover;width:100%;height:100%}.card-score{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a8;border-radius:99px;padding:3px 8px;font-size:11.5px;font-weight:600;position:absolute;top:8px;right:8px}.card-score b{color:var(--t-uncommon);font-weight:700}.card-score.hot{box-shadow:0 0 0 1px #ffc23d88}.card-score.hot b{color:var(--t-legendary)}.card-cap{color:#fff;background:linear-gradient(#0000,#000c);justify-content:space-between;gap:8px;padding:22px 10px 8px;font-size:11.5px;font-weight:600;display:flex;position:absolute;inset:auto 0 0}.card-cap span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.card-cap .mono{opacity:.7;font-weight:500}.card-rating{width:22px;height:22px;font:800 11px var(--body);color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a8;border-radius:6px;place-items:center;display:grid;position:absolute;top:8px;left:8px}.card-rating.r-q{color:var(--t-legendary);box-shadow:0 0 0 1px #ffc23d66}.card-rating.r-e{color:#ff6b6b;box-shadow:0 0 0 1px #ff6b6b77}.card-missing{height:100%;color:var(--muted);place-items:center;font-size:12px;display:grid}.panel{flex-direction:column;gap:14px;display:flex}.verdict{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);align-content:center;min-height:128px;padding:18px 20px;display:grid}.verdict-empty{color:var(--muted);margin:0;line-height:1.7}.verdict-tier{font:800 34px/1 var(--display);text-transform:capitalize;color:var(--muted)}.verdict.shown{border-color:color-mix(in srgb, var(--tc) 45%, var(--line));background:linear-gradient(160deg, color-mix(in srgb, var(--tc) 14%, var(--panel)), var(--panel) 70%)}.verdict.shown .verdict-tier{color:var(--tc);animation:.45s cubic-bezier(.2,1.4,.4,1) pop}.verdict.t-mythic.shown .verdict-tier{background:linear-gradient(90deg,#ff5fa8,#ffc23d,#4fc2ff,#b78dff,#ff5fa8) 0 0/200% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:.45s cubic-bezier(.2,1.4,.4,1) pop,3s linear infinite shimmer}.verdict-ep{color:var(--muted);margin-top:8px}.verdict-ep b{font:700 22px var(--display);color:var(--text)}.verdict-sub{color:var(--muted);min-height:1em;font-size:12px}.best-tag{font:800 11px var(--body);text-transform:uppercase;letter-spacing:.08em;color:var(--accent-ink);background:var(--t-legendary);border-radius:99px;justify-self:start;margin-top:8px;padding:3px 9px;animation:.45s cubic-bezier(.2,1.4,.4,1) pop}@keyframes pop{0%{opacity:0;transform:scale(.6)}}.roll-btn{height:56px;font:800 20px var(--display);background:var(--accent);color:var(--accent-ink);box-shadow:0 6px 0 var(--accent-deep), 0 10px 30px color-mix(in srgb, var(--accent) 20%, transparent);border:0;transition:transform 80ms,box-shadow 80ms}.roll-btn .icon{width:22px;height:22px}.roll-btn:active:not(:disabled){box-shadow:0 2px 0 var(--accent-deep);transform:translateY(4px)}.roll-btn.skip{background:var(--panel-2);color:var(--text);box-shadow:0 6px #120e1b}.roll-btn:disabled{background:var(--panel-2);color:var(--muted);box-shadow:none;font:600 15px var(--body);opacity:1}.badge-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.badge,.book-tile{border:1px solid var(--line);border-left:3px solid var(--tc);background:linear-gradient(90deg, color-mix(in srgb, var(--tc) 9%, var(--panel)), var(--panel) 60%);border-radius:12px;padding:10px 13px}.badge{animation:.42s cubic-bezier(.2,1.4,.4,1) stamp}@keyframes stamp{0%{opacity:0;scale:1.12}60%{opacity:1;scale:.98}to{scale:1}}.badge:hover{border-color:color-mix(in srgb, var(--tc) 50%, var(--line));border-left-color:var(--tc)}@keyframes slide-in{0%{opacity:0;transform:translate(16px)}}.badge-top{align-items:center;gap:8px;display:flex}.badge-odds{color:var(--muted);font-size:11px}.badge-cat{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:10.5px}.new-tag{font:800 10px var(--body);text-transform:uppercase;letter-spacing:.08em;background:var(--accent);color:var(--accent-ink);border-radius:5px;padding:1px 6px}.badge-ep{font:700 14px var(--display);color:var(--tc);margin-left:auto}.badge-ep small{font:600 10px var(--body);color:var(--muted)}.badge-name{margin-top:3px;font-size:15px;font-weight:700}.badge-name em{color:var(--muted);font-style:normal;font-weight:500}.badge-desc{color:var(--muted);margin-top:2px;font-size:12.5px}.badge-foot .badge-desc{margin:0}.badge-foot{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;margin-top:4px;font-size:11.5px;display:flex}.chips{gap:4px;display:flex}.chips img{object-fit:cover;border:1px solid var(--line);border-radius:5px;width:22px;height:22px}.no-badges{color:var(--muted);padding:10px 2px}.book-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.book-head h1{font-size:30px}.progress{background:var(--panel-2);border-radius:99px;width:280px;max-width:100%;height:6px;margin:10px 0 6px;overflow:hidden}.progress div{background:var(--accent);border-radius:inherit;height:100%}.book-head p{margin:0}.book-tools{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.search{border:1px solid var(--line);background:var(--panel);width:220px;max-width:100%;height:40px;color:var(--text);font:inherit;border-radius:12px;padding:0 12px}.search:focus{border-color:#4a3f66;outline:none}.book-cat{margin-bottom:26px}.book-cat h2{margin-bottom:10px;font-size:18px}.book-cat h2 .muted{font:500 13px var(--body);margin-left:6px}.book-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;display:grid}.book-tile{flex-direction:column;display:flex}.book-tile .badge-foot{margin-top:auto;padding-top:8px}.book-tile.locked{border-left-color:var(--line);background:var(--bg-2)}.book-tile.locked .badge-name{color:#c9c1d8}.book-tile .count{font:700 13px var(--display);margin-left:auto}.book-tile .lock{color:var(--muted);margin-left:auto}.book-tile .lock .icon{width:15px;height:15px}.subtabs{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.subtabs button{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:99px;padding:6px 12px;font-weight:600}.subtabs button.on{background:var(--panel-2);color:var(--text);border-color:#4a3f66}.empty{color:var(--muted);padding:30px 0}.history-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.history-row{border:1px solid var(--line);border-left:3px solid var(--tc);background:var(--panel);border-radius:12px;align-items:center;gap:10px;padding:8px 12px 8px 8px;display:flex}.history-open{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:16px;min-width:0;padding:0;display:flex}.thumbs{flex:none;gap:4px;display:flex}.thumbs img{object-fit:cover;background:var(--bg-2);border-radius:7px;width:48px;height:48px}.history-meta{flex-wrap:wrap;align-items:center;gap:12px;min-width:0;display:flex}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#07050bcc;place-items:center;padding:20px;animation:.15s fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.modal{background:var(--panel);border:1px solid var(--line);border-radius:18px;gap:10px;width:min(560px,100%);max-height:calc(100vh - 40px);padding:20px 22px 24px;display:grid;overflow:auto}.modal h3{margin-top:12px;font-size:15px}.modal .segmented{justify-self:start}.modal p{margin:0}.modal-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.modal-head h2{font-size:22px}.modal textarea{resize:vertical;background:var(--bg-2);width:100%;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:10px;font:13px/1.5 ui-monospace,Consolas,monospace}.toggle-row{align-items:center;gap:10px;font-weight:600;display:flex}.toggle-row input{width:18px;height:18px;accent-color:var(--accent)}.toggle-row code{background:var(--panel-2);border-radius:5px;padding:1px 6px;font:600 12.5px ui-monospace,Consolas,monospace}.lightbox{background:var(--panel);border:1px solid var(--line);border-radius:18px;grid-template-columns:minmax(0,1fr) 340px;width:min(1280px,100%);height:min(900px,100dvh - 40px);display:grid;overflow:hidden}.lightbox-media{background:#07050b;grid-template-rows:minmax(0,1fr) auto;min-height:0;display:grid;position:relative}.stage-wrap{min-height:0;position:relative}.lightbox-img{touch-action:pan-y pinch-zoom;position:absolute;inset:0;overflow:hidden}.lightbox-img.zoomed{touch-action:auto;cursor:grab;overflow:auto}.lightbox-img.zoomed:active{cursor:grabbing}.zoom-canvas{place-items:center;width:max-content;min-width:100%;height:max-content;min-height:100%;display:grid}.zoom-frame{cursor:zoom-in;animation:.22s ease-out viewer-in;position:relative}.lightbox-img.zoomed .zoom-frame{cursor:inherit}.zoom-frame img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.zoom-frame img.full{opacity:0;transition:opacity .25s;position:absolute;inset:0}.zoom-frame img.full.ready{opacity:1}.zoom-bar{z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b8;border:1px solid #fff2;border-radius:99px;align-items:center;gap:6px;padding:5px 8px;display:flex;position:absolute;bottom:12px;left:50%;translate:-50%}.zoom-bar button{color:#fff;width:28px;height:28px;font:700 17px/1 var(--body);background:0 0;border:0;border-radius:99px;place-items:center;display:grid}.zoom-bar button:hover:not(:disabled){background:#ffffff1a}.zoom-bar button:disabled{opacity:.35}.zoom-bar input{width:140px;accent-color:var(--accent)}.zoom-bar .zoom-pct{width:auto;min-width:46px;padding:0 6px;font-size:12px;font-weight:600}@keyframes viewer-in{0%{opacity:0;transform:scale(.97)}}.viewer-close{z-index:2;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b0;border:1px solid #ffffff2a;border-radius:99px;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:12px;right:12px}.viewer-close:hover{background:#000000e0}.nav-btn{color:#fff;background:#000000a0;border:1px solid #fff2;border-radius:99px;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:50%;translate:0 -50%}.nav-btn:hover{background:#000000d0}.nav-btn.prev{left:12px}.nav-btn.next{right:12px}.nav-btn.next .icon{transform:scaleX(-1)}.viewer-strip{border-top:1px solid var(--line);background:#0b0812;justify-content:safe center;gap:6px;padding:10px;display:flex;overflow-x:auto}.viewer-strip button{opacity:.55;background:0 0;border:2px solid #0000;border-radius:8px;flex:none;padding:0;transition:opacity .15s,border-color .15s}.viewer-strip button:hover{opacity:.9}.viewer-strip button.on{border-color:var(--accent);opacity:1}.viewer-strip img{object-fit:cover;border-radius:6px;width:48px;height:48px}.lightbox-info{align-content:start;gap:12px;padding:18px 20px;display:grid;overflow:auto}.viewer-head{justify-content:space-between;align-items:baseline;gap:12px;padding-right:0;display:flex}.viewer-head h2{font-size:22px}.viewer-ep{font:700 15px var(--display);color:var(--t-uncommon)}.earned{gap:6px;margin:0;padding:0;list-style:none;display:grid}.earned li{border-left:3px solid var(--tc);background:color-mix(in srgb, var(--tc) 9%, var(--bg-2));border-radius:9px;align-items:center;gap:8px;padding:6px 10px;font-size:13px;display:flex}.earned li span:not(.tier-pill){flex:1;min-width:0;font-weight:600}.earned li em{color:var(--muted);font-style:normal;font-weight:500}.earned li b{font:700 13px var(--display);color:var(--tc)}.show-tags{justify-self:start}.lightbox-info p{margin:0}.tag-group h3{font:700 10.5px var(--body);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:6px}.tags{flex-wrap:wrap;gap:5px;display:flex}.tag{background:var(--panel-2);border:1px solid var(--line);border-radius:99px;padding:2px 8px;font-size:12px}.tag.g-artist{color:#ffc23d}.tag.g-character{color:#5fe08e}.tag.g-copyright{color:#d38cff}.tag.g-species{color:#ff9f6b}.tag.g-meta{color:var(--muted)}.fx-canvas{pointer-events:none;z-index:60;width:100vw;height:100vh;position:fixed;inset:0}.fx-flash{pointer-events:none;z-index:55;background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--tc) 55%, transparent), transparent 70%);animation:.7s ease-out forwards fx-flash;position:fixed;inset:0}.fx-flash.t-mythic{background:radial-gradient(circle at 50% 40%,#fffa,#ff5fa855 35%,#4fc2ff33 60%,#0000 80%)}@keyframes fx-flash{0%{opacity:1}to{opacity:0}}.fx-shake{animation:.5s cubic-bezier(.36,.07,.19,.97) fx-shake}.fx-shake-strong{--amp:9px;animation:.65s cubic-bezier(.36,.07,.19,.97) fx-shake}@keyframes fx-shake{10%,90%{transform:translate(calc(var(--amp,5px) * -.3), 0)}20%,80%{transform:translate(calc(var(--amp,5px) * .6), 1px)}30%,50%,70%{transform:translate(calc(var(--amp,5px) * -1), -1px)}40%,60%{transform:translate(var(--amp,5px), 1px)}}.roll-banner{z-index:58;pointer-events:none;background:color-mix(in srgb, var(--tc) 18%, #0e0b15ee);border:2px solid var(--tc);box-shadow:0 0 60px color-mix(in srgb, var(--tc) 50%, transparent), 0 20px 60px #000a;border-radius:20px;justify-items:center;gap:4px;padding:18px 34px;animation:2.8s cubic-bezier(.2,1.3,.4,1) forwards banner;display:grid;position:fixed;top:22%;left:50%;translate:-50%}.roll-banner-tier{font:900 clamp(34px, 7vw, 64px)/1 var(--display);text-transform:uppercase;letter-spacing:.02em;color:var(--tc);text-shadow:0 0 24px color-mix(in srgb, var(--tc) 70%, transparent);white-space:nowrap}.roll-banner-ep{font:700 16px var(--display);color:var(--text)}.roll-banner.t-mythic .banner-letter{background:linear-gradient(90deg,#ff5fa8,#ffc23d,#4fc2ff,#b78dff,#ff5fa8) 0 0/600% 100%;background-position:calc(var(--i) * 12%) 0;color:#0000;-webkit-background-clip:text;background-clip:text}.banner-letter{animation:.55s cubic-bezier(.2,1.6,.4,1) backwards letter-drop,.9s ease-in-out infinite alternate letter-wave;animation-delay:calc(var(--i) * 45ms), calc(.7s + var(--i) * 70ms);display:inline-block}@keyframes letter-drop{0%{opacity:0;transform:translateY(-70px)rotate(-25deg)scale(.4)}}@keyframes letter-wave{to{transform:translateY(-7px)rotate(2deg)}}@keyframes banner{0%{opacity:0;transform:scale(.4)rotate(-6deg)}12%{opacity:1;transform:scale(1.08)rotate(1deg)}20%{transform:scale(1)rotate(0)}85%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)translateY(-14px)}}.hand.suspense .card.up .card-front{animation:.5s ease-in-out infinite alternate breathe}@keyframes breathe{to{box-shadow:0 0 0 2px color-mix(in srgb, var(--tc) 70%, transparent), 0 0 28px color-mix(in srgb, var(--tc) 45%, transparent)}}.badge-pending{border:1px dashed color-mix(in srgb, var(--tc) 60%, var(--line));border-radius:12px;justify-content:center;gap:8px;padding:18px;display:flex}.badge-pending span{background:var(--tc);border-radius:99px;width:9px;height:9px;animation:.6s ease-in-out infinite alternate dot}.badge-pending span:nth-child(2){animation-delay:.15s}.badge-pending span:nth-child(3){animation-delay:.3s}@keyframes dot{0%{opacity:.25;transform:translateY(3px)}}.card.glow .card-front{border-color:var(--tc);animation:1.4s ease-out card-glow}@keyframes card-glow{0%,40%{box-shadow:0 0 0 2px var(--tc), 0 0 34px var(--tc)}to{box-shadow:0 0 0 1px var(--tc), 0 0 0 transparent}}.hand.aura .card.up .card-front{border-color:color-mix(in srgb, var(--tc) 70%, var(--line));box-shadow:0 0 22px color-mix(in srgb, var(--tc) 30%, transparent)}.badge.big{box-shadow:0 0 24px color-mix(in srgb, var(--tc) 28%, transparent);animation:.6s cubic-bezier(.2,1.5,.4,1) big-in;position:relative;overflow:hidden}.badge.big:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 35%,#ffffff40 50%,#0000 65%);animation:1.1s ease-out .25s sweep;position:absolute;inset:0;transform:translate(-100%)}.badge.big .badge-name{font-size:17px}@keyframes big-in{0%{opacity:0;filter:brightness(2);scale:1.16}60%{opacity:1;scale:.98}to{filter:none;scale:1}}@keyframes sweep{to{transform:translate(100%)}}.new-tag{animation:.5s cubic-bezier(.2,1.6,.4,1) new-pop}@keyframes new-pop{0%{transform:scale(0)}}.verdict.fresh .verdict-tier{animation:.55s cubic-bezier(.2,1.6,.4,1) pop}.verdict.grand{animation:1.6s ease-in-out infinite alternate grand}@keyframes grand{to{box-shadow:0 0 0 1px var(--tc), 0 0 36px color-mix(in srgb, var(--tc) 40%, transparent)}}.verdict.grand .verdict-tier{text-shadow:0 0 22px color-mix(in srgb, var(--tc) 60%, transparent);font-size:40px}.roll-banner.t-trash{background:#1b140ee8;box-shadow:0 20px 60px #000a}.roll-banner.t-trash .banner-letter{animation:.55s cubic-bezier(.2,1.6,.4,1) backwards letter-drop,1.4s ease-in .9s forwards letter-sag}@keyframes letter-sag{to{transform:translateY(14px) rotate(calc(var(--i) * 4deg - 8deg));opacity:.6}}.verdict.t-trash.shown .verdict-tier{color:var(--t-trash)}.version-tag{color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:1px 6px;font-size:11px}.settings-version{text-align:right;font-size:12px;margin-top:10px!important}.share-btn{margin-left:auto;padding:7px 12px}.share-btn .icon{width:16px;height:16px}.verdict-standing{font:700 14px var(--body);color:var(--tc,var(--muted));letter-spacing:.02em;margin-top:4px}.share-toast{z-index:70;background:var(--panel);border:1px solid var(--line);border-radius:16px;gap:10px;width:min(380px,100vw - 32px);padding:14px;animation:.35s cubic-bezier(.2,1.3,.4,1) toast-in;display:grid;position:fixed;bottom:20px;right:20px;box-shadow:0 18px 50px #000b}.share-toast img{border:1px solid var(--line);border-radius:10px;width:100%}.share-toast p{margin:0;font-size:13px}.share-toast .share-ok{color:var(--t-uncommon);font-weight:700}.share-close{color:#fff;z-index:1;background:#000a;border:0;border-radius:99px;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:6px;right:6px}.share-close .icon{width:15px;height:15px}.share-working{color:var(--muted);align-items:center;gap:10px;padding:14px 4px;display:flex}.spinner.small{border-width:2px;width:18px;height:18px}@keyframes toast-in{0%{opacity:0;transform:translateY(20px)scale(.96)}}@media (width<=480px){.share-toast{width:auto;bottom:16px;left:16px;right:16px}.share-btn{padding:7px 10px}}.card.dealt{animation:.55s cubic-bezier(.2,1.25,.4,1) backwards deal;animation-delay:calc(var(--i) * 75ms)}@keyframes deal{0%{opacity:0;transform:translate(var(--dx), var(--dy)) rotate(calc(var(--i) * 25deg - 60deg)) scale(.55)}}.card-front:after{content:"";pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 40%,#fff,#fff0 70%);position:absolute;inset:0}.hand.live .card.up .card-front:after{animation:.7s ease-out .22s flip-flash}.hand.live .card.up{animation:.6s cubic-bezier(.2,1.6,.4,1) .2s land}@keyframes flip-flash{0%{opacity:.85}to{opacity:0}}@keyframes land{40%{scale:1.07}to{scale:1}}.card.foil .card-front:before{content:"";pointer-events:none;opacity:.32;mix-blend-mode:color-dodge;background:var(--foil-stripes);width:calc(100% + 800px);animation:4.5s linear infinite foil-sweep;position:absolute;top:0;bottom:0;left:-400px}:root{--foil-stripes:repeating-linear-gradient(115deg, transparent 0px, transparent 70px, #ff5fa8 120px, #ffc23d 155px, #5fe08e 190px, #4fc2ff 225px, #b78dff 260px, transparent 310px, transparent 360px)}@keyframes foil-sweep{0%{translate:0}to{translate:397.22px}}.card.foil .card-front{box-shadow:0 0 0 1px #ffffff40,0 0 20px #b78dff44}@keyframes foil{0%{background-position:0 0}to{background-position:260% 260%}}.hand.idle .card .card-inner{animation:2.4s ease-in-out infinite idle-bob;animation-delay:calc(var(--i) * -.35s)}@keyframes idle-bob{50%{translate:0 -7px;rotate:-1deg}}.fx-coin{z-index:61;pointer-events:none;background:radial-gradient(circle at 35% 35%,#fff6c4,#ffc23d 45%,#c8901a 100%);border-radius:50%;width:18px;height:18px;position:fixed;box-shadow:0 0 8px #ffc23d99,inset 0 0 0 1.5px #a8770f}.rays{border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.rays span{aspect-ratio:1;background:repeating-conic-gradient(color-mix(in srgb, var(--tc) 22%, transparent) 0 8deg, transparent 8deg 20deg);width:260%;animation:16s linear infinite rays;position:absolute;top:50%;left:50%;translate:-50% -50%;-webkit-mask:radial-gradient(circle,#000 0 18%,#0000 55%);mask:radial-gradient(circle,#000 0 18%,#0000 55%)}.verdict.t-mythic .rays span{background:repeating-conic-gradient(#ff5fa83a 0 8deg, transparent 8deg 20deg, #4fc2ff3a 20deg 28deg, transparent 28deg 40deg)}@keyframes rays{to{rotate:360deg}}.verdict-tier,.verdict-standing,.verdict-ep,.verdict-sub,.best-tag,.verdict-empty{position:relative}.combo{z-index:2;font:900 17px var(--display);color:#1a0b14;background:linear-gradient(90deg,#ffc23d,#ff5fa8);border-radius:10px;padding:4px 10px;animation:.35s cubic-bezier(.2,1.8,.4,1) combo-pop;position:absolute;top:12px;right:14px;rotate:-4deg;box-shadow:0 0 18px #ff5fa888}@keyframes combo-pop{0%{opacity:.3;scale:1.35}}.roll-layout.party>.hand,.roll-layout.party>.panel{animation:3s linear 2 party}@keyframes party{0%{filter:hue-rotate()saturate(1.4)}to{filter:hue-rotate(720deg)saturate()}}.roll-btn.ready{animation:1.6s ease-in-out infinite alternate btn-glow,7s ease-in-out 3s infinite btn-wiggle}@keyframes btn-glow{to{box-shadow:0 6px 0 var(--accent-deep), 0 10px 40px color-mix(in srgb, var(--accent) 47%, transparent), 0 0 0 3px color-mix(in srgb, var(--accent) 20%, transparent)}}@keyframes btn-wiggle{0%,90%,to{rotate:0deg}92%{rotate:-2.5deg}94%{rotate:2.5deg}96%{rotate:-1.5deg}98%{rotate:1deg}}.roll-btn.drawing .icon{animation:.6s linear infinite spin}.card-back:after{content:"";background:linear-gradient(115deg, transparent 35%, #ffffff1f 48%, color-mix(in srgb, var(--accent) 16%, transparent) 52%, transparent 65%);animation:3.2s ease-in-out infinite back-shine;animation-delay:calc(var(--i) * .18s);pointer-events:none;position:absolute;inset:0;transform:translate(-120%)}@keyframes back-shine{0%,55%{transform:translate(-120%)}85%,to{transform:translate(120%)}}.card.tease-next .card-inner{animation:.45s ease-in-out infinite alternate lift}.card.tease-next .card-back{box-shadow:0 0 0 1px #ffc23d55,0 0 18px #ffc23d33}@keyframes lift{to{translate:0 -6px}}.card.tease-last .card-inner{animation:.12s ease-in-out infinite alternate rattle}.card.tease-last .card-back{box-shadow:0 0 0 2px #ffc23d,0 0 30px #ffc23d88}@keyframes rattle{0%{translate:0 -3px;rotate:-1.6deg}to{translate:0 -6px;rotate:1.6deg}}.card.tease-hot .card-inner{animation:90ms ease-in-out infinite alternate rattle-hard}.card.tease-hot .card-back{box-shadow:0 0 0 3px var(--tc), 0 0 46px var(--tc);animation:.35s ease-in-out infinite alternate hot-pulse}.card.tease-hot .card-back-mark{background:var(--tc)}@keyframes rattle-hard{0%{rotate:-3deg;scale:1.03}to{rotate:3deg;scale:1.06}}@keyframes hot-pulse{to{filter:brightness(1.5)}}.card-pop{z-index:4;pointer-events:none;white-space:nowrap;font:800 13px var(--display);color:#1a1205;background:linear-gradient(#ffe08a,#ffc23d);border-radius:99px;padding:4px 10px;animation:1.5s cubic-bezier(.2,.9,.3,1) forwards pop-float;position:absolute;top:42%;left:50%;translate:-50%;box-shadow:0 4px 14px #0008,0 0 0 1px #fff6}.card-pop.hot{font-size:15px;box-shadow:0 4px 14px #0008,0 0 18px #ffc23d}.card-pop.award{color:var(--text);background:color-mix(in srgb, var(--tc) 30%, #120d1c);border:1px solid var(--tc);box-shadow:0 4px 14px #0009, 0 0 16px color-mix(in srgb, var(--tc) 50%, transparent);font-size:12.5px;top:58%}.card-pop.award b{color:var(--tc)}@keyframes pop-float{0%{opacity:0;transform:translateY(14px)scale(.6)}15%{opacity:1;transform:translateY(0)scale(1.12)}25%{transform:translateY(-4px)scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(-70px)scale(.95)}}@property --mq-a{syntax:"<angle>";inherits:false;initial-value:0deg}.verdict{position:relative}.verdict.marquee:before{content:"";border-radius:inherit;pointer-events:none;background:repeating-conic-gradient(from var(--mq-a), var(--mq) 0 3deg, transparent 3deg 9deg);-webkit-mask-composite:xor;filter:drop-shadow(0 0 4px var(--mq));padding:3px;animation:2.4s linear infinite marquee;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.verdict.marquee.rolling{--mq:#ffc23d}.verdict.marquee:not(.rolling){--mq:var(--tc)}.verdict.marquee:not(.rolling):before{animation-duration:.9s}@keyframes marquee{to{--mq-a:360deg}}.verdict-ep b.bump{animation:.32s cubic-bezier(.2,1.6,.4,1) bump;display:inline-block}@keyframes bump{0%{color:#ffc23d;transform:scale(1.25)}}@media (width>=901px){.hand{position:sticky;top:16px}}@media (width<=900px){.app{padding:0 16px 40px}.topbar{gap:12px}.stats{gap:14px}.tabs{order:3;width:100%;overflow-x:auto}.roll-layout{grid-template-columns:1fr}.hand{gap:8px}.viewer-backdrop{padding:0}.lightbox{border:0;border-radius:0;grid-template-rows:62% 1fr;grid-template-columns:1fr;width:100%;height:100dvh}.viewer-strip{justify-content:flex-start;padding:6px}.viewer-strip img{width:40px;height:40px}.nav-btn{width:38px;height:38px}.nav-btn.prev{left:6px}.nav-btn.next{right:6px}.zoom-bar{gap:2px;padding:3px 6px;bottom:8px}.zoom-bar input{width:110px}.viewer-close{top:max(10px, env(safe-area-inset-top));right:10px}.history-open{flex-direction:column;align-items:flex-start;gap:8px}.thumbs img{width:40px;height:40px}.verdict{min-height:0;padding:14px 16px}.verdict-tier{font-size:28px}}@media (width<=480px){.stat span{font-size:9.5px}.stat b{font-size:15px}.logo{font-size:19px}.card-cap{padding:16px 6px 5px;font-size:10px}.card-cap .mono{display:none}.card-score{white-space:nowrap;padding:2px 6px;font-size:10px;top:5px;right:5px}.card-rating{width:18px;height:18px;font-size:10px;inset:auto 6px 6px auto}.card-cap{padding-right:28px}.card-pop{padding:3px 8px;font-size:11px}.card-pop.award{text-overflow:ellipsis;max-width:170px;font-size:10.5px;overflow:hidden}}[data-motion=calm] .card.tease-next .card-inner,[data-motion=calm] .card.tease-last .card-inner,[data-motion=calm] .card.tease-hot .card-inner{animation:none;translate:0 -5px}[data-motion=calm] .card.tease-hot .card-back,[data-motion=calm] .hand.suspense .card.up .card-front,[data-motion=calm] .verdict.grand,[data-motion=calm] .badge-pending span,[data-motion=calm] .badge.big:after,[data-motion=calm] .card-back:after,[data-motion=calm] .verdict.marquee:before{animation:none}[data-motion=calm] .card-back:after{display:none}[data-motion=calm] .roll-banner{animation-name:banner-calm}@keyframes banner-calm{0%{opacity:0}10%,85%{opacity:1}to{opacity:0}}[data-motion=calm] .t-mythic .tier-pill,[data-motion=calm] .tier-pill.t-mythic,[data-motion=calm] .verdict.t-mythic.shown .verdict-tier,[data-motion=calm] .banner-letter,[data-motion=calm] .card.foil .card-front:before,[data-motion=calm] .hand.idle .card .card-inner,[data-motion=calm] .rays span,[data-motion=calm] .roll-btn.ready,[data-motion=calm] .roll-layout.party>*{animation:none}.card.shiny .card-front{border-color:#fff;box-shadow:0 0 0 2px #ffe39a,0 0 28px #ffc23d99,0 0 50px #ff5fa855}.shiny-glint{pointer-events:none;mix-blend-mode:color-dodge;opacity:.45;background:var(--foil-stripes);width:calc(100% + 800px);animation:2.6s linear infinite foil-sweep;position:absolute;top:0;bottom:0;left:-400px}.shiny-tag{z-index:2;font:900 10.5px var(--display);text-transform:uppercase;letter-spacing:.06em;color:#1a1205;background:linear-gradient(90deg,#ff9ccb,#ffe08a,#a8f0c4,#a8e2ff,#e0ceff);border-radius:99px;padding:2px 8px;position:absolute;top:8px;left:36px;box-shadow:0 2px 8px #0008}.card.tease-shiny .card-inner{animation:90ms ease-in-out infinite alternate rattle-hard}.card.tease-shiny .card-back{animation:.6s linear infinite shiny-pulse;box-shadow:0 0 0 3px #fff,0 0 46px #ffc23d}@keyframes shiny-pulse{to{filter:hue-rotate(360deg)brightness(1.4)}}.card-pop.shiny{color:#1a1205;background:linear-gradient(90deg,#ff9ccb,#ffe08a,#a8f0c4,#a8e2ff,#e0ceff);font-size:17px;top:22%;box-shadow:0 4px 14px #0009,0 0 24px #fff8}.card-pop small{font:800 10px var(--body);text-transform:uppercase;letter-spacing:.06em;color:var(--t-legendary);text-align:center;display:block}.level-stat .level-bar{background:var(--line);border-radius:99px;width:64px;height:4px;margin-top:4px;display:block;overflow:hidden}.level-bar i{background:var(--accent);border-radius:inherit;height:100%;transition:width .6s;display:block}.level-banner{z-index:58;pointer-events:none;text-align:center;border:2px solid var(--t-legendary);background:#1b1608ee;border-radius:20px;justify-items:center;gap:6px;max-width:calc(100vw - 32px);padding:16px 30px;animation:2.6s cubic-bezier(.2,1.3,.4,1) forwards banner;display:grid;position:fixed;top:30%;left:50%;translate:-50%;box-shadow:0 0 60px #ffc23d66,0 20px 60px #000a}.level-banner-title{font:900 clamp(30px, 6vw, 52px)/1 var(--display);text-transform:uppercase;color:var(--t-legendary);text-shadow:0 0 24px #ffc23daa}.level-banner-unlocks{font:700 14px var(--body);color:var(--text)}.streak-chip{font:800 12px var(--body);color:#ffb35c;cursor:help;background:#ff9f3d1c;border:1px solid #ff9f3d55;border-radius:99px;align-items:center;gap:4px;padding:4px 10px;display:inline-flex}.streak-chip .icon{fill:currentColor;stroke:none;width:14px;height:14px}.botd-line{color:var(--muted);margin:0;font-size:12.5px}.botd-line b{color:var(--t-legendary)}.botd-tag,.secret-tag{font:800 10px var(--body);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;border-radius:5px;padding:1px 6px}.botd-tag{color:var(--t-legendary);background:#ffc23d14;border:1px solid #ffc23d88}.secret-tag{color:#e0ceff;background:#b78dff14;border:1px solid #b78dff88}.book-tile.botd{box-shadow:0 0 0 1px #ffc23d88,0 0 18px #ffc23d33}@media (width<=480px){.shiny-tag{padding:1px 6px;font-size:9px;top:28px;left:5px}.card-pop.shiny{font-size:13px}.level-stat .level-bar{width:44px}.style-row{grid-template-columns:1fr;gap:4px}}[data-motion=calm] .shiny-glint,[data-motion=calm] .card.tease-shiny .card-back,[data-motion=calm] .roll-btn.skin-rainbow,[data-motion=calm] .roll-btn.skin-rainbow.ready,[data-motion=calm] .hand[data-back=holo] .card-back{animation:none}[data-motion=calm] .card.tease-shiny .card-inner{animation:none;translate:0 -5px}[data-motion=calm] .level-banner{animation-name:banner-calm}.fx-burst{z-index:54;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle at var(--x) var(--y), #fffc 0, var(--tc) 18%, color-mix(in srgb, var(--tc) 45%, transparent) 42%, transparent 70%);animation:1.4s cubic-bezier(.15,.8,.3,1) forwards fx-burst;position:fixed;inset:0}.fx-burst.t-mythic{background:radial-gradient(circle at var(--x) var(--y), #fff 0, #ff5fa8 14%, #ffc23d 26%, #5fe08e 38%, #4fc2ff 50%, #b78dff 62%, transparent 78%)}@keyframes fx-burst{0%{clip-path:circle(0% at var(--x) var(--y));opacity:1}45%{opacity:.9}to{clip-path:circle(150% at var(--x) var(--y));opacity:0}}.fx-ring{left:var(--x);top:var(--y);z-index:56;pointer-events:none;border:6px solid var(--tc);width:40px;height:40px;box-shadow:0 0 30px var(--tc), inset 0 0 20px var(--tc);opacity:0;animation:fx-ring 1.1s cubic-bezier(.1, .7, .3, 1) var(--d,0s) forwards;border-radius:50%;margin:-20px 0 0 -20px;position:fixed}.fx-ring.t-mythic{border-color:#fff;box-shadow:0 0 30px #ff5fa8,0 0 60px #4fc2ff,inset 0 0 24px #ffc23d}@keyframes fx-ring{0%{opacity:1;border-width:10px;transform:scale(.2)}to{opacity:0;border-width:.5px;transform:scale(60)}}.fx-pop{left:var(--x);top:var(--y);z-index:56;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle, #fff 0, var(--tc) 25%, transparent 65%);border-radius:50%;width:160px;height:160px;margin:-80px 0 0 -80px;animation:.7s ease-out forwards fx-pop;position:fixed}.fx-pop.t-mythic{background:radial-gradient(circle,#fff 0,#ff5fa8 22%,#4fc2ff 42%,#0000 66%)}@keyframes fx-pop{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(1.6)}}.fx-edge{z-index:53;pointer-events:none;box-shadow:inset 0 0 80px 10px var(--tc), inset 0 0 220px 30px color-mix(in srgb, var(--tc) 50%, transparent);animation:fx-edge .45s ease-in-out infinite alternate, fx-fade var(--ms,2.5s) ease-in forwards;position:fixed;inset:0}.fx-edge.t-mythic{box-shadow:inset 0 0 80px 10px #ff5fa8,inset 0 0 160px 20px #4fc2ff88,inset 0 0 260px 40px #ffc23d55}@keyframes fx-edge{0%{filter:brightness(.7)}to{filter:brightness(1.4)hue-rotate(20deg)}}@keyframes fx-fade{0%,70%{opacity:1}to{opacity:0}}.fx-rainbow{z-index:52;pointer-events:none;mix-blend-mode:overlay;opacity:0;animation:fx-rainbow var(--ms,3.2s) linear forwards;background:conic-gradient(#ff5fa8,#ffc23d,#5fe08e,#4fc2ff,#b78dff,#ff5fa8);position:fixed;inset:-50vmax}@keyframes fx-rainbow{0%{opacity:0;transform:rotate(0)}12%,70%{opacity:.6}to{opacity:0;transform:rotate(540deg)}}.hand{grid-template-columns:repeat(var(--grid-cols,var(--cols,4)), minmax(0, 1fr));gap:clamp(6px,1vw,14px);width:100%;container:hand/inline-size}.app{max-width:1600px}@media (width>=901px){.roll-layout{grid-template-columns:minmax(0,1fr) clamp(300px,27vw,420px)}.hand{max-width:max(420px, calc((100dvh - 180px) * .375 * var(--cols,4) + 40px));margin-inline:auto}}@media (width>=1700px){.verdict-tier{font-size:40px}.verdict.grand .verdict-tier{font-size:48px}}@media (height<=520px) and (orientation:landscape){.hand{--grid-cols:calc(var(--cols,4) * 2)}}@container hand (width<=680px){.card-cap{padding:16px 6px 5px;font-size:10px}.card-cap .mono{display:none}.card-score{white-space:nowrap;padding:2px 6px;font-size:10px;top:5px;right:5px}.card-rating{width:18px;height:18px;font-size:10px;inset:auto 6px 6px auto}.card-cap{padding-right:28px}.shiny-tag{padding:1px 6px;font-size:9px;top:28px;left:5px}.card-pop{padding:3px 8px;font-size:11px}.card-pop.award{text-overflow:ellipsis;max-width:170px;font-size:10.5px;overflow:hidden}}@container hand (width<=480px){.card-cap{display:none}.card-score{text-align:center;padding:1px 4px;font-size:9.5px;top:4px;left:4px;right:4px}.card-score .cs-score,.card-score .cs-unit{display:none}.card-rating{border-radius:4px;width:15px;height:15px;font-size:9px;bottom:4px;right:4px}.shiny-tag{padding:1px 5px;font-size:8px;top:auto;bottom:4px;left:4px}.card-pop{padding:2px 6px;font-size:9.5px}.card-pop.award{max-width:120px;font-size:9px}.card-pop.shiny{font-size:11px}}@media (height<=520px) and (orientation:landscape){.card-cap{display:none}.card-score{text-align:center;padding:1px 4px;font-size:9.5px;top:4px;left:4px;right:4px}.card-score .cs-score,.card-score .cs-unit{display:none}.card-rating{border-radius:4px;width:15px;height:15px;font-size:9px;inset:auto 4px 4px auto}.shiny-tag{padding:1px 5px;font-size:8px;top:auto;bottom:4px;left:4px}.card-pop{padding:2px 6px;font-size:9.5px}.card-pop.award{max-width:120px;font-size:9px}.card-pop.shiny{font-size:11px}}@media (width<=900px){.roll-layout{grid-template-columns:minmax(0,1fr)}}@media (width<=400px){.app{padding:0 12px 32px}.stats{flex-wrap:wrap;justify-content:flex-end;gap:10px}.level-stat .level-bar{width:36px}}.combo.final{font-size:20px;animation:.6s cubic-bezier(.2,1.8,.4,1) combo-slam;box-shadow:0 0 26px #ffc23d99}@keyframes combo-slam{0%{opacity:0;rotate:12deg;scale:2.6}}.roll-layout.overloaded{filter:grayscale(.75)brightness(.75);transition:filter .2s;animation:.16s step-end .9s infinite overload-glitch}.roll-layout.overloaded *{animation-play-state:paused!important}@keyframes overload-glitch{0%{filter:grayscale(.4)contrast(1.3);clip-path:none;translate:0}20%{filter:hue-rotate(90deg)saturate(3)contrast(1.5);clip-path:inset(8% 0 55%);translate:-8px 3px}40%{filter:hue-rotate(200deg)saturate(2);clip-path:inset(40% 0 22%);translate:6px -4px}60%{filter:saturate(4)contrast(1.8);clip-path:inset(0 0 68%);translate:-3px 5px}80%{filter:hue-rotate(-90deg)saturate(2.5);clip-path:inset(58% 0 0);translate:9px}}.overload{z-index:57;pointer-events:none;background:radial-gradient(circle,#0000 30%,#000a 100%);place-content:center;justify-items:center;gap:10px;display:grid;position:fixed;inset:0}.overload:before{content:"";opacity:0;background:repeating-linear-gradient(0deg,#ffffff12 0 1px,#0000 1px 3px),repeating-linear-gradient(90deg,#ff5fa80d 0 2px,#0000 2px 5px);animation:.1s step-end .9s forwards overload-on,.12s steps(2,end) .9s infinite scan-jitter;position:absolute;inset:0}@keyframes overload-on{to{opacity:1}}@keyframes scan-jitter{50%{transform:translateY(2px)}}.overload-crack{width:100%;height:100%;position:absolute;inset:0}.overload-crack path{fill:none;stroke:#fff;stroke-width:2px;vector-effect:non-scaling-stroke;stroke-linejoin:bevel;stroke-dasharray:400;stroke-dashoffset:400px;filter:drop-shadow(0 0 4px #fff)drop-shadow(0 0 10px #4fc2ff);animation:.35s cubic-bezier(.2,.9,.3,1) 1.55s forwards crack}@keyframes crack{to{stroke-dashoffset:0}}.overload-text{max-width:92vw;font:900 clamp(34px, 8vw, 110px)/1 var(--display);letter-spacing:.02em;color:#fff;opacity:0;text-align:center;text-shadow:3px 0 #ff2a6d,-3px 0 #2af1ff;animation:50ms step-end .95s forwards overload-on,.22s step-end .95s infinite text-glitch;position:relative}.overload-text:before,.overload-text:after{content:attr(data-text);position:absolute;inset:0}.overload-text:before{color:#ff2a6d;clip-path:inset(0 0 60%);mix-blend-mode:screen;translate:-6px}.overload-text:after{color:#2af1ff;clip-path:inset(55% 0 0);mix-blend-mode:screen;translate:6px}@keyframes text-glitch{0%{transform:none}25%{transform:translate(-4px,2px)skew(-8deg)}50%{transform:translate(5px,-1px)}75%{transform:translate(-2px,-3px)skew(6deg)}}.overload-sub{text-shadow:0 0 8px #000;font:700 clamp(13px, 1.6vw, 20px) var(--body);letter-spacing:.3em;text-transform:uppercase;color:#fffc;opacity:0;background:#000000b3;border-radius:6px;padding:4px 14px;animation:50ms step-end 1.3s forwards overload-on}.roll-banner.mega{background:radial-gradient(circle at 50% 40%,#3a1036f2,#0e0b15f5 75%);border-width:3px;gap:clamp(6px,1.2vw,16px);max-width:96vw;padding:clamp(20px,4vw,56px) clamp(24px,6vw,90px);animation:6s cubic-bezier(.2,1.3,.4,1) forwards banner-mega,.8s linear infinite mega-border;top:50%;translate:-50% -50%;box-shadow:0 0 120px #ff5fa8aa,0 0 260px #4fc2ff55,0 30px 80px #000c}.roll-banner.mega .roll-banner-tier{font-size:clamp(44px,10.5vw,170px)}.roll-banner.mega .roll-banner-ep{font:800 clamp(22px, 4vw, 56px) var(--display)}.roll-banner.mega .roll-banner-ep b{font-variant-numeric:tabular-nums;background:linear-gradient(90deg,#ffc23d,#fff3c4,#ffc23d);color:#0000;-webkit-background-clip:text;background-clip:text}@keyframes banner-mega{0%{opacity:0;transform:scale(3)rotate(-8deg)}7%{opacity:1;transform:scale(.88)rotate(1deg)}11%{transform:scale(1.06)}15%{transform:scale(1)}90%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.12)}}@keyframes mega-border{0%{border-color:#ff5fa8}25%{border-color:#ffc23d}50%{border-color:#5fe08e}75%{border-color:#4fc2ff}to{border-color:#b78dff}}.fx-rays{z-index:51;pointer-events:none;mix-blend-mode:screen;opacity:0;background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--tc) 30%, transparent) 0 6deg, transparent 6deg 18deg);animation:fx-rays var(--ms,4s) linear forwards;position:fixed;inset:-50vmax}.fx-rays.t-mythic{background:repeating-conic-gradient(from 0deg, #ff5fa84d 0 5deg, transparent 5deg 15deg, #4fc2ff4d 15deg 20deg, transparent 20deg 30deg, #ffc23d4d 30deg 35deg, transparent 35deg 45deg)}@keyframes fx-rays{0%{opacity:0;transform:rotate(0)}10%,75%{opacity:1}to{opacity:0;transform:rotate(140deg)}}.hand.live.cheer .card.up{animation:card-jump .8s cubic-bezier(.3, 1.6, .5, 1) calc(var(--i) * 70ms)}.hand.live.jackpot .card.up{animation:card-jump .75s cubic-bezier(.3, 1.6, .5, 1) calc(var(--i) * 90ms) 6}.hand.live.jackpot .card.up .card-front{box-shadow:0 0 0 2px #fff6,0 0 30px #ffc23d88,0 0 60px #ff5fa855}@keyframes card-jump{30%{translate:0 -26px;rotate:-5deg;scale:1.08}55%{translate:0;rotate:3deg;scale:.98}75%{translate:0 -6px;rotate:0deg;scale:1.02}}[data-motion=calm] .roll-banner.mega{animation:6s forwards banner-calm}[data-motion=calm] .combo.final{animation:none}:root{--t-cosmic:#8ff3ff}.t-cosmic{--tc:var(--t-cosmic)}.t-cosmic .tier-pill,.tier-pill.t-cosmic,.verdict.t-cosmic.shown .verdict-tier,.roll-banner.t-cosmic .banner-letter{background:linear-gradient(90deg,#fff,#8ff3ff,#9b6bff,#e45cff,#8ff3ff,#fff) 0 0/300% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:2.4s linear infinite shimmer}.verdict.t-cosmic.shown .verdict-tier{filter:drop-shadow(0 0 10px #8ff3ff88);animation:.45s cubic-bezier(.2,1.4,.4,1) pop,2.4s linear infinite shimmer}.roll-banner.t-cosmic .banner-letter{background-size:800% 100%;background-position:calc(var(--i) * 12%) 0;animation:.55s cubic-bezier(.2,1.6,.4,1) backwards letter-drop,.9s ease-in-out infinite alternate letter-wave;animation-delay:calc(var(--i) * 45ms), calc(.7s + var(--i) * 70ms)}.roll-banner.mega.t-cosmic{background:radial-gradient(circle at 50% 40%,#1c1050f5,#05030ff8 75%);animation:8s cubic-bezier(.2,1.3,.4,1) forwards banner-mega,1.2s linear infinite cosmic-border;box-shadow:0 0 140px #8ff3ffaa,0 0 280px #9b6bff77,0 30px 80px #000c}@keyframes cosmic-border{0%{border-color:#fff}33%{border-color:#8ff3ff}66%{border-color:#9b6bff}to{border-color:#e45cff}}.verdict.t-cosmic .rays span{background:repeating-conic-gradient(#8ff3ff3a 0 6deg, transparent 6deg 18deg, #9b6bff3a 18deg 24deg, transparent 24deg 36deg)}.fx-flash.t-cosmic{background:radial-gradient(circle at 50% 45%,#fff,#8ff3ffaa 30%,#9b6bff55 60%,#0000 85%)}.fx-burst.t-cosmic{background:radial-gradient(circle at var(--x) var(--y), #fff 0, #8ff3ff 16%, #9b6bff 34%, #e45cff 50%, #4b2bd6aa 62%, transparent 80%)}.fx-ring.t-cosmic{border-color:#fff;box-shadow:0 0 30px #8ff3ff,0 0 70px #9b6bff,inset 0 0 24px #e45cff}.fx-pop.t-cosmic{background:radial-gradient(circle,#fff 0,#8ff3ff 22%,#9b6bff 44%,#0000 68%)}.fx-edge.t-cosmic{box-shadow:inset 0 0 90px 12px #8ff3ff,inset 0 0 180px 24px #9b6bff99,inset 0 0 280px 40px #e45cff55}.fx-rays.t-cosmic{background:repeating-conic-gradient(from 0deg, #8ff3ff55 0 4deg, transparent 4deg 12deg, #9b6bff55 12deg 16deg, transparent 16deg 24deg, #fff4 24deg 26deg, transparent 26deg 36deg)}.overload.cosmic .overload-text{text-shadow:3px 0 #9b6bff,-3px 0 #8ff3ff}.fx-warp{z-index:52;pointer-events:none;opacity:0;background:repeating-conic-gradient(from 0deg, #ffffffd9 0 .35deg, transparent .35deg 4.5deg), repeating-conic-gradient(from 2deg, #8ff3ffa0 0 .25deg, transparent .25deg 7deg);animation:fx-warp .5s ease-in infinite, fx-warp-life var(--ms,2.6s) linear forwards;position:fixed;inset:-20vmax;-webkit-mask:radial-gradient(circle,#0000 6%,#000 22%,#0000 70%);mask:radial-gradient(circle,#0000 6%,#000 22%,#0000 70%)}@keyframes fx-warp{0%{transform:scale(.6)rotate(0)}to{transform:scale(1.6)rotate(4deg)}}@keyframes fx-warp-life{0%{opacity:0}15%,85%{opacity:1}to{opacity:0}}.fx-space{z-index:50;pointer-events:none;opacity:0;animation:fx-space var(--ms,10s) linear forwards, twinkle 1.1s ease-in-out infinite alternate;background:radial-gradient(circle,#fff 0 1px,#0000 1.5px) 0 0/53px 61px,radial-gradient(circle,#8ff3ffcc 0 1px,#0000 1.6px) 21px 33px/89px 71px,radial-gradient(circle,#e0ceff 0 1.2px,#0000 1.8px) 40px 9px/131px 113px,radial-gradient(at 30% 30%,#4b2bd655,#0000 60%),radial-gradient(at 75% 70%,#e45cff33,#0000 55%),#05030fb3;position:fixed;inset:0}@keyframes fx-space{0%{opacity:0}8%,85%{opacity:1}to{opacity:0}}@keyframes twinkle{to{filter:brightness(1.5)}}[data-motion=calm] .t-cosmic .tier-pill,[data-motion=calm] .tier-pill.t-cosmic,[data-motion=calm] .verdict.t-cosmic.shown .verdict-tier,[data-motion=calm] .roll-banner.t-cosmic .banner-letter{animation:none}:root,[data-accent=pink]{--accent:#ff5fa8;--accent-2:#b78dff;--accent-deep:#b8336f;--accent-ink:#1a0b14}[data-accent=blue]{--accent:#4fc2ff;--accent-2:#5fe3d0;--accent-deep:#2479b0;--accent-ink:#04121c}[data-accent=green]{--accent:#5fe08e;--accent-2:#c6f05a;--accent-deep:#2c9a55;--accent-ink:#051a0d}[data-accent=purple]{--accent:#b78dff;--accent-2:#ff5fd8;--accent-deep:#6f4bc0;--accent-ink:#120a22}[data-accent=gold]{--accent:#ffc23d;--accent-2:#ff8a5c;--accent-deep:#b07f12;--accent-ink:#1a1205}[data-accent=red]{--accent:#ff5a5a;--accent-2:#ff9f3d;--accent-deep:#b02f2f;--accent-ink:#1c0606}.level-bar i{background:linear-gradient(90deg, var(--accent), var(--accent-2))}.card-back{--back-tint:var(--accent);--frame:color-mix(in srgb, var(--back-tint) 50%, transparent);outline:1.5px solid var(--frame);outline-offset:-7px}.card-back-mark{z-index:1;aspect-ratio:1;background:var(--mark-fill,var(--back-tint));width:42%;-webkit-mask:var(--mark,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='17' y='17' width='66' height='66' rx='16' fill='none' stroke='black' stroke-width='7' transform='rotate(45 50 50)'/%3E%3Ccircle cx='50' cy='50' r='7'/%3E%3Ccircle cx='50' cy='29' r='6'/%3E%3Ccircle cx='50' cy='71' r='6'/%3E%3Ccircle cx='29' cy='50' r='6'/%3E%3Ccircle cx='71' cy='50' r='6'/%3E%3C/svg%3E")) center / contain no-repeat;-webkit-mask:var(--mark,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='17' y='17' width='66' height='66' rx='16' fill='none' stroke='black' stroke-width='7' transform='rotate(45 50 50)'/%3E%3Ccircle cx='50' cy='50' r='7'/%3E%3Ccircle cx='50' cy='29' r='6'/%3E%3Ccircle cx='50' cy='71' r='6'/%3E%3Ccircle cx='29' cy='50' r='6'/%3E%3Ccircle cx='71' cy='50' r='6'/%3E%3C/svg%3E")) center / contain no-repeat;mask:var(--mark,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='17' y='17' width='66' height='66' rx='16' fill='none' stroke='black' stroke-width='7' transform='rotate(45 50 50)'/%3E%3Ccircle cx='50' cy='50' r='7'/%3E%3Ccircle cx='50' cy='29' r='6'/%3E%3Ccircle cx='50' cy='71' r='6'/%3E%3Ccircle cx='29' cy='50' r='6'/%3E%3Ccircle cx='71' cy='50' r='6'/%3E%3C/svg%3E")) center / contain no-repeat;position:relative}.card-back:before{content:none;pointer-events:none;position:absolute}[data-back=classic] .card-back{--mark-fill:linear-gradient(160deg, color-mix(in srgb, var(--back-tint) 70%, white), var(--back-tint));background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--back-tint) 24%, transparent), transparent 62%), repeating-linear-gradient(45deg, color-mix(in srgb, var(--back-tint) 11%, transparent) 0 1px, transparent 1px 11px), repeating-linear-gradient(-45deg, color-mix(in srgb, var(--back-tint) 11%, transparent) 0 1px, transparent 1px 11px), var(--back-base,var(--panel))}.hand.daily[data-back=classic] .card-back{--back-tint:#ffc23d;--back-base:#231a12}[data-back=midnight] .card-back{--back-tint:#a9bfff;--mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cmask id='c'%3E%3Crect width='100' height='100' fill='white'/%3E%3Ccircle cx='64' cy='40' r='29' fill='black'/%3E%3C/mask%3E%3C/defs%3E%3Ccircle cx='46' cy='55' r='35' mask='url(%23c)'/%3E%3Cpath d='M80 14l2.6 6.4 6.4 2.6-6.4 2.6L80 32l-2.6-6.4L71 23l6.4-2.6z'/%3E%3Cpath d='M70 70l1.5 3.5 3.5 1.5-3.5 1.5L70 80l-1.5-3.5L65 75l3.5-1.5z'/%3E%3C/svg%3E");--mark-fill:linear-gradient(160deg, #fff, #a9bfff);background:radial-gradient(circle,#ffffffb0 0 1px,#0000 1.6px) 0 0/23px 29px,radial-gradient(circle,#ffffff5c 0 .8px,#0000 1.3px) 11px 14px/31px 37px,radial-gradient(circle at 50% 48%,#a9bfff30,#0000 55%),linear-gradient(165deg,#182656,#070b1c)}[data-back=galaxy] .card-back{--back-tint:#c9a8ff;--mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='21'/%3E%3Cellipse cx='50' cy='50' rx='46' ry='11' fill='none' stroke='black' stroke-width='5' transform='rotate(-22 50 50)'/%3E%3Ccircle cx='84' cy='20' r='3'/%3E%3Ccircle cx='16' cy='80' r='2.4'/%3E%3C/svg%3E");--mark-fill:linear-gradient(135deg, #8ff3ff, #b78dff 55%, #ff5fa8);background:radial-gradient(60% 40% at 28% 30%,#b78dff6b,#0000),radial-gradient(55% 45% at 74% 72%,#ff5fa85c,#0000),conic-gradient(from 200deg,#4fc2ff26,#0000 30%,#b78dff38 55%,#0000 80%,#4fc2ff26),#0c0718}[data-back=galaxy] .card-back:before{content:"";background:radial-gradient(circle,#fff 0 1px,#0000 1.5px) 0 0/27px 33px,radial-gradient(circle,#c9f8ff 0 .8px,#0000 1.3px) 13px 17px/41px 37px;animation:2.4s ease-in-out infinite alternate back-twinkle;inset:0}@keyframes back-twinkle{0%{opacity:.35}to{opacity:1}}[data-back=neon] .card-back{--back-tint:#ff4fd8;--frame:#ff4fd8cc;--mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cmask id='s'%3E%3Crect width='100' height='100' fill='white'/%3E%3Crect y='54' width='100' height='4' fill='black'/%3E%3Crect y='63' width='100' height='5' fill='black'/%3E%3Crect y='73' width='100' height='6' fill='black'/%3E%3C/mask%3E%3C/defs%3E%3Ccircle cx='50' cy='50' r='37' mask='url(%23s)'/%3E%3C/svg%3E");--mark-fill:linear-gradient(180deg, #ffe066, #ff7a59 48%, #ff4fd8);background:radial-gradient(80% 30% at 50% 56%,#ff4fd855,#0000 70%),linear-gradient(#14051f 0%,#2d0b40 55%,#0b0314 56% 100%)}[data-back=neon] .card-back:before{content:"";background:linear-gradient(#ff4fd8,#ff4fd8) 0 3%/100% 1.5px no-repeat,linear-gradient(#ff4fd8,#ff4fd8) 0 8%/100% 1.5px no-repeat,linear-gradient(#ff4fd8,#ff4fd8) 0 15%/100% 1.5px no-repeat,linear-gradient(#ff4fd8,#ff4fd8) 0 25%/100% 1.5px no-repeat,linear-gradient(#ff4fd8,#ff4fd8) 0 39%/100% 1.5px no-repeat,linear-gradient(#ff4fd8,#ff4fd8) 0 58%/100% 1.5px no-repeat,linear-gradient(#ff4fd8,#ff4fd8) 0 82%/100% 1.5px no-repeat,repeating-conic-gradient(at 50% 0,#4fc2ffb3 0deg .8deg,#0000 .8deg 9deg);animation:1.8s ease-in-out infinite alternate neon-pulse;inset:56% 0 0;-webkit-mask:linear-gradient(#0000,#000 35%);mask:linear-gradient(#0000,#000 35%)}@keyframes neon-pulse{0%{opacity:.55}to{opacity:.95}}[data-back=paws] .card-back{--back-tint:#ff8fc4;--mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 91C27 91 29 61 50 61S73 91 50 91Z'/%3E%3Cellipse cx='25' cy='50' rx='9' ry='11' transform='rotate(-20 25 50)'/%3E%3Cellipse cx='40' cy='31' rx='9' ry='11.5' transform='rotate(-6 40 31)'/%3E%3Cellipse cx='60' cy='31' rx='9' ry='11.5' transform='rotate(6 60 31)'/%3E%3Cellipse cx='75' cy='50' rx='9' ry='11' transform='rotate(20 75 50)'/%3E%3C/svg%3E");--mark-fill:linear-gradient(160deg, #ffd1e6, #ff8fc4);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='%23ff8fc4' fill-opacity='0.16'%3E%3Cg transform='translate(4 4) scale(0.2) rotate(-18 50 50)'%3E%3Cpath d='M50 91C27 91 29 61 50 61S73 91 50 91Z'/%3E%3Ccircle cx='25' cy='50' r='10'/%3E%3Ccircle cx='40' cy='31' r='10'/%3E%3Ccircle cx='60' cy='31' r='10'/%3E%3Ccircle cx='75' cy='50' r='10'/%3E%3C/g%3E%3Cg transform='translate(26 26) scale(0.2) rotate(16 50 50)'%3E%3Cpath d='M50 91C27 91 29 61 50 61S73 91 50 91Z'/%3E%3Ccircle cx='25' cy='50' r='10'/%3E%3Ccircle cx='40' cy='31' r='10'/%3E%3Ccircle cx='60' cy='31' r='10'/%3E%3Ccircle cx='75' cy='50' r='10'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") 0 0/48px 48px,radial-gradient(circle,#ff8fc433,#0000 60%),linear-gradient(170deg,#2b1731,#1a0f1f)}[data-back=holo] .card-back{--back-tint:#fff;--frame:#ffffffb3;--mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 4C54 36 64 46 96 50C64 54 54 64 50 96C46 64 36 54 4 50C36 46 46 36 50 4Z'/%3E%3Cpath d='M82 10c1 7 3 9 10 10-7 1-9 3-10 10-1-7-3-9-10-10 7-1 9-3 10-10z'/%3E%3C/svg%3E");--mark-fill:linear-gradient(135deg, #fff, #e0f7ff);background:linear-gradient(#0e0b1559,#0e0b1559),conic-gradient(from 210deg,#ff8fc4,#ffd766,#8ff3ff,#b78dff,#ff8fc4)}[data-back=holo] .card-back:before{content:"";background:var(--foil-stripes);opacity:.5;mix-blend-mode:screen;width:calc(100% + 800px);animation:5s linear infinite foil-sweep;top:0;bottom:0;left:-400px}.roll-btn{isolation:isolate;position:relative;overflow:hidden}.roll-btn:not(.skip):not(:disabled):before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#ffffff52,#ffffff0a);position:absolute;inset:0 0 50%}.roll-btn.skin-gold:not(.skip):not(:disabled){--accent:#ffc23d;--accent-deep:#8a5b06;color:#3a2402;text-shadow:0 1px #fff3c4b3;background:linear-gradient(#fff4c9 0%,#ffd766 28%,#e8a417 52%,#ffcf5a 78%,#c88a12 100%)}.roll-btn.skin-gold:not(.skip):not(:disabled):after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(105deg,#0000 38%,#ffffffc0 50%,#0000 62%);animation:3.4s ease-in-out infinite gold-sheen;position:absolute;inset:0;translate:-110%}@keyframes gold-sheen{0%,55%{translate:-110%}to{translate:110%}}.roll-btn.skin-ocean:not(.skip):not(:disabled){--accent:#3fd0e0;--accent-deep:#0f4f78;color:azure;text-shadow:0 1px 2px #03141c8c;background:linear-gradient(#6ae8f2 0%,#1fa3d6 55%,#1468b8 100%)}.roll-btn.skin-ocean:not(.skip):not(:disabled):after{content:"";z-index:-1;pointer-events:none;opacity:.32;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 20' preserveAspectRatio='none'%3E%3Cpath d='M0 10 Q15 2 30 10 T60 10 V20 H0Z' fill='%23ffffff'/%3E%3C/svg%3E") 0 100%/60px 100% repeat-x;height:42%;animation:2.2s linear infinite ocean-wave;position:absolute;bottom:0;left:0;right:0}@keyframes ocean-wave{to{background-position:60px 100%}}.roll-btn.skin-rainbow:not(.skip):not(:disabled){--accent:#ff5fa8;--accent-deep:#6f4bc0;color:#1a0b14;background:linear-gradient(90deg,#ff9ccb,#ffe08a,#a8f0c4,#a8e2ff,#e0ceff,#ff9ccb) 0 0/300% 100%;animation:4s linear infinite rainbow-slide}.roll-btn.skin-rainbow.ready:not(:disabled){animation:4s linear infinite rainbow-slide,1.6s ease-in-out infinite alternate btn-glow,7s ease-in-out 3s infinite btn-wiggle}@keyframes rainbow-slide{to{background-position:300% 0}}.style-row{grid-template-columns:92px 1fr;align-items:start;gap:12px;margin:10px 0 14px;display:grid}.style-label{color:var(--muted);padding-top:10px;font-size:13px}.style-options{flex-wrap:wrap;gap:8px;display:flex}.style-opt{border:1px solid var(--line);background:var(--bg-2);width:76px;color:var(--text);cursor:pointer;border-radius:12px;align-content:start;justify-items:center;gap:6px;padding:9px 4px 7px;transition:border-color .15s,background .15s,translate .15s;display:grid;position:relative}.style-opt:hover:not(:disabled){border-color:#4a3f66;translate:0 -2px}.style-opt.on{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 13%, var(--bg-2));box-shadow:inset 0 0 0 1px var(--accent)}.style-opt:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.style-opt:disabled{cursor:not-allowed;opacity:1}.style-opt.locked .swatch{filter:grayscale()brightness(.45)}.style-name{font:600 11.5px/1.15 var(--body);text-align:center}.style-opt.locked .style-name{color:var(--muted)}.style-lock{z-index:2;font:700 9.5px var(--body);color:var(--text);background:#000000c0;border-radius:99px;align-items:center;gap:2px;padding:1px 5px;display:inline-flex;position:absolute;top:5px;right:5px}.style-lock .icon{width:10px;height:10px}.swatch{flex:none;display:block}.swatch-back{width:40px;height:54px;position:relative}.swatch-back .card-back{outline-offset:-4px;border-radius:7px;outline-width:1px}.style-opt .swatch-btn{width:60px;height:26px;font:800 12px var(--display);box-shadow:0 3px 0 var(--accent-deep);border-radius:8px;place-items:center;margin:14px 0;padding:0;display:grid}.swatch-theme{width:46px;height:30px;margin:12px 0;position:relative}.swatch-theme i{border:2px solid var(--bg-2);border-radius:50%;width:30px;height:30px;position:absolute;top:0}.swatch-theme i:first-child{z-index:1;background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--accent) 55%, white), var(--accent) 62%);left:0}.swatch-theme i:last-child{background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--accent-2) 55%, white), var(--accent-2) 62%);right:0}.swatch-confetti{width:44px;height:39px;margin:8px 0 7px}@media (width<=480px){.style-row{grid-template-columns:1fr;gap:6px}.style-label{padding-top:0}.style-opt{width:70px}}[data-motion=calm] .card-back:before,[data-motion=calm] .roll-btn.skin-gold:after,[data-motion=calm] .roll-btn.skin-ocean:after{animation:none}:root{--heart:#ff4f8b}.card{touch-action:manipulation}.heart-btn{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#000000a8;border:0;border-radius:50%;place-items:center;width:32px;height:32px;padding:0;transition:transform .12s,color .12s,opacity .15s;display:grid}.heart-btn .icon{width:18px;height:18px}.heart-btn:hover{transform:scale(1.1)}.heart-btn:active{transform:scale(.9)}.heart-btn.on{color:var(--heart)}.heart-btn.on .icon{fill:currentColor}.heart-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.card-heart{z-index:3;opacity:0;position:absolute;bottom:40px;right:8px}.card:hover .card-heart,.card:focus-within .card-heart,.card-heart.on{opacity:1}@media (hover:none){.card-heart:not(.on){display:none}}.heart-pop{z-index:5;aspect-ratio:1;pointer-events:none;color:#fff;filter:drop-shadow(0 4px 18px #ff4f8bcc);width:46%;animation:.85s cubic-bezier(.2,1.4,.4,1) forwards heart-pop;position:absolute;top:50%;left:50%;translate:-50% -50%}.heart-pop .icon{width:100%;height:100%;fill:var(--heart);stroke:#fff;stroke-width:1.2px}.viewer-heart-pop{width:min(30%,180px)}@keyframes heart-pop{0%{opacity:0;scale:.2}25%{opacity:1;scale:1.15}45%{scale:.95}60%{opacity:1;scale:1}to{opacity:0;scale:1.1}}[data-motion=calm] .heart-pop{animation:.8s forwards heart-pop-calm}@keyframes heart-pop-calm{0%{opacity:0}25%,60%{opacity:1}to{opacity:0}}.fav-toggle .icon{width:16px;height:16px}.fav-toggle.on{color:var(--heart);border-color:color-mix(in srgb, var(--heart) 55%, transparent);background:color-mix(in srgb, var(--heart) 12%, var(--panel-2))}.fav-toggle.on .icon{fill:currentColor}.tab-count{min-width:18px;font:700 10.5px/18px var(--body);text-align:center;color:#fff;background:var(--heart);border-radius:99px;padding:0 5px}.favs .book-tools{flex-wrap:wrap}.favs-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-top:18px;display:grid}.fav-tile{aspect-ratio:3/4;border-radius:var(--radius);border:1px solid var(--line);background:#0a0810;position:relative;overflow:hidden}.fav-tile.shiny{border-color:#ffe39a;box-shadow:0 0 0 1px #ffe39a,0 0 18px #ffc23d66}.fav-open{cursor:zoom-in;background:0 0;border:0;padding:0;display:block;position:absolute;inset:0}.fav-open img{object-fit:cover;width:100%;height:100%;transition:scale .25s}.fav-open:hover img{scale:1.04}.fav-open:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.fav-missing{height:100%;color:var(--muted);text-align:center;place-items:center;padding:10px;font-size:12px;display:grid}.fav-cap{color:#fff;text-align:left;background:linear-gradient(#0000,#000000d0);justify-content:space-between;gap:6px;padding:22px 10px 8px;font-size:11.5px;font-weight:600;display:flex;position:absolute;inset:auto 0 0}.fav-cap span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fav-tile .card-rating{inset:8px auto auto 8px}.fav-heart{z-index:2;position:absolute;top:8px;right:8px}.favs-empty{text-align:center;max-width:340px;color:var(--muted);justify-items:center;gap:10px;margin:60px auto;display:grid}.favs-empty .icon{width:44px;height:44px;color:var(--heart)}.undo-bar{z-index:20;background:var(--panel-2);border:1px solid var(--line);border-radius:12px;align-items:center;gap:14px;padding:8px 8px 8px 16px;animation:.25s ease-out pop;display:flex;position:fixed;bottom:24px;left:50%;translate:-50%;box-shadow:0 10px 30px #000a}@media (width<=600px){.favs-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}.fav-cap{padding:16px 6px 5px;font-size:10px}.fav-cap .mono{display:none}.fav-heart{width:28px;height:28px;top:5px;right:5px}}@container hand (width<=480px){.card-heart{width:20px;height:20px;inset:4px auto auto 4px}.card-heart .icon{width:12px;height:12px}.card-score{left:auto}}@media (height<=520px) and (orientation:landscape){.card-heart{width:20px;height:20px;inset:4px auto auto 4px}.card-heart .icon{width:12px;height:12px}.card-score{left:auto}}@media (width<=480px){.tabs{gap:2px}.tab{white-space:nowrap;padding:8px 7px;font-size:13.5px}}@media (width<=380px){.tab{padding-inline:5px;font-size:13px}.tab>.icon{display:none}}.card .card-front{visibility:hidden;transition:visibility 0s linear 65ms}.card.up .card-front{visibility:visible}.card .card-back{transition:visibility linear}.card.up .card-back{visibility:hidden;transition:visibility 0s linear 65ms}.card,.fav-tile,.zoom-frame{-webkit-user-select:none;user-select:none}.card{-webkit-touch-callout:none}.age-gate{text-align:center;place-content:center;justify-items:center;gap:22px;min-height:100dvh;padding:24px;display:grid}.age-gate p{max-width:380px;color:var(--muted);margin:0;font-size:15px}.age-gate .row{justify-content:center}.age-enter{padding:12px 20px;font-size:15px}.file-btn{cursor:pointer;position:relative}.file-btn input{opacity:0;cursor:pointer;font-size:0;position:absolute;inset:0}.file-btn .icon{rotate:180deg}.import-confirm{border:1px solid color-mix(in srgb, #ff5a5a 45%, var(--line));background:color-mix(in srgb, #ff5a5a 7%, var(--panel));border-radius:12px;margin:10px 0;padding:12px 14px}.import-confirm p{margin:0 0 10px}.profile{gap:12px;display:grid}.profile .book-head{margin-bottom:4px}.section-title{margin:18px 0 0;font-size:20px}.section-sub{margin:-6px 0 0}.small{font-size:12.5px}.pcard{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);gap:10px;padding:16px 18px;display:grid}.pcard h3{margin:0;font-size:16px}.pcard p{margin:0}.pcard form.row{flex-wrap:nowrap}.pcard form.row .search{flex:1;width:auto;min-width:0}.profile-setup{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;display:grid}.profile-setup>.error-msg{grid-column:1/-1}.link-btn{color:var(--accent);font:600 13px var(--body);vertical-align:middle;background:0 0;border:0;margin-left:8px;padding:0}.small-btn{justify-self:start;padding:6px 12px;font-size:13px}.account-head{align-items:center;gap:14px;display:flex}.account-head h2{font-size:22px}.account-head form.row{flex:1}.avatar{width:48px;height:48px;color:var(--accent-ink);background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:50%;flex:none;place-items:center;display:grid}.avatar .icon{width:26px;height:26px}.sync-state{color:var(--muted);align-items:center;gap:6px;margin:2px 0 0;font-size:13px;display:flex}.sync-state .icon{flex:none;width:16px;height:16px}.sync-state.s-synced{color:var(--t-uncommon)}.sync-state.s-offline{color:var(--t-legendary)}.sync-state.s-error{color:#ff8a8a}.sync-code{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sync-code code{letter-spacing:.06em;background:var(--bg-2);border:1px solid var(--line);border-radius:8px;padding:6px 10px;font:600 15px ui-monospace,Consolas,monospace}.sync-code .btn{padding:6px 10px}.sync-code .btn .icon{width:16px;height:16px}.board-groups{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:99px;padding:6px 12px;font-weight:600}.chip.on{background:var(--panel-2);color:var(--text);border-color:color-mix(in srgb, var(--accent) 55%, var(--line))}.chip.add{border-style:dashed}.board-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.board-code{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:inline-flex}.board-code code{letter-spacing:.08em;color:var(--text);font:700 14px ui-monospace,Consolas,monospace}.board-code .icon-btn{width:30px;height:30px}.board-code .icon-btn .icon{width:15px;height:15px}.board-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.board-list li{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;align-items:center;gap:12px;padding:8px 12px;display:flex}.board-list li.you{border-color:color-mix(in srgb, var(--accent) 60%, var(--line));background:color-mix(in srgb, var(--accent) 8%, var(--bg-2))}.board-rank{text-align:center;width:28px;font:800 18px var(--display);color:var(--muted);flex:none}.board-list li.top-1 .board-rank{color:var(--t-legendary)}.board-list li.top-2 .board-rank{color:#d9dde8}.board-list li.top-3 .board-rank{color:var(--t-trash)}.board-name{overflow-wrap:anywhere;flex-direction:column;flex:1;min-width:0;font-weight:600;display:flex}.board-value{font:700 16px var(--display);font-variant-numeric:tabular-nums;flex:none}.ach-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px;display:grid}.ach{border:1px solid var(--line);background:var(--bg-2);border-radius:12px;gap:12px;padding:12px;display:flex}.ach.done{background:var(--panel);border-color:color-mix(in srgb, var(--t-legendary) 45%, var(--line))}.ach-icon{width:38px;height:38px;color:var(--muted);background:var(--panel-2);border-radius:10px;flex:none;place-items:center;display:grid}.ach-icon .icon{width:22px;height:22px}.ach.done .ach-icon,.ach-toast .ach-icon{color:#2a1c00;background:linear-gradient(135deg, #ffe08a, var(--t-legendary))}.ach-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ach-body>.muted{font-size:13px}.ach-foot{align-items:center;gap:8px;margin-top:4px;font-size:12.5px;font-weight:600;display:flex}.ach.done .ach-foot{color:var(--t-legendary)}.ach-bar{background:var(--panel-2);border-radius:99px;flex:1;max-width:120px;height:5px;overflow:hidden}.ach-bar i{border-radius:inherit;background:var(--accent);height:100%;display:block}.stat-tiles{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.tile{border:1px solid var(--line);background:var(--panel);border-radius:12px;flex-direction:column;gap:2px;padding:12px 14px;display:flex}.tile b{font:800 22px var(--display);font-variant-numeric:tabular-nums}.tile b i{color:var(--muted);font-size:15px;font-style:normal}.tile span{color:var(--muted);font-size:12.5px}.tile.rarest{border-color:color-mix(in srgb, var(--tc) 50%, var(--line));grid-column:span 2}.tile.rarest .rarest-name{color:var(--tc);font-size:19px}.tier-bars{gap:6px;display:grid}.tier-bar{grid-template-columns:84px 1fr 56px;align-items:center;gap:10px;display:grid}.tier-bar .bar{background:var(--bg-2);border-radius:99px;height:8px;overflow:hidden}.tier-bar .bar i{border-radius:inherit;background:var(--tc);height:100%;display:block}.tier-bar b{text-align:right;font-variant-numeric:tabular-nums}.seen{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.seen ol{gap:4px;margin:0;padding-left:20px;display:grid}.seen li span{text-transform:capitalize}.seen li b{float:right;font-variant-numeric:tabular-nums}.ach-toast{z-index:30;border:1px solid color-mix(in srgb, var(--t-legendary) 55%, var(--line));background:color-mix(in srgb, var(--t-legendary) 10%, var(--panel));max-width:calc(100vw - 32px);color:var(--text);box-shadow:0 12px 40px #000a, 0 0 30px color-mix(in srgb, var(--t-legendary) 25%, transparent);text-align:left;border-radius:14px;align-items:center;gap:12px;padding:10px 16px 10px 10px;animation:.45s cubic-bezier(.2,.9,.25,1.2) ach-in;display:flex;position:fixed;top:76px;left:50%;translate:-50%}.ach-toast-text{flex-direction:column;min-width:0;display:flex}.ach-toast-kicker{font:700 10.5px var(--body);text-transform:uppercase;letter-spacing:.1em;color:var(--t-legendary)}.ach-toast-text b{font:700 16px var(--display)}.ach-toast-gp{font:800 16px var(--display);color:var(--t-legendary);white-space:nowrap}@keyframes ach-in{0%{opacity:0;translate:-50% -24px;scale:.9}}[data-motion=calm] .ach-toast{animation:.2s fade}.conflict-pick{grid-template-columns:1fr 1fr;gap:10px;margin-top:6px;display:grid}.conflict-pick .btn{text-align:left;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 14px}.conflict-pick .btn span{color:var(--muted);font-size:12.5px;font-weight:500}@media (width<=480px){.pcard{padding:14px}.board .segmented{width:100%;display:flex}.board .segmented button{white-space:nowrap;flex:1;padding-inline:4px;font-size:12.5px}.stat-tiles{grid-template-columns:1fr 1fr}.tile.rarest{grid-column:1/-1}.conflict-pick{grid-template-columns:1fr}.tier-bar{grid-template-columns:76px 1fr 44px}.ach-toast{top:12px}}html,body{overflow-x:clip}.logo-mark{animation:4.5s ease-in-out infinite dice-bob}.logo-mark.rolling{animation:.55s cubic-bezier(.5,0,.5,1) infinite dice-tumble}@keyframes dice-bob{0%,to{transform:rotate(-8deg)translateY(0)}50%{transform:rotate(6deg)translateY(-2px)}}@keyframes dice-tumble{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.18)}to{transform:rotate(360deg)scale(1)}}.verdict-top{flex-wrap:wrap;align-items:center;gap:10px 12px;display:flex;position:relative}.verdict .combo{padding:3px 9px;font-size:15px;position:relative;top:auto;right:auto;rotate:-3deg}.verdict-tier.live{color:var(--tc);text-shadow:0 0 18px color-mix(in srgb, var(--tc) 45%, transparent)}.verdict-ep{align-items:baseline;gap:7px;margin-top:6px;display:flex;position:relative}.verdict-ep b{font:900 clamp(38px, 4.4vw, 56px)/1 var(--display);letter-spacing:-.025em;font-variant-numeric:tabular-nums;background:linear-gradient(#fff 30%,#ffe08a);color:#0000;filter:drop-shadow(0 2px 14px color-mix(in srgb, var(--tc,var(--accent)) 35%, transparent));-webkit-background-clip:text;background-clip:text}.verdict-ep span{font:800 17px var(--display);color:var(--muted);letter-spacing:.04em}.verdict.shown .verdict-ep b{background-image:linear-gradient(180deg, #fff 20%, color-mix(in srgb, var(--tc) 60%, #ffe08a))}.verdict-sub{margin-top:4px;font-size:13px}.verdict.slam .verdict-ep b{animation:.55s cubic-bezier(.2,1.7,.4,1) gp-slam}@keyframes gp-slam{0%{scale:1.6}to{scale:1}}.verdict-empty{gap:6px;line-height:1.5;display:grid}.verdict-pitch{font:800 18px/1.25 var(--display);color:var(--text)}.odds-ticker{flex-wrap:wrap;gap:8px;margin-top:2px;display:flex}.odds-ticker i{font:800 11px var(--body);text-transform:uppercase;letter-spacing:.08em;color:var(--tc);border:1px solid color-mix(in srgb, var(--tc) 50%, transparent);background:color-mix(in srgb, var(--tc) 10%, transparent);border-radius:99px;padding:3px 8px;font-style:normal;animation:2.2s ease-in-out infinite alternate ticker-glow}.odds-ticker i+i{animation-delay:1.1s}@keyframes ticker-glow{to{box-shadow:0 0 16px color-mix(in srgb, var(--tc) 45%, transparent)}}.tier-meter{grid-template-columns:1fr auto;align-items:center;gap:5px 10px;margin-top:10px;display:grid;position:relative}.tier-meter-bar{background:var(--bg-2);border:1px solid var(--line);border-radius:99px;grid-column:1/-1;height:10px;overflow:hidden}.tier-meter-bar i{border-radius:inherit;background:repeating-linear-gradient(115deg, color-mix(in srgb, var(--tc) 75%, #fff) 0 8px, var(--tc) 8px 16px);height:100%;box-shadow:0 0 12px color-mix(in srgb, var(--tc) 70%, transparent);background-size:37.7px 100%;transition:width .35s cubic-bezier(.2,.9,.3,1);animation:.6s linear infinite meter-run;display:block}@keyframes meter-run{to{background-position:37.7px 0}}.tier-meter-label{font:700 12px var(--body);color:var(--tc);text-transform:capitalize}.tier-meter-cards{font:700 12px var(--body);color:var(--muted)}.reached{z-index:5;pointer-events:none;white-space:nowrap;font:900 clamp(30px, 3.6vw, 46px)/1 var(--display);text-transform:uppercase;letter-spacing:.02em;color:var(--tc);-webkit-text-stroke:1.5px #0007;text-shadow:0 0 26px var(--tc), 0 4px 0 #0009;animation:1.3s cubic-bezier(.2,1.6,.4,1) forwards reached;position:absolute;top:50%;left:50%;translate:-50% -50%}@keyframes reached{0%{opacity:0;rotate:-14deg;scale:2.6}18%{opacity:1;rotate:-6deg;scale:1}75%{opacity:1;scale:1.06}to{opacity:0;scale:.9}}.emblem{color:#fff;background:radial-gradient(circle at 35% 28%, color-mix(in srgb, var(--tc) 70%, #fff), color-mix(in srgb, var(--tc) 55%, #000) 78%);width:34px;height:34px;box-shadow:0 0 0 2px color-mix(in srgb, var(--tc) 75%, #fff), 0 0 0 4px #0006, 0 4px 10px #0008;border-radius:50%;flex:none;place-items:center;display:grid}.emblem .icon{filter:drop-shadow(0 1px 1px #0008);width:19px;height:19px}.emblem.locked{color:var(--muted);background:var(--panel-2);box-shadow:0 0 0 2px var(--line)}.badge{padding-left:58px;position:relative}.badge>.emblem{position:absolute;top:50%;left:12px;translate:0 -50%}.badge.major>.emblem{width:38px;height:38px}.badge.big>.emblem{width:42px;height:42px;box-shadow:0 0 0 2px color-mix(in srgb, var(--tc) 75%, #fff), 0 0 0 4px #0006, 0 0 22px var(--tc);left:10px}.badge.big{padding-left:64px}.badge.big>.emblem:after{content:"";pointer-events:none;background:conic-gradient(from 0deg, transparent 0 70%, color-mix(in srgb, var(--tc) 80%, #fff) 85%, transparent 100%);border-radius:50%;animation:2.4s linear infinite spin;position:absolute;inset:-6px;-webkit-mask:radial-gradient(circle,#0000 62%,#000 64%);mask:radial-gradient(circle,#0000 62%,#000 64%)}.badge.t-legendary>.emblem,.badge.t-mythic>.emblem,.badge.t-cosmic>.emblem{animation:2.6s ease-in-out infinite emblem-shine}@keyframes emblem-shine{50%{filter:brightness(1.35)saturate(1.2)}}.badge.major{padding-top:12px;padding-bottom:12px}.badge:not(.major) .badge-foot{margin-top:2px}.badge.is-new{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 55%, transparent), 0 0 18px color-mix(in srgb, var(--accent) 22%, transparent)}.badge.is-new:before{content:"NEW";z-index:1;font:900 9.5px var(--body);letter-spacing:.12em;color:var(--accent-ink);background:var(--accent);border-radius:6px;padding:1px 6px;position:absolute;top:6px;left:6px;box-shadow:0 2px 6px #0009}.badge.is-new .new-tag{display:none}.chips img{width:26px;height:26px}.badge-more button{border:1px dashed color-mix(in srgb, var(--accent) 45%, var(--line));background:color-mix(in srgb, var(--accent) 5%, var(--panel));width:100%;color:var(--text);text-align:left;border-radius:12px;align-items:center;gap:10px;padding:11px 14px;display:flex}.badge-more button:hover{border-style:solid}.badge-more b{font:800 14px var(--display)}.badge-more .mono{color:var(--t-legendary);font-weight:700}.badge-more-cta{color:var(--accent);margin-left:auto;font-size:13px;font-weight:700}.badge-more.pending{border:1px dashed var(--line);color:var(--muted);border-radius:12px;justify-content:center;padding:8px;font-size:13px;display:flex}.nudges{gap:6px;margin:0;padding:0;list-style:none;display:grid}.nudge{border:1px solid var(--line);background:var(--panel);border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:4px 10px;padding:8px 12px;font-size:13px;animation:.4s cubic-bezier(.2,1.3,.4,1) backwards nudge-in;display:grid}.nudge:nth-child(2){animation-delay:80ms}.nudge:nth-child(3){animation-delay:.16s}.nudge .icon{color:var(--accent)}.nudge.ach .icon{color:var(--t-legendary)}.nudge.daily .icon{color:#ff8a3d}.nudge-text{font-weight:600}.nudge-bar{background:var(--bg-2);border-radius:99px;grid-column:2;height:5px;overflow:hidden}.nudge-bar i{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-2));height:100%;display:block}.nudge.ach .nudge-bar i{background:linear-gradient(90deg,#ffc23d,#fff0b0)}@keyframes nudge-in{0%{opacity:0;translate:0 8px}}button.botd-line{text-align:left;width:100%;color:var(--muted);background:0 0;border:0;flex-wrap:wrap;align-items:center;gap:4px 6px;padding:6px 0;display:flex}.botd-desc{color:var(--text);flex-basis:100%;font-size:12.5px}.roll-banner,.level-banner{z-index:63}.ach-toast{z-index:80}.roll-banner.mini{zoom:.72;top:18%}.overload.cosmic{background:radial-gradient(circle,#0000 0,#05010faa 60%,#000d 100%)}.blackhole{pointer-events:none;z-index:-1;background:radial-gradient(circle,#000 0 34%,#0000 35%),conic-gradient(#b78dff,#4fc2ff,#fff,#ff5fa8,#ffc23d,#b78dff);border-radius:50%;width:60vmin;height:60vmin;animation:2.7s cubic-bezier(.5,0,.8,.4) forwards blackhole-grow,1.2s linear infinite spin;position:fixed;top:50%;left:50%;translate:-50% -50%;-webkit-mask:radial-gradient(circle,#000 0 34%,#000c 40%,#0000 70%);mask:radial-gradient(circle,#000 0 34%,#000c 40%,#0000 70%)}@keyframes blackhole-grow{0%{opacity:0;scale:0}30%{opacity:1}to{opacity:1;scale:1.5}}.overload.cosmic .overload-text{color:#fff;text-shadow:0 0 30px #b78dff,0 0 60px #4fc2ff}.roll-layout.overloaded.cosmic>.hand .card{animation:2.5s cubic-bezier(.6,0,.9,.5) forwards suck-in;animation-delay:calc(var(--i) * 60ms)}@keyframes suck-in{0%{translate:0;rotate:0deg;scale:1}to{translate:var(--dx) var(--dy);opacity:0;rotate:720deg;scale:.05}}.roll-layout.overloaded.cosmic>.panel{animation:.5s steps(2,end) infinite cosmic-invert}@keyframes cosmic-invert{50%{filter:invert()hue-rotate(180deg)}}.cat-nav{z-index:6;scrollbar-width:none;background:linear-gradient(var(--bg) 75%, transparent);gap:6px;margin:-6px 0 14px;padding:10px 0;display:flex;position:sticky;top:0;overflow-x:auto}.cat-nav::-webkit-scrollbar{display:none}.cat-chip{border:1px solid var(--line);color:var(--text);background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 22%, var(--panel)) var(--pct), var(--panel) var(--pct));border-radius:99px;flex:none;align-items:center;gap:6px;padding:6px 11px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.cat-chip .icon{width:16px;height:16px;color:var(--accent)}.cat-chip .mono{color:var(--muted);font-size:11.5px}.cat-chip.done{border-color:var(--t-legendary);background:color-mix(in srgb, var(--t-legendary) 18%, var(--panel))}.cat-chip.done .icon,.cat-chip.done .mono{color:var(--t-legendary)}.book-cat h2{align-items:center;gap:8px;display:flex}.cat-icon{width:30px;height:30px;color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, var(--panel));border-radius:9px;place-items:center;display:grid}.cat-done{font:800 11px var(--body);text-transform:uppercase;letter-spacing:.08em;color:#2a1c00;background:linear-gradient(90deg,#ffc23d,#fff0b0);border-radius:99px;padding:3px 9px}.cat-progress{background:var(--panel-2);border-radius:99px;max-width:420px;height:6px;margin:-4px 0 12px;overflow:hidden}.cat-progress i{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-2));height:100%;display:block}.book-cat.complete .cat-progress i{background:linear-gradient(90deg,#ffc23d,#fff0b0)}.book-tile.got{box-shadow:0 0 0 1px color-mix(in srgb, var(--tc) 30%, transparent)}.book-tile.got.t-legendary,.book-tile.got.t-mythic,.book-tile.got.t-cosmic{box-shadow:0 0 0 1px color-mix(in srgb, var(--tc) 50%, transparent), 0 0 20px color-mix(in srgb, var(--tc) 22%, transparent)}.book-tile.locked{border-style:dashed dashed dashed solid;border-left-color:var(--line);background:var(--bg-2)}.book-tile .badge-top .emblem{width:30px;height:30px}.book-tile .badge-top .emblem .icon{width:16px;height:16px}.history-row{background:linear-gradient(90deg, color-mix(in srgb, var(--tc) 13%, var(--panel)), var(--panel) 55%);min-width:0}.history-open{min-width:0}.history-tier{font:900 16px var(--display);text-transform:uppercase;letter-spacing:.04em;color:var(--tc)}.history-row.t-legendary,.history-row.t-mythic,.history-row.t-cosmic{box-shadow:0 0 22px color-mix(in srgb, var(--tc) 22%, transparent);border-color:color-mix(in srgb, var(--tc) 40%, var(--line))}.history-row.pb{border-color:color-mix(in srgb, var(--t-legendary) 55%, var(--line))}.pb-tag{font:800 11px var(--body);text-transform:uppercase;letter-spacing:.06em;color:#2a1c00;background:linear-gradient(90deg,#ffc23d,#fff0b0);border-radius:99px;align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.pb-tag .icon{width:13px;height:13px}.hero{border:1px solid color-mix(in srgb, var(--tc,var(--accent)) 35%, var(--line));background:radial-gradient(600px 220px at 0% 0%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 70%), radial-gradient(500px 220px at 100% 100%, color-mix(in srgb, var(--tc,var(--accent-2)) 20%, transparent), transparent 70%), var(--panel);border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px 22px;padding:20px 22px;display:grid}.hero-level{--deg:0deg;background:conic-gradient(var(--accent) 0 var(--deg), var(--panel-2) var(--deg) 360deg);width:92px;height:92px;box-shadow:0 0 30px color-mix(in srgb, var(--accent) 30%, transparent);border-radius:50%;place-items:center;padding:7px;display:grid}.hero-level span{text-align:center;background:var(--bg-2);width:100%;height:100%;font:900 32px/1 var(--display);border-radius:50%;place-content:center;display:grid}.hero-level small{font:700 11px var(--body);text-transform:uppercase;letter-spacing:.12em;color:var(--muted);display:block}.hero-main{gap:6px;min-width:0;display:grid}.hero-main h2{overflow-wrap:anywhere;font-size:28px}.hero-line{color:var(--muted);margin:0}.hero-line b{color:var(--text);font-family:var(--display)}.hero-rarest{color:var(--tc);align-items:center;gap:10px;margin:0;font-weight:700;display:flex}.hero-rarest small{font:700 10.5px var(--body);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);display:block}.hero-best{justify-items:end;gap:6px;display:grid}.hero-best small{color:var(--muted);font-size:12px}.hero-best-tier{color:var(--tc);text-transform:capitalize;font-weight:800}.hero-cards{grid-template-columns:repeat(4,40px);gap:4px;display:grid}.hero-cards img{object-fit:cover;border-radius:7px;width:40px;height:40px}.ach-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.ach-head .section-sub{margin:0}.ach-overall{background:var(--panel-2);border-radius:99px;height:8px;overflow:hidden}.ach-overall i{border-radius:inherit;background:linear-gradient(90deg,#ffc23d,#fff0b0);height:100%;display:block;box-shadow:0 0 12px #ffc23d88}.age-gate{isolation:isolate;background:radial-gradient(700px 420px at 50% 30%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 70%), radial-gradient(500px 400px at 85% 90%, #b78dff26, transparent 70%), radial-gradient(500px 400px at 10% 80%, #4fc2ff1f, transparent 70%);position:relative;overflow:hidden}.gate-fan{width:300px;height:150px;margin-bottom:-10px;position:relative}.gate-card{aspect-ratio:5/7;transform-origin:50% 120%;width:82px;rotate:calc(var(--i) * 14deg);translate:calc(var(--i) * 30px) calc(var(--i) * var(--i) * 4px);background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--tc) 40%, transparent) 0 18%, transparent 19%), repeating-linear-gradient(45deg, #ffffff10 0 6px, transparent 6px 12px), linear-gradient(160deg, color-mix(in srgb, var(--tc) 60%, #1a1527), #120d1c);border:2px solid color-mix(in srgb, var(--tc) 70%, #fff);box-shadow:0 0 24px color-mix(in srgb, var(--tc) 55%, transparent), 0 10px 24px #000a;animation:.7s cubic-bezier(.2,1.3,.4,1) backwards gate-deal,3s ease-in-out infinite alternate gate-float;animation-delay:calc((var(--i) + 2) * 90ms), calc((var(--i) + 2) * .3s);border-radius:10px;margin-left:-41px;position:absolute;bottom:0;left:50%}.gate-card.t-cosmic{background:radial-gradient(circle,#fff5 0 18%,#0000 19%),conic-gradient(#b78dff,#4fc2ff,#5fe08e,#ffc23d,#ff5fa8,#b78dff)}@keyframes gate-deal{0%{opacity:0;translate:0 120px;rotate:0deg}}@keyframes gate-float{to{margin-bottom:8px}}.gate-logo .logo-mark{animation:1s cubic-bezier(.2,1.4,.4,1) backwards gate-dice,4.5s ease-in-out 1s infinite dice-bob}@keyframes gate-dice{0%{transform:rotate(-540deg)scale(.2)}}.gate-pitch{max-width:420px;font:800 20px/1.3 var(--display)!important;color:var(--text)!important}.age-enter{box-shadow:0 6px 0 var(--accent-deep), 0 10px 30px color-mix(in srgb, var(--accent) 45%, transparent);padding:13px 22px;font-size:16px;animation:1.6s ease-in-out infinite alternate btn-glow}@media (width<=640px){.app{padding-bottom:calc(86px + env(safe-area-inset-bottom))}.topbar{flex-wrap:nowrap;gap:10px;margin-bottom:14px;padding:10px 0}.logo{gap:0;font-size:0}.logo .logo-mark{width:30px;height:30px}.stats{flex-wrap:nowrap;gap:9px}.topbar .icon-btn{width:32px;height:32px}.tabs{z-index:40;width:auto;padding:6px 6px calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(12px);order:0;grid-template-columns:repeat(5,1fr);gap:2px;display:grid;position:fixed;bottom:0;left:0;right:0;overflow:visible}.tab{white-space:nowrap;border-radius:12px;flex-direction:column;justify-content:center;gap:3px;padding:6px 2px;font-size:11px;position:relative}.tab>.icon{width:22px;height:22px;display:block}.tab.on{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent)}.tab-count{min-width:16px;font-size:9.5px;line-height:16px;position:absolute;top:2px;left:calc(50% + 6px)}.undo-bar,.share-toast{bottom:calc(86px + env(safe-area-inset-bottom))}.history-open{flex-direction:column;align-items:stretch;width:100%}.thumbs{grid-template-columns:repeat(var(--n,8), 1fr);width:100%;display:grid}.thumbs img{aspect-ratio:1;width:100%;height:auto}.hero{grid-template-columns:auto 1fr;gap:14px;padding:16px}.hero-level{width:74px;height:74px;padding:6px}.hero-level span{font-size:26px}.hero-main h2{font-size:22px}.hero-best{grid-column:1/-1;justify-items:start}.hero-cards{grid-template-columns:repeat(8,1fr);width:100%}.hero-cards img{aspect-ratio:1;width:100%;height:auto}.verdict-ep b{font-size:40px}.badge{padding-left:52px}.badge>.emblem{width:32px;height:32px;left:9px}.badge.big{padding-left:56px}.badge.big>.emblem{width:36px;height:36px}.gate-fan{height:120px;transform:scale(.85)}}@media (width<=380px){.stats{gap:7px}.stats .stat:nth-child(4){display:none}.stat b{font-size:14px}.tab{font-size:10px}}@media (height<=520px) and (orientation:landscape){.roll-btn{right:max(14px, env(safe-area-inset-right));z-index:30;width:auto;min-width:190px;position:fixed;bottom:12px}.roll-btn.skip{opacity:.92}}[data-motion=calm] .logo-mark,[data-motion=calm] .logo-mark.rolling,[data-motion=calm] .odds-ticker i,[data-motion=calm] .tier-meter-bar i,[data-motion=calm] .badge.big>.emblem:after,[data-motion=calm] .badge>.emblem,[data-motion=calm] .gate-card,[data-motion=calm] .gate-logo .logo-mark,[data-motion=calm] .age-enter,[data-motion=calm] .roll-layout.overloaded.cosmic>.panel,[data-motion=calm] .blackhole,[data-motion=calm] .verdict.slam .verdict-ep b{animation:none}.modal-backdrop{z-index:85}.badge-top{flex-wrap:wrap;row-gap:3px}.badge-odds,.badge-ep,.badge-cat{white-space:nowrap}.badge-foot{flex-direction:column;align-items:flex-start;gap:6px}.chips{flex-wrap:wrap;align-items:center}.chips-more{font:700 11px var(--body);color:var(--muted);background:var(--panel-2);border-radius:6px;padding:3px 6px}.book-tile .badge-foot{flex-flow:wrap;justify-content:space-between;align-items:center}.book-tile .badge-foot>*{white-space:nowrap}.book-tile.locked .badge-name,.book-tile.locked .badge-desc{opacity:.85}.badge-list{overflow-clip-margin:14px;overflow:clip}.badge{transform-origin:20%}.shiny-tag{top:auto;bottom:40px;left:50%;translate:-50%}@container hand (width<=680px){.shiny-tag{bottom:26px;left:50%}}@container hand (width<=480px){.shiny-tag{padding:1px 5px;font-size:0;bottom:4px;left:4px;translate:none}.shiny-tag:after{content:"✦×5";font-size:9px}}.payout{color:var(--muted);flex-wrap:wrap;align-items:center;gap:5px 6px;margin-top:6px;font-size:12.5px;display:flex}.payout b{color:var(--text)}.payout i{color:var(--accent);font-style:normal;font-weight:700}.payout>span[class]{border-radius:99px;padding:2px 8px;font-size:11.5px;font-weight:800}.payout-combo{color:#1a0b14;background:linear-gradient(90deg,#ffc23d,#ff5fa8)}.payout-daily{color:#2a1c00;background:linear-gradient(90deg,#ffc23d,#fff0b0)}.payout-botd{color:var(--t-legendary);border:1px solid color-mix(in srgb, var(--t-legendary) 50%, transparent)}.verdict-sub.latest{white-space:nowrap;text-overflow:ellipsis;min-height:1.3em;font-size:13px;overflow:hidden}.verdict-sub.latest b{color:var(--text)}.badge-more-new{font:800 10.5px var(--body);text-transform:uppercase;letter-spacing:.08em;color:var(--accent-ink);background:var(--accent);border-radius:5px;padding:1px 6px}.tier-meter.close .tier-meter-bar{border-color:var(--tc);animation:.12s linear infinite alternate meter-shake}.tier-meter.close .tier-meter-bar i{filter:brightness(1.35)}.tier-meter.close .tier-meter-label{animation:.35s steps(2,end) infinite meter-blink}@keyframes meter-shake{0%{translate:-1.5px}to{translate:1.5px}}@keyframes meter-blink{50%{opacity:.55}}.hand .card .card-inner,.roll-layout>.panel{transition:filter .35s}.hand.suspense .card:not([class*=tease-]) .card-inner{filter:brightness(.38)saturate(.6)}.roll-layout:has(.hand.suspense)>.panel{filter:brightness(.6)}.verdict.t-uncommon.shown.fresh{animation:.9s ease-out uncommon-pulse}@keyframes uncommon-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--t-uncommon) 70%, transparent)}to{box-shadow:0 0 0 22px #0000}}html[data-afterglow=epic]{--afterglow:var(--t-epic)}html[data-afterglow=legendary]{--afterglow:var(--t-legendary)}html[data-afterglow=mythic]{--afterglow:var(--t-mythic)}html[data-afterglow=cosmic]{--afterglow:var(--t-cosmic,#b78dff)}html[data-afterglow] body{background:radial-gradient(1100px 620px at 50% -12%, color-mix(in srgb, var(--afterglow) 26%, transparent), transparent 70%), radial-gradient(900px 600px at 100% 110%, color-mix(in srgb, var(--afterglow) 14%, transparent), transparent 70%), radial-gradient(800px 600px at -10% 110%, color-mix(in srgb, var(--accent-2) 9%, transparent), transparent 70%), var(--bg)}html[data-afterglow=mythic] .hand,html[data-afterglow=cosmic] .hand{filter:drop-shadow(0 0 18px color-mix(in srgb, var(--afterglow) 45%, transparent))}.roll-banner.t-legendary:before{content:"";aspect-ratio:1;z-index:-1;pointer-events:none;background:repeating-conic-gradient(#ffc23d55 0 9deg, transparent 9deg 22deg);width:180%;animation:9s linear infinite rays;position:absolute;top:50%;left:50%;translate:-50% -50%;-webkit-mask:radial-gradient(circle,#000 0 25%,#0000 62%);mask:radial-gradient(circle,#000 0 25%,#0000 62%)}.roll-banner.t-cosmic.mega{background:radial-gradient(1.5px 1.5px at 12% 30%,#fff,#0000),radial-gradient(1px 1px at 28% 72%,#fff,#0000),radial-gradient(2px 2px at 45% 18%,#fff,#0000),radial-gradient(1px 1px at 62% 64%,#fff,#0000),radial-gradient(1.5px 1.5px at 80% 26%,#fff,#0000),radial-gradient(1px 1px at 90% 80%,#fff,#0000),radial-gradient(1px 1px at 6% 86%,#fff,#0000),radial-gradient(1.5px 1.5px at 72% 8%,#fff,#0000),radial-gradient(60% 90% at 30% 40%,#7a3cff66,#0000 70%),radial-gradient(60% 90% at 75% 60%,#1fa3ff55,#0000 70%),#070214ee;border-radius:40px/50%;overflow:hidden}.nudges li{list-style:none}button.nudge{text-align:left;width:100%;color:var(--text);font:inherit;cursor:pointer;font-size:13px}button.nudge:hover{border-color:color-mix(in srgb, var(--accent) 50%, var(--line))}.endless-cta{width:100%;font:800 15px var(--display);border-color:color-mix(in srgb, var(--accent) 55%, var(--line));background:color-mix(in srgb, var(--accent) 14%, var(--panel));padding:12px}@media (width>=901px){.cat-nav{flex-wrap:wrap;overflow:visible}}@media (width<=900px){.cat-nav{padding-inline:12px;-webkit-mask:linear-gradient(90deg,#0000,#000 18px calc(100% - 30px),#0000);mask:linear-gradient(90deg,#0000,#000 18px calc(100% - 30px),#0000)}}.history-meta b{font:900 20px var(--display)}.jump{flex-wrap:wrap;gap:6px;display:flex}.jump .chip{align-items:center;gap:6px;display:inline-flex}.jump .chip .icon{width:15px;height:15px;color:var(--accent)}.section-title{scroll-margin-top:16px}.medal{width:30px;height:30px;font:900 15px var(--display);color:#2a1c00;border-radius:50%;place-items:center;display:inline-grid;box-shadow:0 0 0 2px #0006,0 3px 10px #0008}.medal.m-1{background:radial-gradient(circle at 35% 30%,#fff6c4,#ffc23d 60%,#b8860b);box-shadow:0 0 0 2px #0006,0 0 18px #ffc23d99}.medal.m-2{background:radial-gradient(circle at 35% 30%,#fff,#c9d1e0 60%,#7d879a)}.medal.m-3{background:radial-gradient(circle at 35% 30%,#ffe2c4,#cd8a4a 60%,#7a4a1f)}.board-list li.top-1{border-color:color-mix(in srgb, #ffc23d 55%, var(--line));background:linear-gradient(90deg, color-mix(in srgb, #ffc23d 16%, var(--bg-2)), var(--bg-2) 70%);padding-block:14px}.board-list li.top-1 .board-name{font-size:17px}.board-list li.top-1 .board-value{color:#ffc23d;font-size:20px}.ach-toast.level{border-color:color-mix(in srgb, var(--accent) 60%, var(--line));background:color-mix(in srgb, var(--accent) 12%, var(--panel))}.ach-toast.level .ach-icon{color:var(--accent-ink);background:linear-gradient(135deg, var(--accent), var(--accent-2))}.ach-toast.level .ach-toast-kicker{color:var(--accent)}.ach-toast-text small{color:var(--muted);font-size:12px}.toggle-row input[type=checkbox]{appearance:none;background:var(--panel-2);border:1px solid var(--line);cursor:pointer;border-radius:99px;flex:none;width:44px;height:26px;margin:0;transition:background .2s;position:relative}.toggle-row input[type=checkbox]:before{content:"";background:var(--muted);border-radius:50%;width:20px;height:20px;transition:translate .2s cubic-bezier(.2,1.3,.4,1),background .2s;position:absolute;top:2px;left:2px}.toggle-row input[type=checkbox]:checked{background:var(--accent);border-color:#0000}.toggle-row input[type=checkbox]:checked:before{background:#fff;translate:18px}.modal h3{border-top:1px solid var(--line);margin-top:8px;padding-top:14px;font-size:16px}.card-heart:before,.zoom-bar button:before{content:"";position:absolute;inset:-8px}.zoom-bar button{position:relative}.gate-fan{width:360px;height:190px}.gate-card{width:92px;rotate:calc(var(--i) * 10deg);translate:calc(var(--i) * 30px) calc(var(--i) * var(--i) * 3px);--back-tint:color-mix(in srgb, var(--tc) 75%, #fff);place-items:center;margin-left:-46px;display:grid}.gate-card .card-back-mark{width:46%;filter:drop-shadow(0 0 8px var(--tc))}.gate-sparks{z-index:-1;pointer-events:none;opacity:.8;background:radial-gradient(2px 2px at 10% 20%,#fff,#0000),radial-gradient(2px 2px at 85% 30%,#ffc23d,#0000),radial-gradient(1.5px 1.5px at 30% 80%,#4fc2ff,#0000),radial-gradient(2px 2px at 70% 85%,#ff5fa8,#0000),radial-gradient(1.5px 1.5px at 50% 5%,#b78dff,#0000),radial-gradient(2px 2px at 95% 70%,#fff,#0000),radial-gradient(1.5px 1.5px at 4% 60%,#5fe08e,#0000);animation:2.4s ease-in-out infinite alternate sparks;position:absolute;inset:-60px -120px}@keyframes sparks{to{opacity:.3;scale:1.06}}@media (width<=640px){.logo{gap:7px;font-size:17px}.logo .logo-mark{width:26px;height:26px}.stats .stat:nth-child(4){display:none}.panel>.roll-btn{bottom:calc(80px + env(safe-area-inset-bottom));z-index:20;position:sticky}.gate-fan{width:300px;height:150px;scale:.8}}@media (width<=380px){.logo{gap:0;font-size:0}}@media (height<=520px) and (orientation:landscape){.roll-btn{width:100%;min-width:0;position:static}.panel>.roll-btn{z-index:20;position:sticky;bottom:10px}.topbar{flex-wrap:nowrap;gap:14px;margin-bottom:8px;padding:6px 0}.tabs{order:0;width:auto;overflow:visible}.tab{gap:0;padding:8px 10px;font-size:0}.tab>.icon{width:20px;height:20px;display:block}.roll-head{margin-bottom:8px}.roll-layout{grid-template-columns:minmax(0,46%) minmax(0,1fr);align-items:start;gap:14px}.hand{--grid-cols:var(--cols,4);position:sticky;top:8px}.verdict{padding:10px 14px}.verdict-ep b{font-size:34px}}[data-motion=calm] .tier-meter.close .tier-meter-bar,[data-motion=calm] .tier-meter.close .tier-meter-label,[data-motion=calm] .roll-banner.t-legendary:before,[data-motion=calm] .gate-sparks,[data-motion=calm] .verdict.t-uncommon.shown.fresh{animation:none}.cat-more{border:1px dashed color-mix(in srgb, var(--accent) 40%, var(--line));width:100%;color:var(--accent);background:0 0;border-radius:12px;margin-top:10px;padding:10px;font-weight:700;display:block}.cat-more:hover{background:color-mix(in srgb, var(--accent) 6%, transparent);border-style:solid}*{scrollbar-width:thin;scrollbar-color:#3a3150 transparent}.boot-deal{width:120px;height:70px;position:relative}.boot-deal span{transform-origin:50% 130%;background:linear-gradient(160deg, color-mix(in srgb, var(--accent) 70%, #1a1527), #120d1c);border:2px solid color-mix(in srgb, var(--accent) 70%, #fff);width:38px;height:54px;box-shadow:0 0 16px color-mix(in srgb, var(--accent) 50%, transparent);animation:1.4s cubic-bezier(.3,1.3,.4,1) infinite alternate boot-fan;animation-delay:calc(var(--i) * 80ms);border-radius:7px;margin-left:-19px;position:absolute;bottom:0;left:50%}@keyframes boot-fan{0%{translate:0;rotate:0deg}to{rotate:calc((var(--i) - 1.5) * 16deg);translate:calc((var(--i) - 1.5) * 14px) 0}}.alert-banner{border:1px solid color-mix(in srgb, #ff8a8a 50%, var(--line));background:color-mix(in srgb, #ff5a5a 12%, var(--panel));color:#ffd0d0;border-radius:12px;align-items:center;gap:10px;margin-bottom:14px;padding:10px 12px 10px 14px;font-size:13.5px;font-weight:600;display:flex}.alert-banner .icon{color:#ff8a8a}.alert-banner .btn{flex:none;margin-left:auto}.roll-fab{left:50%;bottom:calc(18px + env(safe-area-inset-bottom));z-index:45;min-width:180px;font:800 17px var(--display);color:var(--accent-ink);background:var(--accent);box-shadow:0 6px 0 var(--accent-deep), 0 10px 34px color-mix(in srgb, var(--accent) 55%, transparent);border:0;border-radius:99px;padding:13px 26px;animation:.35s cubic-bezier(.2,1.4,.4,1) fab-in,1.6s ease-in-out .4s infinite alternate btn-glow;position:fixed;translate:-50%}.roll-fab .icon{width:20px;height:20px}@keyframes fab-in{0%{opacity:0;translate:-50% 40px}}@media (width<=640px){.roll-fab{bottom:calc(84px + env(safe-area-inset-bottom))}}.card-score.hot{background:linear-gradient(90deg,#3a2400e8,#1a1000e8);padding:4px 10px;font-size:12.5px;box-shadow:0 0 0 1.5px #ffc23d,0 0 16px #ffc23d88}.card-score.hot b{color:#ffd766;text-shadow:0 0 8px #ffc23d}.card-score.low{opacity:.72}.card-score.low b{color:#cfd4df}.card-front img.card-fill{object-fit:cover;filter:blur(14px)brightness(.55)saturate(1.3);position:absolute;inset:0;scale:1.15}.card-front img.whole{object-fit:contain;position:relative}.verdict.shown .verdict-tier,.verdict-tier.live{filter:drop-shadow(0 2px 0 #000c) drop-shadow(0 0 14px color-mix(in srgb, var(--tc) 40%, transparent))}.payout-plain{color:var(--text);background:var(--panel-2);border:1px solid var(--line);font-weight:700!important}.roll-layout>.panel{z-index:56;position:relative}.badge-more button{grid-template-columns:1fr auto;align-items:center;gap:2px 12px;display:grid}.badge-more-sub{grid-column:1;align-items:center;gap:8px;display:inline-flex}.badge-more-cta{grid-area:1/2/span 2}.fx-rainbow{mix-blend-mode:color}.roll-banner-kicker{font:900 clamp(13px, 1.6vw, 20px) var(--body);text-transform:uppercase;letter-spacing:.4em;color:var(--tc);text-shadow:0 0 14px var(--tc)}.roll-banner.mega{animation-duration:6.8s,.8s}.roll-banner.mega.t-cosmic{animation-duration:9.7s,1.2s}.roll-banner.mega.t-mythic{animation-name:banner-mega,mythic-border}@keyframes mythic-border{0%,to{border-color:#ff5fa8}50%{border-color:#ffc23d}}.roll-banner.mega.t-cosmic{border-inline-width:0;border-radius:0;width:100vw;max-width:100vw;padding-inline:12px}.roll-banner.t-cosmic.mega .banner-letter{animation-name:cosmic-letter,letter-wave}@keyframes cosmic-letter{0%{opacity:0;filter:blur(12px);scale:3}60%{opacity:1;filter:none;scale:.92}to{scale:1}}.roll-banner.t-epic:before{content:"";aspect-ratio:1;z-index:-1;pointer-events:none;background:repeating-conic-gradient(#b78dff66 0 4deg, transparent 4deg 30deg);width:150%;animation:.7s ease-in-out infinite alternate epic-burst;position:absolute;top:50%;left:50%;translate:-50% -50%;-webkit-mask:radial-gradient(circle,#000 0 20%,#0000 60%);mask:radial-gradient(circle,#000 0 20%,#0000 60%)}@keyframes epic-burst{0%{rotate:0deg;scale:.9}to{rotate:8deg;scale:1.12}}.badge.t-legendary,.badge.t-mythic,.badge.t-cosmic{border:2px solid #0000;background:linear-gradient(90deg, color-mix(in srgb, var(--tc) 12%, var(--panel)), var(--panel) 60%) padding-box, var(--row-border) border-box;background-size:100% 100%,300% 100%;border-left-width:3px;animation:.6s cubic-bezier(.2,1.5,.4,1) big-in,3s linear infinite row-border}.badge.t-legendary{--row-border:linear-gradient(90deg, #ffc23d, #fff3c4, #c8901a, #ffc23d, #fff3c4)}.badge.t-mythic{--row-border:linear-gradient(90deg, #ff5fa8, #ffc23d, #5fe08e, #4fc2ff, #b78dff, #ff5fa8)}.badge.t-cosmic{--row-border:linear-gradient(90deg, #8ff3ff, #b78dff, #fff, #4fc2ff, #8ff3ff)}@keyframes row-border{to{background-position:0 0,300% 0}}.card.tease-hot .card-back{box-shadow:0 0 0 3px var(--tc), 0 0 34px var(--tc)}.stat b{white-space:nowrap}.num-short{display:none}@media (width<=640px){.num-full{display:none}.num-short{display:inline}}@media (width<=380px){.logo{gap:5px;font-size:14px}.logo .logo-mark{width:22px;height:22px}}.book-title{align-items:center;gap:16px;display:flex}.book-ring{--deg:0deg;background:conic-gradient(var(--accent) 0 var(--deg), var(--panel-2) var(--deg) 360deg);width:78px;height:78px;box-shadow:0 0 26px color-mix(in srgb, var(--accent) 28%, transparent);border-radius:50%;flex:none;padding:6px}.book-ring span{background:var(--bg-2);border-radius:50%;place-items:center;width:100%;height:100%;display:grid}.book-ring b{font:900 21px var(--display)}.book-count{color:var(--text);font-family:var(--display);font-size:17px}.book-cat{scroll-margin-top:112px}@media (width<=900px){.book-cat{scroll-margin-top:74px}}.book-tile.locked .tier-pill{opacity:1}.book-tile.got.t-legendary,.book-tile.got.t-mythic,.book-tile.got.t-cosmic{position:relative;overflow:hidden}.book-tile.got.t-legendary:after,.book-tile.got.t-mythic:after,.book-tile.got.t-cosmic:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 40%,#ffffff26 50%,#0000 60%) 0 0/250% 100%;animation:3.4s ease-in-out infinite tile-shine;position:absolute;inset:0}@keyframes tile-shine{0%{background-position:150% 0}60%,to{background-position:-100% 0}}.history-tier{color:var(--tc);background:color-mix(in srgb, var(--tc) 14%, transparent);border:1px solid color-mix(in srgb, var(--tc) 55%, transparent);border-radius:99px;padding:2px 10px;font-size:13px}.history-row.t-mythic,.history-row.t-cosmic{animation:4s linear infinite row-hue}@keyframes row-hue{50%{box-shadow:0 0 30px color-mix(in srgb, var(--tc) 40%, transparent);border-color:var(--tc)}}.favs-strip{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.favs-count{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:99px;padding:4px 11px;font-size:12.5px}.favs-count b{color:var(--text);font-family:var(--display)}.favs-count.r-q b{color:var(--t-legendary)}.favs-count.r-e b{color:#ff7a7a}.favs-count.shiny b{background:linear-gradient(90deg,#ff9ccb,#ffe08a,#a8f0c4,#a8e2ff);color:#0000;-webkit-background-clip:text;background-clip:text}.favs-more,.favs-empty .btn{justify-content:center;align-items:center;gap:8px;display:inline-flex}.favs-more{border:1px dashed color-mix(in srgb, var(--heart) 50%, var(--line));background:color-mix(in srgb, var(--heart) 6%, transparent);width:100%;color:var(--heart);font:800 15px var(--display);border-radius:14px;margin-top:16px;padding:14px}@media (width<=640px){.favs-grid{grid-template-columns:repeat(2,1fr)}}.modal-head{z-index:3;background:var(--panel);border-bottom:1px solid var(--line);margin:-20px -22px 0;padding:16px 22px 10px;position:sticky;top:-20px}.ach:not(.done) .ach-icon[class*=t-]{color:var(--tc);background:color-mix(in srgb, var(--tc) 14%, var(--panel-2))}.ach.done .ach-icon[class*=t-]{color:#120d1c;background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--tc) 50%, #fff), var(--tc))}.gate-logo{background:linear-gradient(90deg,#fff,#ff9ccb,#ffe08a,#8ff3ff,#fff) 0 0/300% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite shimmer}.gate-card{animation:.7s cubic-bezier(.2,1.3,.4,1) backwards gate-deal,3s ease-in-out infinite alternate gate-float,4.5s ease-in-out infinite gate-hop;animation-delay:calc((var(--i) + 2) * 90ms), calc((var(--i) + 2) * .3s), calc(2s + (var(--i) + 4) * .12s)}@keyframes gate-hop{0%,84%,to{margin-bottom:0}90%{margin-bottom:26px}}[data-motion=calm] .roll-fab,[data-motion=calm] .badge.t-legendary,[data-motion=calm] .badge.t-mythic,[data-motion=calm] .badge.t-cosmic,[data-motion=calm] .roll-banner.t-epic:before,[data-motion=calm] .history-row.t-mythic,[data-motion=calm] .history-row.t-cosmic,[data-motion=calm] .book-tile.got:after,[data-motion=calm] .gate-logo,[data-motion=calm] .gate-card,[data-motion=calm] .boot-deal span{animation:none}@media (width<=640px){.tabs{z-index:70}}.roll-fab{z-index:72}.card-pop{margin-top:calc(var(--n,0) * -30px)}.roll-layout.overloaded.cosmic>.hand .card,.roll-layout.overloaded.cosmic>.panel{animation-play-state:running!important}.badge-top{flex-wrap:nowrap;align-items:flex-start}.badge-tags{flex-wrap:wrap;flex:1;align-items:center;gap:3px 8px;min-width:0;display:flex}.badge{cursor:pointer}.verdict-top{grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.verdict .combo{transform-origin:100%;justify-self:end}.verdict-best{background:color-mix(in srgb, var(--tc) 12%, var(--bg-2));border:1px solid color-mix(in srgb, var(--tc) 45%, var(--line));border-radius:12px;align-items:center;gap:10px;margin-top:10px;padding:8px 10px;display:flex;position:relative}.verdict-best .emblem{width:32px;height:32px}.verdict-best span{min-width:0;display:grid}.verdict-best small{font:700 10.5px var(--body);text-transform:uppercase;letter-spacing:.1em;color:var(--tc)}.verdict-best span b{font:800 15px var(--display);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.verdict-best-ep{font:900 16px var(--display);color:var(--tc);white-space:nowrap;margin-left:auto}.sum{margin-top:8px;font-size:13px;position:relative}.sum summary{cursor:pointer;color:var(--muted);font-weight:600;list-style:none}.sum summary:before{content:"▸ ";color:var(--accent)}.sum[open] summary:before{content:"▾ "}.sum table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin-top:6px}.sum td{color:var(--muted);padding:3px 0}.sum td+td{text-align:right;color:var(--text);font-weight:700}.sum .sum-total td{border-top:1px solid var(--line);color:var(--text);font:800 15px var(--display);padding-top:6px}.roll-banner:not(.mega) .roll-banner-kicker{letter-spacing:.3em;font-size:12px}.roll-banner.mega.t-mythic{box-shadow:none;background:radial-gradient(#2a0c28f0 0 34%,#2a0c2899 56%,#0000 76%);border-color:#0000;animation:6.8s cubic-bezier(.2,1.3,.4,1) forwards banner-mega}.roll-banner.mega.t-mythic .roll-banner-tier{filter:drop-shadow(0 4px #000a)drop-shadow(0 0 30px #ff5fa8aa)}[data-motion=calm] .roll-banner.mega.t-mythic{animation:6.8s forwards banner-calm}[data-motion=calm] .roll-banner.mega.t-cosmic{animation:9.7s forwards banner-calm}.share-toast{z-index:75}.hand.idle .card .card-back{animation:5.6s ease-in-out infinite idle-peek;animation-delay:calc(var(--i) * .7s)}@keyframes idle-peek{0%,80%,to{box-shadow:none}88%{box-shadow:0 0 0 2px var(--accent), 0 0 30px color-mix(in srgb, var(--accent) 70%, transparent)}}.logo{background:linear-gradient(90deg, #fff 40%, color-mix(in srgb, var(--accent) 70%, #fff));color:#0000;-webkit-background-clip:text;background-clip:text}html[data-afterglow=mythic] .logo,html[data-afterglow=cosmic] .logo{background-image:linear-gradient(90deg,#fff,#ff9ccb,#ffe08a,#8ff3ff,#fff);background-size:300% 100%;animation:4s linear infinite shimmer}.gate-fan{margin-bottom:8px}.topbar .icon-btn{position:relative}.topbar .icon-btn:before{content:"";position:absolute;inset:-6px}@media (width<=350px){.stats .stat:nth-child(3),.stats .icon-btn[title=Mute],.stats .icon-btn[title=Unmute]{display:none}}.profile-tabs{scrollbar-width:none;gap:6px;padding:2px;display:flex;overflow-x:auto}.profile-tabs::-webkit-scrollbar{display:none}.profile-tabs button{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:12px;flex:none;align-items:center;gap:7px;padding:9px 14px;font-weight:700;display:inline-flex;position:relative}.profile-tabs button .icon{width:17px;height:17px}.profile-tabs button.on{color:var(--text);border-color:color-mix(in srgb, var(--accent) 60%, var(--line));background:color-mix(in srgb, var(--accent) 14%, var(--panel));box-shadow:0 0 18px color-mix(in srgb, var(--accent) 22%, transparent)}.profile-tabs button.on .icon{color:var(--accent)}.profile-tabs .tab-count{background:var(--t-legendary);color:#2a1c00;position:static}.board-locked{justify-items:start}.next-unlock{border:1px dashed color-mix(in srgb, var(--accent) 50%, var(--line));background:color-mix(in srgb, var(--accent) 6%, var(--bg-2));border-radius:12px;align-items:center;gap:12px;margin:6px 0 12px;padding:10px 12px;display:flex}.next-unlock span{display:grid}.next-unlock small{font:700 10.5px var(--body);text-transform:uppercase;letter-spacing:.1em;color:var(--accent)}.next-unlock b{font:800 15px var(--display)}.next-unlock .swatch{flex:none}.history-empty{text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:16px;justify-items:center;gap:10px;padding:40px 16px;display:grid}.history-empty>.icon{width:34px;height:34px;color:var(--accent)}.history-empty p{max-width:340px;margin:0}[data-accent=mint]{--accent:#4ff0c0;--accent-2:#a6ff6a;--accent-deep:#1f9a74;--accent-ink:#03170f}[data-accent=sunset]{--accent:#ff7a59;--accent-2:#ffcf5c;--accent-deep:#b4432a;--accent-ink:#1c0904}[data-accent=ice]{--accent:#a8e8ff;--accent-2:#c9b8ff;--accent-deep:#5b9bb8;--accent-ink:#061420}[data-accent=neon]{--accent:#d6ff3a;--accent-2:#ff3ad6;--accent-deep:#8aa31a;--accent-ink:#141a02}[data-accent=void]{--accent:#fff;--accent-2:#8a5cff;--accent-deep:#8a86a0;--accent-ink:#0b0814}.roll-btn.skin-lava:not(.skip):not(:disabled){--accent:#ff6a2a;--accent-deep:#8f2307;color:#1c0702;background:radial-gradient(circle at 30% 120%,#ffe14d 0 18%,#0000 40%) 0 0/200% 100%,radial-gradient(circle at 75% 130%,#ffb02e 0 15%,#0000 38%) 0 0/200% 100%,linear-gradient(#ff8a3d,#e8361a) 0 0/100% 100%;animation:3s ease-in-out infinite alternate lava-flow}@keyframes lava-flow{to{background-position:100% 0,0 0,0 0}}.roll-btn.skin-galaxy:not(.skip):not(:disabled){--accent:#9b6bff;--accent-deep:#3a1f8f;color:#fff;background:radial-gradient(1.5px 1.5px at 15% 30%,#fff,#0000),radial-gradient(1px 1px at 40% 70%,#fff,#0000),radial-gradient(1.5px 1.5px at 70% 25%,#fff,#0000),radial-gradient(1px 1px at 88% 65%,#fff,#0000),radial-gradient(60% 120% at 25%,#ff5fd8aa,#0000 70%),radial-gradient(60% 120% at 80%,#4fc2ffaa,#0000 70%),#2a145e}.roll-btn.skin-lava.ready:not(:disabled){animation:3s ease-in-out infinite alternate lava-flow,1.6s ease-in-out infinite alternate btn-glow,7s ease-in-out 3s infinite btn-wiggle}[data-motion=calm] .hand.idle .card .card-back,[data-motion=calm] .roll-btn.skin-lava,[data-motion=calm] .roll-btn.skin-lava.ready,html[data-motion=calm][data-afterglow] .logo{animation:none}@media (width<=480px){.board-list li.top-1 .board-value,.board-value{font-size:15px}.board-name{flex:45%}.profile-tabs{-webkit-mask:linear-gradient(90deg,#000 calc(100% - 36px),#0000);mask:linear-gradient(90deg,#000 calc(100% - 36px),#0000)}}.verdict-top{flex-wrap:wrap;align-items:center;gap:6px 12px;display:flex}.verdict .combo{margin-left:auto}html:has(.modal-backdrop) .fx-canvas{z-index:90}.roll-view:has(.roll-fab) .panel{padding-bottom:80px}@media (height<=520px) and (orientation:landscape){.panel>.roll-btn{position:static}}.shiny-glint{opacity:.22}.tier-meter-bar{height:14px}.card-pop.award{background:color-mix(in srgb, var(--tc) 22%, #0b0812f2);border-width:1.5px}.nudges.more{margin-top:2px}.ach-next{border:1px solid color-mix(in srgb, var(--t-legendary) 50%, var(--line));background:radial-gradient(400px 120px at 0% 0%, #ffc23d1f, transparent 70%), var(--panel);border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px 12px;padding:14px;display:grid}.ach-next .ach-icon{color:#2a1c00;background:linear-gradient(135deg, #ffe08a, var(--t-legendary));width:44px;height:44px}.ach-next-text{min-width:0;display:grid}.ach-next-text small{font:700 10.5px var(--body);text-transform:uppercase;letter-spacing:.1em;color:var(--t-legendary)}.ach-next-text b{font:800 17px var(--display)}.ach-next-prize{color:var(--t-legendary);justify-items:end;display:grid}.ach-next-prize b{font:900 20px var(--display)}.ach-next-prize small{font-size:11px;font-weight:700}.ach-next .ach-bar{grid-column:1/-1;max-width:none;height:7px}.fav-open img.whole{object-fit:contain;background:#0b0812}.fav-shiny{z-index:2;font:900 10px var(--display);text-transform:uppercase;color:#1a1205;background:linear-gradient(90deg,#ff9ccb,#ffe08a,#a8f0c4,#a8e2ff,#e0ceff);border-radius:99px;padding:2px 8px;position:absolute;bottom:34px;left:8px;box-shadow:0 2px 8px #0008}