.phantom-draw,.phantom-synthesis{--draw-gold:#edcb76;color:#eee7d7;background:linear-gradient(145deg,#252b31,#12171d);border:1px solid #75694e;border-radius:6px;padding:24px;box-shadow:inset 0 0 0 3px #151a21;line-height:1.65}.phantom-draw h2,.phantom-synthesis h2{color:#f4df9b;font-size:26px;margin:2px 0 6px;letter-spacing:-.04em}.phantom-draw p,.phantom-synthesis p{color:#d0d1cc}.draw-eyebrow{color:#b7a474;font-size:12px;letter-spacing:.08em}.draw-intro{display:flex;align-items:center;justify-content:space-between;gap:18px}.draw-intro p{margin:0}.draw-intro>img{width:110px;height:110px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 4px 16px #d6c88333)}
.draw-summary{display:grid;grid-template-columns:1fr 1fr;background:#10151b;border:1px solid #404752;border-radius:4px;margin:22px 0;padding:16px;gap:20px}.draw-summary>div{display:flex;flex-direction:column}.draw-summary span{font-size:13px;color:#c2c5c6}.draw-summary strong{font-size:27px;color:#f4d785;font-variant-numeric:tabular-nums}.draw-summary small{font-size:13px;font-weight:400;margin-left:6px;color:#c6c7c2}.draw-buttons{display:flex;gap:10px;flex-wrap:wrap}.phantom-draw button,.phantom-synthesis button{font:inherit;cursor:pointer}.phantom-draw button:focus-visible,.phantom-synthesis button:focus-visible,.draw-card:focus-visible{outline:3px solid #8bd1ff;outline-offset:3px}.phantom-draw button.primary,.phantom-synthesis button.primary{background:linear-gradient(#d2b965,#9b7d35);border:1px solid #f6dc8b;box-shadow:inset 0 0 0 2px #7a642f;color:#211a0a;padding:12px 22px;border-radius:4px;font-weight:800}.phantom-draw button.secondary,.phantom-synthesis button.secondary{background:linear-gradient(#384b58,#22313e);border:1px solid #5a7484;color:#e6edf2;padding:12px 20px;border-radius:4px;font-weight:700}.draw-buttons small{display:block;font-size:12px;font-weight:600;opacity:.85}.phantom-draw button:disabled,.phantom-synthesis button:disabled{cursor:default;opacity:.45}.draw-price-note{font-size:12px;color:#aab2b8!important;margin:10px 0}.draw-status{min-height:28px;font-weight:600;color:#efd993!important;margin:18px 0 12px}.draw-results{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;min-height:200px}.draw-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:linear-gradient(#242b34,#141a21);border:1px solid var(--rarity-color,#717984);border-radius:5px;padding:14px 8px;text-decoration:none;color:#f3eee1!important;box-shadow:inset 0 0 20px #0006;animation:draw-reveal .35s both;animation-delay:var(--reveal,0ms)}.draw-card>span{font-size:11px;color:var(--rarity-color,#c0c4c8)}.draw-card>img{width:84px;height:84px;object-fit:contain;image-rendering:pixelated;background:url('assets/simulator/ui_item_bg01.png') center/contain no-repeat}.draw-card strong{text-align:center;font-size:14px}.draw-rarity-1{--rarity-color:#bbc1c8}.draw-rarity-2{--rarity-color:#76c878}.draw-rarity-3{--rarity-color:#6bbee5}.draw-rarity-4{--rarity-color:#c094dd}.draw-rarity-5{--rarity-color:#ef9565}.draw-rarity-6{--rarity-color:#fb767d}.draw-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(ellipse,#263643,#141a21 70%);border:1px solid #3c4754;border-radius:5px;padding:28px}.draw-empty>span{font-size:45px;color:#d5be76}.draw-empty p{font-size:18px;margin:4px}.draw-empty small{color:#9eaab3}.draw-wardrobe-link{display:inline-flex;color:#edcc7b!important;padding:14px 0;margin-right:18px;gap:12px;font-weight:700;text-decoration:none}.draw-rates{margin-top:20px;border-top:1px solid #414750;padding-top:14px;font-size:13px;color:#c5c9cc}.draw-rates summary{cursor:pointer;color:#cfd5da;font-weight:700}.draw-rates a{color:#9bc7df!important}.draw-rates p,.draw-rates li{color:#b6c0c8}.draw-band-rates{list-style:none;display:flex;gap:8px;padding:0;flex-wrap:wrap}.draw-band-rates li{padding:7px 12px;border:1px solid #3d4851;border-radius:3px}.draw-band-rates strong{color:#f4d58d;margin-left:12px}.draw-individual-rates{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 18px;max-height:360px;overflow:auto}.draw-individual-rates li{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #35404a;padding:6px 0}.draw-individual-rates small{color:#8d9da9}.draw-source{font-size:12px}.phantom-draw [hidden],.phantom-synthesis [hidden]{display:none!important}
@keyframes draw-reveal{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}
@media(max-width:760px){.phantom-draw,.phantom-synthesis{padding:16px}.draw-intro>img{width:80px;height:80px}.draw-results{grid-template-columns:repeat(2,minmax(0,1fr))}.draw-summary{padding:12px;gap:10px}.draw-summary strong{font-size:23px}.draw-individual-rates{grid-template-columns:1fr}.draw-buttons{display:grid;grid-template-columns:1fr 1fr}.draw-buttons button{padding:12px 9px!important}.draw-intro h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){.draw-card{animation:none}}