:root{--gold:#e6c883;--muted:#98a79d}button,select,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button.gold,.gold{background:linear-gradient(120deg,#f3dfa4,#b99650);color:#201c12;border:0;border-radius:8px;padding:13px 22px;font-weight:700}.quiet{border:1px solid #b8a16a55;background:#17211b;color:#e9dec1;border-radius:8px;padding:10px 16px}header{gap:20px}.game-tabs{display:flex;gap:8px}.game-tabs a{color:#a6b0a8;text-decoration:none;padding:15px 22px;border-radius:8px;font-weight:600}.game-tabs a[aria-current]{color:var(--gold);background:#cbb17415;box-shadow:inset 0 -2px var(--gold)}#challenge-count{background:#df9d51;color:#111;border-radius:50%;padding:2px 6px}.account-dialog{width:min(440px,92vw);padding:35px;background:#111d17;color:#fff;border:1px solid #b99e5a;border-radius:15px}.account-dialog label{display:grid;gap:8px;margin:15px 0}.account-dialog input{width:100%;padding:12px;background:#09110d;color:white;border:1px solid #77816d;border-radius:6px}#auth-error{color:#ffb7a4}.account-dialog .close{top:8px;right:12px}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:100;background:#e9d49e;color:#211b10;padding:16px 24px;border-radius:9px;box-shadow:0 8px 40px #0008;max-width:90vw;width:max-content}.section-kicker{color:var(--gold);font-size:11px;letter-spacing:3px}.booster-layout{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(360px,1.6fr);gap:50px;align-items:center;min-height:calc(100vh - 165px);padding-block:40px}.booster-copy h1{font-family:Georgia,serif;font-size:clamp(44px,5vw,75px);line-height:1.05}.booster-copy h1 em{font-weight:400;color:var(--gold)}.booster-copy p{line-height:1.65;color:#aab4ab;max-width:430px}.series-select{display:grid;gap:9px;font-size:12px;color:var(--gold);letter-spacing:1px;margin:30px 0 20px}.series-select select{padding:14px;background:#142018;color:#eee7d3;border:1px solid #a8915755;border-radius:8px;width:100%}.drop-legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.drop-legend span{border:1px solid #c8a86a33;border-radius:6px;padding:8px;font-size:11px;color:#a9b1a4}.drop-legend b{color:var(--gold);margin-right:4px}.mode-note{font-size:12px}#demo-options{display:flex;gap:12px;align-items:center;margin-top:14px;color:#abb3a7;font-size:12px}.booster-theatre{min-height:660px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;isolation:isolate;perspective:1100px}.booster-theatre:before{content:'';position:absolute;inset:5%;background:radial-gradient(ellipse,#c79a3a21,transparent 65%);z-index:-1}.stage-ring{position:absolute;width:90%;height:90px;bottom:55px;border:1px solid #e8c7782a;border-radius:50%;box-shadow:0 0 90px #b8862520,inset 0 0 60px #b8862510;z-index:-1}.pack{position:relative;width:300px;aspect-ratio:5/7;filter:drop-shadow(0 25px 30px #000a);transform:rotate(-5deg);transition:transform .4s;touch-action:pan-y}.pack:hover{transform:rotate(-2deg) translateY(-6px)}.pack-piece{position:absolute;inset:0;background:url('assets/boosters/series-01-v1.png') center/100% 100%;border-radius:3px}.pack-bottom{clip-path:polygon(0 14%,5% 13%,9% 15%,14% 13%,20% 14%,26% 12.8%,33% 14.7%,40% 13%,49% 14%,57% 12.8%,66% 14%,73% 13%,81% 14.5%,88% 13%,94% 14%,100% 13%,100% 100%,0 100%)}.pack-top{clip-path:polygon(0 0,100% 0,100% 13%,94% 14%,88% 13%,81% 14.5%,73% 13%,66% 14%,57% 12.8%,49% 14%,40% 13%,33% 14.7%,26% 12.8%,20% 14%,14% 13%,9% 15%,5% 13%,0 14%)}.cut-zone{position:absolute;left:-10%;width:120%;top:5%;height:16%;touch-action:none;cursor:ew-resize;z-index:5;border:0;background:none;color:#fff}.cut-line{position:absolute;left:8%;right:8%;top:48%;height:2px;background:repeating-linear-gradient(90deg,#fff9 0 7px,transparent 7px 13px);filter:drop-shadow(0 0 4px gold)}.cut-line:after{content:'';position:absolute;left:0;top:0;height:3px;width:var(--cut,0%);background:#fff4b6;box-shadow:0 0 15px #ffbc40}.cut-zone span:last-child{position:absolute;right:-10px;top:-14px;background:#102319e8;padding:6px 10px;border:1px solid #cbb47788;border-radius:20px;font-size:12px}.pack.tearing .pack-top{animation:tear-cap .85s ease-in forwards}.pack.tearing .pack-bottom{animation:fall-pack 1.1s .35s ease-in forwards}.pack.tearing .cut-zone{visibility:hidden}@keyframes tear-cap{to{transform:translate(160px,-200px) rotate(50deg);opacity:0}}@keyframes fall-pack{to{transform:translateY(380px) rotate(-16deg);opacity:0}}.stage-hint{color:#c3c9bb;font-size:13px;text-align:center;margin-top:35px;min-height:20px}.stage-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}#stack{position:absolute;width:300px;aspect-ratio:5/7;top:90px;left:50%;transform:translateX(-50%);perspective:1000px}.stack-card{position:absolute;inset:0;border:0;padding:0;background:none;border-radius:15px;transform:translate(calc(var(--i)*4px),calc(var(--i)*-5px)) rotate(calc(var(--i)*1.5deg));transition:transform .6s,opacity .4s;box-shadow:0 10px 20px #0005}.stack-card.enter{animation:card-rise .8s both;animation-delay:calc(var(--i)*.09s)}@keyframes card-rise{from{opacity:0;transform:translateY(190px) scale(.86) rotate(-9deg)}to{opacity:1}}.card-back{width:100%;height:100%;border:3px solid #c6a65e;border-radius:12px;background:repeating-linear-gradient(45deg,#bca65b09 0 1px,transparent 1px 12px),radial-gradient(ellipse,#294b39,#101c15 65%);display:grid;place-content:center;color:#d8bc73;outline:1px solid #e9ce86;outline-offset:-12px}.card-back strong{font-family:Georgia,serif;font-size:35px;letter-spacing:5px}.card-back small{font-size:11px;letter-spacing:5px;margin-top:14px}.stack-card.depart{transform:translateX(135%) rotate(23deg);opacity:0;pointer-events:none}.stack-card.revealed{animation:reveal-card .6s}@keyframes reveal-card{from{transform:rotateY(90deg) scale(.94)}to{transform:rotateY(0)}}.rarity-reveal{position:absolute;top:10px;left:0;right:0;text-align:center;font-size:20px;letter-spacing:5px;color:var(--gold);min-height:30px}.booster-theatre.celebrate:after{content:'';position:absolute;inset:0;z-index:-1;background:conic-gradient(from 0deg,transparent,#f5db8525,transparent,#89dbeb30,transparent,#d896ff30,transparent);border-radius:50%;animation:celebrate 2s ease-out forwards}@keyframes celebrate{0%{transform:scale(.3);opacity:0}25%{opacity:1}100%{transform:scale(1.2) rotate(45deg);opacity:0}}.spark{position:absolute;top:40%;left:50%;width:5px;height:5px;background:#ffe9a5;box-shadow:0 0 12px #ffe49c;pointer-events:none;animation:spark 1.3s ease-out forwards;z-index:20}@keyframes spark{to{transform:translate(var(--dx),var(--dy)) rotate(140deg);opacity:0}}.opening-controls{position:absolute;bottom:5px;left:0;right:0;text-align:center}#reveal-next{min-width:220px}.opening-summary{padding-block:40px}.opening-summary h2{font-size:36px}.opening-summary .gallery{grid-template-columns:repeat(5,minmax(0,1fr))}.owned-count{font-size:12px;color:#c2bc9f;margin-top:10px}.card:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:4;opacity:0}.card[data-rarity=R]:after{background:linear-gradient(115deg,transparent 35%,#fff8 49%,transparent 60%);opacity:.12}.card[data-rarity=SR]:after{background:linear-gradient(115deg,transparent 20%,#ffe7a877 45%,transparent 60%);opacity:.23;mix-blend-mode:screen}.card[data-rarity=SSR]:after{background:linear-gradient(115deg,transparent 15%,#ff713744 35%,#ffe7a899 48%,transparent 60%);opacity:.3;mix-blend-mode:screen}.card[data-rarity=UR]:after{background:repeating-linear-gradient(115deg,#ffb3b355 0%,#ffe5a577 12%,#aeffc955 25%,#9de5ff88 38%,#d7b6ff66 50%,#ffb3b355 62%);background-size:250% 250%;background-position:var(--foil-x,30%) var(--foil-y,50%);mix-blend-mode:color-dodge;opacity:.38;mask-image:radial-gradient(ellipse at 50% 37%,#0009,transparent 60%),linear-gradient(90deg,#000 0 4%,transparent 8% 92%,#000 96%);animation:foil-drift 7s ease-in-out infinite alternate}.card[data-rarity=UR]:before{content:'';position:absolute;inset:3%;pointer-events:none;z-index:5;background:radial-gradient(circle at 20% 25%,#fff 0 1px,transparent 3px),radial-gradient(circle at 76% 40%,#fff 0 1px,transparent 3px),radial-gradient(circle at 80% 9%,#fff 0 1px,transparent 4px);opacity:.65;animation:twinkle 3s infinite alternate}@keyframes foil-drift{to{background-position:85% 25%}}@keyframes twinkle{to{opacity:.12}}.lobby-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:30px;padding-bottom:70px}.panel{border:1px solid #a991523b;background:#111d17b0;border-radius:15px;padding:26px}.panel p{line-height:1.6;color:#a6b4a8}.player{display:flex;align-items:center;gap:14px;padding:17px 0;border-bottom:1px solid #ffffff0d}.avatar{width:44px;height:44px;border-radius:50%;background:#c0a36022;color:var(--gold);display:grid;place-items:center;font-family:Georgia,serif;font-size:21px}.player-info{flex:1}.presence{font-size:12px;color:#8c9a90;margin-top:5px}.presence.online{color:#90d1a2}.presence:before{content:'●';margin-right:6px}.challenge{border-bottom:1px solid #a991523b;padding:15px 0}.challenge button{margin-right:8px}.empty-state{padding:40px 5px;text-align:center;color:#92a096}.status-banner{font-size:12px;color:#bba87b;border:1px solid #bba87b33;border-radius:8px;padding:12px;margin-bottom:20px}#room{border-color:#e1c27b}#owned-filter{accent-color:#d4b777}body:has(.booster-layout){background:radial-gradient(ellipse at 70% 45%,#36432b55,transparent 55%),#0b120e}
@media(max-width:850px){header{height:auto;min-height:110px;flex-wrap:wrap;padding-block:16px;gap:12px}.game-tabs{order:3;width:100%;justify-content:center}.game-tabs a{padding:12px 18px}.booster-layout{grid-template-columns:1fr;gap:0;padding-top:30px}.booster-copy h1{font-size:45px}.booster-copy p{max-width:none}.booster-theatre{min-height:650px}.booster-copy .drop-legend{margin-bottom:10px}.booster-copy .series-select{margin:18px 0}.lobby-layout{grid-template-columns:1fr}.opening-summary .gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.pack:hover{transform:none}.spark{display:none}}
.booster-theatre{overflow:clip}.booster-copy h1{font-size:clamp(42px,4.3vw,62px)}
[hidden]{display:none!important}