:root{--bg:#1d1a2b;--bg-deep:#14121f;--panel:#2c2740;--panel-hi:#3d3757;--panel-lo:#1a1729;--ink:#f2ecff;--muted:#9d93b8;--line:#4a4266;--accent:#f2a05a;--accent-hi:#ffc389;--accent-lo:#b56b2c;--accent-ink:#2b1608;--team0:#3f9e86;--team1:#d0567f;--elixir:#c471d4;--gold:#e0b23a;--gem:#5ec4d8;--ok:#6fbf5b;--warn:#e0902a;--px:3px;--pf-overlay-bg:rgba(20,18,31,0.84);--pf-surface:var(--panel);--pf-surface-2:var(--panel-hi);--pf-text:var(--ink);--pf-muted:var(--muted);--pf-border:var(--panel-lo);--pf-accent:var(--accent);--pf-accent-text:var(--accent-ink);--pf-radius:0px;--pf-shadow:0 0 0 var(--px) var(--panel-lo);--pf-max-w:420px}@media (prefers-color-scheme:light){:root{--bg:#e8e2f0;--bg-deep:#d6cfe4;--panel:#fffdf8;--panel-hi:#ffffff;--panel-lo:#cfc6de;--ink:#2b2438;--muted:#6b6183;--line:#b3a8c9}}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:ui-rounded,SF Pro Rounded,Nunito,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none}body{min-height:100dvh;background-image:repeating-linear-gradient(180deg,rgba(0,0,0,.05) 0 1px,transparent 1px 3px)}canvas,img{image-rendering:pixelated}h1,h2,h3{margin:0;letter-spacing:.04em;text-transform:uppercase}h1{font-size:26px;text-shadow:var(--px) var(--px) 0 var(--panel-lo)}h1,h2{font-weight:800}h2{font-size:15px}.wrap{max-width:560px;margin:0 auto;padding:18px 14px 96px}.panel{background:var(--panel);border:var(--px) solid var(--panel-lo);border-top-color:var(--panel-hi);border-left-color:var(--panel-hi);padding:14px}.panel-inset{background:var(--bg-deep);border:var(--px) solid var(--panel-hi);border-top-color:var(--panel-lo);border-left-color:var(--panel-lo);padding:12px}.btn,button{font:inherit;color:var(--ink);border:none;background:none;cursor:pointer;min-height:44px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;background:var(--accent);color:var(--accent-ink);font-weight:800;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;border:var(--px) solid var(--accent-lo);border-top-color:var(--accent-hi);border-left-color:var(--accent-hi)}.btn:active{transform:translateY(var(--px));border-color:var(--accent-hi);border-top-color:var(--accent-lo);border-left-color:var(--accent-lo)}.btn-ghost{background:var(--panel);color:var(--ink);border-color:var(--panel-lo);border-top-color:var(--panel-hi);border-left-color:var(--panel-hi)}.btn:disabled{opacity:.45;cursor:default;transform:none}.muted{color:var(--muted)}.tiny{font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:700}.row{display:flex;align-items:center;gap:10px}.stack{display:grid;grid-gap:10px;gap:10px}.meter{display:block;height:16px;min-height:11px;background:var(--bg-deep);border:var(--px) solid var(--panel-hi);border-top-color:var(--panel-lo);border-left-color:var(--panel-lo);overflow:hidden}.meter>i{display:block;height:100%;background:var(--elixir);background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.22) 0 2px,transparent 2px 10px)}.chip{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;font-size:11px;font-weight:800;letter-spacing:.04em;background:var(--panel);border-left-color:var(--panel-lo);border-bottom:2px solid var(--panel-lo);border-right:2px solid var(--panel-lo);border-top-color:var(--panel-lo);border-top:2px solid var(--panel-hi);border-left:2px solid var(--panel-hi)}a{color:var(--accent)}.credit-link{color:var(--muted);text-decoration:none}.credit-link:hover{color:var(--ink);text-decoration:underline}.card-tile{background:var(--bg-deep);border:var(--px) solid var(--panel-lo);border-top-color:var(--panel-hi);border-left-color:var(--panel-hi)}.card-tile,.finish-borderless,.finish-foil,.finish-serialized{position:relative;overflow:hidden}.finish-borderless:after,.finish-foil:after,.finish-serialized:after{content:"";position:absolute;inset:0;pointer-events:none;mix-blend-mode:color-dodge;background:linear-gradient(115deg,transparent 20%,rgba(120,220,255,.55) 36%,rgba(255,140,240,.5) 46%,rgba(255,240,140,.5) 56%,transparent 72%);background-size:260% 260%;animation:sheen 4.5s linear infinite}.finish-serialized:after{animation-duration:7s;filter:saturate(1.5)}@keyframes sheen{0%{background-position:0 50%}to{background-position:200% 50%}}@media (prefers-reduced-motion:reduce){.finish-borderless:after,.finish-foil:after,.finish-serialized:after{animation:none;background-position:40% 50%}}.r-common{border-color:#6b7280}.r-rare{border-color:#3f9e86}.r-epic{border-color:#8f52c0}.r-legendary{border-color:#e0902a}.r-mythic{border-color:#d0567f}.card-missing .art,.card-missing img{filter:grayscale(1) brightness(.35) contrast(.8)}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@keyframes pop-in{0%{opacity:0;transform:scale(.82) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes reveal{0%{opacity:0;transform:scale(.6) rotate(-6deg)}60%{opacity:1;transform:scale(1.06) rotate(1.5deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes flare{0%{box-shadow:0 0 0 0 rgba(242,160,90,.75)}to{box-shadow:0 0 0 14px rgba(242,160,90,0)}}.pop-in{animation:pop-in .22s cubic-bezier(.34,1.56,.64,1) both}.rise-in{animation:rise-in .26s ease-out both}.reveal{animation:reveal .34s cubic-bezier(.34,1.56,.64,1) both}.reveal-special{animation:reveal .34s cubic-bezier(.34,1.56,.64,1) both,flare .7s ease-out .3s both}.pressable{transition:transform .1s ease}.pressable:active{transform:translateY(var(--px))}.shell{position:fixed;inset:0;display:flex;flex-direction:column;overflow:hidden}.shell-bar{flex:0 0 auto;z-index:20;background:var(--bg-deep)}.shell-bar-top{padding-top:env(safe-area-inset-top);border-bottom:var(--px) solid var(--line)}.shell-bar-bottom{padding-bottom:env(safe-area-inset-bottom);border-top:var(--px) solid var(--line)}.shell-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.shell-scroll .wrap{padding-bottom:24px}