@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./jetbrains-mono-latin-400-normal-V6pRDFza.woff2)format("woff2"),url(./jetbrains-mono-latin-400-normal-6-qcROiO.woff)format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:600;src:url(./jetbrains-mono-latin-600-normal-C8RAYTDA.woff2)format("woff2"),url(./jetbrains-mono-latin-600-normal-BfsvjouI.woff)format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:800;src:url(./jetbrains-mono-latin-800-normal-D2mQHRMK.woff2)format("woff2"),url(./jetbrains-mono-latin-800-normal-Dj9qwObk.woff)format("woff")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--base:#232136;--surface:#2a273f;--overlay:#393552;--muted:#6e6a86;--subtle:#908caa;--text:#e0def4;--love:#eb6f92;--gold:#f6c177;--rose:#ea9a97;--pine:#3e8fb0;--foam:#9ccfd8;--iris:#c4a7e7;--hl-low:#2a283e;--hl-med:#44415a;--hl-high:#56526e;--card-shadow:0 7px 14px -7px #000000a6;--card-radius:4.5% / 3.23%}*{box-sizing:border-box}body{background:var(--base);color:var(--text);margin:0;font:13px/1.55 JetBrains Mono,ui-monospace,monospace}#root{flex-direction:column;min-height:100dvh;display:flex}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:hover{color:var(--text)}button:focus-visible,input:focus-visible{outline:1px solid var(--foam);outline-offset:2px}kbd{font:inherit;color:var(--muted);border:1px solid var(--hl-high);border-radius:3px;padding:0 4px}.for-touch{display:none}@media (hover:none),(pointer:coarse),(width<=560px){.for-keys{display:none!important}.for-touch{display:inline}}.topbar{z-index:1;background:var(--base);align-items:center;gap:24px;padding:14px 22px;display:flex;position:sticky;top:0}.topbar h1{font-size:inherit;color:var(--iris);margin:0 auto 0 0;font-weight:600}.topbar nav{color:var(--subtle);align-items:center;gap:4px;display:flex}.modes{gap:4px;display:flex}.modes button,.topbar nav>button{padding:1px 8px}.modes button[aria-pressed=true]{color:var(--base);background:var(--foam)}.topbar .check{white-space:pre;color:var(--text);margin-left:8px}.roll{color:var(--love);font-weight:600}.roll:hover{color:var(--rose)}main{flex:1}main.solo{width:100%;max-width:960px;margin:0 auto;padding:18px 22px 32px}main.pod{grid-template-columns:1fr 1fr;align-content:center;gap:8px;width:100%;max-width:clamp(600px,215.4dvh - 478.2px,1280px);margin:0 auto;padding:0 8px 8px;display:grid}.pod .seat{background:var(--surface);border-radius:12px;min-width:0;padding:14px 20px 22px}.pod .seat.first{background:color-mix(in srgb, var(--pine) 22%, var(--surface))}.pod.table .seat.top{rotate:180deg}.seat-head{color:var(--muted);white-space:nowrap;align-items:center;gap:12px;margin-bottom:14px;display:flex}.seat-number{color:var(--text);font-weight:600}.first .seat-number,.first-mark{color:var(--foam)}.reroll{color:var(--muted);margin-left:auto}.sheets{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:26px;display:grid}.pod .sheets{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.sheet{transform:rotate(var(--tilt,0deg)) translateY(var(--offset,0px))}.sheet-image{perspective:900px;display:block}.flipper{transform-style:preserve-3d;animation:flip .55s cubic-bezier(.3, .7, .4, 1.15) var(--deal-delay,0s) backwards;position:relative}@keyframes flip{0%{transform:translateY(14px)rotateY(180deg)scale(.94)}to{transform:none}}.face,.card-back{aspect-ratio:488/680;border-radius:var(--card-radius);backface-visibility:hidden;width:100%;box-shadow:var(--card-shadow);display:block}.face{object-fit:cover;background-color:var(--overlay)}.card-back{border:3px solid var(--overlay);background:repeating-linear-gradient(45deg, var(--surface) 0 7px, var(--hl-med) 7px 14px);place-items:center;display:grid;position:absolute;inset:0;transform:rotateY(180deg)}.card-back:after{content:"✦";color:var(--iris);font-size:1.6rem}.best-sticker{color:var(--subtle);white-space:nowrap;animation:reveal .25s ease-out calc(var(--deal-delay,0s) + .4s) backwards;align-items:baseline;gap:6px;margin:9px 0 0;display:flex}.best-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.mana{color:var(--text);font-weight:600}.finish{font-weight:600}.finish-foil{color:var(--gold)}.finish-holo{color:var(--iris)}.finish-etched{color:var(--foam)}.finish-galaxy{color:var(--rose)}.finish-miscut{color:var(--subtle)}.mana i{color:var(--love);font-style:normal}.max{color:var(--base);background:var(--gold);padding:0 4px;font-size:11px;font-weight:600}.sheet.jackpot .best-name,.sheet.jackpot .mana{color:var(--gold)}.sheet.jackpot .best-name{animation:gild-name .4s ease-out calc(var(--deal-delay,0s) + .65s) backwards}.sheet.jackpot .mana{animation:gild-mana .4s ease-out calc(var(--deal-delay,0s) + .65s) backwards}.sheet.jackpot .max{animation:reveal .3s ease-out calc(var(--deal-delay,0s) + .75s) backwards}@keyframes reveal{0%{opacity:0}}@keyframes gild-name{0%{color:var(--subtle)}}@keyframes gild-mana{0%{color:var(--text)}}.sheet.jackpot .face{box-shadow:0 0 0 2px var(--gold), 0 14px 22px -10px #000000bf;animation:gild-edge .45s ease-out calc(var(--deal-delay,0s) + .65s) backwards}@keyframes gild-edge{0%{box-shadow:0 0 0 0 transparent, var(--card-shadow)}}.glint{border-radius:var(--card-radius);pointer-events:none;background:linear-gradient(115deg, transparent 37%, color-mix(in srgb, var(--love) 70%, transparent) 41%, color-mix(in srgb, var(--gold) 70%, transparent) 45%, #fffaf0cc 50%, color-mix(in srgb, var(--foam) 70%, transparent) 54.5%, color-mix(in srgb, var(--pine) 65%, transparent) 58%, color-mix(in srgb, var(--iris) 70%, transparent) 61%, transparent 64%) no-repeat;mix-blend-mode:screen;animation:glint .9s cubic-bezier(.4, 0, .6, 1) calc(var(--deal-delay,0s) + .7s) both;background-position:180% 0;background-size:200% 100%;position:absolute;inset:0}@keyframes glint{0%{background-position:180% 0}to{background-position:-78% 0}}.sheet-image{position:relative}.pod .seat.hit{animation:warm 1.8s ease-out calc(var(--hit-delay,0s) + .6s)}@keyframes warm{0%{box-shadow:inset 0 0 #0000}25%{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--gold) 70%, transparent), inset 0 0 90px 0 color-mix(in srgb, var(--gold) 32%, transparent)}to{box-shadow:inset 0 0 #0000}}.sheet-image{container-type:inline-size}.finish-fx{border-radius:var(--card-radius);pointer-events:none;mix-blend-mode:screen;--fx-reveal:reveal .35s ease-out calc(var(--deal-delay,0s) + .5s) backwards;animation:var(--fx-reveal);position:absolute;inset:0;overflow:hidden}@keyframes drift{0%{background-position:0 0}to{background-position:100% 100%}}.fx-foil{animation:var(--fx-reveal), drift 7s ease-in-out infinite alternate;background:linear-gradient(125deg,#0000 20%,#ffffff38 34%,#0000 46%,#ffffff1f 64%,#0000 78%) 0 0/300% 300%}.fx-holo{background:repeating-linear-gradient(115deg, color-mix(in srgb, var(--love) 22%, transparent) 0 5%, color-mix(in srgb, var(--gold) 22%, transparent) 5% 10%, color-mix(in srgb, var(--foam) 22%, transparent) 10% 15%, color-mix(in srgb, var(--pine) 22%, transparent) 15% 20%, color-mix(in srgb, var(--iris) 22%, transparent) 20% 25%);animation:var(--fx-reveal), drift 9s linear infinite alternate;background-size:200% 200%}.fx-etched{-webkit-backdrop-filter:saturate(.7)contrast(1.06);backdrop-filter:saturate(.7)contrast(1.06);animation:var(--fx-reveal), etched-sheen 8s ease-in-out infinite alternate;background:linear-gradient(120deg,#0000 30%,#dce8ff38 50%,#0000 70%) 0 0/250% 250%,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1.3 -0.5'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E") 0 0/80px 80px,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.03 0.22' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.7 -0.32'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E") 0 0/160px 160px;-webkit-mask-image:radial-gradient(62% 48% at 50% 36%,#0000004d 55%,#000 100%);mask-image:radial-gradient(62% 48% at 50% 36%,#0000004d 55%,#000 100%)}@keyframes etched-sheen{0%{background-position:0 0,0 0,0 0}to{background-position:100% 100%,0 0,0 0}}.fx-galaxy{--sparkle-warm:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 0C10.8 7 13 9.2 20 10C13 10.8 10.8 13 10 20C9.2 13 7 10.8 0 10C7 9.2 9.2 7 10 0Z' fill='%23fffbea'/%3E%3C/svg%3E");--sparkle-cool:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 0C10.8 7 13 9.2 20 10C13 10.8 10.8 13 10 20C9.2 13 7 10.8 0 10C7 9.2 9.2 7 10 0Z' fill='%23c4a7e7'/%3E%3C/svg%3E");background:radial-gradient(ellipse at 28% 22%, color-mix(in srgb, var(--iris) 22%, transparent), transparent 55%), radial-gradient(ellipse at 74% 78%, color-mix(in srgb, var(--rose) 18%, transparent), transparent 50%)}.fx-galaxy:before,.fx-galaxy:after{content:"";position:absolute;inset:0}.fx-galaxy:before{background-image:var(--sparkle-warm), var(--sparkle-warm), var(--sparkle-warm), var(--sparkle-warm), var(--sparkle-warm), var(--sparkle-warm), var(--sparkle-warm), var(--sparkle-warm), var(--sparkle-warm);background-position:12% 14%,38% 7%,81% 19%,63% 36%,22% 47%,90% 55%,47% 68%,8% 83%,71% 91%;background-repeat:no-repeat;background-size:7cqi 7cqi,5cqi 5cqi,8cqi 8cqi,5cqi 5cqi,6cqi 6cqi,5cqi 5cqi,8cqi 8cqi,5cqi 5cqi,6cqi 6cqi;animation:2.6s ease-in-out infinite alternate twinkle}.fx-galaxy:after{background-image:var(--sparkle-cool), var(--sparkle-cool), var(--sparkle-cool), var(--sparkle-cool), var(--sparkle-cool), var(--sparkle-cool), var(--sparkle-cool), var(--sparkle-cool);background-position:27% 26%,55% 16%,93% 33%,40% 52%,76% 62%,16% 66%,58% 84%,33% 94%;background-repeat:no-repeat;background-size:5cqi 5cqi,6cqi 6cqi,5cqi 5cqi,5cqi 5cqi,7cqi 7cqi,6cqi 6cqi,5cqi 5cqi,6cqi 6cqi;animation:3.3s ease-in-out 1.1s infinite alternate-reverse twinkle}@keyframes twinkle{0%{opacity:.25}to{opacity:1}}.face.miscut{background-position:6cqi 4cqi;background-repeat:repeat;background-size:100% 100%}.shout{letter-spacing:.02em;animation:reveal .4s ease-out calc(var(--shout-delay,0s) + .6s) backwards;font-weight:800}.solo-shout{margin:0 0 12px}.shout-text-rare{color:var(--gold)}.shout-text-mythic,.shout-text-legendary{color:#0000;-webkit-background-clip:text;background-clip:text}.shout-text-mythic{background-image:linear-gradient(90deg, var(--iris), var(--rose), var(--iris))}.shout-text-legendary{background-image:linear-gradient(90deg, var(--love), var(--gold), var(--foam), var(--iris), var(--love));animation:reveal .4s ease-out calc(var(--shout-delay,0s) + .6s) backwards, shimmer 2.4s linear infinite;background-size:200% 100%}@keyframes shimmer{to{background-position:200% 0}}.status-shout{animation:reveal .4s ease-out calc(var(--hit-delay,0s) + .6s) backwards;padding:0 6px;font-weight:800}.status-shout.shout-text-legendary{animation:reveal .4s ease-out calc(var(--hit-delay,0s) + .6s) backwards, shimmer 2.4s linear infinite}@property --shout-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.pod .seat[class*=shout-]{position:relative}.pod .seat[class*=shout-]:before{content:"";border-radius:inherit;pointer-events:none;-webkit-mask-composite:xor;animation:reveal .5s ease-out calc(var(--shout-delay,0s) + .6s) backwards;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;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}.pod .seat.shout-rare:before{background:color-mix(in srgb, var(--gold) 70%, transparent);padding:1px}.pod .seat.shout-mythic:before{background:linear-gradient(135deg, var(--iris), var(--rose), var(--iris))}.pod .seat.shout-legendary:before{background:conic-gradient(from var(--shout-angle), var(--love), var(--gold), var(--foam), var(--pine), var(--iris), var(--love));animation:reveal .5s ease-out calc(var(--shout-delay,0s) + .6s) backwards, circle-round 3s linear infinite}@keyframes circle-round{to{--shout-angle:360deg}}@media (width<=560px){.status-shout{display:none}.seat-head{flex-wrap:wrap;row-gap:2px}.seat-head .shout{flex-basis:100%;order:3;font-size:11px}}@media (prefers-reduced-motion:reduce){.finish-fx,.fx-galaxy:before,.fx-galaxy:after,.shout,.status-shout,.pod .seat[class*=shout-]:before,.flipper,.best-sticker,.sheet.jackpot *,.glint,.pod .seat.hit,.status .top{animation:none}.glint{display:none}}.empty{color:var(--muted);margin:0}main>.empty{padding:18px 22px}.status{background:var(--surface);color:var(--subtle);white-space:nowrap;align-items:center;gap:16px;padding:3px 14px 3px 0;font-size:12px;display:flex;position:sticky;bottom:0}.status .mode{background:var(--rose);color:var(--base);padding:0 10px;font-weight:800}.status .spacer{flex:1}.status .hints kbd{color:var(--text);border:0;margin-left:8px;padding:0}.status .pool{white-space:pre}.status .top{padding:0 6px}.status .top.maxed{background:var(--gold);color:var(--base);animation:gild-status .35s ease-out calc(var(--hit-delay,0s) + .65s) backwards;font-weight:600}@keyframes gild-status{0%{color:var(--subtle);background:0 0}}.status .ok{color:var(--foam)}.status .off{color:var(--muted)}dialog{border:1px solid var(--hl-med);background:var(--base);width:min(560px,100vw - 2rem);max-height:calc(100dvh - 2rem);color:var(--text);border-radius:8px;padding:0}dialog::backdrop{background:#12111cb3}dialog form{padding:16px 20px 20px}.settings-head{justify-content:space-between;align-items:center;display:flex}.settings-head h2{font-size:inherit;color:var(--iris);margin:0;font-weight:600}.settings-head h2:before{content:"~/sticker-roller/";color:var(--muted);font-weight:400}.settings-head button{color:var(--subtle)}.field{color:var(--subtle);justify-content:space-between;align-items:center;margin:18px 0;display:flex}.field input{width:4.5rem;font:inherit;border:1px solid var(--hl-med);background:var(--surface);color:var(--text);border-radius:3px;padding:2px 6px}.pool-head{border-top:1px dashed var(--hl-med);justify-content:space-between;align-items:baseline;padding-top:12px;display:flex}.pool-head h3{font-size:inherit;margin:0;font-weight:600}.pool-count{color:var(--muted);font-weight:400}.pool-actions{gap:14px;display:flex}.pool-actions button{color:var(--foam)}.hint{color:var(--muted);margin:4px 0 8px;font-size:12px}.warning{color:var(--gold);margin:4px 0 8px}.pool-list{margin:0;padding:0;list-style:none}.pool-list label{cursor:pointer;color:var(--subtle);border-radius:3px;align-items:baseline;gap:10px;padding:2px 6px;display:flex;position:relative}.pool-list label:hover{background:var(--surface)}.pool-list input{opacity:0;pointer-events:none;position:absolute}.pool-list input:focus-visible+.box{outline:1px solid var(--foam);outline-offset:1px}.pool-list .box{white-space:pre;color:var(--muted)}.pool-list .checked{color:var(--text)}.pool-list .checked .box{color:var(--foam)}.pool-name{flex:1}@media (width<=560px){.topbar{flex-wrap:wrap;gap:8px 12px;padding:10px 12px}.topbar h1{flex:1}.topbar nav{flex-basis:100%;order:3;margin-left:-8px}main.solo{padding:10px 12px 20px}main.pod{gap:6px;padding:0 6px 6px}.pod .seat{border-radius:10px;padding:8px 10px 12px}.seat-head{gap:8px;margin-bottom:8px}.sheets{grid-template-columns:1fr;gap:10px}.pod .sheets{grid-template-columns:1fr;gap:7px}.sheet{grid-template-columns:72px minmax(0,1fr);align-items:center;gap:12px;display:grid}.pod .sheet{transform:rotate(var(--tilt,0deg));grid-template-columns:40px minmax(0,1fr);gap:8px}.pod .card-back{border-width:2px}.pod .card-back:after{font-size:.9rem}.best-sticker{white-space:normal;flex-direction:column;align-items:flex-start;gap:0;margin:0}.pod .best-sticker{font-size:11px}.pod .max{display:none}.status{gap:12px;font-size:11px}.status .label,.pod~.status .pool-info{display:none}}