.qd-page{--ink:#0a0a0b;--paper:#fbf3dc;--cream:#f6e6b4;--gold:#e2b84a;--gold-d:#a77d23;--red:#d62828;--red-d:#8f1414;--sky:#7fd3ff;--text:#fff8ea;position:relative;min-height:100vh;width:100%;color:var(--text);font-family:var(--font-body),system-ui,sans-serif;background:#0b0b0e;overflow-x:hidden}.qd-page *{box-sizing:border-box}.qd-page :focus-visible{outline:3px solid var(--sky);outline-offset:3px}.qd-backdrop{position:fixed;inset:0;z-index:0;overflow:hidden}.qd-backdrop img{position:absolute;inset:-4%;width:108%;height:108%;-o-object-fit:cover;object-fit:cover;opacity:0;transform:scale(1.04);transition:opacity 2.4s ease,transform 9s linear;filter:saturate(1.1) contrast(1.05)}.qd-backdrop img.on{opacity:.42;transform:scale(1.12)}.qd-halftone{background-image:radial-gradient(rgba(127,211,255,.16) 1.2px,transparent 1.5px);background-size:7px 7px;mix-blend-mode:screen}.qd-halftone,.qd-shade{position:absolute;inset:0}.qd-shade{background:radial-gradient(ellipse at 50% 0,rgba(11,11,14,.35),rgba(11,11,14,.9) 70%),linear-gradient(180deg,rgba(11,11,14,.2),rgba(11,11,14,.85))}.qd-wrap{position:relative;z-index:1;width:100%;max-width:1180px;margin:0 auto;padding:20px 20px 80px;display:flex;flex-direction:column;gap:28px}.qd-top{flex-wrap:wrap;justify-content:space-between;gap:14px;padding:10px 16px;background:var(--ink);border:3px solid var(--ink);box-shadow:0 0 0 2px var(--gold-d),6px 6px 0 rgba(0,0,0,.6)}.qd-logo,.qd-top{display:flex;align-items:center}.qd-logo{gap:10px;font-family:var(--font-display),Impact,sans-serif;font-size:30px;letter-spacing:.14em;color:var(--text)}.qd-logo span{color:var(--gold)}.qd-logo img{width:54px;height:34px;-o-object-fit:cover;object-fit:cover;border-radius:6px;filter:drop-shadow(0 0 10px rgba(226,184,74,.5))}.qd-steps{display:flex;flex-wrap:wrap;gap:6px}.qd-steps a{display:inline-flex;align-items:center;gap:7px;padding:6px 12px 6px 6px;color:var(--ink);background:var(--cream);font:600 13px var(--font-body);text-decoration:none;border:2px solid var(--ink);border-radius:999px;transition:transform .15s,background .15s}.qd-steps a:hover{transform:translateY(-2px);background:#fff}.qd-steps i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--ink);color:var(--cream);font-style:normal;font-size:11px}.qd-caption{display:inline-block;padding:5px 14px;background:var(--cream);color:var(--ink);border:2px solid var(--ink);font:700 12px var(--font-mono),monospace;letter-spacing:.14em;text-transform:uppercase;transform:rotate(-1.5deg);box-shadow:3px 3px 0 var(--ink)}.qd-hero{padding:28px 0 4px;text-align:center}.qd-hero h1{margin:14px 0 26px;font-family:var(--font-comic,var(--font-display)),var(--font-display),Impact,sans-serif;font-weight:400;font-size:clamp(48px,8vw,104px);line-height:.9;letter-spacing:.04em;color:var(--text);text-shadow:4px 4px 0 var(--red),8px 8px 0 var(--ink);animation:qd-pop .7s cubic-bezier(.2,1.4,.4,1) both}.qd-slots{display:grid;grid-template-columns:1.25fr 1fr;gap:22px;text-align:left}.qd-slot{display:flex;flex-direction:column;gap:12px;animation:qd-rise .6s ease both}.qd-slot.alt{animation-delay:.12s}.qd-slot-label{display:flex;align-items:baseline;gap:10px}.qd-slot-label b{font-family:var(--font-comic,var(--font-display)),Impact,sans-serif;font-weight:400;font-size:30px;letter-spacing:.05em;color:var(--gold)}.qd-slot-label span{font:12px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:rgba(255,248,234,.6)}.qd-frame{position:relative;width:100%;aspect-ratio:4/5;overflow:hidden;background:#111;border:4px solid var(--ink);box-shadow:0 0 0 3px var(--gold),10px 10px 0 rgba(0,0,0,.7)}.qd-slot.alt .qd-frame{aspect-ratio:4/5;box-shadow:0 0 0 3px var(--sky),10px 10px 0 rgba(0,0,0,.7)}.qd-frame img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center 18%;object-position:center 18%;animation:qd-fade .8s ease both;transition:transform 6s ease}.qd-frame:hover img{transform:scale(1.04)}.qd-empty{display:grid;place-items:center;align-content:center;gap:10px;width:100%;height:100%;color:rgba(255,248,234,.45);background:repeating-linear-gradient(45deg,#121216 0 14px,#17171c 14px 28px)}.qd-empty b{font-family:var(--font-comic,var(--font-display));font-weight:400;font-size:28px;letter-spacing:.06em}.qd-remove{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background:rgba(10,10,11,.82);color:var(--text);border:2px solid rgba(255,255,255,.25);border-radius:999px;font:600 13px var(--font-body);cursor:pointer;backdrop-filter:blur(6px);transition:background .15s,border-color .15s}.qd-remove:hover{background:var(--red);border-color:var(--ink)}.qd-slot-actions{display:flex;flex-wrap:wrap;gap:10px}.qd-making{display:grid;place-items:center;align-content:center;gap:8px;height:100%;text-align:center;background:radial-gradient(circle,#1d1a12,#0b0b0e)}.qd-making b{font-family:var(--font-comic,var(--font-display));font-weight:400;font-size:26px;letter-spacing:.05em}.qd-making small{color:rgba(255,248,234,.55)}.qd-timer{font:500 34px var(--font-mono);color:var(--gold)}.qd-ring{width:64px;height:64px;border-radius:50%;border-left:6px solid rgba(255,255,255,.12);border-bottom:6px solid rgba(255,255,255,.12);border-top:6px solid rgba(255,255,255,.12);border-top-color:var(--gold);border-right:6px solid rgba(255,255,255,.12);border-right-color:var(--red);animation:qd-spin .9s linear infinite}.qd-ring.sm{width:34px;height:34px;border-width:4px}.qd-pad{display:flex;flex-direction:column;border:4px solid var(--ink);box-shadow:0 0 0 3px var(--gold),10px 10px 0 rgba(0,0,0,.7);background:var(--paper);animation:qd-fade .3s ease both}.qd-pad-tools{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px;background:var(--ink)}.qd-swatch{width:30px;height:30px;border-radius:50%;border:3px solid #333;cursor:pointer;transition:transform .12s}.qd-swatch.on{border-color:#fff;transform:scale(1.12)}.qd-pad-sep{width:1px;height:26px;margin:0 4px;background:#333}.qd-tool{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;border:1px solid #333;background:#1a1a1f;color:var(--text);cursor:pointer}.qd-tool.on{background:var(--gold);color:var(--ink)}.qd-tool.on,.qd-tool:hover{border-color:var(--gold)}.qd-dot{display:block;border-radius:50%;background:currentColor}.qd-pad-close{margin-left:auto}.qd-canvas{width:100%;aspect-ratio:3/3.9;touch-action:none;cursor:crosshair;background:var(--paper)}.qd-pad-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;background:var(--cream);color:var(--ink);border-top:3px solid var(--ink)}.qd-pad-foot span{gap:6px;font:600 13px var(--font-body)}.qd-btn,.qd-pad-foot span{display:inline-flex;align-items:center}.qd-btn{--face:#2a2a31;--edge:#0b0b0d;position:relative;justify-content:center;gap:8px;padding:12px 20px;border:2px solid var(--ink);border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0) 55%),var(--face);color:var(--text);font:800 15px var(--font-body);letter-spacing:.02em;text-decoration:none;cursor:pointer;box-shadow:0 6px 0 var(--edge),0 10px 18px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.35);transform:translateY(0);transition:transform .1s ease,box-shadow .1s ease,filter .15s}.qd-btn:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-2px);box-shadow:0 8px 0 var(--edge),0 14px 22px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.35)}.qd-btn:active:not(:disabled){transform:translateY(5px);box-shadow:0 1px 0 var(--edge),0 3px 6px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.2)}.qd-btn:disabled{opacity:.45;cursor:not-allowed}.qd-btn-red{--face:var(--red);--edge:var(--red-d)}.qd-btn-ghost{--face:#24242b;--edge:#050506}.qd-btn.sm{padding:8px 14px;font-size:13px;border-radius:11px}.qd-btn.big{padding:16px 26px;font-size:18px}.qd-panel{background:rgba(14,14,18,.9);border:3px solid var(--ink);box-shadow:0 0 0 2px var(--gold-d),8px 8px 0 rgba(0,0,0,.6);animation:qd-rise .5s ease both}.qd-card-panel summary,.qd-panel-head{display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--cream);color:var(--ink);border-bottom:3px solid var(--ink)}.qd-card-panel summary h2,.qd-panel-head h2{margin:0;font-family:var(--font-comic,var(--font-display)),Impact,sans-serif;font-weight:400;font-size:32px;letter-spacing:.05em;line-height:1}.qd-num{display:grid;place-items:center;min-width:36px;height:30px;padding:0 6px;background:var(--ink);color:var(--cream);font:500 13px var(--font-mono);transform:skew(-8deg)}.qd-tag{padding:3px 10px;font:700 11px var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.qd-collapse,.qd-tag{border:2px solid var(--ink);border-radius:999px;background:#fff}.qd-collapse{margin-left:auto;display:inline-flex;align-items:center;gap:4px;padding:6px 12px;color:var(--ink);font:700 13px var(--font-body);cursor:pointer}.qd-collapse svg{transition:transform .2s}.qd-collapse svg.up{transform:rotate(180deg)}.qd-panel-body{padding:20px 18px 22px;animation:qd-fade .3s ease both}.qd-panel input,.qd-panel select,.qd-panel textarea{width:100%;padding:12px 14px;border:2px solid #34343c;border-radius:10px;background:#08080a;color:var(--text);font:15px var(--font-body);transition:border-color .15s}.qd-panel input:focus,.qd-panel select:focus,.qd-panel textarea:focus{outline:none;border-color:var(--gold)}.qd-panel textarea{resize:vertical;line-height:1.5}.qd-panel input.mono{font-family:var(--font-mono);color:var(--gold)}.qd-row{margin-top:14px;display:flex;gap:10px}.qd-fields{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.qd-fields.two{grid-template-columns:repeat(2,1fr)}.qd-fields label>span{display:block;margin-bottom:6px;font:700 11px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:rgba(255,248,234,.6)}.qd-budget{display:flex;align-items:center;gap:14px;margin-bottom:18px}.qd-budget-bar{flex:1;height:14px;border:2px solid var(--ink);border-radius:999px;background:#1c1c22;overflow:hidden}.qd-budget-bar i{display:block;height:100%;background:var(--gold);transition:width .3s ease}.qd-budget-bar i.done{background:#22c55e}.qd-budget-bar i.over{background:var(--red)}.qd-budget b{font:800 16px var(--font-body);white-space:nowrap}.qd-budget b.ok{color:#4ade80}.qd-budget b.warn{color:var(--gold)}.qd-stat-table{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.qd-stat{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:10px 12px;align-items:center;padding:14px;background:linear-gradient(180deg,#1a1a20,#121217);border:2px solid #2b2b33;border-radius:14px}.qd-stat-name{font-family:var(--font-display);font-size:22px;letter-spacing:.08em}.qd-stepper{display:flex;align-items:center;gap:4px}.qd-stepper button{display:grid;place-items:center;width:32px;height:32px;border:2px solid var(--ink);border-radius:9px;background:#2a2a31;color:var(--text);cursor:pointer;box-shadow:0 3px 0 #050506;transition:transform .08s,box-shadow .08s}.qd-stepper button:active{transform:translateY(3px);box-shadow:none}.qd-stepper input{width:54px!important;padding:6px 4px!important;text-align:center;font:800 18px var(--font-body)!important;-moz-appearance:textfield}.qd-stepper input::-webkit-inner-spin-button,.qd-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.qd-meter{grid-column:1/-1;height:10px;border-radius:999px;background:#26262d;overflow:hidden}.qd-meter i{display:block;height:100%;border-radius:999px;transition:width .35s cubic-bezier(.2,1.2,.4,1),background .35s;box-shadow:0 0 12px currentColor}.qd-sub{margin:30px 0 14px;font-family:var(--font-comic,var(--font-display));font-weight:400;font-size:30px;letter-spacing:.05em;color:var(--gold)}.qd-choice{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.qd-or{font-family:var(--font-comic,var(--font-display));font-size:26px;color:rgba(255,248,234,.5)}.qd-btn-big{flex-direction:column;gap:2px;min-width:210px;padding:18px 28px;border-radius:18px}.qd-btn-big b{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-comic,var(--font-display));font-weight:400;font-size:32px;letter-spacing:.05em}.qd-btn-big small{font:600 12px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;opacity:.8}.qd-btn-big.gold{--face:#c9971f;--edge:#6e4f0b;color:var(--ink)}.qd-btn-big.red{--face:var(--red);--edge:var(--red-d)}.qd-btn-big.picked{opacity:1!important;outline:4px solid var(--sky);outline-offset:3px}.qd-result{margin:18px 0 0;font-family:var(--font-comic,var(--font-display));font-size:44px;letter-spacing:.04em;color:#4ade80}.qd-result span{font:600 14px var(--font-body);color:rgba(255,248,234,.65);letter-spacing:0}.qd-abilities{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.qd-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:2px solid #3a3a44;border-radius:999px;background:#18181d;color:var(--text);font:700 15px var(--font-body);cursor:pointer;box-shadow:0 4px 0 #050506;transition:transform .1s,background .15s,border-color .15s}.qd-chip small{padding:2px 7px;border-radius:999px;background:rgba(255,255,255,.1);font:600 11px var(--font-mono)}.qd-chip:hover:not(:disabled){transform:translateY(-2px);border-color:var(--gold)}.qd-chip.on{background:var(--gold);color:var(--ink);border-color:var(--ink)}.qd-chip.on small{background:rgba(0,0,0,.15)}.qd-chip:disabled{opacity:.4;cursor:not-allowed}.qd-hint{margin:12px 0 0;color:rgba(255,248,234,.55);font-size:14px}.qd-save{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.qd-filed span{display:block;font:700 11px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:rgba(255,248,234,.55)}.qd-filed b{font:500 26px var(--font-mono);color:var(--gold)}.qd-wait{display:flex;align-items:center;gap:14px;margin-top:18px;padding:14px 16px;border:2px dashed var(--gold-d);border-radius:14px;background:rgba(226,184,74,.08)}.qd-wait b{display:block;font-size:16px}.qd-wait span{font:500 14px var(--font-mono);color:var(--gold)}.qd-card-panel details>summary{list-style:none;cursor:pointer}.qd-card-panel details>summary::-webkit-details-marker{display:none}.qd-sum-chev{margin-left:auto;transition:transform .2s}.qd-card-panel details[open] .qd-sum-chev{transform:rotate(180deg)}.qd-card-stage{display:flex;flex-direction:column;align-items:center;gap:18px;padding:26px 18px 34px;background:radial-gradient(circle at 50% 40%,rgba(226,184,74,.18),transparent 60%)}.qd-toggle{display:inline-flex;padding:4px;border:2px solid var(--ink);border-radius:999px;background:var(--cream)}.qd-toggle button{padding:8px 20px;border:0;border-radius:999px;background:transparent;color:var(--ink);font:800 14px var(--font-body);cursor:pointer}.qd-toggle button.on{background:var(--ink);color:var(--gold)}.qd-toggle button.on.canon{background:var(--red);color:#fff}.qd-card-wrap{width:100%;max-width:380px;perspective:1400px}.qd-card{position:relative;display:block;width:100%;aspect-ratio:5/7.6;cursor:pointer;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.3,1.3,.4,1);animation:qd-float 5s ease-in-out infinite}.qd-card.flipped{transform:rotateY(180deg);animation:none}.qd-card-face{position:absolute;inset:0;display:flex;flex-direction:column;padding:14px;border-radius:18px;backface-visibility:hidden;overflow:hidden;background:linear-gradient(160deg,#18160f,#050505 60%);color:var(--text);text-align:left}.qd-card.regular .qd-card-face{border:3px solid var(--gold);box-shadow:0 0 0 5px #000,0 0 0 7px var(--gold-d),0 24px 50px rgba(0,0,0,.7),inset 0 0 40px rgba(226,184,74,.12)}.qd-card.canon .qd-card-face{border:3px solid var(--red);background:linear-gradient(160deg,#1b0707,#050505 60%);box-shadow:0 0 0 5px #000,0 0 0 7px var(--gold-d),0 24px 50px rgba(0,0,0,.7),inset 0 0 40px rgba(214,40,40,.2)}.qd-card-face.back{transform:rotateY(180deg)}.qd-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.qd-card-no{padding:3px 10px;font-family:var(--font-display);font-size:24px;letter-spacing:.06em;color:var(--ink);background:linear-gradient(180deg,#f6d77a,var(--gold) 60%,#9b7215);clip-path:polygon(8% 0,100% 0,92% 100%,0 100%)}.qd-card.canon .qd-card-no{background:var(--red);color:#fff}.qd-card-brand{font-family:var(--font-display);font-size:18px;letter-spacing:.2em;color:var(--gold)}.qd-card.canon .qd-card-brand{color:#ff5a5a}.qd-card-art{position:relative;flex:1;min-height:0;margin:10px 0;display:grid;place-items:center;overflow:hidden;border-radius:10px;border:1px solid rgba(226,184,74,.45);background:#0c0c0c;color:rgba(255,255,255,.3)}.qd-card-art img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.qd-card-art:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.22) 45%,transparent 60%);background-size:250% 100%;animation:qd-shine 4.5s ease-in-out infinite}.qd-card-name b{display:block;font-family:var(--font-comic,var(--font-display));font-weight:400;font-size:36px;line-height:.95;letter-spacing:.05em}.qd-card-name span{font:600 12px var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,248,234,.6)}.qd-card-stats{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;margin-top:10px}.qd-card-stats div{display:flex;flex-direction:column;align-items:center;padding:4px 0;border-radius:6px;background:rgba(255,255,255,.06)}.qd-card-stats span{font:500 9px var(--font-mono);text-transform:uppercase;color:rgba(255,248,234,.55)}.qd-card-stats b{font:800 15px var(--font-body);color:var(--gold)}.qd-card.canon .qd-card-stats b{color:#ff6b6b}.qd-card-abil{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.qd-card-abil i{padding:2px 8px;border-radius:999px;border:1px solid rgba(226,184,74,.5);font:normal 600 11px var(--font-body)}.qd-card-hint{margin-top:8px;text-align:center;font:500 10px var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,248,234,.4)}.qd-card-back-id{display:flex;align-items:center;gap:12px;margin:14px 0}.qd-card-alt{display:grid;place-items:center;width:84px;height:84px;flex:none;overflow:hidden;border-radius:12px;border:2px solid var(--gold);background:#111;color:rgba(255,255,255,.3)}.qd-card.canon .qd-card-alt{border-color:var(--red)}.qd-card-alt img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center 15%;object-position:center 15%}.qd-card-back-id b{display:block;font-family:var(--font-comic,var(--font-display));font-weight:400;font-size:28px;letter-spacing:.04em}.qd-card-back-id span{font:500 12px var(--font-mono);color:rgba(255,248,234,.6)}.qd-card-face dl{display:flex;flex-direction:column;gap:10px;margin:0}.qd-card-face dt{font:700 10px var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}.qd-card.canon .qd-card-face dt{color:#ff6b6b}.qd-card-face dd{margin:2px 0 0;font:600 15px/1.35 var(--font-body)}.qd-card-sig{margin-top:auto;text-align:right;font-family:var(--font-comic,var(--font-display));font-size:34px;color:var(--gold);transform:rotate(-6deg);opacity:.9}.qd-card.canon .qd-card-sig{color:var(--red)}.qd-suit{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;overflow:hidden;background-color:#0b0b0e;background-size:cover;background-position:50%;border:3px solid var(--ink);box-shadow:0 0 0 2px var(--sky),8px 8px 0 rgba(0,0,0,.6)}.qd-suit-art{display:grid;place-items:center;padding:28px;min-height:380px}.qd-tube{position:relative;width:min(100%,300px);aspect-ratio:1;overflow:hidden;border-radius:50% 50% 14px 14px/22% 22% 14px 14px;border:3px solid var(--sky);box-shadow:0 0 40px rgba(127,211,255,.45),inset 0 0 40px rgba(127,211,255,.3)}.qd-tube img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;animation:qd-turn 6s ease-in-out infinite}.qd-tube:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(127,211,255,.18),transparent 40%,rgba(127,211,255,.2)),repeating-linear-gradient(0deg,rgba(127,211,255,.1) 0 1px,transparent 1px 6px);animation:qd-scan 3s linear infinite}@keyframes qd-scan{0%{background-position:0 0,0 0}to{background-position:0 0,0 60px}}.qd-suit-copy{padding:30px}.qd-suit-copy h2{margin:14px 0 6px;font-family:var(--font-comic,var(--font-display));font-weight:400;font-size:clamp(42px,6vw,72px);line-height:.9;letter-spacing:.04em;text-shadow:4px 4px 0 #1d4ed8}.qd-suit-copy p{margin:0 0 22px;font-size:18px;color:rgba(255,248,234,.75)}.qd-foot{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}@keyframes qd-pop{0%{opacity:0;transform:scale(.8) rotate(-3deg)}to{opacity:1;transform:none}}@keyframes qd-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes qd-fade{0%{opacity:0}to{opacity:1}}@keyframes qd-spin{to{transform:rotate(1turn)}}@keyframes qd-roll{0%{transform:rotateX(0) rotate(0) translateY(0)}50%{transform:rotateX(180deg) rotate(12deg) translateY(-10px)}to{transform:rotateX(1turn) rotate(0) translateY(0)}}@keyframes qd-land{0%{transform:translateY(-14px) rotate(-14deg)}to{transform:none}}@keyframes qd-float{0%,to{transform:translateY(0) rotateY(-4deg)}50%{transform:translateY(-8px) rotateY(4deg)}}@keyframes qd-shine{0%,60%{background-position:150% 0}to{background-position:-50% 0}}@keyframes qd-turn{0%,to{transform:scaleX(1)}50%{transform:scaleX(.86)}}@media (prefers-reduced-motion:reduce){.qd-backdrop img,.qd-page *{animation:none!important;transition:none!important}}@media (max-width:900px){.qd-fields{grid-template-columns:repeat(2,1fr)}.qd-suit{grid-template-columns:1fr}.qd-suit-art{min-height:260px}}@media (max-width:640px){.qd-wrap{padding:12px 12px 60px}.qd-fields,.qd-fields.two,.qd-slots{grid-template-columns:1fr}.qd-steps{display:none}.qd-btn-big{min-width:0;flex:1}}.qd-intro{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#000;cursor:pointer;transition:opacity .9s ease,transform .9s ease}.qd-intro.out{opacity:0;transform:scale(1.06);pointer-events:none}.qd-intro img{width:min(100%,1280px);max-height:100%;-o-object-fit:contain;object-fit:contain}.qd-intro-skip{position:absolute;right:20px;bottom:20px;padding:8px 16px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(0,0,0,.5);color:#fff;font:600 13px var(--font-body),sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.qd-intro-skip:focus-visible,.qd-intro-skip:hover{background:#fff;color:#000;outline:none}.qd-factions{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.qd-faction{display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px;border:3px solid var(--ink);border-radius:14px;background:#121214;color:var(--text);cursor:pointer;box-shadow:0 6px 0 #000;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.qd-faction:hover{transform:translateY(-3px);box-shadow:0 9px 0 #000}.qd-faction:active{transform:translateY(4px);box-shadow:0 2px 0 #000}.qd-faction:focus-visible{outline:3px solid var(--sky);outline-offset:2px}.qd-faction.on{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold),0 6px 0 #000}.qd-faction img{width:100%;-o-object-fit:contain;object-fit:contain;background:#000}.qd-faction img,.qd-faction-none{max-width:150px;aspect-ratio:1;border-radius:10px}.qd-faction-none{display:grid;place-items:center;width:100%;border:2px dashed rgba(255,248,234,.3);font:400 64px var(--font-comic,var(--font-display));color:rgba(255,248,234,.4)}.qd-faction b{font:400 22px var(--font-display);letter-spacing:.1em}.qd-card-brand{display:inline-flex;align-items:center;gap:6px}.qd-card-brand img{width:22px;height:22px;-o-object-fit:contain;object-fit:contain;border-radius:4px;background:#000}.qd-card-ally{display:flex;align-items:center;gap:10px;margin:10px 0 4px;padding:8px;border-radius:10px;background:rgba(200,30,30,.14);border:1px solid rgba(200,30,30,.5)}.qd-card-ally img{width:46px;height:46px;flex:none;-o-object-fit:cover;object-fit:cover;-o-object-position:30% 20%;object-position:30% 20%;border-radius:8px}.qd-card-ally small{display:block;font:700 9px var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,248,234,.55)}.qd-card-ally b{display:block;font:400 20px/1 var(--font-display);letter-spacing:.08em}.qd-card-ally span{font-size:12px;color:#ff8a8a}@media (max-width:640px){.qd-factions{grid-template-columns:repeat(3,1fr);gap:8px}.qd-faction{padding:8px}.qd-faction b{font-size:16px}}.qd-tray{margin-top:22px;border:4px solid var(--ink);border-radius:18px;background:#0d0d10;box-shadow:0 0 0 3px var(--gold),10px 10px 0 rgba(0,0,0,.6);overflow:hidden}.qd-tray-head{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;background:var(--cream);color:var(--ink);border-bottom:4px solid var(--ink)}.qd-tray-head span{font:400 24px var(--font-comic,var(--font-display));letter-spacing:.06em}.qd-tray-total{font:400 40px/1 var(--font-comic,var(--font-display));letter-spacing:.04em;color:var(--red);min-width:2ch;text-align:right;transition:transform .15s ease}.qd-tray.done .qd-tray-total{color:#15803d;animation:qd-bump .5s cubic-bezier(.2,1.8,.4,1)}.qd-tray-felt{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:14px 10px;padding:26px 22px 30px;background:radial-gradient(ellipse at 50% 40%,#1f5a3a 0,#123824 55%,#0b2417 100%);box-shadow:inset 0 0 50px rgba(0,0,0,.65);overflow:hidden}.qd-tray-felt:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,rgba(255,255,255,.025) 0 2px,transparent 2px 5px);pointer-events:none}.qd-d10{position:relative;width:100%;max-width:74px;aspect-ratio:1;justify-self:center;filter:drop-shadow(0 8px 6px rgba(0,0,0,.55))}.qd-d10 svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.qd-d10.red .body{fill:#b91c1c}.qd-d10.gold .body{fill:#c9a13b}.qd-d10.max .body{fill:#facc15}.qd-d10.min .body{fill:#3f3f46}.qd-d10 .edges{fill:none;stroke:rgba(0,0,0,.38);stroke-width:2.5;stroke-linejoin:round}.qd-d10 .rim{fill:none;stroke:#0a0a0a;stroke-width:4;stroke-linejoin:round}.qd-d10 span{position:absolute;left:0;right:0;top:33%;text-align:center;font:400 clamp(20px,3vw,30px)/1 var(--font-comic,var(--font-display));letter-spacing:.02em;color:#fff;text-shadow:2px 2px 0 #000}.qd-d10.gold span,.qd-d10.max span{color:#111;text-shadow:1px 1px 0 rgba(255,255,255,.5)}.qd-d10.flying{animation:qd-throw .95s cubic-bezier(.15,.65,.3,1) both}.qd-d10.landed{animation:qd-settle .5s cubic-bezier(.2,1.7,.4,1) both}.qd-d10.max.landed{filter:drop-shadow(0 0 14px rgba(250,204,21,.85)) drop-shadow(0 8px 6px rgba(0,0,0,.55))}@keyframes qd-throw{0%{transform:translate(-140%,-160%) rotate(var(--spin)) scale(1.35);opacity:0}15%{opacity:1}55%{transform:translate(8%,6%) rotate(calc(var(--spin) * .15)) scale(1)}72%{transform:translate(-4%,-14%) rotate(calc(var(--spin) * .05)) scale(1.04)}86%{transform:translate(2%,2%) rotate(-6deg) scale(1)}to{transform:none}}@keyframes qd-settle{0%{transform:rotate(-8deg) scale(1.08)}to{transform:none}}@keyframes qd-bump{0%{transform:scale(1.6)}to{transform:scale(1)}}.qd-tray-tally{display:flex;flex-wrap:wrap;gap:8px;padding:12px 18px;border-top:3px solid var(--ink);background:#141418}.qd-tray-tally i{font:700 12px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:999px;background:rgba(255,248,234,.08);color:rgba(255,248,234,.75);font-style:normal}.qd-tray-tally i.max{background:rgba(250,204,21,.18);color:#facc15}.qd-tray-tally i.min{background:rgba(200,30,30,.2);color:#ff8a8a}@media (max-width:640px){.qd-tray-felt{grid-template-columns:repeat(4,1fr);padding:18px 12px 22px}}.qd-cup-zone{gap:14px;margin-top:22px;padding:26px 18px;border:4px solid var(--ink);border-radius:18px;background:radial-gradient(ellipse at 50% 40%,#1f5a3a 0,#0b2417 100%);box-shadow:0 0 0 3px var(--gold),10px 10px 0 rgba(0,0,0,.6)}.qd-cup,.qd-cup-zone{display:flex;flex-direction:column;align-items:center}.qd-cup{gap:8px;padding:22px 34px;border:4px solid var(--ink);border-radius:24px;background:linear-gradient(180deg,#e04646,#a51717);color:#fff;cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 8px 0 #5c0b0b,0 14px 24px rgba(0,0,0,.5);transition:transform .12s ease,box-shadow .12s ease}.qd-cup:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.qd-cup.held{cursor:grabbing;transform:translateY(5px);box-shadow:0 3px 0 #5c0b0b,0 8px 16px rgba(0,0,0,.5)}.qd-cup.held .qd-cup-body{animation:qd-shake .12s linear infinite}.qd-cup b{font:400 30px/1 var(--font-comic,var(--font-display));letter-spacing:.05em;text-shadow:2px 2px 0 #000}.qd-cup small{font:600 12px var(--font-body);opacity:.8}.qd-cup-body{display:grid;place-items:center;width:78px;height:78px;border-radius:50%;background:rgba(0,0,0,.25);border:3px solid rgba(0,0,0,.4)}.qd-cup-meter{width:min(100%,320px);height:10px;border-radius:999px;background:rgba(0,0,0,.45);overflow:hidden}.qd-cup-meter i{display:block;height:100%;background:linear-gradient(90deg,#ef4444,#facc15,#22c55e);transition:width .04s linear}@keyframes qd-shake{0%{transform:translate(-4px,2px) rotate(-12deg)}25%{transform:translate(4px,-3px) rotate(10deg)}50%{transform:translate(-3px,-2px) rotate(-6deg)}75%{transform:translate(3px,3px) rotate(14deg)}to{transform:translate(-4px,2px) rotate(-12deg)}}.qd-sec{--ink:#0a0a0b;--paper:#fbf3dc;--cream:#f6e6b4;--gold:#e2b84a;--gold-d:#a77d23;--red:#d62828;--red-d:#8f1414;--sky:#7fd3ff;--text:#fff8ea;color:var(--text)}.qd-hero-title{margin:14px 0 18px;font-family:var(--font-comic,var(--font-display)),Impact,sans-serif;font-weight:400;font-size:clamp(44px,8vw,104px);line-height:.92;letter-spacing:.04em;color:var(--text);text-shadow:4px 4px 0 var(--red),8px 8px 0 var(--ink);animation:qd-pop .7s cubic-bezier(.2,1.4,.4,1) both}.qd-hero-title em{font-style:normal;color:var(--gold)}.qd-form{display:flex;flex-direction:column;gap:28px;color:var(--text)}.qd-sec{padding:0 18px 22px;background:rgba(14,14,18,.9);border:3px solid var(--ink);box-shadow:0 0 0 2px var(--gold-d),8px 8px 0 rgba(0,0,0,.6);animation:qd-rise .5s ease both}.qd-sec>.qd-panel-head{margin:0 -18px 18px;flex-wrap:wrap}.qd-panel-head .qd-note{margin-left:auto;font:600 11px var(--font-mono),monospace;letter-spacing:.1em;text-transform:uppercase;color:rgba(10,10,11,.6)}.qd-sec p{line-height:1.55}.qd-input{width:100%;padding:11px 13px;border:2px solid #34343c;border-radius:10px;background:#08080a;color:var(--text);font:15px var(--font-body),system-ui,sans-serif;transition:border-color .15s}.qd-input:focus{outline:none;border-color:var(--gold)}.qd-input[readonly]{color:var(--gold);font-family:var(--font-mono),monospace}.qd-label{display:block;margin-bottom:6px;font:700 11px var(--font-mono),monospace;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,248,234,.6)}.qd-sec input:not([type=checkbox]):not([type=range]):not([type=file]),.qd-sec select,.qd-sec textarea{border-radius:10px;border-width:2px;border-color:#34343c;background:#08080a}.qd-sec input:focus,.qd-sec select:focus,.qd-sec textarea:focus{border-color:var(--gold);outline:none}.qd-slot-actions .qd-note{align-self:center;font:600 11px var(--font-mono),monospace;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,248,234,.5)}.qd-journey{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0;padding:0;list-style:none;counter-reset:step}.qd-journey li{padding:14px;border:2px solid #2b2b33;border-radius:14px;background:linear-gradient(180deg,#1a1a20,#121217)}.qd-journey b{display:flex;align-items:center;gap:8px;font:400 22px var(--font-comic,var(--font-display)),Impact,sans-serif;letter-spacing:.04em;color:var(--gold)}.qd-journey b i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--cream);color:var(--ink);font:700 12px var(--font-body),sans-serif;font-style:normal}.qd-journey p{margin:6px 0 0;font-size:13px;color:rgba(255,248,234,.65)}.qd-ability{border:2px solid #2b2b33;border-radius:14px;padding:12px;background:#121217}.qd-ability-grid{display:grid;gap:12px;margin-top:12px}.qd-banner{display:flex;align-items:flex-start;gap:10px}@media (max-width:900px){.qd-journey{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.qd-journey{grid-template-columns:1fr}.qd-sec{padding:0 12px 18px}.qd-sec>.qd-panel-head{margin:0 -12px 14px}.qd-panel-head h2{font-size:26px}.qd-panel-head .qd-note{width:100%;margin-left:0}}.qd-stat-table{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.qd-stat{grid-template-columns:minmax(0,1fr) auto}.qd-stat-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qd-slots .qd-slot.alt .qd-frame{aspect-ratio:16/25}.qd-readout{background:linear-gradient(180deg,#1a1a20,#121217)}@media (max-width:640px){.qd-slots .qd-slot.alt .qd-frame{aspect-ratio:4/5}}