@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{font-family:var(--font-body);color:#293c35;font-synthesis:none;--green:#205842;--mint:#eaf4ec;--line:#e4eae5;--muted:#67706b;--ink:#24392f}body{background:var(--bg)}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #6aa586;outline-offset:4px}button{border:0}a{color:var(--green)}h1,h2,h3,p{margin:0}h1,h2,h3,.brand{font-family:'Manrope',sans-serif}svg{flex-shrink:0;vertical-align:middle}h1{font-size:36px;letter-spacing:-1.4px;line-height:1.3;font-weight:800}h2{font-size:20px;letter-spacing:-.6px;font-weight:750}h3{font-size:18px}p{line-height:1.6;color:var(--muted);font-size:15px}.green{color:#5b7c5a}.sidebar{position:fixed;left:0;top:0;bottom:0;width:230px;background:white;border-right:1px solid var(--line);padding:35px 22px 0;display:flex;flex-direction:column;z-index:3}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--ink);font-size:24px;font-weight:800;letter-spacing:-1px;margin:0 3px 56px}.brand-light{font-weight:500}.brand small{font-family:'DM Sans',sans-serif;display:block;font-size:8px;letter-spacing:1.05px;margin-top:3px;color:#859189;font-weight:600}.nav-label{font-size:10px;letter-spacing:1.7px;color:#99a19c;font-weight:600;margin:0 13px 15px}.nav-item{display:flex;align-items:center;gap:13px;text-align:left;width:100%;padding:14px 13px;margin:4px 0;background:none;border-radius:9px;font-size:14px;color:#758079;white-space:nowrap}.nav-item.active{background:#eaf3ed;color:var(--green);font-weight:650}.nav-item:hover{background:#f2f6f2}.nav-count{margin-left:auto;font-size:11px;background:#f0f3f0;border-radius:5px;padding:2px 5px}.sidebar-bottom{margin-top:auto}.sandbox-note{padding:21px 17px;border:1px solid var(--line);border-radius:12px;margin-bottom:23px;background:linear-gradient(120deg,#f4f8ef,#f8fbf8)}.sandbox-note>svg{display:block;color:#7c9472;margin-bottom:11px}.sandbox-note strong{font-size:14px}.sandbox-note p{font-size:12px;line-height:1.7;margin:7px 0 17px}.tiny-badge{font-size:8px;font-weight:700;letter-spacing:.6px;color:#758c72}.sidebar-bottom>.nav-item{font-size:12px;padding-left:10px}.profile{display:flex;align-items:center;gap:11px;border-top:1px solid var(--line);margin-top:22px;padding:20px 0}.avatar{display:grid;place-items:center;border-radius:50%;background:#e8ecd7;width:38px;height:38px;color:#607044;font-size:15px;font-weight:700;border:3px solid #f4f6ed}.profile strong{font-size:12px}.profile small{display:block;font-size:11px;color:#97a098;margin-top:3px}.profile-dot{width:7px;height:7px;border-radius:50%;background:#739b78;margin-left:auto}.workspace{margin-left:230px}.topbar{height:81px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 43px;background:rgba(255,255,255,.8);font-size:12px}.topbar strong{font-weight:500}.breadcrumb{color:#9aa29c}.slash{color:#cad0cb;margin:0 15px}.top-actions{display:flex;align-items:center;gap:19px}.sandbox-badge{color:#668263;display:flex;align-items:center;gap:7px;font-size:11px;padding:7px 11px;background:#f0f5eb;border:1px solid #e8efdf;border-radius:6px}.icon-btn{display:inline-grid;place-items:center;background:transparent;width:35px;height:35px;border-radius:50%;color:#7f8b82}.icon-btn:hover{background:#edf2ed}.avatar.small{width:32px;height:32px;font-size:12px}main{max-width:1250px;margin:0 auto;padding:35px 44px 30px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:1.9px;font-weight:700;color:#647665;margin-bottom:9px}.page-heading p{font-size:14px;margin-top:7px}.free-pill{display:flex;gap:13px;align-items:center;padding:12px 16px;border:1px solid var(--line);border-radius:10px;background:white}.free-pill>span{font-size:28px;color:#76966c;font-weight:400}.free-pill strong{display:block;font-size:12px;font-weight:600}.free-pill small{display:block;font-size:10px;color:#939d94;margin-top:5px}.pack-surface{overflow:hidden;border:1px solid #dde7df;border-radius:17px;background:radial-gradient(ellipse at 50% 36%,#f7faf2 0%,#eef5eb 35%,#eaf2eb 70%,#e8f1ec 100%);position:relative}.pack-top{display:flex;align-items:center;justify-content:space-between;padding:23px 27px;position:relative;z-index:1}.set-label{display:flex;align-items:center;gap:10px}.set-icon{border:1px solid #b5c3b5;width:34px;height:34px;border-radius:7px;display:grid;place-items:center;color:#748671;font-family:Manrope,sans-serif;font-size:13px;font-weight:800}.set-label h2{font-size:15px;letter-spacing:-.2px}.set-label div>span{font-size:10px;color:#8c998e;display:block;margin-top:3px}.text-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:transparent;font-size:12px;padding:5px 0;color:#637567}.text-btn:hover{color:var(--green)}.pack-top>.text-btn{font-size:11px}.pack-stage{display:flex;justify-content:center;align-items:center;gap:55px;min-height:337px;padding:7px 20px 0;position:relative;background:radial-gradient(ellipse at center,transparent 39%,#dae6d84d 40%,transparent 40.4%,transparent 58%,#dae6d847 58.2%,transparent 58.6%)}.pack-choice{position:relative;display:flex;flex-direction:column;align-items:center;background:none;width:200px;padding:8px 0;transition:transform .3s}.pack-choice img{position:relative;z-index:1;width:155px;height:256px;object-fit:contain;filter:drop-shadow(0 18px 13px #213e3433);transition:transform .45s,filter .4s;transform:rotate(-8deg)}.pack-choice.pack-pikachu img{transform:rotate(8deg)}.pack-choice.pack-mewtwo img{transform:rotate(-2deg)}.pack-choice.selected img{transform:translateY(-7px) rotate(0deg) scale(1.13);filter:drop-shadow(0 22px 13px #21453640)}.pack-choice:hover img{transform:translateY(-10px) rotate(0deg) scale(1.1)}.pack-aura{position:absolute;left:10%;right:10%;height:210px;top:40px;opacity:0;border-radius:50%;background:radial-gradient(#f5f3bc99,transparent 70%);filter:blur(16px);transition:opacity .3s}.selected .pack-aura{opacity:1}.pack-name{display:flex;align-items:center;gap:8px;margin-top:24px;font-size:13px;font-weight:650;position:relative}.selected-tick{display:grid;place-items:center;background:var(--green);color:white;width:16px;height:16px;border-radius:50%}.pack-type{font-size:10px;color:#8b9a8c;margin-top:4px}.pack-controls{text-align:center;padding:16px 0 22px}.pack-description{display:flex;justify-content:center;gap:12px;align-items:center;font-size:11px;color:#819184;margin-bottom:14px}.five-cards{color:#607460;display:flex;align-items:center;gap:5px;border-right:1px solid #cbd8ca;padding-right:12px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 21px;border-radius:8px;font-size:13px;font-weight:600;transition:background .2s,transform .2s}.primary{background:var(--green);color:#fff;border:1px solid var(--green);box-shadow:0 3px 5px #2149360d}.primary:hover{background:#123f2f;transform:translateY(-1px)}.secondary{background:white;border:1px solid #d8e2d9;color:var(--green)}.secondary:hover{background:#f0f6ee}.open-btn{min-width:250px;padding:14px 21px}.open-btn>svg:last-child{margin-left:9px}.free-caption{font-size:10px;color:#91a08e;margin-top:11px}.stats-strip{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1.3fr;background:white;border:1px solid var(--line);border-radius:11px;margin-top:20px;padding:22px 0}.stats-strip>div{display:flex;align-items:center;gap:13px;padding:0 24px;border-right:1px solid var(--line)}.stats-strip>div:last-child{border-right:0}.stats-strip>div>svg{color:#8b9c87}.stats-strip strong{font-size:21px;font-weight:600;line-height:1.2;display:block;letter-spacing:-.6px}.stats-strip small{display:block;font-size:10px;color:#919b92;margin-top:5px}.stats-strip .set-progress{display:block}.set-progress>div{display:flex;align-items:center;justify-content:space-between;gap:15px}.set-progress em{font-size:12px;font-style:normal;color:#95a08f;font-weight:400;letter-spacing:0}.progress-percent{font-size:11px;color:#778872}.set-progress progress{width:100%;height:4px;border:0;border-radius:4px;background:#edf2eb;display:block;margin-top:12px;overflow:hidden}progress::-webkit-progress-bar{background:#edf2eb}progress::-webkit-progress-value{background:#8daa78;border-radius:4px}progress::-moz-progress-bar{background:#8daa78}.recent-section{margin-top:33px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.section-heading h2{font-size:17px}.section-heading p{font-size:12px;margin-top:5px}.recent-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:23px}.card-tile{background:none;padding:0;text-align:left;min-width:0}.card-frame{position:relative;border-radius:10px;transition:transform .25s;line-height:0}.card-frame>img{display:block;width:100%;height:auto;aspect-ratio:367/512;object-fit:contain;border-radius:9px;box-shadow:0 5px 10px #20392c16}.card-tile:hover .card-frame{transform:translateY(-5px) rotate(.8deg)}.card-caption{display:flex;align-items:center;justify-content:space-between;gap:3px;margin-top:11px}.card-caption strong{font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rarity{font-size:11px;color:var(--gold-text);letter-spacing:.5px}.card-meta{font-size:9px;color:#70756f;display:flex;justify-content:space-between;margin-top:5px;gap:4px}.copy-count{position:absolute;right:7px;bottom:7px;background:#fffefaef;padding:8px;border-radius:5px;font-size:11px;line-height:1;box-shadow:0 1px 4px #0002}.favorite-mark{position:absolute;top:7px;right:7px;color:#bf7b7b;font-size:20px;line-height:1}footer{display:flex;justify-content:space-between;align-items:center;max-width:1250px;margin:0 auto;padding:5px 44px 25px;color:#a2aba1;font-size:10px}footer .text-btn{font-size:10px;color:#a2aba1}.toolbar{display:flex;align-items:center;gap:17px;background:white;border:1px solid var(--line);padding:15px;border-radius:10px;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:10px;color:#8b978b;flex:1;min-width:180px}.search-box input{border:0;outline:none;background:none;min-width:0;width:100%;font-size:14px}.filter-tabs{display:flex;gap:3px}.filter-tabs button{background:none;padding:8px 10px;font-size:12px;border-radius:6px;color:#6a756c}.filter-tabs button.selected{background:var(--mint);color:var(--green);font-weight:600}select{border:1px solid var(--line);padding:9px;border-radius:6px;background:#fff;color:#6e796f;font-size:12px}.results-count{margin:22px 0 15px;font-size:12px}.collection-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:26px 23px}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:80px 25px;background:#edf4ed;border:1px solid var(--line);border-radius:14px;margin-top:24px}.empty-state>svg{color:#8ca789;margin-bottom:22px}.empty-state p{margin:12px 0 22px}.boot{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.boot p{max-width:450px}#toast{position:fixed;inset:auto;top:auto;right:auto;bottom:28px;left:calc(50% + 100px);width:max-content;height:auto;margin:0;border:0;overflow:visible;transform:translate(-50%,20px);padding:14px 24px;background:#253e31;color:#fff;border-radius:10px;box-shadow:0 6px 22px #1834272b;z-index:30;font-size:14px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:85vw}
#toast:popover-open{display:block}#toast:not(:popover-open):not(.show){display:none}
body:has(dialog.cinematic-opening[open]) #toast{left:50%;bottom:max(28px,env(safe-area-inset-bottom))}#toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid #e2e9df;border-radius:20px;padding:40px;background:#fcfdfa;color:var(--ink);max-width:min(560px,calc(100vw - 30px));max-height:92vh;box-shadow:0 25px 100px #142c3140}dialog::backdrop{background:#172b28a8;backdrop-filter:blur(8px)}html{scrollbar-gutter:stable}html:has(dialog[open]){overflow:hidden}dialog h2{font-size:26px;margin:9px 0 16px}dialog p{font-size:14px;margin-bottom:20px}.modal-close{position:absolute;right:13px;top:13px;z-index:5}.opening-modal{width:600px;text-align:center;padding:33px 35px 24px}.opening-heading h2{font-size:24px;margin:8px 0}.opening-heading p{font-size:12px;margin-bottom:20px}.reveal-card{display:block;width:205px;aspect-ratio:367/512;margin:15px auto 16px;padding:0;border-radius:12px;background:transparent;perspective:1000px;box-shadow:0 10px 26px #264b3330}.reveal-card>img{width:100%;height:100%;border-radius:12px;animation:reveal .45s ease-out}.card-back{height:100%;width:100%;border-radius:12px;background:radial-gradient(ellipse at top,#598764,#174e3c 75%);border:8px double #a5bb8b;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#eaf6d9;box-shadow:inset 0 0 0 8px #174e3c}.card-back strong{font-family:Manrope,sans-serif;font-size:23px;margin:13px 0}.card-back span{font-size:8px;letter-spacing:1.5px}.reveal-caption h3{font-size:17px;margin:0 0 7px}.new-badge{display:inline-block;background:#e8efce;border-radius:4px;color:#74813e;padding:4px 6px;font-size:9px;letter-spacing:.5px;vertical-align:middle;margin-left:5px}.reveal-dots{display:flex;justify-content:center;gap:7px;margin:15px 0}.reveal-dots span{width:5px;height:5px;border-radius:50%;background:#d6dfd4}.reveal-dots .done{background:#51815d}.skip-btn{display:block;margin:10px auto 0;font-size:11px}.rare-reveal{box-shadow:0 0 25px #e5cb5977,0 0 60px #adcbaa66}.opening-modal.wide{width:980px;max-width:calc(100vw - 30px)}.pull-results{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;margin:35px 0}.pull-results img{width:100%;height:auto;border-radius:7px;box-shadow:0 5px 20px #234b3320;animation:reveal .5s ease-out}.pull-results strong{display:block;font-size:12px;margin:10px 0 5px}.dialog-actions{display:flex;justify-content:center;gap:12px;margin-top:24px}.detail-modal{width:730px;max-width:calc(100vw - 30px)}.card-detail{display:grid;grid-template-columns:250px 1fr;gap:35px;align-items:center}.detail-image{width:100%;height:auto;border-radius:12px;box-shadow:0 12px 30px #26382a20}.card-detail h2{font-size:28px}.card-detail .eyebrow{font-size:9px}.card-detail dl{font-size:13px;margin:23px 0}.card-detail dt{color:#9ba393;font-size:11px;margin-top:13px}.card-detail dd{margin:5px 0 0;text-transform:capitalize}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:18px 0;border-bottom:1px solid var(--line);font-size:14px}.settings-row strong{font-size:13px;font-weight:500}.settings-row small{display:block;font-size:11px;color:var(--fg-muted);margin-top:5px}.settings-modal .muted{margin-top:25px}.muted{color:#94a08f;font-size:12px}.file-label{cursor:pointer}.file-label input{width:0;height:0;position:absolute;opacity:0}.file-label:focus-within{outline:3px solid #6aa586}.odds-table{border-top:1px solid var(--line);margin-bottom:20px}.odds-table>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:11px 4px;font-size:13px}.warning{background:#fff0d6;color:#826833;padding:15px;border-radius:8px}@keyframes reveal{from{opacity:.4;transform:rotateY(70deg) scale(.93)}to{opacity:1;transform:rotateY(0) scale(1)}}
@media(min-width:1500px){main{padding-top:48px}.pack-stage{min-height:375px;gap:90px}.pack-choice img{width:175px;height:285px}.pack-controls{padding-bottom:27px}.page-heading{margin-bottom:35px}.stats-strip{margin-top:24px}.recent-section{margin-top:36px}}
@media(max-width:1150px){.sidebar{width:195px;padding:30px 16px 0}.workspace{margin-left:195px}.brand{font-size:21px;gap:7px}.brand img{width:34px;height:34px}.brand small{font-size:7px}.nav-item{font-size:13px;gap:10px}.sidebar-bottom>.nav-item{font-size:10px}main{padding:30px}.topbar{padding:0 30px}.pack-stage{gap:25px}.pack-choice{width:170px}.stats-strip>div{padding:0 15px;gap:9px}.stats-strip strong{font-size:19px}.stats-strip>div>svg{width:20px}.free-pill{display:none}.recent-cards,.collection-grid{gap:18px}.card-caption{flex-wrap:wrap}.card-meta{font-size:9px;flex-wrap:wrap}footer{padding-left:30px;padding-right:30px}.card-detail{grid-template-columns:220px 1fr}}
@media(max-width:800px){.sidebar{width:76px;align-items:center;padding:25px 9px}.brand{margin:0 0 35px}.brand>span,.nav-label,.nav-item>span,.nav-item.active>span,.sidebar-bottom,.nav-item svg+span{display:none}.brand img{width:39px;height:39px}.nav-item{padding:14px;margin-bottom:10px;width:49px}.workspace{margin-left:76px}.topbar{height:66px;padding:0 22px}.top-actions{gap:10px}main{padding:28px 24px}.page-heading h1{font-size:30px}.eyebrow{font-size:9px}.pack-stage{gap:7px;min-height:320px}.pack-choice img{width:130px;height:226px}.pack-choice{width:150px}.pack-name{margin-top:17px}.pack-type{font-size:9px}.pack-top{padding:20px}.pack-description>span:last-child{display:none}.five-cards{border:0;padding:0}.stats-strip{grid-template-columns:repeat(2,1fr);row-gap:23px;padding:20px 5px}.stats-strip>div{padding:0 20px}.stats-strip>div:nth-child(2){border:0}.recent-cards{gap:13px}.card-caption strong{font-size:11px}.card-meta>span{display:none}.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.section-heading h2{font-size:16px}.section-heading .text-btn{font-size:10px}footer{padding:5px 24px 24px}footer>span{display:none}footer{justify-content:flex-end}.card-detail{grid-template-columns:180px 1fr;gap:22px}#toast{left:calc(50% + 38px)}}
@media(max-width:550px){.sidebar{top:auto;bottom:0;right:0;width:auto;height:70px;padding:0;border-top:1px solid var(--line);border-right:0;background:#fffffff5;backdrop-filter:blur(10px)}.brand{display:none}.sidebar nav{display:flex;width:100%;height:100%;justify-content:space-around;align-items:center}.nav-item{display:flex;flex-direction:column;gap:4px;margin:0;padding:9px;width:77px;font-size:9px;border-radius:9px}.nav-item>span:not(.nav-count),.nav-item.active>span:not(.nav-count){display:block}.nav-count{display:none!important}.workspace{margin-left:0;padding-bottom:70px}.topbar{padding:0 18px;height:58px;font-size:10px}.topbar .slash{margin:0 7px}.top-actions{gap:7px}.sandbox-badge{font-size:9px;padding:6px}.sandbox-badge svg{display:none}.avatar.small{display:none}main{padding:26px 17px}.page-heading{margin-bottom:22px}.page-heading h1{font-size:27px;letter-spacing:-1px}.page-heading p{font-size:12px}.page-heading>.primary{font-size:11px;padding:10px}.eyebrow{font-size:8px;letter-spacing:1.5px}.pack-top{padding:17px}.set-label h2{font-size:13px}.set-label div>span{font-size:9px}.pack-top>.text-btn{font-size:9px}.pack-stage{gap:0;min-height:260px;padding:8px 5px 0}.pack-choice{width:33.33%;min-width:0}.pack-choice img{width:103px;max-width:95%;height:179px}.pack-choice.selected img{transform:translateY(-4px) scale(1.1)}.pack-name{font-size:11px;margin-top:15px;gap:4px}.pack-type{display:none}.pack-controls{padding:13px 0 20px}.pack-description{font-size:10px;margin-bottom:12px}.pack-aura{height:150px}.open-btn{min-width:235px;font-size:12px}.stats-strip{margin-top:15px}.stats-strip small{font-size:9px}.recent-section{margin-top:27px}.section-heading{gap:10px;align-items:flex-start}.section-heading h2{font-size:15px;max-width:210px}.section-heading p{font-size:10px;max-width:200px}.section-heading .text-btn{font-size:9px;white-space:nowrap}.recent-cards{display:flex;overflow-x:auto;padding-bottom:15px;gap:14px;margin-right:-17px;padding-right:17px}.recent-cards>.card-tile{flex:0 0 125px}.toolbar{gap:12px}.search-box{flex-basis:100%;border-bottom:1px solid var(--line);padding-bottom:12px}.filter-tabs{flex-wrap:wrap;gap:0}.filter-tabs button{font-size:11px;padding:7px}.toolbar select{font-size:11px;padding:6px}.collection-grid{gap:23px 12px;grid-template-columns:repeat(2,minmax(0,1fr))}.card-caption strong{font-size:12px}.card-caption{flex-wrap:nowrap}.empty-state{padding:55px 18px}.empty-state p{font-size:13px}dialog{padding:30px 22px}dialog h2{font-size:23px}.opening-modal{padding:30px 18px 22px}.opening-heading h2{font-size:21px}.opening-heading p{font-size:11px}.reveal-card{width:185px}.pull-results{grid-template-columns:repeat(3,1fr);gap:15px 10px;margin:23px 0}.pull-results strong{font-size:10px}.pull-results .rarity{font-size:9px}.pull-results .new-badge{font-size:8px}.dialog-actions .primary,.dialog-actions .secondary{font-size:11px;padding:11px 14px}.card-detail{display:flex;flex-direction:column;gap:24px}.detail-image{width:200px}.card-detail>div{width:100%}.card-detail h2{font-size:24px}.card-detail dl{display:none}.card-detail p{margin-bottom:15px}.settings-row{gap:10px}.settings-row .secondary{font-size:11px;padding:10px}.settings-row small{font-size:10px}.settings-modal p{font-size:12px}#toast{left:50%;bottom:84px;width:max-content;font-size:12px;max-width:90vw;padding:12px 16px}}
.deck-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.deck-box{background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden;padding:22px}.deck-fan{height:205px;display:flex;justify-content:center;align-items:center;background:var(--mint);border-radius:10px;margin-bottom:22px;overflow:hidden}.deck-fan img{width:100px;height:auto;position:relative;box-shadow:0 5px 12px #0002;border-radius:5px;margin:0 -20px}.deck-fan img:first-child{transform:rotate(-12deg) translateY(8px)}.deck-fan img:last-child{transform:rotate(12deg) translateY(8px)}.deck-box p{font-size:12px;margin:10px 0 20px}.deck-editor{display:grid;grid-template-columns:1fr 300px;gap:28px;align-items:start}.editor-title{display:flex;align-items:center;gap:15px;justify-content:space-between;margin-bottom:20px}.editor-title h2{font-size:17px}.deck-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 17px}.deck-list{background:white;border:1px solid var(--line);padding:23px;border-radius:12px;position:sticky;top:20px}.deck-list label{display:block;font-size:12px;color:#82917e;margin-bottom:7px}.deck-list input{width:100%;padding:11px;border:1px solid var(--line);border-radius:6px;color:var(--ink);font-size:16px}.deck-size{display:flex;justify-content:space-between;align-items:center;margin:23px 0 12px;font-size:12px}.deck-size strong{font-size:20px}.deck-size strong span{font-size:12px;font-weight:400;color:#95a08f}.deck-list progress{width:100%;height:5px;border:0;border-radius:4px}.deck-rows{margin:20px 0;max-height:390px;overflow-y:auto}.deck-rows>div{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:8px 0;font-size:11px}.deck-rows img{width:30px;height:auto;border-radius:3px}.deck-rows>div>span{flex:1}.deck-rows small{display:block;font-size:10px;color:#9ba393;margin-top:3px;text-transform:capitalize}.deck-rows .icon-btn{width:23px;height:23px;font-size:20px}.deck-list>.primary{width:100%;margin-top:18px}.deck-list>.text-btn{display:flex;margin:10px auto 0}.deck-hint{font-size:11px;color:#8a7951;margin-top:15px}.arena-intro{display:grid;grid-template-columns:1fr 1fr;gap:50px;border:1px solid var(--line);border-radius:16px;background:#edf4ed;padding:50px 45px;align-items:center}.arena-intro h2{font-size:29px;line-height:1.35;margin:14px 0}.arena-intro p{font-size:14px;line-height:1.8}.arena-intro select{display:block;width:100%;font-size:14px;padding:12px;margin-bottom:15px}.arena-intro .primary{width:100%}.field-label{display:block;font-size:12px;color:#7f8e7a;margin:22px 0 8px}.loaner-fan{display:flex;align-items:center;justify-content:center;min-height:300px}.loaner-fan img{width:145px;height:auto;margin:0 -42px;box-shadow:0 20px 25px #2d553530;border-radius:9px}.loaner-fan img:first-child{transform:rotate(-17deg) translate(-15px,10px);z-index:1}.loaner-fan img:nth-child(2){transform:translateY(-25px);z-index:2}.loaner-fan img:last-child{transform:rotate(17deg) translate(15px,10px);z-index:3}.rules-panel{background:white;border:1px solid var(--line);border-radius:12px;padding:28px;margin-top:24px}.rules-panel>div{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:22px 0}.rules-panel strong{display:block;color:#4c6750;margin-bottom:9px;font-size:14px}.rules-panel p{font-size:13px}.rules-panel>.muted{font-size:12px}.battle-layout{display:grid;grid-template-columns:1fr 270px;gap:25px;align-items:start}.battle-board{border:1px solid #dce6dc;border-radius:15px;padding:25px;background:radial-gradient(ellipse at center,#f8fbee,#e4eee5);text-align:center}.battle-top{display:flex;justify-content:space-between;font-size:12px;padding-bottom:16px;border-bottom:1px solid #d2dfd1;color:#7c927c}.battle-top>span{letter-spacing:1.8px;font-size:10px}.team-label{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin:18px 0;color:#80917b}.team-label strong{color:#456046}.fighter{display:flex;align-items:center;justify-content:center;gap:26px;text-align:left}.fighter-card img{width:100px;height:auto;border-radius:6px;box-shadow:0 5px 15px #0002}.fighter-info{width:230px}.fighter-info h3{font-size:20px;margin-bottom:14px}.hp-line{display:flex;justify-content:space-between;font-size:12px;margin-bottom:8px}.hp-line small{color:#8c9d84;font-weight:400}.fighter-info progress{width:100%;height:7px;border:0;border-radius:5px;overflow:hidden;display:block;margin-bottom:10px}.opponent progress::-webkit-progress-value{background:#bcb076}.fighter-info>.muted{font-size:11px}.battle-divider{margin:20px 0;display:flex;align-items:center;justify-content:center;gap:15px;color:#8ea184}.battle-divider span{font-size:13px;letter-spacing:3px;border-radius:50%;border:1px solid #ccdac5;padding:8px}.battle-divider small{font-size:10px}.battle-actions{display:flex;justify-content:center;gap:10px;margin-top:23px}.battle-actions button{padding:11px 13px;font-size:12px}.battle-board>.text-btn{margin-top:12px;font-size:11px}.battle-log{background:white;border:1px solid var(--line);padding:24px;border-radius:12px}.battle-log h2{font-size:18px}.battle-log>p{font-size:11px;margin-top:7px}.battle-log ol{padding:0;list-style:none;max-height:480px;overflow-y:auto;margin:22px 0}.battle-log li{font-size:12px;padding:12px 0;border-bottom:1px solid var(--line);line-height:1.6;color:#7d8e79}.battle-log li:first-child{color:#35543b}.battle-result{border-top:1px solid #ceddc9;margin-top:20px;padding-top:22px}.battle-result h2{font-size:23px}.battle-result p{font-size:13px;margin:10px 0 20px}.nav-item{font-size:14px}.page-heading p{font-size:16px}.pack-type,.set-label div>span,.free-caption{font-size:12px}.pack-name{font-size:14px}.pack-description,.pack-top>.text-btn,.section-heading p,.card-meta{font-size:12px}.card-caption strong,.primary,.secondary,.text-btn{font-size:14px}.card-meta{flex-wrap:wrap}.stats-strip small{font-size:12px}.eyebrow{font-size:12px}.card-caption .rarity{font-size:12px}.recent-cards{gap:20px}.brand small{font-size:8px}.card-detail p,.settings-modal p{font-size:16px}
@media(max-width:1150px){.deck-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.deck-editor{grid-template-columns:1fr 260px;gap:20px}.deck-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.battle-layout{grid-template-columns:1fr 220px}.arena-intro{gap:30px;padding:35px 25px}.arena-intro h2{font-size:26px}.loaner-fan img{width:125px;margin:0 -40px}.fighter{gap:15px}.fighter-info{width:180px}.fighter-info h3{font-size:17px}.pack-type{font-size:10px}.card-caption strong{font-size:12px}.stats-strip small{font-size:10px}}
@media(max-width:800px){.deck-editor{grid-template-columns:1fr}.deck-list{position:static;grid-row:1}.deck-rows{max-height:210px}.deck-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.arena-intro{grid-template-columns:1fr;gap:15px;padding:30px}.loaner-fan{min-height:220px}.arena-intro>div:last-child{max-width:450px;margin:auto}.arena-intro h2{font-size:27px}.rules-panel>div{grid-template-columns:1fr;gap:20px}.battle-layout{grid-template-columns:1fr}.battle-log ol{max-height:220px}.fighter-info{width:210px}.fighter-card img{width:110px}.nav-item{font-size:13px}.eyebrow{font-size:10px}.page-heading p{font-size:14px}.pack-type{font-size:9px}.card-caption strong{font-size:11px}.card-meta{font-size:10px}.section-heading p{font-size:12px}}
@media(max-width:550px){.deck-grid{grid-template-columns:1fr}.deck-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.arena-intro{padding:25px 20px}.rules-panel{padding:22px}.battle-board{padding:18px}.fighter-info{width:190px}.fighter-info h3{font-size:17px}.fighter-card img{width:85px}.battle-actions{gap:6px}.battle-actions button{font-size:11px;padding:10px}.battle-actions svg{width:15px}.team-label{font-size:11px}.nav-item{font-size:10px}.eyebrow{font-size:9px}.page-heading p{font-size:13px}.pack-name{font-size:12px}.pack-top>.text-btn{font-size:10px}.free-caption{font-size:11px}.card-caption strong{font-size:12px}.section-heading p{font-size:11px}.card-detail p,.settings-modal p{font-size:14px}.deck-list label{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.hg-pill{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:600;padding:7px 12px;background:#f0f5eb;border:1px solid #e8efdf;border-radius:6px;color:#4f6b4d;font-family:inherit;letter-spacing:0;line-height:1;transition:background .2s}.hg-pill:hover{background:#e6efdf}.hg-pill svg{color:#76966c;flex:none}.hg-pill .sep{color:#b7c6b3;font-weight:400}.hg-pill small{font-size:10px;font-weight:500;color:var(--fg-muted);white-space:nowrap}.hg-card>span{display:grid;place-items:center;color:#76966c}.cost-line{display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;line-height:1.5;color:#5f7a5c;margin:14px auto 0;max-width:560px;text-align:left}.cost-line svg{flex:none;color:#76966c}.cost-line.short{color:#a3552f}.cost-line.short svg{color:#c0693f}.pack-controls .cost-line{justify-content:flex-start;margin:0;max-width:none}.open-ten-btn[disabled]{opacity:.55;cursor:not-allowed}.settings-block{padding:18px 0;border-bottom:1px solid var(--line);font-size:14px}.settings-block>span strong{font-size:13px;font-weight:500}.settings-block>span small{display:block;font-size:11px;color:var(--fg-muted);margin-top:5px;line-height:1.6}.link-fields,.redeem-fields{display:flex;flex-wrap:wrap;gap:9px;margin-top:13px;align-items:center}.link-fields input,.redeem-fields input{flex:1 1 150px;min-width:0;padding:11px;border:1px solid var(--line);border-radius:6px;font:inherit;font-size:14px;color:var(--ink);background:white}.link-fields input:focus,.redeem-fields input:focus{outline:2px solid #6aa586;outline-offset:1px}.redeem-fields input{font-family:ui-monospace,Menlo,Consolas,monospace;letter-spacing:.6px;text-transform:uppercase}.hg-history{padding:18px 0 0}.hg-history>strong{display:block;font-size:13px;font-weight:500;margin-bottom:9px}.hg-list{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:white}.hg-list li{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:10px 14px;font-size:13px;border-top:1px solid var(--line)}.hg-list li:first-child{border-top:0}.hg-list small{display:block;font-size:11px;color:var(--fg-muted);margin-top:3px;font-family:ui-monospace,Menlo,Consolas,monospace}.hg-list strong{color:var(--green);font-weight:600;white-space:nowrap}.hg-balances{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0 6px}.hg-balances>div{background:var(--mint);border-radius:10px;padding:16px 12px;text-align:center}.hg-balances svg{color:#76966c;display:block;margin:0 auto 6px}.hg-balances strong{display:block;font-size:20px;letter-spacing:-.5px}.hg-balances small{display:block;font-size:10px;color:var(--fg-muted);margin-top:4px}.hg-modal .settings-block{border-bottom:0;padding-bottom:6px}.hg-modal .settings-row{border-bottom:0}.hg-modal .hg-history{border-top:1px solid var(--line);margin-top:6px}
@media(max-width:1150px){.stats-strip>div{padding:0 12px}.hg-pill small{display:none}.hg-pill .sep:last-of-type{display:none}}
@media(max-width:800px){.stats-strip>div:nth-child(2n){border:0}.link-fields button,.redeem-fields button{flex:1 1 100%}}
@media(max-width:550px){.hg-pill{font-size:10px;padding:6px 8px;gap:5px}.hg-pill svg{width:13px;height:13px}.hg-balances{grid-template-columns:1fr 1fr}.hg-balances>div:last-child{grid-column:1/-1}.cost-line{font-size:11px}}

/* Layout classes must never resurrect a dialog after native close(). */
dialog:not([open]){display:none!important}

.sound-preview-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.sound-preview-buttons .secondary{font-size:12px;padding:10px 12px}.sound-preview-buttons button:disabled{opacity:.45;cursor:not-allowed}