.sealed-pod{color:#fff;background-color:#4c4d51;background-image:linear-gradient(#090909 0 400px,#0000 550px),linear-gradient(#0000 78.12%,#090909 93.23%),linear-gradient(#000c,#000c),url(/background-images/bg-texture-crop.png);background-position:top,50%,50%,50% 400px;background-repeat:no-repeat,no-repeat,no-repeat,repeat-y;background-size:100%,100% 100%,100% 100%,150%;min-height:100vh;padding:2rem;position:relative}.set-art-header{z-index:0;pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:400px;position:absolute;top:0;left:0}.set-art-header.skeleton{background:#ffffff08}.set-art-header.skeleton:after{background:linear-gradient(90deg,#0000 0%,#ffffff0a 50%,#0000 100%);height:100%;animation:1.5s ease-in-out infinite skeleton-shimmer;bottom:0}.set-art-header:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#090909 0%,#0000 18.23%) 50%/100% 100% no-repeat,linear-gradient(#0000 78.12%,#090909 93.23%) 50%/100% 100% no-repeat,linear-gradient(#000c,#000c) 50%/100% 100% no-repeat;position:absolute;inset:0}.set-art-header:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(#0000 0%,#09090933 20%,#09090980 40%,#090909cc 60%,#090909f2 80%,#090909 100%);height:250px;position:absolute;bottom:0;left:0;right:0}.sealed-pod-content{z-index:1;position:relative}.top-buttons{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.back-button{color:#fff;cursor:pointer;background:#000000b3;border:1px solid #ffffff4d;border-radius:6px;padding:.75rem 1.5rem;font-size:1rem;transition:all .3s}.refresh-button{color:#fff;cursor:pointer;background:#000000b3;border:1px solid #ffffff4d;border-radius:6px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;margin-left:.5rem;padding:.75rem;font-size:1.2rem;transition:all .3s;display:flex}.back-button:hover,.refresh-button:hover{background:#000000d9;border-color:#f00c;transform:translateY(-2px);box-shadow:0 6px 16px #f009}.sealed-pod-header{text-align:center;margin-bottom:2rem}.pool-date{color:#fff9;margin-top:0;margin-bottom:0;font-size:1rem}.saving-indicator{color:#4caf50;margin:.5rem 0;font-size:.9rem}.share-info{background:#00000080;border:1px solid #fff3;border-radius:4px;align-items:center;gap:.375rem;width:fit-content;margin:1.5rem auto 0;padding:.25rem .375rem;display:flex}.share-url{color:#ccc;word-break:break-all;white-space:nowrap;-webkit-user-select:all;user-select:all;cursor:text;margin:0;font-size:.7rem}.share-url::selection{background:#5865f24d}.copy-share-button{color:#fff;cursor:pointer;white-space:nowrap;background:#5865f2cc;border:1px solid #5865f2;border-radius:4px;padding:.2rem .375rem;font-size:.7rem;transition:all .3s}.copy-share-button:hover{background:#5865f2;transform:translateY(-1px);box-shadow:0 4px 8px #5865f266}.sealed-pod h1{text-align:center;color:#fff;margin-bottom:.25rem;font-size:2.5rem}.header-buttons{flex-direction:column;align-items:center;gap:1rem;margin-top:1.5rem;display:flex}.randomize-row{align-items:center;gap:.5rem;display:flex}.build-deck-button{color:#fff;cursor:pointer;background:#000c;border:2px solid #fff6;border-radius:8px;margin-top:1.5rem;padding:1rem 2.5rem;font-size:1.2rem;font-weight:600;transition:all .3s}.build-deck-button:hover{background:#000000e6;border-color:#0f0c;transform:translateY(-2px);box-shadow:0 6px 16px #0f09}.build-deck-button:active{transform:translateY(0);box-shadow:0 2px 8px #ffffff4d}.instruction{text-align:center;color:#ccc;margin-bottom:2rem;font-size:1.1rem}.packs-container{gap:3rem;flex-direction:column!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;display:flex!important}.pack-details{box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;border:1px solid #ffffff4d;border-radius:12px;flex-shrink:0;padding:.5rem 0 0;transition:opacity .3s,transform .3s;position:relative;width:100%!important;max-width:none!important}@keyframes pack-shuffle-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100px)}}@keyframes pack-shuffle-in{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.pack-details.shuffling-out{animation:.3s forwards pack-shuffle-out}.pack-details.shuffling-in{animation:.3s forwards pack-shuffle-in}.tooltip{color:#fff;white-space:nowrap;pointer-events:none;background:#000000e6;border:1px solid #fff3;border-radius:6px;margin-bottom:8px;padding:.5rem .75rem;font-size:.875rem;box-shadow:0 4px 12px #0000004d}.pack-details h2{color:#fff;background:#1a1a1a;border:2px solid #fff3;border-radius:999px;margin:0;padding:.25em .75em;font-size:.9rem;font-weight:600;line-height:1.2;position:absolute;top:0;left:1em;transform:translateY(-50%)}.cards-grid{flex-wrap:wrap;align-items:start;gap:.5rem;max-width:100%;padding:1rem;display:flex}.draft-mode .cards-grid:has(.card-item.leader:first-child){justify-content:center}.card-item.leader,.card-item.base{flex-shrink:0;width:120px}.draft-mode .card-item.leader,.draft-mode .card-item.base{aspect-ratio:3.5/2.5;aspect-ratio:3.5/2.5;width:168px}.sealed-mode .card-item.leader,.sealed-mode .card-item.base{width:120px}.cards-grid>*{min-width:0}.card-item{aspect-ratio:2.5/3.5;cursor:pointer;isolation:isolate;background:#0009;border:none;border-radius:11px;flex-shrink:0;width:120px;transition:transform .2s,box-shadow .2s;position:relative;box-shadow:0 2px 8px #0000004d}.card-item:before{content:"";z-index:-1;opacity:0;pointer-events:none;background:linear-gradient(45deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#9400d3,red) 0 0/400% 400%;border-radius:12px;transition:opacity .3s;animation:3s linear infinite rainbow-border;position:absolute;inset:-1px}.card-item>*{border-radius:11px;overflow:hidden}.card-item:hover{z-index:10;transform:scale(1.05);box-shadow:0 4px 16px #0006}.draft-mode .card-item.leader .card-placeholder,.draft-mode .card-item.base .card-placeholder{aspect-ratio:3.5/2.5;width:100%;height:100%}.sealed-mode .card-item.leader .card-placeholder,.sealed-mode .card-item.base .card-placeholder{transform-origin:50%;width:auto;height:120px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}.card-item.foil{position:relative;overflow:hidden;box-shadow:0 0 15px #ffffff80}.card-item.foil:after{content:"";mix-blend-mode:overlay;opacity:.8;pointer-events:none;z-index:2;filter:blur(10px);background:linear-gradient(125deg,#0000 0%,#ff000059 15%,#ff7f0066 25%,#ffff0073 35%,#00ff0073 45%,#0000ff73 55%,#4b008266 65%,#9400d359 75%,#0000 85% 100%) 0 0/200% 200%;animation:6s ease-in-out infinite foil-shimmer;position:absolute;inset:0}.card-preview-enlarged .card-preview-foil{position:relative;overflow:hidden;box-shadow:0 0 15px #ffffff80}.card-preview-enlarged .card-preview-foil:after{content:"";mix-blend-mode:overlay;opacity:.8;pointer-events:none;z-index:2;filter:blur(10px);background:linear-gradient(125deg,#0000 0%,#ff000059 15%,#ff7f0066 25%,#ffff0073 35%,#00ff0073 45%,#0000ff73 55%,#4b008266 65%,#9400d359 75%,#0000 85% 100%) 0 0/200% 200%;animation:6s ease-in-out infinite foil-shimmer;position:absolute;inset:0}.card-item.hyperspace{box-shadow:0 0 10px #9c27b080;border-color:#9c27b0!important}.card-item.showcase{position:relative;overflow:hidden}.card-item.showcase:after{content:"";mix-blend-mode:overlay;opacity:.8;pointer-events:none;z-index:2;filter:blur(10px);background:linear-gradient(125deg,#0000 0%,#ff000059 15%,#ff7f0066 25%,#ffff0073 35%,#00ff0073 45%,#0000ff73 55%,#4b008266 65%,#9400d359 75%,#0000 85% 100%) 0 0/200% 200%;animation:6s ease-in-out infinite foil-shimmer;position:absolute;inset:0}.card-image{z-index:1;border-radius:6px;width:100%;height:auto;display:block;position:relative}.card-item>*{z-index:1;position:relative}.draft-mode .card-item.leader .card-image,.draft-mode .card-item.base .card-image{object-fit:cover;width:100%;height:100%}.sealed-mode .card-item.leader .card-image,.sealed-mode .card-item.base .card-image{transform-origin:50%;width:auto;height:120px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}.card-placeholder{aspect-ratio:2.5/3.5;text-align:center;background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 100%);flex-direction:column;justify-content:center;align-items:center;padding:1rem;display:flex}.card-name{color:#fff;margin-bottom:.5rem;font-size:.85rem;font-weight:600}.card-rarity{text-transform:uppercase;font-size:.75rem;font-weight:600}.card-badges{flex-direction:column;gap:4px;display:flex;position:absolute;top:4px;right:4px}.badge{text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:600}.foil-badge{color:#000;background:#fffc}.hyperspace-badge{color:#fff;background:#9c27b0cc}.loading,.error{text-align:center;padding:3rem;font-size:1.5rem}.error{color:#ff6b6b}@media (max-width:768px){.sealed-pod{background-size:100%,100% 100%,100% 100%,300%;padding:3rem 1rem 1rem}.sealed-pod-header{margin-bottom:1rem}.sealed-pod h1{margin-bottom:.15rem;font-size:1.8rem}.pool-date{margin-top:0;font-size:.85rem}.cards-grid{justify-content:center;gap:.5rem;padding:.5rem}.card-item{border-radius:11px;flex:0 0 45%;width:45%;max-width:45%}.card-item.leader,.card-item.base{aspect-ratio:3.5/2.5;flex:0 0 45%;justify-content:center;align-items:center;width:45%;max-width:45%;display:flex}.draft-mode .card-item.leader,.draft-mode .card-item.base{aspect-ratio:3.5/2.5;flex:0 0 45%;width:45%;max-width:45%}.sealed-mode .card-item.leader,.sealed-mode .card-item.base{aspect-ratio:2.5/3.5;flex:0 0 45%;width:45%;max-width:45%;position:relative;overflow:hidden}.sealed-mode .card-item.leader .card-image,.sealed-mode .card-item.base .card-image,.sealed-mode .card-item.leader .card-placeholder,.sealed-mode .card-item.base .card-placeholder{transform-origin:50%;width:140%;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}.card-item:hover{transform:none}.pack-details{padding:1rem .5rem .5rem}.pack-details h2{padding:.2em .6em;font-size:.8rem}.packs-container{gap:1.5rem}.top-buttons{margin-bottom:1rem}.back-button{padding:.5rem 1rem;font-size:.9rem}.build-deck-button{padding:.75rem 1.5rem;font-size:1rem}}
