:root{--p:#37003c;--ink:#151129;--lime:#d8ff00;--red:#ff4b55;--paper:#f7f5f1}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.loading{background:var(--p);color:#fff;text-align:center;place-content:center;gap:12px;min-height:100vh;font-weight:800;display:grid}.loading b,.brand>b{background:var(--lime);width:42px;height:42px;color:var(--p);border-radius:50% 45% 52% 48%;place-items:center;margin:auto;font-size:12px;display:grid;transform:rotate(-12deg)}.app{background:radial-gradient(circle at 85% 5%,#e2d0ff,transparent 20rem),var(--paper);min-height:100vh;overflow:hidden}.brand{color:var(--p);letter-spacing:-.8px;align-items:center;gap:10px;font-size:18px;font-weight:900;text-decoration:none;display:flex}.brand>b{width:34px;height:34px;margin:0}.brand strong{color:var(--red)}.page-logo{width:max-content;margin-bottom:42px}.hero{justify-content:space-between;align-items:end;gap:30px;max-width:1360px;margin:auto;padding:clamp(22px,4vw,50px) clamp(20px,5vw,78px) 20px;display:flex}.eyebrow{color:#795681;letter-spacing:1.4px;text-transform:uppercase;margin:0 0 9px;font-size:10px;font-weight:900}.hero h1{max-width:700px;color:var(--p);letter-spacing:-5px;margin:0;font-size:clamp(45px,7vw,90px);line-height:.9}.hero h1 em{color:var(--red);font-family:Georgia,serif;font-weight:400}.hero>div>p:not(.eyebrow){color:#615662;max-width:500px;margin:21px 0 0;font-size:16px;line-height:1.5}.deck-total{border-left:2px solid #cfc4d2;min-width:155px;padding:18px 0 0 22px}.deck-total b{color:var(--p);letter-spacing:-3px;font-size:52px;line-height:.9;display:block}.deck-total span{color:#675b68;font-size:12px;font-weight:700}.layout{grid-template-columns:245px minmax(420px,660px) 240px;justify-content:center;gap:clamp(22px,4vw,72px);max-width:1400px;margin:auto;padding:8px clamp(20px,5vw,78px) 80px;display:grid}.filters{background:#fff;border:1px solid #e1d8e1;border-radius:17px;align-self:start;padding:20px;box-shadow:0 16px 30px #37003c0a}.filter-head{justify-content:space-between;align-items:start;margin-bottom:21px;display:flex}.filter-head h2{letter-spacing:-1px;margin:0;font-size:22px}.filter-head button{color:var(--p);background:0 0;border:0;font-size:11px;font-weight:800;text-decoration:underline}.filters label{color:#605463;gap:7px;margin:15px 0;font-size:11px;font-weight:800;display:grid}.filters input{width:100%;height:39px;color:var(--ink);background:#fff;border:1px solid #ddd5df;border-radius:7px;outline:none;padding:0 10px;font-size:12px}.filters input:focus{border-color:var(--p);box-shadow:0 0 0 3px #e9dafa}.filter-control{margin:15px 0;position:relative}.filter-label{color:#605463;margin-bottom:7px;font-size:11px;font-weight:800;display:block}.filter-trigger{width:100%;min-height:42px;color:var(--p);text-align:left;background:#fff;border:1px solid #d8cbdc;border-radius:4px;justify-content:space-between;align-items:center;padding:0 12px;font-size:12px;font-weight:800;display:flex}.filter-trigger:hover,.filter-trigger.has-value{border-color:var(--p);box-shadow:inset 0 -2px 0 var(--p)}.filter-trigger.has-value{background:#f7f0fa}.filter-trigger b{place-items:center;width:20px;height:20px;font-size:18px;font-weight:400;line-height:1;display:grid;transform:translateY(-2px)}.filter-menu{z-index:20;border:1px solid var(--p);background:#fff;border-radius:5px;max-height:235px;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow:auto;box-shadow:0 18px 35px #37003c30}.filter-menu-head{color:var(--p);letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid #e8deea;justify-content:space-between;align-items:center;padding:11px 12px 9px;font-size:10px;font-weight:900;display:flex}.filter-menu-head button{color:var(--red);background:0 0;border:0;padding:0;font-size:10px;font-weight:900}.filter-option{color:#3c3340;text-align:left;background:#fff;border:0;align-items:center;gap:9px;width:100%;padding:10px 12px;font-size:12px;font-weight:700;display:flex}.filter-option:hover{background:#f5eef7}.filter-option.selected{color:var(--p);background:#ede0f2}.filter-option i{color:#fff;border:1px solid #b9aabf;border-radius:2px;place-items:center;width:16px;height:16px;font-size:11px;font-style:normal;display:grid}.filter-option.selected i{border-color:var(--p);background:var(--p)}.quality-toggle{border:1px solid #e4d9e7;border-radius:7px;grid-template-columns:auto 1fr;align-items:center;padding:10px;color:var(--p)!important;gap:9px!important;display:flex!important}.quality-toggle input{width:15px;height:15px}.filters footer{color:var(--p);border-top:1px solid #ede7ed;gap:7px;margin-top:20px;padding-top:15px;font-size:11px;font-weight:800;display:grid}.filters footer small{color:#847888;font-size:10px;font-weight:600}.filter-toggle{display:none}.toolbar{grid-template-columns:1fr auto 1fr;align-items:center;min-height:37px;margin-bottom:9px;display:grid}.toolbar p{text-align:center;margin:0}.toolbar p span{color:#85778a;letter-spacing:1.2px;font-size:9px;font-weight:900;display:block}.toolbar p b{color:var(--p);font-size:13px}.restart{color:#6d6370;background:0 0;border:0;justify-self:end;font-size:11px;font-weight:800}.meter{background:#e4dce4;border-radius:99px;height:7px;overflow:hidden}.meter span{border-radius:inherit;background:linear-gradient(90deg,var(--red),#ff9c80);height:100%;transition:width .35s;display:block}.counter{color:#716273;justify-content:space-between;margin:18px 2px 11px;font-size:11px;font-weight:800;display:flex}.card-stack{height:min(560px,64vw);min-height:450px;position:relative}.stack-card{background:#e8e0ea;border-radius:22px;position:absolute;inset:0;box-shadow:0 18px 34px #1d0b2b17}.stack-card-one{transform:translateY(10px)scale(.982)}.stack-card-two{background:#ddd1e0;transform:translateY(19px)scale(.964)}.card{z-index:3;perspective:1400px;text-align:left;background:0 0;border:0;width:100%;height:100%;padding:0;display:block;position:relative}.card-arriving{animation:.15s ease-out both card-arrive}.card-exit{pointer-events:none}.exit-known{animation:.15s ease-in forwards card-known}.exit-again{animation:.15s ease-in forwards card-again}.card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.8,.2,1);display:block;position:relative}.card.flip .card-inner{transform:rotateY(180deg)}.face{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:22px;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 28px 60px #1d0b2b2e}.front{color:#fff;background:linear-gradient(135deg,#2c0035,#4f0758 48%,#821d72);flex-direction:column;justify-content:center;align-items:center}.front:before,.front:after{content:"";border:1px solid #ffffff2b;border-radius:50%;position:absolute}.front:before{width:690px;height:690px;bottom:-340px;right:-390px}.front:after{width:400px;height:400px;top:-240px;left:-275px}.face small{color:#e8c7eb;letter-spacing:1.5px;font-size:9px;font-weight:900;position:absolute;top:22px;left:24px}.face small i{color:var(--lime);margin-left:7px;font-style:normal}.crest{object-fit:contain;filter:drop-shadow(0 4px 10px #00000038);width:46px;height:46px;position:absolute;top:21px;right:22px}.portrait{outline-offset:10px;background:#ffffff0d;border:8px solid #ffffff29;border-radius:50%;outline:1px dashed #fff;width:min(340px,58vw);height:min(340px,58vw);position:relative;overflow:hidden;box-shadow:0 25px 50px #00000047}.portrait img{object-fit:cover;object-position:center top;border-radius:50%;width:100%;height:100%}.front>em{color:#f1d9f1;font-size:11px;font-style:normal;font-weight:700;position:absolute;bottom:22px;right:23px}.back{background:#fff;flex-direction:column;justify-content:center;padding:clamp(34px,5vw,64px);transform:rotateY(180deg)}.back:after{content:"";background:var(--lime);opacity:.67;border-radius:50%;width:430px;height:430px;position:absolute;top:-250px;right:-260px}.identity{z-index:1;align-items:center;gap:20px;margin-bottom:32px;display:flex;position:relative}.identity>img{object-fit:cover;object-position:center top;background:#c9ff3e;border-radius:50%;width:82px;height:82px}.identity span{display:grid}.identity b{color:var(--red);font-size:clamp(19px,3vw,30px);line-height:.9}.identity strong{color:var(--p);letter-spacing:-3px;font-size:clamp(39px,6vw,64px);line-height:.9}.facts{z-index:1;border-top:1px solid #e5dde5;border-left:1px solid #e5dde5;grid-template-columns:1fr 1fr;display:grid;position:relative}.facts>span{border-bottom:1px solid #e5dde5;border-right:1px solid #e5dde5;flex-direction:column;justify-content:center;gap:8px;min-height:87px;padding:12px 16px;display:flex}.facts b{color:#89798c;letter-spacing:1.1px;text-transform:uppercase;font-size:9px}.facts i{color:var(--ink);align-items:center;gap:7px;font-size:14px;font-style:normal;font-weight:800;display:flex}.facts img{object-fit:contain;width:23px;height:20px}.source{z-index:1;color:#9a8c9d;font-size:9px;font-style:normal;font-weight:700;position:absolute;bottom:23px;left:34px}@keyframes card-arrive{0%{opacity:.18;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes card-known{to{opacity:0;transform:translate(150px)}}@keyframes card-again{to{opacity:0;transform:translate(-150px)}}.ratings{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.ratings button{border-radius:10px;min-height:57px;font-size:13px;font-weight:900;transition:transform .15s,opacity .15s}.ratings button:not(:disabled):hover{transform:translateY(-2px)}.ratings button:disabled{cursor:not-allowed;opacity:.42}.ratings button:first-child{color:#8c2748;background:#fff5f7;border:1px solid #e4d4de}.ratings button:last-child{color:#152700;background:var(--lime);border:1px solid #bae01b}.ratings i{border:1px solid;border-radius:4px;place-items:center;width:20px;height:20px;margin:0 5px;font-size:10px;font-style:normal;display:inline-grid}.keys{color:#827684;text-align:center;margin:15px 0 0;font-size:10px;font-weight:700}kbd{background:#fff;border:1px solid #d9d0db;border-radius:3px;padding:2px 5px;font-size:9px}.finish{text-align:center;background:#fff;border-radius:20px;margin-top:25px;padding:60px 35px;box-shadow:0 20px 50px #30133917}.finish>div{background:var(--lime);width:60px;height:60px;color:var(--p);border-radius:50%;place-items:center;margin:auto auto 18px;font-size:30px;display:grid}.finish h2{color:var(--p);letter-spacing:-1.5px;margin:0;font-size:34px}.finish p:not(.eyebrow){color:#665a68;max-width:430px;margin:14px auto 25px;font-size:14px;line-height:1.5}.finish button{border:1px solid var(--lime);background:var(--lime);color:#172500;border-radius:8px;padding:13px 18px;font-size:12px;font-weight:900}.finish .plain{color:var(--p);background:#fff;border-color:#d8ced9;margin-left:8px}.how{align-self:start;padding-top:21px}.how h2{max-width:180px;color:var(--p);letter-spacing:-1.5px;margin:0 0 23px;font-size:26px;line-height:1}.how ol{gap:18px;margin:0;padding:0;list-style:none;display:grid}.how li{color:#635968;grid-template-columns:28px 1fr;gap:10px;font-size:12px;line-height:1.35;display:grid}.how li b{color:var(--red);font-size:11px}.roster{border-top:1px solid #d9cfd9;align-items:center;gap:11px;margin-top:34px;padding-top:18px;display:flex}.roster b{color:var(--p);letter-spacing:-2px;font-size:32px}.roster span{color:#766a78;font-size:10px;font-weight:700;line-height:1.4}@media (max-width:1050px){.layout{grid-template-columns:245px minmax(400px,660px);gap:35px}.how{display:none}}@media (max-width:760px){.hero{padding-top:22px}.hero h1{letter-spacing:-3px}.hero{align-items:start}.layout{padding-top:10px;display:block}.filters{margin-bottom:20px;display:none}.filters.open{display:block}.filter-toggle{color:var(--p);background:0 0;border:0;padding:7px 0;font-size:11px;font-weight:900;display:block}.card-stack,.card{height:116vw;min-height:420px;max-height:530px}.back{padding:50px 26px 40px}.identity{gap:13px;margin-bottom:25px}.identity>img{width:64px;height:64px}.facts>span{min-height:76px;padding:10px}.facts i{font-size:12px}}@media (max-width:440px){.hero{flex-direction:column;gap:25px}.deck-total{border:0;padding:0}.card-stack,.card{height:130vw}.counter{font-size:10px}.identity strong{font-size:42px}.facts i{font-size:11px}.facts b{font-size:8px}.ratings button{font-size:11px}}.registered-name{color:#77677a;max-width:320px;margin-top:8px;font-size:11px;font-style:normal;font-weight:700;line-height:1.25}@media (max-width:760px){.layout{flex-direction:column;padding-top:10px;display:flex}.stage{order:1;width:100%}.filters{order:2;width:100%;margin:24px 0 0;display:block}}.card-arriving,.exit-known,.exit-again{animation-duration:.1s}.toolbar{grid-template-columns:auto minmax(80px,1fr) auto;column-gap:16px;position:relative}.toolbar .restart{justify-self:auto}.toolbar .meter{margin:0}.filters .quality-toggle{white-space:nowrap;font-size:10px}