:root{--bg:#0e1626;--surface:#18233a;--border-color:#26334f;--text:#e8ecf4;--muted:#8c9ab3;--accent:#d4a73c;--accent-text:#1a1306;--danger:#f07a7a;--limit-red:#e03a3a;--limit-yellow:#f2c230;--limit-mark:#fff;--limit-mark-dark:#1a1306;--limit-size:16px;--n:#8c9ab3;--r:#5fa8e8;--sr:#e8c25f;--ur:#f07acb;--glow-sr:0 0 8px #e8c25f88;--glow-ur:0 0 12px #f07acbaa;--card-bg:#1d2a44;--card-art:linear-gradient(135deg, #2c3d62, #16213a);--card-back:repeating-linear-gradient(45deg, #3a2a12 0 6px, #2a1d0b 6px 12px);--pack-art:linear-gradient(160deg, #d4a73c, #5a3d0e);--pack-art-secret:linear-gradient(160deg, #7a5fd0, #241a4a);--pack-label-bg:#0e1626cc;--name-bar:#0e1626d9;--wheel-a:#d4a73c;--wheel-b:#a48df0;--spin-time:3s;--edge-plain:linear-gradient(#4a5878, #4a5878);--edge-sr:linear-gradient(#e8c25f, #e8c25f);--edge-ur:linear-gradient(135deg, #f07acb, #e8c25f, #6fe0a0, #5fa8e8, #b07af0);--font:"Segoe UI", system-ui, sans-serif;--fs-title:20px;--fs-body:15px;--fs-small:12px;--fs-card:10px;--sp-1:4px;--sp-2:8px;--sp-3:14px;--sp-4:24px;--radius:6px;--card-radius:5px;--flip-time:.35s;--key-size:16px;--key-fly-size:30px;--key-time:.9s;--key-rise:-48px;--zoom-width:640px;--zoom-art-width:260px;--zoom-backdrop:#050a14cc}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--fs-body);margin:0}button{font:inherit;color:inherit}.app{max-width:1100px;padding:var(--sp-3);margin:0 auto}.top{margin-bottom:var(--sp-3);justify-content:space-between;align-items:center;display:flex}.top-actions{gap:var(--sp-3);flex-wrap:wrap;align-items:center;display:flex}.title{font-size:var(--fs-title);letter-spacing:.06em;margin:0;font-weight:700}.muted{color:var(--muted);font-size:var(--fs-small)}.credits{margin-top:var(--sp-3);padding-top:var(--sp-2);border-top:1px solid var(--border-color);display:block}.tabs{gap:var(--sp-1);margin-bottom:var(--sp-3);flex-wrap:wrap;display:flex}.tab{cursor:pointer;padding:var(--sp-1) var(--sp-2);border-radius:var(--radius);font-size:var(--fs-small);background:var(--surface);color:var(--muted);border:0}.tab[aria-selected=true],.tab[aria-pressed=true]{background:var(--accent);color:var(--accent-text)}.btn{border:1px solid var(--accent);cursor:pointer;padding:var(--sp-1) var(--sp-3);border-radius:var(--radius);background:var(--accent);color:var(--accent-text);font-weight:600;font-size:var(--fs-small)}.btn.secondary{color:var(--accent);background:0 0}.btn:disabled{opacity:.5;cursor:default}.link{cursor:pointer;color:var(--accent);font-size:var(--fs-small);background:0 0;border:0;padding:0}.panel{gap:var(--sp-3);background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius);padding:var(--sp-3);margin-bottom:var(--sp-3);align-items:center;display:flex}.pack-name{font-weight:700;font-size:var(--fs-body);margin:0}.btns{gap:var(--sp-2);margin-top:var(--sp-2);display:flex}.notice{color:var(--accent);font-size:var(--fs-small);margin-bottom:var(--sp-2)}.pull-label{color:var(--text)}.pull-head{margin-bottom:var(--sp-2);justify-content:space-between;align-items:center;display:flex}.pack-row{gap:var(--sp-2);margin-bottom:var(--sp-3);grid-template-columns:repeat(8,1fr);display:grid}@media (width<=700px){.pack-row{grid-template-columns:repeat(4,1fr)}}.card{cursor:pointer;aspect-ratio:59/86;perspective:600px;background:0 0;border:0;min-width:0;padding:0;position:relative}.card-inner{width:100%;height:100%;transition:transform var(--flip-time);transform-style:preserve-3d;display:block;position:relative;transform:rotateY(180deg)}.card.up .card-inner{transform:none}.face{border-radius:var(--card-radius);backface-visibility:hidden;position:absolute;inset:0}.back{background:var(--card-back) padding-box, var(--edge) border-box;box-shadow:var(--edge-glow);border:2px solid #0000;transform:rotateY(180deg)}.front{background:var(--card-bg);border:2px solid var(--r-color);box-shadow:var(--r-glow);padding:var(--sp-1);font-size:var(--fs-card);text-align:left;flex-direction:column;justify-content:flex-end;display:flex;overflow:hidden}.front .art{background:var(--card-art);border-radius:3px;position:absolute;inset:18px 6px 34px}.front .photo{object-fit:cover;border-radius:0;width:100%;height:100%;inset:0}.front .name{overflow-wrap:anywhere;line-height:1.15;position:relative}.front .photo~.name{background:var(--name-bar);margin:0 calc(-1 * var(--sp-1)) calc(-1 * var(--sp-1));padding:2px var(--sp-1)}.chip{background:var(--r-color);color:var(--bg);border-radius:3px;padding:1px 4px;font-size:9px;font-weight:800;position:absolute;top:3px;left:3px}.new{text-align:center;letter-spacing:.06em;color:var(--accent);font-size:9px;font-weight:800;line-height:12px;position:absolute;bottom:100%;left:0;right:0}.pulls .pack-row{row-gap:var(--sp-3);padding-top:var(--sp-2)}.limit-icon{width:var(--limit-size);height:var(--limit-size);position:absolute;top:18px;left:3px}.limit-icon .limit-disc{fill:var(--limit-red);stroke:var(--limit-mark);stroke-width:1.2px}.limit-icon.forbidden .limit-disc{fill:var(--limit-mark);stroke:var(--limit-red);stroke-width:2.2px}.limit-icon .limit-slash{stroke:var(--limit-red);stroke-width:2.2px}.limit-icon .limit-num{fill:none;stroke:var(--limit-mark);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.limit-icon.semiLimited .limit-disc{fill:var(--limit-yellow)}.limit-icon.semiLimited .limit-num{stroke:var(--limit-mark-dark)}.picker-row .limit-icon,.prehit-list .limit-icon{vertical-align:middle;position:static}.N{--r-color:var(--n);--r-glow:none}.R{--r-color:var(--r);--r-glow:none}.SR{--r-color:var(--sr);--r-glow:var(--glow-sr)}.UR{--r-color:var(--ur);--r-glow:var(--glow-ur)}@media (prefers-reduced-motion:reduce){.card-inner{transition:none}}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[data-tier=plain]{--edge:var(--edge-plain);--edge-glow:none}[data-tier=sr]{--edge:var(--edge-sr);--edge-glow:var(--glow-sr)}[data-tier=ur]{--edge:var(--edge-ur);--edge-glow:var(--glow-ur)}.pack{justify-content:center;align-items:center;gap:var(--sp-2);aspect-ratio:64/88;border-radius:var(--radius);background:var(--pack-art) padding-box, var(--edge) border-box;box-shadow:var(--edge-glow);border:2px solid #0000;flex-direction:column;display:flex;overflow:hidden}.pack.secret{background:var(--pack-art-secret) padding-box, var(--edge) border-box}.pack.small{flex:none;width:64px}.pack-emblem{font-size:var(--fs-title);color:var(--accent-text)}.pack.secret .pack-emblem{color:var(--sr)}.pack-label{width:100%;padding:2px var(--sp-1);background:var(--pack-label-bg);color:var(--accent);font-size:var(--fs-card);text-transform:uppercase;text-align:center;overflow-wrap:anywhere;font-weight:700;line-height:1.15}.pack.small .pack-label{display:none}.pack-spread{justify-content:center;gap:var(--sp-2);width:100%;padding:var(--sp-3) 0;cursor:pointer;background:0 0;border:0;flex-wrap:wrap;display:flex}.pack-spread .pack{width:calc((100% - 4 * var(--sp-2)) / 5);max-width:120px}.secret-info{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius);padding:var(--sp-3);margin-bottom:var(--sp-3)}.splash{border-radius:var(--radius);aspect-ratio:16/7;background:var(--card-art);margin-bottom:var(--sp-3);position:relative;overflow:hidden}.splash-art{position:absolute;inset:0;overflow:hidden}.key-art{object-fit:cover;object-position:center 30%;background:var(--card-art);width:100%;height:100%;position:absolute;inset:0}.key-art.framed{width:131.2%;height:auto;inset:50% auto auto -15.6%;transform:translateY(-44.2%)}.splash-desc{padding:var(--sp-2) var(--sp-3);background:var(--name-bar);font-size:var(--fs-small);white-space:pre-line;margin:0;line-height:1.4;position:absolute;bottom:0;left:0;right:0}.section-title{font-size:var(--fs-small);color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 var(--sp-2)}.secret-info .card{cursor:default}.contents{margin-top:var(--sp-3)}.contents-group{margin-top:var(--sp-2)}.contents-head{margin:0 0 var(--sp-1);font-size:var(--fs-small);align-items:center;gap:var(--sp-2);display:flex;position:relative}.contents-head .chip{position:static}.contents-list{columns:2 180px;column-gap:var(--sp-3);font-size:var(--fs-small);margin:0;padding:0;list-style:none}.contents-list li{break-inside:avoid;padding:1px 0}@media (width<=600px){.splash{aspect-ratio:4/3}}.filters{gap:var(--sp-2) var(--sp-3);margin-bottom:var(--sp-2);flex-wrap:wrap;align-items:center;display:flex}.field{font:inherit;font-size:var(--fs-small);color:var(--text);background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius);padding:var(--sp-1) var(--sp-2);max-width:100%}.field.num{width:5em}.filters input[type=search]{flex:160px}.filters select{max-width:180px}.filter-group{gap:var(--sp-1);margin-bottom:var(--sp-2);flex-wrap:wrap;align-items:center;display:flex}.filters .filter-group{margin-bottom:0}.filter-label{color:var(--muted);font-size:var(--fs-small);margin-right:var(--sp-1)}.more-filters{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius);padding:var(--sp-2) var(--sp-3);margin-bottom:var(--sp-2)}.more-filters summary{cursor:pointer;color:var(--accent);font-size:var(--fs-small)}.more-filters[open] summary{margin-bottom:var(--sp-2)}.ranges{gap:var(--sp-2) var(--sp-3);margin-bottom:var(--sp-2);flex-wrap:wrap;display:flex}.range{gap:var(--sp-1);align-items:center;display:flex}.arrows{grid-template-columns:repeat(3,28px);gap:2px;display:grid}.arrows .tab{padding:2px 0}.collection-summary{margin:var(--sp-2) 0}.collection .card:not(button){cursor:default}.count{background:var(--name-bar);color:var(--accent);border-radius:3px;padding:0 4px;font-size:10px;font-weight:800;position:absolute;top:3px;right:3px}.deck-builder{gap:var(--sp-3);grid-template-columns:minmax(260px,340px) 1fr;align-items:start;display:grid}@media (width<=800px){.deck-builder{grid-template-columns:1fr}}.deck-panel{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius);padding:var(--sp-3);min-width:0}.deck-pick{min-width:0}.deck-head{justify-content:space-between;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-2);flex-wrap:wrap;display:flex}.deck-ok{color:var(--accent);font-size:var(--fs-small);margin:0 0 var(--sp-2)}.deck-problems{margin:0 0 var(--sp-2);padding-left:var(--sp-3);color:var(--ur);font-size:var(--fs-small)}.zone{margin-bottom:var(--sp-3)}.zone-list{margin:0;padding:0;list-style:none}.zone-row{align-items:center;gap:var(--sp-2);font-size:var(--fs-small);margin-bottom:2px;display:flex}.zone-card{align-items:center;gap:var(--sp-2);border-radius:var(--radius);background:var(--card-bg);min-width:0;padding:2px var(--sp-2);cursor:pointer;text-align:left;font-size:var(--fs-small);border:0;flex:1;display:flex}.zone-card .chip{position:static}.zone-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.zone-count{color:var(--muted)}.deck-actions{flex-wrap:wrap;align-items:center}.file-btn{align-items:center;display:inline-flex}.deck-grid{grid-template-columns:repeat(6,1fr)}@media (width<=700px){.deck-grid{grid-template-columns:repeat(4,1fr)}}.card.spent{opacity:.45}.start{max-width:560px}.start-title{text-align:center;margin:var(--sp-4) 0}.start-menu{gap:var(--sp-2);margin-bottom:var(--sp-3);display:grid}.start-btn{padding:var(--sp-2) var(--sp-3);font-size:var(--fs-body)}.start-panel{gap:var(--sp-2);background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius);padding:var(--sp-3);flex-wrap:wrap;align-items:center;display:flex}.start-panel .field{flex:200px}.share-panel,.invite-paste{margin-bottom:var(--sp-3)}.share-panel .setup-note,.invite-paste .problem{flex-basis:100%}.setup{gap:var(--sp-3);align-items:stretch;display:grid}.setup fieldset{border:1px solid var(--border-color);border-radius:var(--radius);padding:var(--sp-2) var(--sp-3);gap:var(--sp-2);min-width:0;margin:0;display:grid}.setup legend{color:var(--muted);font-size:var(--fs-small);padding:0 var(--sp-1)}.setup-row{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.setup .field.num{flex:none}.setup-note{margin:0}.opt{align-items:center;gap:var(--sp-1);font-size:var(--fs-small);cursor:pointer;display:inline-flex}.opt.banned{color:var(--danger);text-decoration:line-through}.ban-list{gap:2px;max-height:220px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.problem{color:var(--danger);font-size:var(--fs-small);margin:0}.saga-list{width:100%;margin:0;padding:0;list-style:none}.saga-row{align-items:center;gap:var(--sp-3);padding:var(--sp-2) 0;border-bottom:1px solid var(--border-color);display:flex}.saga-row:last-child{border-bottom:0}.saga-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.saga-name{overflow-wrap:anywhere;font-weight:700}.rip-step{flex-wrap:wrap}.rip-text{flex:260px;margin:0}.round-title{flex:0 0 100%}.pack-boxes{gap:var(--sp-2);margin-bottom:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.rip-step .pack-boxes{flex:0 0 100%;margin-bottom:0}@media (width<=600px){.pack-boxes{grid-template-columns:repeat(2,1fr)}}.pack-box{aspect-ratio:16/9;cursor:pointer;text-align:left;border:2px solid var(--border-color);border-radius:var(--radius);background:var(--card-art);color:var(--text);font:inherit;padding:0;display:block;position:relative;overflow:hidden}.pack-box-art{transition:transform var(--flip-time);position:absolute;inset:0;overflow:hidden}.pack-box-bar{padding:var(--sp-1) var(--sp-2);background:var(--name-bar);flex-direction:column;gap:2px;display:flex;position:absolute;bottom:0;left:0;right:0}.pick-name{font-size:var(--fs-small);overflow-wrap:anywhere;font-weight:700;line-height:1.2}.pick-note{font-size:var(--fs-card);color:var(--muted)}.pack-box:enabled:hover .pack-box-art{transform:scale(1.04)}.pack-box:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pack-box[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 10px var(--accent)}.pack-box[aria-pressed=true] .pick-name{color:var(--accent)}.pack-box:disabled{cursor:default}.pack-box.limit{opacity:.45}.pack-box.banned{border-color:var(--danger)}.pack-box.banned .pack-box-art{filter:grayscale()}.pack-box.banned .pick-name{color:var(--danger);text-decoration:line-through}.contents-card{color:var(--text);text-align:left;-webkit-text-decoration:underline dotted var(--muted);text-decoration:underline dotted var(--muted);text-underline-offset:2px}.contents-card:hover{color:var(--accent)}.wheel-panel{flex-direction:column}.wheel{width:min(280px,100%)}.wheel-svg{width:100%;height:auto;display:block}.wheel-turn{transform:rotate(0)}.wheel-turn.spinning{transform:rotate(var(--turn));transition:transform var(--spin-time) cubic-bezier(.15, .7, .2, 1)}.slice{stroke:var(--bg);stroke-width:1px}.slice.a{fill:var(--wheel-a)}.slice.b{fill:var(--wheel-b)}.slice-label{fill:var(--accent-text);text-anchor:middle;dominant-baseline:middle;font-size:9px;font-weight:700}.wheel-pointer{fill:var(--text)}@media (prefers-reduced-motion:reduce){.wheel-turn.spinning{transition:none}}.panel.stack{flex-direction:column;align-items:stretch}.result-row{gap:var(--sp-2) var(--sp-3);border:1px solid var(--border-color);border-radius:var(--radius);padding:var(--sp-2);flex-wrap:wrap;display:flex}.scores{gap:var(--sp-3);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.standings{margin:var(--sp-2) 0 0;padding-left:var(--sp-4);font-size:var(--fs-small)}.standings li:first-child{font-weight:600}.ban-reasons{padding-left:var(--sp-3);margin:0}.ban-list{margin:var(--sp-1) 0;padding-left:var(--sp-3);font-size:var(--fs-small)}.ban-paste{width:100%;margin-top:var(--sp-1);display:block}.prehit-list{margin:var(--sp-1) 0;max-height:220px;font-size:var(--fs-small);gap:2px;padding:0;list-style:none;display:grid;overflow-y:auto}.picker-row{align-items:center;gap:var(--sp-1);display:flex}.picker-row>span{flex:1;min-width:0}.picker-row .tab{border:1px solid var(--border-color)}.app:has(.key-counter){padding-top:calc(var(--sp-4) + var(--sp-3))}.key-counter{top:var(--sp-2);right:var(--sp-2);z-index:10;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-2);background:var(--surface);border:1px solid var(--accent);border-radius:var(--radius);color:var(--accent);font-weight:700;font-size:var(--fs-small);margin:0;display:flex;position:fixed}.key-icon{width:var(--key-size);height:var(--key-size);fill:none;stroke:var(--accent);stroke-width:2.5px;stroke-linecap:round}.key-flight{z-index:11;pointer-events:none;animation:key-fly var(--key-time) ease-in var(--flip-time) both;position:fixed;top:0;left:0}.key-flight .key-icon{width:var(--key-fly-size);height:var(--key-fly-size);filter:drop-shadow(var(--glow-sr))}@keyframes key-fly{0%{transform:translate(var(--from-x), var(--from-y)) translate(-50%, -50%) scale(.4);opacity:0}30%{transform:translate(var(--from-x), var(--from-y)) translate(-50%, -50%) translateY(var(--key-rise)) scale(1.2);opacity:1}to{transform:translate(var(--to-x), var(--to-y)) translate(-50%, -50%) scale(.5);opacity:.8}}.card-zoom{border:2px solid var(--r-color);box-shadow:var(--r-glow);border-radius:var(--radius);background:var(--surface);color:var(--text);padding:var(--sp-3);width:min(var(--zoom-width), calc(100vw - 2 * var(--sp-3)));max-height:calc(100dvh - 2 * var(--sp-3));box-sizing:border-box}.card-zoom::backdrop{background:var(--zoom-backdrop)}.zoom-panel{gap:var(--sp-3);flex-wrap:wrap;display:flex}.zoom-art{width:min(var(--zoom-art-width), 100%);aspect-ratio:59/86;border-radius:var(--card-radius);background:var(--card-art);flex:none;margin:0 auto;display:block}.zoom-body{gap:var(--sp-2);flex-direction:column;flex:220px;align-items:flex-start;min-width:0;display:flex}.zoom-name{font-size:var(--fs-title);margin:0}.zoom-stats{color:var(--muted);font-size:var(--fs-small);flex-direction:column;gap:2px;margin:0;display:flex}.zoom-chip{font-size:var(--fs-small);align-self:flex-start;position:static}.zoom-text{white-space:pre-line;margin:0;line-height:1.45}