:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#f5f7fa;background:#070b15}*{box-sizing:border-box}body{margin:0;min-height:100vh}button{font:inherit;cursor:pointer}[hidden]{display:none!important}#renderCanvas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(100vw,100vh * 9 / 19.5);height:min(100vh,100vw * 21 / 9);display:block;touch-action:none;outline:none;background:#11131c}.overlay{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 15%,#253756,#101827 43%,#090e18);overflow:auto}#result{background:#050911c7;backdrop-filter:blur(7px)}.panel{width:min(100%,840px);padding:clamp(22px,4vw,42px);border:1px solid #3a4c69;border-radius:24px;background:#172235;box-shadow:0 24px 75px #0008}.eyebrow{color:#8ed3ff;font-size:.78rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}h1{margin:.4rem 0 .55rem;font-size:clamp(2rem,5vw,3.1rem);line-height:1.12}h2{font-size:1rem;margin:0 0 12px;color:#b5c9df}.result-panel p{margin:0 0 25px;color:#c5d0df;line-height:1.5}.selectors{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0}.deck-list{display:grid;gap:10px}.deck{display:flex;align-items:center;gap:13px;width:100%;min-height:82px;padding:10px;text-align:left;color:inherit;border:2px solid #354661;border-radius:15px;background:#21304a;transition:border-color .15s,background .15s,transform .15s}.deck:hover{background:#2b405f;transform:translateY(-1px)}.deck[aria-pressed=true]{border-color:#75c8ff;background:#274766;box-shadow:0 0 0 2px #75c8ff30}.deck img{width:45px;height:63px;object-fit:cover;border-radius:5px;background:#111827;flex:none}.deck strong{display:block;font-size:1rem}.primary,.secondary{min-height:48px;padding:11px 22px;border-radius:12px;font-weight:750}.primary{border:0;background:#75c8ff;color:#102033}.primary:hover{background:#a6ddff}.primary:disabled{opacity:.65;cursor:wait}.secondary{border:1px solid #7590ae;background:#263750;color:#f5f7fa}.secondary:hover{background:#345071}.setup-panel>.primary{width:100%}.status{min-height:1.4em;margin:11px 0 0;color:#ffbea9}.result-panel{max-width:480px;text-align:center}.result-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}@media (max-width:660px){.overlay{place-items:start center;padding:12px}.panel{padding:21px}.selectors{grid-template-columns:1fr;gap:19px}.deck-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.deck{display:block;min-height:0;padding:8px;text-align:center}.deck img{width:44px;height:61px;margin-bottom:4px}.deck strong{font-size:.83rem}.result-panel{margin:auto}}