.opening.has-result>.openingcontrols{display:none}.opening-receipt{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:720px;margin:25px auto}.opening-receipt>div{padding:17px 12px;background:#ffffff03;border:1px solid #ffffff08;border-radius:9px}.opening-receipt small{font-size:11px;color:#97859e;letter-spacing:1px;display:block}.opening-receipt b{font:600 28px 'Barlow Condensed';color:#e9c388;display:block;margin-top:8px}.result-grid{margin:25px 0;text-align:left}.result-item-status{font-size:11px;color:#b1a1ba;display:block;margin-top:12px;line-height:1.6;letter-spacing:.5px}.result-card>.btn{width:100%;margin-top:12px;font-size:11px;min-height:36px;padding:9px}.result-used{opacity:.6}.repeat-opening{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px;border-top:1px solid #ffffff0a;margin-top:30px;padding-top:25px}.repeat-opening>div{text-align:left}.repeat-opening b{display:block;font-size:12px;color:#c7b5cb}.repeat-opening span{display:block;font-size:12px;color:#b79a6d;margin-top:5px}.repeat-opening>a,.repeat-reset{font-size:12px;color:#b39d82}.repeat-reset{text-decoration:underline;text-underline-offset:4px}.has-result .result-summary h2{font-size:35px}.has-result .result-actions{margin-top:20px}@media(max-width:560px){.opening-receipt{gap:6px}.opening-receipt>div{padding:12px 5px}.opening-receipt small{font-size:11px;letter-spacing:.3px}.opening-receipt b{font-size:23px}.has-result .result-summary h2{font-size:29px}.repeat-opening{gap:12px}.repeat-opening>.btn{flex:1}.repeat-reset{flex-basis:100%}}

.opening-budget{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:660px;margin:22px auto 16px;border:1px solid #ffffff0d;border-radius:12px;background:#14171a;text-align:left}
.opening-budget>div{padding:16px 20px;min-width:0}
.opening-budget>div+div{border-left:1px solid #ffffff0b}
.opening-budget span{display:block;font-size:11px;letter-spacing:.07em;color:#9c8fa9;line-height:1.6}
.opening-budget strong{display:block;font-size:19px;margin-top:7px;overflow-wrap:anywhere;color:#ddc28e}
.opening-budget.insufficient>div:last-child strong{color:#e8a0a2}
.opening-shortfall{text-align:center;font-size:12px;color:#bda7bd;line-height:1.7;margin:12px auto 20px}
.opening-shortfall a{color:var(--gold);text-decoration:underline}
@media(max-width:560px){.opening-budget>div{padding:12px 10px}.opening-budget strong{font-size:15px}.opening-budget span{font-size:11px}.opening-shortfall{max-width:290px}}
.opening-receipt-note,.opening-sale-note{max-width:720px;margin:14px auto;color:#b9a9c2;font-size:12px;line-height:1.7;text-align:center;overflow-wrap:anywhere}.opening-sale-note{padding:14px 16px;border:1px solid #e9c38820;border-radius:9px;background:#e9c38806;color:#d5c2a5}.opening-receipt-note+.opening-receipt{margin-top:15px}@media(max-width:560px){.opening-sale-note{padding:12px;font-size:12px}.opening-receipt-note{font-size:12px}}
/* Result composition uses MusorDrop rarity-aura separation: the item leads,
   its rarity light stays behind the art; the saved receipt remains explicit. */
#opening-result .result-summary{margin:32px auto 16px;text-align:center}
#opening-result .result-summary>span{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #dcb97c30;border-radius:7px;background:#dcb97c09;color:#d9bf93;font-size:11px;letter-spacing:.025em;line-height:1.4}
#opening-result .result-summary>span::before{content:'';width:5px;height:5px;border-radius:50%;background:#dcb97c;box-shadow:none}
#opening-result .result-summary h2{font-size:clamp(29px,3.7vw,44px);line-height:1.12;letter-spacing:.01em;color:#f3eee4;margin:17px 0 12px}
#opening-result .opening-receipt-note{font-size:12px;color:#aeb5bc;line-height:1.8;max-width:680px;margin:12px auto 20px}
#opening-result .opening-receipt{max-width:800px;gap:1px;padding:1px;margin:21px auto 30px;border:1px solid #ffffff0c;border-radius:7px;background:#ffffff0c;overflow:hidden;grid-template-columns:repeat(3,minmax(0,1fr))}
#opening-result .opening-receipt>div{min-width:0;padding:16px 18px;border:0;border-radius:0;background:#1b1e22;text-align:center}
#opening-result .opening-receipt>div:last-child{background:#24272b}
#opening-result .opening-receipt small{font-size:11px;line-height:1.65;letter-spacing:.06em;color:#aeb5bc}
#opening-result .opening-receipt b{font-size:33px;line-height:1.15;margin-top:10px;color:#e8c68b;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#opening-result .result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),280px));justify-content:center;align-items:stretch;gap:18px;margin:32px auto 28px}
#opening-result .result-card{display:flex;flex-direction:column;position:relative;min-width:0;padding:40px 20px 20px;border:1px solid #ffffff0b;border-radius:20px;background:#191c20;box-shadow:none;text-align:center;overflow:hidden}
#opening-result .result-card::before{content:'';position:absolute;top:0;left:24px;right:24px;height:2px;background:linear-gradient(90deg,transparent,var(--rarity),transparent);pointer-events:none}
#opening-result .result-card.best-drop{border-color:#e6bd76;box-shadow:none}
#opening-result .result-card>.best-badge{position:absolute;top:12px;left:17px;padding:5px 8px;margin:0;border-radius:5px;background:#d8b57213;color:#efd19a;font-size:11px;letter-spacing:.06em;line-height:1.3}
#opening-result .result-card>svg{width:100%;height:200px;margin:4px 0 20px;flex-shrink:0;filter:drop-shadow(0 12px 17px #0006)}
#opening-result .result-card>small{font-size:12px;line-height:1.65;color:#aeb5bc;letter-spacing:.04em}
#opening-result .result-card>h3{font:700 17px/1.4 Manrope,sans-serif;color:#eeeff0;margin:5px 0 12px;min-height:3em;overflow-wrap:anywhere}
#opening-result .result-card>b{font-size:24px;line-height:1.4;color:#efd09a;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#opening-result .result-card>.skin-price-kind{margin-top:5px;font-size:11px;color:#aeb5bc;line-height:1.65;min-height:3.3em}
#opening-result .result-item-status{margin:15px 0 0;padding:10px 0;border-top:1px solid #ffffff0c;color:#bec5cc;font-size:11px;letter-spacing:.04em;line-height:1.6}
#opening-result .result-card>.btn{min-height:48px;margin-top:auto;padding:12px 10px;border:1px solid #ffffff16;border-radius:14px;background:#ffffff04;color:#d5dade;font-size:12px;white-space:normal;overflow-wrap:anywhere}
#opening-result .result-card.result-used{opacity:1;background:#171a1e;border-color:#ffffff09;box-shadow:none}
#opening-result .result-card.result-used>svg{opacity:.55;filter:grayscale(.3) drop-shadow(0 8px 12px #0004)}
#opening-result .result-card.result-used .result-item-status{color:#baa9c5}
#opening-result .opening-sale-note{max-width:800px;padding:18px 22px;margin:25px auto 18px;border:1px solid #d8b57225;border-radius:12px;background:linear-gradient(120deg,#d8b5720c,#ffffff02);color:#d9c5a5;font-size:12px;line-height:1.85;text-align:center}
#opening-result .result-actions{display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:18px}
#opening-result .result-actions>.btn{min-height:49px;padding:14px 22px;border-radius:11px;font-size:12px;line-height:1.6;white-space:normal;overflow-wrap:anywhere}
#opening-result .result-actions>[data-sell-opening]{background:#e9bc76;color:#241b10;border:1px solid #e9bc76;border-radius:16px;box-shadow:none}
#opening-result .result-actions>a{background:#ffffff04;border:1px solid #ffffff15;color:#d5d9dc}
#opening-result .repeat-opening{max-width:800px;margin:30px auto 8px;padding:22px;border:1px solid #ffffff0d;border-radius:7px;background:#181b1e;gap:15px 20px;justify-content:space-between}
#opening-result .repeat-opening>div{flex:1;min-width:150px}
#opening-result .repeat-opening b{font-size:15px;color:#ecece6;line-height:1.5}
#opening-result .repeat-opening span{font-size:12px;line-height:1.7;margin-top:6px;color:#aeb5bc;overflow-wrap:anywhere}
#opening-result .repeat-opening>.btn{min-height:45px;padding:12px 18px;font-size:12px;border-radius:9px;border:1px solid #d8b57234;background:#d8b5720b;color:#e5c690;white-space:normal}
#opening-result .repeat-opening>a{font-size:12px;line-height:1.7;color:#e1c391;padding:9px 0;text-decoration:underline;text-underline-offset:4px}
#opening-result .repeat-reset{min-height:40px;font-size:12px;padding:8px 2px;color:#aeb5bc;text-underline-offset:5px;line-height:1.6}
#opening-result button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}
#opening-result :is(button,a):focus-visible{outline:2px solid #f1d59e;outline-offset:4px}
@media(hover:hover){#opening-result .result-card>.btn:not(:disabled):hover{background:#ffffff0b;border-color:#ffffff30}#opening-result .repeat-opening>.btn:not(:disabled):hover{background:#d8b57220;border-color:#d8b57270}#opening-result .result-actions>a:hover{background:#ffffff0a}}
@media(max-width:760px){#opening-result .result-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,165px),225px));gap:11px}#opening-result .result-card{padding:35px 14px 15px}#opening-result .result-card>svg{height:160px}#opening-result .opening-receipt>div{padding:19px 12px}#opening-result .opening-receipt b{font-size:29px}#opening-result .repeat-opening{padding:18px}}
@media(max-width:560px){#opening-result .result-summary{margin-top:26px}#opening-result .result-summary>span{font-size:11px;letter-spacing:.025em}#opening-result .opening-receipt-note{font-size:12px;margin-bottom:15px}#opening-result .opening-receipt{margin:18px auto 23px;border-radius:11px}#opening-result .opening-receipt>div{padding:16px 7px}#opening-result .opening-receipt small{font-size:11px;letter-spacing:0}#opening-result .opening-receipt b{font-size:25px;margin-top:8px}#opening-result .result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}#opening-result .result-grid:has(>.result-card:only-child){grid-template-columns:minmax(0,260px)}#opening-result .result-card{padding:35px 11px 12px;border-radius:12px}#opening-result .result-card>.best-badge{left:10px;font-size:11px;padding:5px 6px}#opening-result .result-card>svg{height:130px;margin-bottom:10px}#opening-result .result-card>h3{font-size:13px}#opening-result .result-card>b{font-size:18px}#opening-result .result-card>.skin-price-kind{font-size:11px}#opening-result .result-card>.btn{font-size:11px;padding:10px 7px}#opening-result .result-item-status{font-size:11px;letter-spacing:0}#opening-result .opening-sale-note{padding:15px;font-size:12px;line-height:1.8}#opening-result .result-actions{gap:9px}#opening-result .result-actions>.btn{flex:1 1 100%;min-height:47px;font-size:12px;padding:13px 14px}#opening-result .repeat-opening{gap:12px;padding:17px;margin-top:23px}#opening-result .repeat-opening>div{flex:1 1 100%;text-align:center}#opening-result .repeat-opening>.btn{flex:1 1 100%;min-height:46px}#opening-result .repeat-opening>a,#opening-result .repeat-reset{flex-basis:100%;text-align:center}}
@media(max-width:359px){#opening-result .result-grid{grid-template-columns:minmax(0,1fr)}#opening-result .result-card>svg{height:155px}#opening-result .result-card>h3{min-height:0;font-size:14px}#opening-result .result-card>.skin-price-kind{min-height:0}#opening-result .opening-receipt{grid-template-columns:minmax(0,1fr)}#opening-result .opening-receipt>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;text-align:left}#opening-result .opening-receipt b{margin:0;font-size:25px;text-align:right}}
@media(prefers-reduced-motion:reduce){#opening-result .result-card{animation:none;transition:none}#opening-result :is(button,a){transition:none}}
.reduce-motion #opening-result .result-card{animation:none;transition:none}.reduce-motion #opening-result :is(button,a){transition:none}
