@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{min-height:100vh;background:#0f0f0f}#root{min-height:100vh}@keyframes fu{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes zr{0%{transform:scale(.15);opacity:0}65%{transform:scale(1.07);opacity:1}to{transform:scale(1);opacity:1}}@keyframes blink{0%,to{opacity:.5}50%{opacity:1}}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes growPulse{0%,to{box-shadow:0 0 18px #d4af3738}50%{box-shadow:0 0 52px #d4af37b8,0 0 90px #d4af3733}}@keyframes tileReveal{0%{transform:translate(95px) scale(.26);opacity:0}62%{transform:translate(-5px) scale(1.05);opacity:1}to{transform:translate(0) scale(1);opacity:1}}@keyframes boonShake{0%,to{transform:translate(0)}20%{transform:translate(-2px) rotate(-1deg)}40%{transform:translate(2px) rotate(1deg)}60%{transform:translate(-2px) rotate(-1deg)}80%{transform:translate(2px) rotate(1deg)}}@keyframes edgeOvertake{0%{opacity:0;stroke-width:16;filter:blur(2px)}45%{opacity:.95;stroke-width:9;filter:blur(1px)}to{opacity:1;stroke-width:1.5;filter:blur(0)}}@keyframes rescueTextFade{0%{opacity:0}to{opacity:1}}@keyframes boonCrackTop{0%{transform:translateY(0) rotate(0) translate(0);opacity:1;filter:brightness(1)}18%{transform:translateY(-1px) rotate(0) translate(0);opacity:1;filter:brightness(2.8)}to{transform:translateY(-11px) rotate(-7deg) translate(-4px);opacity:0;filter:brightness(1)}}@keyframes boonCrackBottom{0%{transform:translateY(0) rotate(0) translate(0);opacity:1;filter:brightness(1)}18%{transform:translateY(1px) rotate(0) translate(0);opacity:1;filter:brightness(2.8)}to{transform:translateY(11px) rotate(7deg) translate(4px);opacity:0;filter:brightness(1)}}.app-root{min-height:100vh;background:#0f0f0f;color:#e0e0e0;font-family:Cinzel,serif;display:flex;flex-direction:column;align-items:center;padding:14px 12px 38px;-webkit-user-select:none;user-select:none}.app-main{width:100%;display:flex;flex-direction:column;align-items:center;transition:filter .35s}.app-main.blurred{filter:blur(6px);pointer-events:none}.app-header{position:relative;width:100%;max-width:680px;display:flex;flex-direction:column;align-items:center;margin-bottom:0}.app-title{font-size:clamp(1.25rem,3.2vw,1.72rem);letter-spacing:.28em;color:#d4af37;margin:0 0 4px;font-weight:700;text-shadow:0 0 24px rgba(212,175,55,.22)}.app-subtitle{font-family:monospace;font-size:.68rem;color:#888;letter-spacing:.32em;margin-bottom:12px}.btn-collection{position:absolute;top:2px;right:0;background:transparent;border:1px solid #2a2a2a;color:#888;padding:4px 10px;font-size:.5rem;font-family:Cinzel,serif;letter-spacing:.22em;cursor:pointer;transition:color .15s,border-color .15s}.btn-collection:hover{color:#d4af37;border-color:#d4af37}.btn-menu{position:fixed;top:14px;left:14px;background:transparent;border:1px solid #2a2a2a;color:#888;padding:5px 11px;font-size:.9rem;font-family:Cinzel,serif;letter-spacing:.05em;cursor:pointer;transition:color .15s,border-color .15s;z-index:300;line-height:1}.btn-menu:hover{color:#d4af37;border-color:#d4af37}.spin-btn{padding:9px 42px;background:transparent;border:2px solid #D4AF37;color:#d4af37;font-size:.82rem;font-family:Cinzel,serif;letter-spacing:.4em;cursor:pointer;transition:background .15s,box-shadow .15s;box-shadow:0 0 14px #d4af371a;touch-action:manipulation}.spin-btn:hover{background:#d4af371a!important;box-shadow:0 0 26px #d4af374d!important}.again-btn{padding:10px 36px;background:transparent;border:2px solid #D4AF37;color:#d4af37;font-size:.8rem;font-family:Cinzel,serif;letter-spacing:.32em;cursor:pointer;transition:background .15s}.again-btn:hover{background:#d4af371a!important}.btn-reroll{padding:7px 14px;background:transparent;letter-spacing:.18em;font-size:.56rem}.btn-view-collection{display:block;margin:12px auto 0;padding:7px 22px;background:transparent;border:1px solid #2a2a2a;color:#888;font-size:.6rem;font-family:Cinzel,serif;letter-spacing:.28em;cursor:pointer;transition:color .15s,border-color .15s}.btn-view-collection:hover{color:#d4af37;border-color:#d4af37}.btn-close{background:none;border:1px solid #333;color:#888;padding:5px 12px;cursor:pointer;font-size:.6rem;letter-spacing:.2em;font-family:Cinzel,serif}.wheel-wrap{position:relative;width:385px;height:370px}.wheel-pointer{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:19px solid #666;z-index:10;filter:drop-shadow(-3px 0 5px rgba(150,150,150,.4))}.tile-counter{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:5;color:#d4af37;font-family:Cinzel,serif;font-weight:700;font-size:clamp(1rem,5vw,2rem);letter-spacing:.06em;text-align:center;text-shadow:0 1px 6px rgba(0,0,0,1),0 0 12px rgba(0,0,0,.9);-webkit-user-select:none;user-select:none}.spin-row{height:45px;display:flex;align-items:center;margin-top:4px}.phase-hint{font-size:.62rem;letter-spacing:.32em;color:#aaa;animation:blink 1.3s infinite}.boon-stack{margin-top:10px;width:100%;max-width:680px;background:#080808e6;border:1px solid #1e1e1e;border-radius:4px;padding:8px 11px}.boon-stack-label{font-size:.5rem;letter-spacing:.35em;color:#888;margin-bottom:5px}.boon-stack-items{display:flex;gap:5px;flex-wrap:wrap}.reveal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none;display:flex;align-items:center;justify-content:center;background:#000000a6}.reveal-card{animation:tileReveal .54s cubic-bezier(.22,1,.36,1) both;transform-style:preserve-3d}.game-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#060606d1;padding:14px;overflow-y:auto;animation:overlayIn .3s ease}.growing-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:none;display:flex;align-items:center;justify-content:center;background:#060606eb}.collection-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#060606eb;padding:14px;animation:overlayIn .3s ease}.shop-panel{width:100%;max-width:700px;background:#111;border:1px solid #2a2a2a;border-radius:6px;padding:18px 16px;animation:fu .3s ease;box-shadow:0 8px 48px #000000e6}.shop-label{text-align:center;font-size:.6rem;letter-spacing:.36em;color:#888;margin-bottom:12px}.reroll-row{display:flex;justify-content:center;margin-bottom:10px}.boon-choices{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.boon-card{border-radius:4px;padding:11px;width:158px;cursor:pointer;transition:transform .15s,box-shadow .15s!important}.boon-card:hover{transform:translateY(-4px)!important}.boon-card-rarity{font-size:.52rem;letter-spacing:.3em;text-transform:uppercase;margin-bottom:5px}.boon-card-name{font-size:.78rem;color:#e0e0e0;margin-bottom:7px;font-weight:600;line-height:1.2}.boon-card-desc{font-size:.62rem;color:#888;line-height:1.45;font-family:Georgia,serif}.game-over-panel{text-align:center;background:#111;border:1px solid #2a2a2a;border-radius:6px;padding:28px 30px;max-width:500px;width:100%;animation:fu .4s ease;box-shadow:0 8px 48px #000000e6}.eliminated-text{font-size:clamp(1.35rem,4.3vw,2.1rem);font-weight:700;color:#cc1010;letter-spacing:.22em;text-shadow:0 0 22px rgba(200,16,16,.5);margin-bottom:6px}.spins-survived{font-family:monospace;font-size:.9rem;color:#888;letter-spacing:.35em;margin-bottom:20px}.final-boons{margin-bottom:20px}.final-boons-label{font-size:.52rem;letter-spacing:.38em;color:#888;margin-bottom:8px}.final-boons-items{display:flex;gap:5px;flex-wrap:wrap;justify-content:center}.growing-text{font-size:clamp(1.5rem,4vw,2.2rem);font-weight:700;color:#d4af37;letter-spacing:.3em;border:2px solid #D4AF37;padding:22px 44px;animation:zr .5s cubic-bezier(.34,1.56,.64,1),growPulse 1s .5s infinite}.victory-grow-text{color:#fff;border-color:#fff;text-shadow:0 0 32px rgba(255,255,255,.5);box-shadow:0 0 40px #ffffff26;animation:zr .5s cubic-bezier(.34,1.56,.64,1)}.doom-approaches-text{color:#cc1010;border-color:#cc1010;text-shadow:0 0 22px rgba(200,16,16,.6);box-shadow:0 0 40px #c8101033;font-size:clamp(1.1rem,3vw,1.7rem);padding:22px 32px;animation:zr .5s cubic-bezier(.34,1.56,.64,1),doomPulse 1s .5s infinite}@keyframes doomPulse{0%,to{box-shadow:0 0 18px #b4101033}50%{box-shadow:0 0 52px #b4101099,0 0 90px #b4101033}}.victory-panel{text-align:center;background:#111;border:1px solid #2a2a2a;border-radius:6px;padding:28px 30px;max-width:560px;width:100%;animation:fu .4s ease;box-shadow:0 8px 48px #000000e6}.victory-title{font-size:clamp(1.35rem,4.3vw,2.1rem);font-weight:700;color:#d4af37;letter-spacing:.22em;text-shadow:0 0 22px rgba(212,175,55,.5);margin-bottom:6px}.victory-btn-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:20px}.victory-btn{padding:10px 22px;background:transparent;font-family:Cinzel,serif;font-size:.72rem;letter-spacing:.3em;cursor:pointer;transition:background .15s;border-radius:2px}.victory-btn-endless{border:2px solid #D4AF37;color:#d4af37}.victory-btn-endless:hover{background:#d4af371f!important}.victory-btn-collection{border:1px solid #2a2a2a;color:#888}.victory-btn-collection:hover{color:#d4af37;border-color:#d4af37}.victory-btn-restart{border:1px solid #662020;color:#c44}.victory-btn-restart:hover{background:#b4282824!important}.doom-reveal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;display:flex;align-items:center;justify-content:center;background:#060606eb;pointer-events:none}.doom-reveal-boon{position:relative;text-align:center;animation:zr .5s cubic-bezier(.34,1.56,.64,1) both}.doom-reveal-original{font-size:clamp(1.4rem,4vw,2rem);font-weight:700;letter-spacing:.18em;padding:26px 52px;border:2px solid #888;color:#e0e0e0;background:#111}.doom-reveal-doom{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:clamp(1.4rem,4vw,2rem);font-weight:700;letter-spacing:.18em;color:#cc1010;border:2px solid #CC1010;background:#111;text-shadow:0 0 22px rgba(200,16,16,.6);box-shadow:0 0 40px #c8101033;animation:doomOvertake .55s ease 1.5s both}@keyframes doomOvertake{0%{opacity:0;filter:blur(4px);transform:scale(1.3)}45%{opacity:.9;filter:blur(1px);transform:scale(1.04)}to{opacity:1;filter:blur(0);transform:scale(1)}}.collection-panel{width:100%;max-width:700px;background:#111;border:1px solid #2a2a2a;border-radius:6px;padding:18px 16px;max-height:85vh;overflow-y:auto;animation:fu .3s ease;box-shadow:0 8px 48px #000000e6}.collection-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.collection-title{font-size:.6rem;letter-spacing:.36em;color:#888;margin-bottom:4px}.collection-count{font-family:monospace;font-size:.68rem;color:#888;letter-spacing:.2em}.progress-bar{height:2px;background:#1a1a1a;border-radius:1px;margin-bottom:14px}.progress-fill{height:100%;background:#d4af37;border-radius:1px;transition:width .4s}.boon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:6px}.boon-grid-item{border-radius:3px;padding:8px 9px}.boon-grid-rarity{font-size:.46rem;letter-spacing:.28em;text-transform:uppercase;margin-bottom:4px}.boon-grid-name{font-size:.64rem;font-family:Cinzel,serif;line-height:1.2}.boon-tag{position:relative;display:inline-block;touch-action:none}.boon-tag.shaking{animation:boonShake .22s ease-in-out 2}.boon-tag-base{border-radius:2px;transition:background .12s;font-family:Cinzel,serif}.boon-tag-large{padding:4px 11px;font-size:.7rem}.boon-tag-small{padding:3px 8px;font-size:.62rem}.boon-tip{display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);width:190px;padding:10px 13px;border-radius:4px;background:#1a1a1a;z-index:9999;pointer-events:none;box-shadow:0 4px 24px #000c}.boon-tag:hover .boon-tip,.boon-tag.pinned .boon-tip{display:block}.boon-tip-rarity{display:block;font-size:.58rem;letter-spacing:.3em;text-transform:uppercase;margin-bottom:5px;font-family:Cinzel,serif}.boon-tip-name{display:block;font-size:.82rem;color:#e0e0e0;font-family:Cinzel,serif;font-weight:600;margin-bottom:6px;line-height:1.25}.boon-tip-desc{display:block;font-size:.7rem;color:#888;line-height:1.5;font-family:Georgia,serif}.tip-arrow{position:absolute;bottom:-7px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent}.collection-boon-tip{position:fixed;width:190px;padding:10px 13px;border-radius:4px;background:#1a1a1a;z-index:9999;pointer-events:none;box-shadow:0 4px 24px #000c;animation:fu .15s ease}.collection-boon-tip .boon-tip-rarity,.collection-boon-tip .boon-tip-name,.collection-boon-tip .boon-tip-desc{display:block}.tip-arrow-up{position:absolute;top:-7px;bottom:auto;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:none}.menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;display:flex;align-items:center;justify-content:center;background:#060606e0;padding:14px;animation:overlayIn .25s ease}.menu-panel{background:#111;border:1px solid #2a2a2a;border-radius:6px;padding:28px 30px;width:100%;max-width:300px;text-align:center;box-shadow:0 8px 48px #000000e6;animation:fu .25s ease}.menu-title{font-size:.56rem;letter-spacing:.46em;color:#555;margin-bottom:20px}.menu-btn{display:block;width:100%;margin-bottom:10px;padding:11px 10px;background:transparent;font-family:Cinzel,serif;font-size:.68rem;letter-spacing:.3em;cursor:pointer;transition:background .15s;border-radius:2px}.menu-btn-giveup{border:1px solid #662020;color:#c44}.menu-btn-giveup:hover{background:#b4282824!important}.menu-btn-collection{border:1px solid #2a2a2a;color:#888;margin-bottom:18px}.menu-btn-collection:hover{color:#d4af37;border-color:#d4af37}.menu-btn-pick4{border:1px solid #D4AF37;color:#d4af37}.menu-btn-pick4:hover{background:#d4af371f!important}.menu-btn-pick3{border:1px solid #D4AF37;color:#d4af37;margin-bottom:18px}.menu-btn-pick3:hover{background:#d4af371f!important}.menu-btn-close{display:block;margin:0 auto;padding:5px 18px;background:transparent;border:1px solid #1c1c1c;color:#444;font-size:.5rem;font-family:Cinzel,serif;letter-spacing:.22em;cursor:pointer;transition:color .15s,border-color .15s}.menu-btn-close:hover{color:#888;border-color:#333}@keyframes pick4Fly{0%{transform:translate(-150px)}to{transform:translate(0)}}@keyframes pick4Flip{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes pick4EdgeOvertake{0%{opacity:0;box-shadow:0 0 0 12px #d4af3780,0 0 32px #d4af3759;filter:blur(2px)}45%{opacity:.95;box-shadow:0 0 0 5px #d4af3740,0 0 20px #d4af3740;filter:blur(1px)}to{opacity:1;box-shadow:0 0 24px #d4af3733;filter:blur(0)}}.pick4-root{min-height:100vh;background:#0f0f0f;color:#e0e0e0;font-family:Cinzel,serif;display:flex;flex-direction:column;align-items:center;padding:14px 12px 38px;-webkit-user-select:none;user-select:none}.pick4-main{width:100%;display:flex;flex-direction:column;align-items:center;transition:filter .35s}.pick4-main.blurred{filter:blur(6px);pointer-events:none}.pick4-header{position:relative;width:100%;max-width:680px;display:flex;flex-direction:column;align-items:center;margin-bottom:0}.pick4-title{font-size:clamp(1.25rem,3.2vw,1.72rem);letter-spacing:.28em;color:#d4af37;margin:0 0 4px;font-weight:700;text-shadow:0 0 24px rgba(212,175,55,.22)}.pick4-subtitle{font-family:monospace;font-size:.68rem;color:#888;letter-spacing:.32em;margin-bottom:52px}.pick4-three{text-decoration:line-through;opacity:.4;margin-right:2px}.pick4-four{color:#fff;text-shadow:0 0 18px rgba(255,255,255,.35)}.pick4-arena{display:flex;align-items:center;gap:50px;margin-bottom:36px}.pick4-deck,.pick4-slot{width:100px;height:140px}.pick4-deck{position:relative}.pick4-deck-card{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;background:linear-gradient(135deg,#1a1a2e,#0f0f1e);border:2px solid #D4AF37;box-shadow:0 4px 14px #000000a6}.pick4-deck-card:after{content:"♦";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#d4af3729}.pick4-deck-card--back{transform:translate(-4px,-4px)}.pick4-deck-card--mid{transform:translate(-2px,-2px)}.pick4-slot{position:relative;perspective:900px;isolation:isolate}.pick4-slot-empty{width:100%;height:100%;border-radius:8px;border:2px dashed #2a2a2a}.pick4-card-wrapper{width:100px;height:140px;position:relative}.pick4-card-wrapper.pick4-card-flying{animation:pick4Fly .55s ease-out forwards}.pick4-card-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d}.pick4-card-inner.pick4-card-flipping{animation:pick4Flip .4s ease-in-out .5s forwards}.pick4-card-inner.pick4-card-flipped{transform:rotateY(180deg)}.pick4-card-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;backface-visibility:hidden;-webkit-backface-visibility:hidden}.pick4-card-back{background:linear-gradient(135deg,#1a1a2e,#0f0f1e);border:2px solid #D4AF37;box-shadow:0 4px 14px #000000a6}.pick4-card-back:after{content:"♦";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#d4af3729}.pick4-card-front{transform:rotateY(180deg);display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;letter-spacing:.22em}.pick4-card-win{background:linear-gradient(135deg,#0a2a14,#051408);border:2px solid #22C55E;color:#22c55e;text-shadow:0 0 18px rgba(34,197,94,.5);box-shadow:0 0 24px #22c55e33}.pick4-card-lose{background:linear-gradient(135deg,#2a0a0a,#140505);border:2px solid #CC1010;color:#cc1010;text-shadow:0 0 18px rgba(204,16,16,.5);box-shadow:0 0 24px #cc101033}.pick4-saved-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;border-radius:8px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2a1e0a,#14100a);border:2px solid #D4AF37;color:#d4af37;font-size:1rem;font-weight:700;letter-spacing:.18em;text-shadow:0 0 18px rgba(212,175,55,.5);box-shadow:0 0 24px #d4af3733;animation:pick4EdgeOvertake .45s ease both}.pick4-draw-btn,.pick4-play-again-btn{padding:9px 42px;background:transparent;border:2px solid #D4AF37;color:#d4af37;font-size:.82rem;font-family:Cinzel,serif;letter-spacing:.4em;cursor:pointer;transition:background .15s,box-shadow .15s;box-shadow:0 0 14px #d4af371a;touch-action:manipulation}.pick4-draw-btn:hover,.pick4-play-again-btn:hover{background:#d4af371a;box-shadow:0 0 26px #d4af374d}.pick4-choose2-cards{display:flex;gap:20px;justify-content:center;margin-top:8px}.pick4-choose2-card{width:120px;height:168px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;letter-spacing:.22em;cursor:pointer;transition:transform .15s,box-shadow .15s;transform:none!important;backface-visibility:visible!important;-webkit-backface-visibility:visible!important}.pick4-choose2-card:hover{transform:translateY(-6px) scale(1.04)!important}.pick4-boon-stack{margin-top:16px;width:100%;max-width:680px;background:#080808e6;border:1px solid #1e1e1e;border-radius:4px;padding:8px 11px}.pick4-boon-stack-items{display:flex;gap:5px;flex-wrap:wrap}.pick4-view-deck-btn{margin-top:12px;padding:5px 18px;background:transparent;border:1px solid #3a3a3a;color:#888;font-size:.58rem;font-family:Cinzel,serif;letter-spacing:.28em;cursor:pointer;transition:color .15s,border-color .15s,box-shadow .15s}.pick4-view-deck-btn:hover{color:#d4af37;border-color:#d4af37;box-shadow:0 0 14px #d4af372e}.pick4-card-boon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:.72rem;letter-spacing:.12em;padding:6px;text-align:center}.pick4-card-boon-common{background:linear-gradient(135deg,#1a1a1a,#0d0d0d);border:2px solid #909090;color:silver;box-shadow:0 0 18px #90909040}.pick4-card-boon-uncommon{background:linear-gradient(135deg,#0a1428,#050e1a);border:2px solid #4a9eff;color:#4a9eff;box-shadow:0 0 18px #4a9eff40;text-shadow:0 0 10px rgba(74,158,255,.4)}.pick4-card-boon-rare{background:linear-gradient(135deg,#180a28,#0e051a);border:2px solid #c060ff;color:#c060ff;box-shadow:0 0 18px #c060ff40;text-shadow:0 0 10px rgba(192,96,255,.4)}.pick4-card-boon-legendary{background:linear-gradient(135deg,#1e1408,#120d04);border:2px solid #D4AF37;color:#d4af37;box-shadow:0 0 18px #d4af374d;text-shadow:0 0 10px rgba(212,175,55,.4)}.pick4-deck-view-panel{background:#111;border:1px solid #2a2a2a;border-radius:8px;padding:24px 22px 18px;width:min(92vw,560px);max-height:80vh;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:14px;animation:overlayIn .2s ease both}.pick4-deck-view-title{font-size:.82rem;letter-spacing:.34em;color:#d4af37;margin-bottom:4px}.pick4-deck-view-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;width:100%}.pick4-deck-view-card{width:80px;min-height:100px;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:6px 4px;font-family:Cinzel,serif;text-align:center}.pick4-deck-view-count{font-size:1.3rem;font-weight:700;line-height:1}.pick4-deck-view-label{font-size:.55rem;letter-spacing:.18em;font-weight:700}.pick4-deck-view-rarity{font-size:.42rem;letter-spacing:.16em;text-transform:uppercase;opacity:.75}.pick4-deck-view-win{background:linear-gradient(135deg,#0a2a14,#051408);border:2px solid #22C55E;color:#22c55e;box-shadow:0 0 14px #22c55e26}.pick4-deck-view-lose{background:linear-gradient(135deg,#2a0a0a,#140505);border:2px solid #CC1010;color:#cc1010;box-shadow:0 0 14px #cc101026}.pick4-deck-view-boon{background:#0e0e0e}.pick4-deck-view-boon-common{border:2px solid #909090;color:silver}.pick4-deck-view-boon-uncommon{border:2px solid #4a9eff;color:#4a9eff}.pick4-deck-view-boon-rare{border:2px solid #c060ff;color:#c060ff}.pick4-deck-view-boon-legendary{border:2px solid #D4AF37;color:#d4af37}.pick4-deck-view-empty{color:#555;font-size:.65rem;letter-spacing:.2em;padding:20px 0}.pick4-deck-view-deletable{cursor:pointer;position:relative}.pick4-deck-view-deletable:hover{opacity:.75;outline:2px solid #f55}.pick4-deck-view-delete-icon{position:absolute;top:3px;right:5px;font-size:.65rem;color:#f55;line-height:1}.boon-card-deck-badge{font-size:.44rem;letter-spacing:.16em;color:#d4af37;opacity:.8;margin-top:2px}