:root{color:#edf2f6;font-synthesis:none;--ink:#0e1b2a;--muted:#91a5b7;--gold:#e4bf7b;--paper:#e2e9eb;--line:#364b5f;--teal:#88ded1;--footer-height:40px;--tone:#85ccbc;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0b1420;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;color:inherit;transition:background .2s,transform .2s,border-color .2s,box-shadow .2s}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--teal);outline-offset:4px}button:hover:not(:disabled){filter:brightness(1.09)}button:active:not(:disabled){transform:translateY(1px)}input,select{color:inherit}button .ui-icon{flex-shrink:0}button,summary{-webkit-tap-highlight-color:transparent}::selection{color:#fff;background:#80cbbd55}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{background:#839eae45;border-radius:8px}::-webkit-scrollbar-track{background:0 0}.ui-icon{vertical-align:middle;flex-shrink:0;width:20px;height:20px;display:inline-block}.tone-energy{--tone:#f7bd5a}.tone-physical{--tone:#f08884}.tone-setup{--tone:#7cdbbd}.tone-drill{--tone:#91acfa}.tone-dragon{--tone:#edc777}.tone-personality{--tone:#8acee7}.tone-combat{--tone:#c6a4ee}#game{position:fixed;inset:0}#game canvas{width:100%;height:100%;display:block}#ui{pointer-events:none;position:fixed;inset:0}#ui button,#ui input,#ui select,#ui summary{pointer-events:auto}.topbar{pointer-events:auto;z-index:5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0d1928f2;border-bottom:1px solid #aec8d512;justify-content:space-between;align-items:center;height:65px;padding:0 28px;display:flex;position:absolute;top:0;left:0;right:0}.wordmark{text-align:left;color:#ecd096;background:0 0;border:0;flex-direction:column;padding:0;line-height:1;display:flex}.dbz{letter-spacing:-.7px;font-size:20px;font-weight:900}.dbz b{color:#e57568;margin-left:2px;font-size:25px;font-weight:900}.edition{letter-spacing:3.15px;color:#95a9b8;margin-top:6px;font-size:6px}.series{color:#d8e1e7;align-items:center;gap:13px;display:flex}.series i{border:1px solid #e0bb77;width:6px;height:6px;transform:rotate(45deg)}.series-name{letter-spacing:2.5px;font-size:10px;font-weight:600}.series-year{letter-spacing:1.2px;color:#738a9e;border-left:1px solid #435467;padding-left:13px;font-size:9px}.topbar nav{align-items:center;gap:8px;display:flex}.topbar nav button{color:#a9bac8;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:9px 12px;font-size:12px;font-weight:500;display:flex}.topbar nav button:hover{color:#f1f5f8;background:#a2c8df0c;border-color:#a2c8df16}.topbar nav .ui-icon{width:16px;height:16px}.topbar nav small{color:#dec18b;font-variant-numeric:tabular-nums;background:#d7b67713;border-radius:5px;padding:3px 6px;font-size:9px}.topbar nav .icon-button{margin-left:9px;padding:10px}.topbar nav .icon-button .ui-icon{width:19px;height:19px}.home{pointer-events:auto;isolation:isolate;background:radial-gradient(at 25% 35%,#2f60562e,#0000 47%),radial-gradient(at 75% 40%,#663e4329,#0000 46%),#0d1928;flex-direction:column;align-items:center;padding:38px 36px 25px;display:flex;position:absolute;inset:65px 0 0;overflow:auto}.home:before{content:"";z-index:-1;background-image:linear-gradient(#799ab805 1px,#0000 1px),linear-gradient(90deg,#799ab805 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000,#0000 78%);mask-image:radial-gradient(#000,#0000 78%)}.home-orbit{pointer-events:none;z-index:-1;border:1px solid #aac9d40a;border-radius:50%;width:850px;height:850px;position:absolute;top:100px;left:50%;transform:translate(-50%)}.home-orbit:before,.home-orbit:after{content:"";border:1px solid #aac9d40a;border-radius:50%;position:absolute;inset:55px}.home-orbit:after{inset:120px}.home-intro{text-align:center;margin-bottom:27px;animation:.55s both fade-rise}.eyebrow{letter-spacing:2px;color:var(--gold);text-transform:uppercase;font-size:9px;font-weight:650}.home-intro .eyebrow{color:#9baeba;letter-spacing:2.1px;justify-content:center;align-items:center;gap:9px;font-size:9px;display:flex}.tiny-line{background:#d7b97c;width:20px;height:1px}.home h1{letter-spacing:-2.15px;color:#f0f4f7;margin:14px 0 10px;font-size:48px;font-weight:650}.home-intro p{color:#8fa5b7;letter-spacing:.1px;margin:0;font-size:14px}.deck-choices{grid-template-columns:repeat(2,minmax(280px,390px));gap:24px;width:min(100%,804px);display:grid}.deck-choice{--fighter:#76ceb1;color:#edf2f6;background:#152639;border:1px solid #a8c9dc24;border-radius:18px;transition:transform .3s,border-color .3s,box-shadow .3s;animation:.65s 80ms both fade-rise;position:relative;overflow:hidden;box-shadow:0 22px 60px #0004}.deck-choice.raditz{--fighter:#e49a86;animation-delay:.17s}.deck-choice:hover{border-color:color-mix(in srgb,var(--fighter) 48%,transparent);box-shadow:0 25px 70px #0005,0 0 50px color-mix(in srgb,var(--fighter) 5%,transparent);transform:translateY(-4px)}.choice-art{background:#132539;height:235px;position:relative;overflow:hidden}.choice-art:after{content:"";pointer-events:none;background:linear-gradient(#0b15281a 25%,#15263915 60%,#152639 100%);position:absolute;inset:0}.choice-art img{object-fit:cover;object-position:50% 25%;filter:saturate(.82);width:100%;height:100%;transition:transform .65s}.deck-choice:hover .choice-art img{transform:scale(1.045)}.alignment{letter-spacing:.6px;text-transform:capitalize;color:#e3edea;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#102533bf;border:1px solid #c6e9e423;border-radius:7px;align-items:center;gap:6px;padding:7px 10px;font-size:10px;font-weight:600;display:flex;position:absolute;top:17px;left:18px}.alignment .ui-icon{width:13px;height:13px;color:var(--fighter)}.deck-number{letter-spacing:-4px;color:#f5f5eb2b;z-index:1;font-size:56px;font-weight:200;position:absolute;bottom:2px;right:22px}.portrait-ring{background:var(--fighter);z-index:1;width:35px;height:3px;box-shadow:0 0 18px color-mix(in srgb,var(--fighter) 70%,transparent);position:absolute;bottom:7px;left:24px}.choice-copy{padding:18px 24px 24px}.deck-meta{letter-spacing:1.2px;color:#718da0;justify-content:space-between;align-items:center;font-size:8px;font-weight:600;display:flex}.choice-copy h2{letter-spacing:-1px;margin:12px 0 8px;font-size:34px;font-weight:650}.choice-copy p{color:#99afc0;min-height:41px;margin:0;font-size:12px;line-height:1.7}.deck-buttons{gap:10px;margin-top:23px;display:flex}.primary,.secondary,.danger-outline,.danger-button{border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:38px;padding:12px 17px;font-size:12px;font-weight:600;line-height:1.2;display:inline-flex}.primary{color:#263243;background:linear-gradient(155deg,#eccb92,#d8ae6c);border:1px solid #e7c38a;box-shadow:inset 0 1px #fff2d35c,0 2px 8px #0001}.primary:hover{box-shadow:0 4px 18px #dcb16c26}.primary .ui-icon{width:16px;height:16px}.secondary{color:#c7d6df;background:#b3cce90a;border:1px solid #9dbece2b}.secondary:hover{background:#b3cce916;border-color:#abc9d05e}.secondary .ui-icon{width:16px;height:16px}.deck-buttons .primary{flex:1;justify-content:space-between}.deck-buttons .secondary{padding:10px 12px;font-size:11px}.home-footer{color:#7d95a8;justify-content:space-between;align-items:center;gap:20px;width:min(100%,804px);min-height:39px;margin:23px 0 0;font-size:10px;animation:.65s .25s both fade-rise;display:flex}.offline-status{align-items:center;gap:7px;display:flex}.status-dot{background:#88c9b1;border-radius:50%;width:5px;height:5px;display:inline-block;box-shadow:0 0 8px #8cdec433}.footer-divider{background:#9eb6c433;width:1px;height:12px;margin:0 4px}.quiet{color:#597589}.resume{color:#dbbd88;background:#e4bd7b0b;border:1px solid #e4bd7b24;border-radius:8px;align-items:center;gap:10px;padding:9px 12px;font-size:11px;display:flex}.resume .ui-icon{width:14px;height:14px}.resume small{color:#839eaf;margin-left:5px;font-size:10px}.action-tray{pointer-events:auto;left:var(--battle-left,50%);top:var(--battle-top,40%);width:var(--battle-width,75vw);text-align:left;z-index:2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(115deg,#10273af5,#132b40f5);border:1px solid #a7ccdf27;border-radius:11px;grid-template-columns:minmax(195px,.85fr) minmax(0,1.7fr);column-gap:18px;min-height:64px;padding:10px 17px;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 5px 20px #08162533,inset 0 1px #b0e0ef08}.tray-title{grid-area:1/1;justify-content:flex-start;align-items:center;gap:8px;display:flex}.tray-title h2{letter-spacing:-.1px;color:#ecf0f3;margin:0;font-size:13px;font-weight:650}.turn-dot{background:#a4b2bf;border-radius:100%;flex-shrink:0;width:5px;height:5px;display:block}.turn-dot.your-turn{background:#89e4d5;box-shadow:0 0 9px #7bffee66}.is-resolving .turn-dot{animation:1s ease-in-out infinite breathe}.action-tray p{color:#92aebf;grid-area:2/1;margin:4px 0 0;font-size:10px;line-height:1.4}.action-buttons{flex-wrap:wrap;grid-area:1/2/span 3;place-content:center;align-items:center;gap:7px;max-height:125px;display:flex;overflow:auto}.action-buttons button{border-radius:7px;min-height:35px;padding:10px 13px;font-size:11px}.action-buttons button .ui-icon{width:13px;height:13px}.danger-outline{color:#e9b0a1;background:#b8665310;border:1px solid #d28d7740}.text-link{color:#98cabc;background:0 0;border:0;align-items:center;gap:5px;font-size:9px;display:flex}.text-link .ui-icon{width:11px;height:11px}.action-tray .text-link{text-align:left;grid-area:3/1;margin:5px 0 0;padding:0}.clear-selection{color:#839cae;background:0 0;border:0;padding:2px;position:absolute;top:3px;right:5px}.clear-selection .ui-icon{width:13px;height:13px}.choice-tray{max-height:260px;overflow:auto}.match-bottom{height:var(--footer-height);color:#819cae;pointer-events:auto;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:2;background:#0b1726f5;border-top:1px solid #acccdd1c;justify-content:space-between;align-items:center;padding:0 25px;font-size:11px;display:flex;position:absolute;bottom:0;left:0;right:0}.match-bottom button{color:#b9cad6;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:7px 9px;font-size:14px;display:flex}.match-bottom button:hover{color:#fff;background:#b6d4e514}.match-bottom button .ui-icon{color:#819eaf;width:17px;height:17px}.hand-hint{letter-spacing:.05px;align-items:center;gap:8px;display:flex}.hand-hint .ui-icon{color:#6f8c9e;width:14px;height:14px}.hand-hint strong{color:#a9bfcd;font-size:11px;font-weight:500}.hand-hint i{background:#839cac44;width:1px;height:10px;margin:0 5px}.muted{color:#90aabb;font-size:12px}.result-overlay{pointer-events:auto;inset:65px 0 var(--footer-height);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:3;background:#071321c7;justify-content:center;align-items:center;animation:.35s both fade-in;display:flex;position:absolute}.result-card{text-align:center;isolation:isolate;background:radial-gradient(at 50% 0,#6c583029,#13263a 65%);border:1px solid #d0b68040;border-radius:22px;width:460px;padding:42px 38px;animation:.65s both fade-rise;position:relative;overflow:hidden;box-shadow:0 30px 100px #0006}.result-rays{background:repeating-conic-gradient(from 15deg at 50% 40%,transparent 0 20deg,#e0bd7104 20deg 22deg,transparent 22deg 40deg);z-index:-1;animation:40s linear infinite result-drift;position:absolute;inset:-200px}.result-card h1{letter-spacing:-4px;color:#f0d6a6;margin:12px 0;font-size:76px;font-weight:650}.victory-orb{color:#edcb88;background:#ddb35e09;border:1px solid #dfbd7159;border-radius:24px;place-items:center;width:76px;height:76px;margin:0 auto 25px;display:grid;transform:rotate(-8deg);box-shadow:0 0 55px #d19b491c,inset 0 0 20px #dab16e08}.victory-orb .ui-icon{stroke-width:1.15px;width:37px;height:37px;transform:rotate(8deg)}.result-card p{color:#a3b8c7;margin:7px 0 29px;font-size:14px;line-height:1.7}.result-actions{gap:10px;display:grid}.is-defeat{background:radial-gradient(at 50% 0,#2b425136,#13263a 65%);border-color:#869dab33}.is-defeat h1{color:#dbe4ec}.is-defeat .victory-orb{color:#9db4c6;box-shadow:none;border-color:#879cac44}.is-defeat .eyebrow{color:#8eaabc}.modal-backdrop{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);pointer-events:auto;z-index:10;background:#06101dd6;place-items:center;padding:28px;animation:.18s both fade-in;display:grid;position:absolute;inset:0}.modal{color:#e2ebf0;background:linear-gradient(135deg,#192c3f,#122237 65%);border:1px solid #b9d2e22c;border-radius:18px;width:min(680px,95vw);max-height:88vh;padding:25px 28px;animation:.23s cubic-bezier(.22,.7,.22,1) both modal-in;overflow:auto;box-shadow:0 30px 100px #0008,inset 0 1px #d4e9f407}.modal-header{border-bottom:1px solid #a9c5d41a;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;padding-bottom:18px;display:flex}.modal-heading{align-items:center;gap:11px;min-width:0;display:flex}.heading-icon{color:#91b6c9;background:#a1ccdf0b;border:1px solid #bad8e318;border-radius:9px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.heading-icon .ui-icon{width:17px;height:17px}.modal h2{letter-spacing:-.4px;margin:0;font-size:19px;font-weight:600;line-height:1.3}.close-modal{color:#8ea6ba;background:#9ec3d70a;border:1px solid #adcbdc20;border-radius:8px;flex-shrink:0;place-items:center;width:32px;height:32px;padding:0;display:grid}.close-modal:hover{color:#fff;background:#9ec3d71a}.close-modal .ui-icon{width:17px;height:17px}.modal-subtitle{color:#92a9bc;margin:0 0 22px;font-size:13px;line-height:1.7}.section-label{letter-spacing:1.6px;color:#7394aa;font-size:9px;font-weight:650}.fine-print{color:#648397;margin:15px 0 0;font-size:10px;line-height:1.8}.collection-modal{width:min(1110px,95vw)}.collection-tools{z-index:1;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#172a3ff5;align-items:center;gap:12px;margin-bottom:25px;padding:10px 0;display:flex;position:sticky;top:-25px}.search-field{background:#06192c55;border:1px solid #9ebbc630;border-radius:9px;flex:1;align-items:center;gap:9px;min-width:0;padding:0 13px;display:flex}.search-field .ui-icon{color:#6e91a6;width:16px;height:16px}.collection-tools input{color:#dae5ed;outline-offset:0;background:0 0;border:0;flex:1;min-width:0;padding:11px 0;font-size:12px}.collection-tools input::placeholder{color:#7795ab}.collection-tools select,.setting-row select{color:#afc4d3;background:#20354a;border:1px solid #a6c2d22b;border-radius:8px;min-height:38px;padding:10px 11px;font-size:12px}.collection-tools>span{color:#7596ad;white-space:nowrap;font-variant-numeric:tabular-nums;min-width:51px;font-size:11px}.collection-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:23px 18px;display:grid}.collection-grid button{text-align:left;color:#cbdce7;background:0 0;border:0;min-width:0;padding:0}.collection-grid img{aspect-ratio:250/343;border-radius:5px;width:100%;height:auto;transition:transform .2s,box-shadow .2s;display:block;box-shadow:0 5px 14px #0005}.collection-image{transition:transform .23s;position:relative}.collection-card:hover .collection-image{transform:translateY(-5px)}.collection-card:hover img{box-shadow:0 8px 20px #0006,0 0 0 1px color-mix(in srgb,var(--tone) 55%,transparent)}.collection-inspect{color:#d5e7ed;opacity:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b1e30df;border:1px solid #b9d7e955;border-radius:8px;place-items:center;width:30px;height:30px;transition:opacity .2s,transform .2s;display:grid;position:absolute;bottom:8px;right:8px;transform:translateY(5px)}.collection-card:hover .collection-inspect,.collection-card:focus-visible .collection-inspect{opacity:1;transform:translateY(0)}.collection-inspect .ui-icon{width:15px;height:15px}.collection-meta{color:#728fa3;font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;margin-top:11px;font-size:9px;display:flex}.collection-card i{color:#8fbaac;letter-spacing:.7px;background:#69a98d08;border:1px solid #83b5a438;border-radius:4px;padding:3px 5px;font-size:6px;font-style:normal}.collection-card b{letter-spacing:-.05px;margin-top:5px;font-size:12px;font-weight:500;line-height:1.5;display:block}.zone-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}.zone-grid span{margin-top:9px;font-size:11px;line-height:1.5;display:block}.empty-state{text-align:center;color:#557c95;grid-column:1/-1;padding:44px 20px}.empty-state>.ui-icon{stroke-width:1px;width:40px;height:40px}.empty-state h3{color:#a5bdcc;margin:17px 0 7px;font-size:16px;font-weight:500}.empty-state p{color:#7092a8;margin:0;font-size:12px}.zone-tabs{background:#091d2f77;border:1px solid #a9c6d51c;border-radius:10px;gap:5px;width:-moz-fit-content;width:fit-content;margin-bottom:25px;padding:4px;display:flex}.zone-tabs button{color:#7797ad;background:0 0;border:0;min-height:33px;padding:9px 13px;font-size:11px}.zone-tabs button.active{color:#d4e3eb;background:#284258;box-shadow:0 1px 4px #0003}.zone-tabs b{color:#a6bfcc;font-size:9px;font-weight:500}.inspect-modal{width:850px;padding-bottom:28px}.inspect-modal .heading-icon{color:var(--tone)}.inspect-modal .modal-header{margin-bottom:25px}.inspect-content{grid-template-columns:286px 1fr;gap:34px;padding:0;display:grid}.inspect-stage{background:radial-gradient(ellipse,color-mix(in srgb,var(--tone) 11%,transparent),transparent 74%);text-align:center;align-self:start;padding:12px 10px 0}.inspect-image{isolation:isolate;border-radius:8px;transition:transform .3s;position:relative;overflow:hidden;transform:rotate(-1deg);box-shadow:0 16px 35px #0008,0 0 0 1px #a9c5d536}.inspect-image:hover{transform:rotate(0)}.inspect-image img{width:100%;display:block}.scan-caption{letter-spacing:1.2px;color:#658699;margin-top:21px;font-size:7px;display:block}.foil-preview:after{content:"";mix-blend-mode:screen;pointer-events:none;background:linear-gradient(110deg,#0000 18%,#77e7e944 28%,#b986e65e 34%,#facc655e 39%,#54d9b25e 43%,#0000 56%) 0 0/300% 100%;animation:3s linear infinite foil-sheen;position:absolute;inset:0}.inspect-copy{padding-top:10px}.inspect-copy .eyebrow{color:var(--tone);letter-spacing:1.8px;font-size:8px}.inspect-copy .eyebrow span{color:#43667e;margin:0 6px}.inspect-copy h3{letter-spacing:-.8px;margin:12px 0 16px;font-size:28px;font-weight:600;line-height:1.2}.card-tags{flex-wrap:wrap;gap:6px;display:flex}.card-tags span{color:#88a6ba;background:#8bb6d006;border:1px solid #abc8d720;border-radius:5px;align-items:center;gap:5px;padding:6px 8px;font-size:9px;display:flex}.card-tags .type-tag{color:var(--tone);border-color:color-mix(in srgb,var(--tone) 23%,transparent);background:color-mix(in srgb,var(--tone) 5%,transparent)}.type-tag .ui-icon{width:12px;height:12px}.printed-power{margin:24px 0 19px}.printed-power p{color:#b8cfde;margin:10px 0 0;font-size:14px;line-height:1.8}.availability{color:#89b8a6;border-top:1px solid #a2c2d41b;align-items:center;gap:7px;padding:14px 0;font-size:10px;line-height:1.6;display:flex}.availability .ui-icon{flex-shrink:0;width:14px;height:14px}.inspect-copy p.fine-print{margin:14px 0 0;font-size:9px;line-height:1.8}.power-levels{border:1px solid #94b8ca1f;border-radius:8px;margin:17px 0;padding:12px}.power-levels>span{letter-spacing:1px;color:#779baf;justify-content:space-between;align-items:center;font-size:8px;display:flex}.power-levels b{color:#a5c6d5;letter-spacing:.5px;font-size:8px;font-weight:500}.power-levels p{flex-wrap:wrap;gap:4px;margin:10px 0 0;display:flex}.power-levels i{color:#a2bfce;font-variant-numeric:tabular-nums;background:#729bb717;border-radius:4px;padding:4px 6px;font-size:9px;font-style:normal}.foil-control{justify-content:flex-start;width:100%;margin-top:2px;padding:10px 12px;font-size:11px}.foil-control>.ui-icon{color:#bfa9df}.mini-switch{background:#476279;border-radius:20px;width:25px;height:14px;margin-left:auto;padding:2px;transition:background .2s}.mini-switch:before{content:"";background:#aac1d0;border-radius:50%;width:10px;height:10px;transition:transform .2s;display:block}.foil-control[aria-pressed=true] .mini-switch{background:#6f5c98}.foil-control[aria-pressed=true] .mini-switch:before{background:#e3d4ff;transform:translate(11px)}.deck-modal{width:780px}.deck-summary{border-bottom:1px solid #a2c0d21a;align-items:center;gap:14px;margin-bottom:12px;padding:0 0 21px;display:flex}.deck-summary>img{object-fit:cover;border:1px solid #a5c4d533;border-radius:12px;width:52px;height:52px}.deck-summary .eyebrow{color:#7c9fb2;letter-spacing:1.1px;font-size:8px}.deck-summary p{color:#adc6d5;margin:8px 0 0;font-size:12px}.deck-summary p span{color:#4c708a;margin:0 5px}.deck-alignment{text-transform:capitalize;color:#bbcca9;border:1px solid #b5c7962b;border-radius:6px;margin-left:auto;padding:6px 9px;font-size:10px}.deck-list{grid-template-columns:1fr 1fr;gap:1px 23px;display:grid}.deck-row{text-align:left;color:#bacfdc;background:0 0;border:0;border-bottom:1px solid #a6c5d510;border-radius:5px;align-items:center;gap:10px;padding:10px 4px;font-size:11px;display:flex}.deck-row:hover{background:#94bad80a}.deck-row img{object-fit:cover;border-radius:3px;width:30px;height:41px;box-shadow:0 2px 5px #0003}.deck-row span{flex:1;line-height:1.4}.deck-row small{color:#62859f;margin-top:3px;font-size:8px;display:block}.deck-row b{color:#95b2c4;background:#a1c1d410;border:1px solid #a1c1d415;border-radius:5px;place-items:center;min-width:22px;height:23px;font-size:10px;font-weight:500;display:grid}.deck-row>.ui-icon{color:#4f7089;width:12px;height:12px}.settings-modal{width:640px}.settings-group{margin-top:24px}.settings-group>.section-label{margin:0 0 5px 3px;display:block}.setting-row{cursor:pointer;border-bottom:1px solid #adc8d815;align-items:center;gap:13px;min-height:75px;padding:17px 2px;font-size:13px;display:flex}.setting-icon{color:#8cafc6;background:#98bddc09;border-radius:9px;flex-shrink:0;place-items:center;width:33px;height:33px;display:grid}.setting-icon .ui-icon{width:18px;height:18px}.setting-copy{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.setting-copy b{color:#c8dae5;font-size:14px;font-weight:500}.setting-copy small{color:#7395ac;font-size:10px;line-height:1.4}.setting-row input[type=range]{accent-color:#d8bc82;cursor:pointer;width:138px}.setting-row select{max-width:112px;font-size:11px}.switch{appearance:none;cursor:pointer;background:#344e64;border:1px solid #b2cbdb2a;border-radius:20px;flex-shrink:0;width:34px;height:20px;margin:0 3px;transition:background .2s,border-color .2s;position:relative}.switch:after{content:"";background:#a8bfcd;border-radius:50%;width:14px;height:14px;transition:transform .2s,background .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.switch:checked{background:#609f90;border-color:#8fd2bd55}.switch:checked:after{background:#e2f7ef;transform:translate(14px)}.keyboard-hints{color:#63839b;justify-content:center;gap:23px;margin-top:22px;font-size:10px;display:flex}.keyboard-hints>span{align-items:center;gap:7px;display:flex}kbd{color:#91aec1;background:#99bad00a;border:1px solid #aec7d52b;border-radius:4px;justify-content:center;align-items:center;min-width:20px;height:19px;padding:0 4px;font:9px -apple-system,BlinkMacSystemFont,sans-serif;display:inline-flex;box-shadow:0 1px #071421}.rules-modal{width:870px}.rule-tabs{background:#091a2a88;border:1px solid #96b9cb18;border-radius:10px;gap:3px;margin-bottom:23px;padding:4px;display:flex}.rule-tabs button{color:#7598b0;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:7px;padding:11px 9px;font-size:11px;display:flex}.rule-tabs .ui-icon{width:14px;height:14px}.rule-tabs button.active{color:#daebf2;background:#29475d;border-color:#9cc8d529;box-shadow:0 2px 5px #0002}.rule-tabs button:hover:not(.active){color:#bbd0df;background:#a8c8db09}.rule-feature{border:1px solid #9dbece1e;border-radius:12px;grid-template-columns:260px 1fr;min-height:270px;animation:.3s fade-in;display:grid;overflow:hidden}.rule-visual{background:radial-gradient(#37617729,#0000 75%),#0e2235;border-right:1px solid #9abdd318;justify-content:center;align-items:center;min-height:270px;display:flex;position:relative}.rule-visual:before{content:"";border:1px solid #79a5c010;border-radius:50%;position:absolute;inset:20px}.rule-chapter{color:#456d88;letter-spacing:2px;font-size:9px;position:absolute;bottom:18px;left:20px}.rule-feature-copy{padding:28px 28px 22px}.rule-feature-copy .eyebrow{color:#7cbcab;letter-spacing:1.7px;font-size:8px}.rule-feature h3{letter-spacing:-.5px;margin:11px 0 14px;font-size:23px;font-weight:550;line-height:1.2}.rule-feature p{color:#96b2c5;margin:0;font-size:13px;line-height:1.8}.rule-tip{color:#789eb6;border-top:1px solid #abc7d41a;gap:9px;margin-top:20px;padding-top:14px;font-size:11px;line-height:1.7;display:flex}.rule-tip .ui-icon{color:#77a99e;width:14px;height:14px;margin-top:2px}.rule-pagination{justify-content:space-between;align-items:center;margin:17px 0 23px;display:flex}.rule-pagination>span{color:#587d99;font-size:10px}.rule-pagination button{min-height:33px;padding:9px 11px;font-size:10px}.rule-pagination .ui-icon{width:13px;height:13px}.rule-details{color:#7f9eb5;border-top:1px solid #adc8d71a;border-bottom:1px solid #adc8d71a;font-size:11px;line-height:1.9}.rule-details summary{cursor:pointer;color:#aac4d4;justify-content:space-between;align-items:center;padding:17px 0;font-size:12px;list-style:none;display:flex}.rule-details summary::-webkit-details-marker{display:none}.rule-details summary>span{align-items:center;gap:9px;display:flex}.rule-details summary .ui-icon{color:#6c95ad;width:15px;height:15px}.rule-details summary>.ui-icon{transition:transform .2s}.rule-details[open] summary>.ui-icon{transform:rotate(90deg)}.rule-details>div{padding:0 24px 10px}.rules-modal>.fine-print{margin:17px 0 0;font-size:9px}.diagram-arrow{color:#537d94;width:21px;height:21px}.life-diagram{align-items:center;gap:14px;display:flex;transform:rotate(-4deg)}.mini-deck{color:#dcc384;background:linear-gradient(145deg,#354e57,#213c4c);border:1px solid #c4a15b88;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:70px;height:97px;display:flex;position:relative;box-shadow:-4px 3px #0c2334,-5px 4px #a5b3a541,-8px 6px #0c2334,-9px 7px #a5b3a533,0 8px 20px #0002}.mini-deck .ui-icon{stroke-width:1px;width:25px;height:25px}.mini-deck span{letter-spacing:-1px;font-size:26px;font-weight:300}.life-copy{flex-direction:column;gap:8px;display:flex}.life-copy strong{letter-spacing:1.5px;color:#90acba;font-size:9px;font-weight:500}.life-copy>span{color:#52778f;font-size:9px}.life-diagram>.ui-icon{width:16px}.turn-diagram{grid-template-columns:1fr 20px 1fr;align-items:center;gap:17px 10px;padding:28px;display:grid}.turn-diagram>div{color:#8fafbf;flex-direction:column;align-items:center;gap:10px;display:flex}.turn-diagram>div .ui-icon{stroke-width:1.1px;width:28px;height:28px}.turn-diagram>div:nth-of-type(4) .ui-icon{color:#d7ad77}.turn-diagram span{font-size:9px}.turn-diagram>.ui-icon:nth-of-type(2){display:none}.combat-diagram{justify-content:center;align-items:center;padding:20px;display:flex;position:relative}.diagram-card{border:1px solid color-mix(in srgb,var(--tone) 42%,transparent);background:color-mix(in srgb,var(--tone) 6%,#10283b);width:70px;height:99px;color:var(--tone);z-index:1;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;transform:rotate(-8deg);box-shadow:0 12px 20px #0002}.diagram-card+.combat-line+.diagram-card{transform:rotate(8deg)}.diagram-card .ui-icon{stroke-width:1.25px;width:27px;height:27px}.diagram-card b{font-size:9px;font-weight:500}.combat-line{background:linear-gradient(90deg,#d47b76,#88cdb7);width:40px;height:1px}.power-diagram{align-items:center;gap:20px;display:flex}.diagram-pips{flex-wrap:wrap;justify-content:center;gap:5px;width:55px;display:flex}.diagram-pips i{background:#aa793c7a;border:1px solid #e0b876;border-radius:50%;width:13px;height:13px;box-shadow:0 0 15px #d1a5651a}.level-emblem{color:#e0c590;background:#d4b57908;border:1px solid #d6b37c55;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:72px;height:90px;display:flex}.level-emblem small{letter-spacing:1.5px;color:#9e9279;font-size:7px}.level-emblem b{font-size:40px;font-weight:300;line-height:1}.wins-diagram{flex-direction:column;gap:18px;display:flex}.wins-diagram>div{align-items:center;gap:14px;display:flex}.wins-diagram .ui-icon{stroke-width:1.25px;color:#d3b781;width:23px;height:23px}.wins-diagram span{letter-spacing:.2px;color:#8caabb;font-size:11px}.log-modal{width:690px}.log-summary{color:#62839c;border-bottom:1px solid #a8c4d11a;justify-content:space-between;align-items:center;margin-bottom:10px;padding:0 0 18px;font-size:10px;display:flex}.log-summary>span:first-child{color:#8db6ae;align-items:center;gap:7px;display:flex}.battle-log{margin:0;padding:4px 0 0 5px;list-style:none}.battle-log li{--fighter:#8eabc0;gap:18px;padding:0 2px 0 0;font-size:13px;line-height:1.6;display:flex;position:relative}.battle-log li.piccolo{--fighter:#80c7aa}.battle-log li.raditz{--fighter:#d69b88}.battle-log li:not(:last-child):before{content:"";background:#a5c7d019;width:1px;position:absolute;top:16px;bottom:-10px;left:4px}.log-dot{background:var(--fighter);width:9px;height:9px;box-shadow:0 0 0 1px color-mix(in srgb,var(--fighter) 30%,transparent);z-index:1;border:2px solid #183148;border-radius:50%;flex-shrink:0;margin-top:14px;display:block}.log-event{border-bottom:1px solid #a3c3d212;flex:1;padding:10px 0 14px}.log-meta{justify-content:space-between;align-items:center;display:flex}.log-meta>span{letter-spacing:1.3px;text-transform:uppercase;color:var(--fighter);font-size:9px;font-weight:550}.log-meta small{color:#385f7c;font-variant-numeric:tabular-nums;font-size:9px}.log-event p{color:#a5c0d1;margin:6px 0 0;font-size:14px;line-height:1.75}.concede-modal{text-align:center;width:465px;padding:24px 29px 29px}.concede-modal .modal-header{text-align:left;border-bottom:0;margin-bottom:28px;padding-bottom:0}.concede-modal .modal-header h2{font-size:15px}.concede-modal .heading-icon{display:none}.concede-emblem{background:radial-gradient(at top,#b2714924,#d47e5908);border:1px solid #d1947854;border-radius:19px;place-items:center;width:65px;height:65px;margin:0 auto 21px;display:grid;transform:rotate(-6deg)}.concede-emblem>.ui-icon{color:#d7a18d;stroke-width:1.2px;width:28px;height:28px;transform:rotate(6deg)}.concede-modal>h3{letter-spacing:-.75px;margin:0 0 13px;font-size:28px;font-weight:550}.concede-modal .modal-subtitle{max-width:325px;margin:0 auto 29px;font-size:12px}.dialog-actions{justify-content:center;gap:10px;display:flex}.dialog-actions button{flex:1;padding:12px;font-size:11px}.danger-button{color:#f9dfd3;background:#82554e;border:1px solid #bc827355;box-shadow:inset 0 1px #d3a19320}.danger-button .ui-icon{width:14px;height:14px}.toast{bottom:calc(var(--footer-height) + 18px);z-index:20;color:#decfaf;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#13293ef7;border:1px solid #d8bb7b55;border-radius:10px;max-width:500px;padding:13px 21px;font-size:12px;line-height:1.6;animation:.2s both toast-in;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0006}.loading{pointer-events:auto;background:radial-gradient(at 50% 40%,#203b4e,#0b1726 70%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.loading h1{letter-spacing:-1.2px;margin:16px 0 28px;font-size:36px;font-weight:550}.loading p{color:#63879d;font-size:11px}.loading-bar{background:#6f9cb223;border-radius:3px;width:240px;height:3px;overflow:hidden}.loading-bar i{background:linear-gradient(90deg,#a0d2bc,#dec18a);width:0;height:100%;transition:width .2s;display:block;box-shadow:0 0 10px #dec18a33}@keyframes foil-sheen{0%{background-position:150% 0}to{background-position:-150% 0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes modal-in{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toast-in{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0}}@keyframes breathe{50%{opacity:.35}}@keyframes result-drift{to{rotate:360deg}}@media (max-height:790px){.home{padding-top:24px}.home-intro{margin-bottom:20px}.home h1{letter-spacing:-1.5px;font-size:38px}.choice-art{height:190px}.choice-copy{padding:15px 22px 20px}.choice-copy h2{margin:9px 0 6px;font-size:29px}.choice-copy p{min-height:37px;font-size:11px}.deck-buttons{margin-top:18px}.home-footer{margin-top:15px}.home-intro p{font-size:12px}.modal{max-height:92vh}.action-tray{min-height:59px;padding:8px 13px}.tray-title h2{font-size:12px}.action-tray p{font-size:9px}.action-buttons button{min-height:32px;padding:9px 11px;font-size:10px}.inspect-content{grid-template-columns:245px 1fr}.inspect-modal{width:780px}.inspect-copy h3{font-size:24px}.printed-power{margin:19px 0 15px}.printed-power p{font-size:13px}.rule-feature,.rule-visual{min-height:245px}.rule-feature-copy{padding:23px}.settings-group{margin-top:18px}.setting-row{min-height:67px;padding:13px 2px}}@media (max-width:1100px){.topbar{padding:0 20px}.series-year{display:none}.topbar nav{gap:0}.topbar nav button{padding:8px}.topbar nav .icon-button{margin-left:4px}.deck-choices{gap:20px;max-width:740px}.home-footer{max-width:740px}.series-name{letter-spacing:1.8px;font-size:9px}.action-tray{column-gap:12px}.hand-hint{font-size:10px}.match-bottom{padding:0 16px}.match-bottom button{font-size:13px}}@media (max-width:740px){.series,.topbar nav button>span{display:none}.home{padding:25px 20px}.home h1{font-size:35px}.deck-choices{grid-template-columns:1fr;max-width:390px}.home-footer{flex-wrap:wrap;justify-content:center;max-width:390px}.home-footer .quiet{display:none}.modal-backdrop{padding:15px}.modal{border-radius:14px;max-height:94vh;padding:20px}.modal h2{font-size:17px}.collection-tools{flex-wrap:wrap;gap:8px;top:-20px}.search-field{flex-basis:100%}.collection-tools select{flex:1}.collection-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:18px 12px}.inspect-content{grid-template-columns:1fr;gap:25px}.inspect-stage{max-width:250px;margin:0 auto}.inspect-copy{padding-top:0}.inspect-copy h3{font-size:26px}.deck-list{grid-template-columns:1fr}.rule-tabs{overflow:auto}.rule-tabs button{min-width:44px}.rule-tabs button span{display:none}.rule-feature{grid-template-columns:1fr}.rule-visual{border-bottom:1px solid #9abdd318;border-right:0;min-height:160px}.rule-feature-copy{padding:23px}.wins-diagram{flex-direction:row;gap:19px}.wins-diagram>div{flex-direction:column;gap:8px}.turn-diagram{padding:25px;display:flex}.turn-diagram>.ui-icon:nth-of-type(2){display:block}.rule-chapter{bottom:12px}.setting-row input[type=range]{width:95px}.setting-copy small{font-size:9px}.setting-icon,.hand-hint{display:none}.match-bottom button{font-size:12px}.action-tray{grid-template-columns:1fr;gap:8px;padding:10px;width:80vw!important}.action-buttons{grid-area:3/1}.action-tray .text-link{grid-row:4}.result-card{width:min(420px,90vw);padding:30px}.result-card h1{font-size:60px}.keyboard-hints{gap:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.reduce-motion *,.reduce-motion :before,.reduce-motion :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.action-dock,.battle-action{--action-accent:#abc4d7;--action-ink:#d9e8f1;--action-shade:#21394e}.action-dock--attack,.battle-action--attack{--action-accent:#f27661;--action-ink:#ffdbcc;--action-shade:#542c32}.action-dock--defend,.battle-action--defend{--action-accent:#7cbbfa;--action-ink:#d5ebff;--action-shade:#233f61}.action-dock--power,.battle-action--power{--action-accent:#edc264;--action-ink:#f6e9bf;--action-shade:#4b4230}.action-dock--rest,.battle-action--rest{--action-accent:#8fd1b3;--action-ink:#d3f0df;--action-shade:#29483e}.action-dock--prepare,.battle-action--prepare{--action-accent:#adaddf;--action-ink:#e2dff9;--action-shade:#383950}.action-dock--target,.battle-action--target{--action-accent:#e3b980;--action-ink:#f9e5c2;--action-shade:#4b3d31}.action-dock--recover,.battle-action--recover{--action-accent:#81d0ac;--action-ink:#d0f4df;--action-shade:#274838}.action-dock--discard,.battle-action--discard{--action-accent:#bea3cc;--action-ink:#e9dced;--action-shade:#44384e}.action-dock--capture,.battle-action--capture{--action-accent:#f6bf67;--action-ink:#ffe7bd;--action-shade:#51402d}.action-dock--damage,.battle-action--damage{--action-accent:#bb8c86;--action-ink:#e9cbc8;--action-shade:#443338}.battle-action--draw{--action-accent:#87c6d3;--action-ink:#d3eff3;--action-shade:#29454f}.battle-action--control{--action-accent:#aaa8ef;--action-ink:#e1dfff;--action-shade:#373950}.action-dock{min-height:64px;box-shadow:none;background:#122a3df5;border-color:#9cbccc22;border-radius:8px;grid-template-columns:minmax(205px,.78fr) minmax(0,1.85fr);column-gap:14px;padding:6px 9px 6px 11px;overflow:visible}.action-dock:before{content:"";background:linear-gradient(transparent,var(--action-accent),transparent);opacity:.7;pointer-events:none;width:3px;position:absolute;inset:5px auto 5px -1px}.action-context{border-right:1px solid #a4bed31b;align-self:center;align-items:center;gap:9px;min-width:0;padding-right:9px;display:flex;position:relative}.action-context>.action-seal{opacity:.85;flex-shrink:0;width:43px;height:43px}.action-context-copy{flex:1;min-width:0}.action-context-label{letter-spacing:1.2px;color:var(--action-accent);align-items:center;gap:5px;margin-bottom:4px;font-size:6.5px;font-weight:650;display:flex}.action-context-label .turn-dot{width:4px;height:4px}.action-context .tray-title{display:block}.action-context .tray-title h2{letter-spacing:-.1px;margin:0;font-size:12px;line-height:1.2}.action-context p{color:#87a6bb;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:3px 0 0;font-size:9px;line-height:1.35;display:-webkit-box;overflow:hidden}.action-context .text-link{gap:4px;margin:3px 0 0;font-size:8px;line-height:1.2}.action-context .text-link .ui-icon{width:9px;height:9px}.action-context .clear-selection{background:#102335bc;border-radius:3px;padding:2px;top:-3px;right:3px}.action-context .clear-selection .ui-icon{width:11px;height:11px}.action-dock .action-buttons{scrollbar-gutter:stable;grid-area:1/2;place-content:center flex-end;align-items:stretch;gap:8px;max-height:192px;padding:2px;overflow:hidden auto}.action-dock .action-buttons>.battle-action{min-width:150px;max-width:310px;min-height:46px;color:var(--action-ink);isolation:isolate;filter:none;box-shadow:none;text-align:left;background:0 0;border:0;border-radius:5px;flex:165px;justify-content:flex-start;align-items:center;gap:8px;padding:3px 12px 3px 5px;transition:transform .16s,filter .16s;display:flex;position:relative;overflow:visible}.battle-action:before,.battle-action:after{content:"";clip-path:polygon(7px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 7px);z-index:-2;pointer-events:none;position:absolute;inset:0}.battle-action:before{background:color-mix(in srgb,var(--action-accent) 38%,#244154);transition:background .18s}.battle-action:after{background:linear-gradient(130deg,var(--action-shade),#162a3ed9);z-index:-1;transition:background .18s;inset:1px}.battle-action:hover:not(:disabled){filter:drop-shadow(0 4px 7px #0004);transform:translateY(-2px)}.battle-action:hover:not(:disabled):before{background:var(--action-accent)}.battle-action:hover:not(:disabled):after{background:linear-gradient(130deg,color-mix(in srgb,var(--action-accent) 27%,var(--action-shade)),#1b3046)}.battle-action:active:not(:disabled){transform:translateY(1px)scale(.985)}.battle-action:focus-visible{outline:2px solid var(--action-accent);outline-offset:3px}.battle-action:disabled{opacity:.4}.action-speedlines{clip-path:polygon(7px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 7px);pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.action-speedlines:before{content:"";background:var(--action-accent);opacity:.18;width:25px;height:1px;box-shadow:7px 5px 0 var(--action-accent),-8px 10px 0 var(--action-accent);position:absolute;top:8px;right:10px;transform:skew(-30deg)}.action-speedlines:after{content:"";background:linear-gradient(115deg,#0000 37%,#fff2 47%,#0000 57%);position:absolute;inset:0;transform:translate(-110%)}.battle-action:hover .action-speedlines:after{animation:.45s both action-sweep}.action-seal{width:38px;height:38px;color:var(--action-accent);flex-shrink:0;transition:transform .2s;display:block;overflow:visible;transform:rotate(-6deg)}.seal-shadow{fill:#020d18;opacity:.45;transform:translate(1px,3px)}.seal-face{fill:color-mix(in srgb,var(--action-accent) 16%,var(--action-shade));stroke:color-mix(in srgb,var(--action-accent) 74%,#fff);stroke-width:1.2px;stroke-linejoin:round}.action-kanji{fill:var(--action-accent);filter:drop-shadow(0 1px #0005)}.action-motif{fill:none;stroke:var(--action-ink);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.seal-cut{fill:none;stroke:var(--action-accent);stroke-width:1.8px;stroke-linecap:round;opacity:.55}.battle-action:hover .action-seal{transform:rotate(1deg)scale(1.09)}.battle-action-copy{z-index:1;flex-direction:column;flex:1;gap:4px;min-width:0;display:flex;position:relative}.battle-action-copy small{letter-spacing:.9px;color:var(--action-accent);font-size:6.5px;font-weight:650;line-height:1.1}.battle-action-copy strong{letter-spacing:-.05px;color:var(--action-ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;font-weight:650;line-height:1.22;display:-webkit-box;overflow:hidden}.action-nib{width:7px;height:12px;stroke:var(--action-accent);stroke-width:1.5px;opacity:.5;flex-shrink:0;transition:transform .2s,opacity .2s}.battle-action:hover .action-nib{opacity:1;transform:translate(2px)}.action-enter{animation:action-pop .24s var(--action-delay) cubic-bezier(.17,.85,.3,1.25) both}.action-wait{justify-content:center;align-items:center;gap:6px;min-height:44px;display:flex}.action-wait span{background:#7196b0;border-radius:50%;width:4px;height:4px;animation:1.25s infinite action-wait}.action-wait span:nth-child(2){animation-delay:.15s}.action-wait span:nth-child(3){animation-delay:.3s}.choice-tray.action-dock{box-shadow:none;border-color:#d4b17a66;max-height:240px}.choice-tray .action-context-label{color:#e1bd84}.choice-tray.action-dock .action-buttons{place-content:flex-start}.choice-tray.action-dock .battle-action{flex-basis:220px;min-width:190px;max-width:none}.action-dock .action-buttons>.muted{color:#7197ad;padding:12px;font-size:11px}@keyframes action-pop{0%{opacity:0;transform:translateY(7px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes action-sweep{to{transform:translate(110%)}}@keyframes action-wait{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@media (max-width:1100px){.action-dock{grid-template-columns:minmax(190px,.76fr) minmax(0,1.7fr);column-gap:9px}.action-context{gap:7px}.action-context>.action-seal{width:36px;height:36px}.action-context .tray-title h2{font-size:11px}.action-context p{font-size:8px}.action-dock .action-buttons>.battle-action{flex-basis:145px;gap:5px;min-width:138px;padding-right:8px}.battle-action-copy strong{font-size:10px}.battle-action-copy small{letter-spacing:.6px;font-size:6px}.battle-action>.action-seal{width:34px;height:34px}}@media (max-height:790px){.action-dock{min-height:59px;padding-top:4px;padding-bottom:4px}.action-dock .action-buttons>.battle-action{min-height:43px}.action-context .tray-title h2{font-size:11px}.action-context p{font-size:8px}.action-context-label{margin-bottom:3px;font-size:6px}}@media (max-width:740px){.action-dock{grid-template-columns:1fr;padding:9px;width:82vw!important}.action-context{border:0;padding-bottom:6px}.action-dock .action-buttons{grid-area:2/1;justify-content:stretch}.action-dock .action-buttons>.battle-action{min-width:140px;max-width:none}.choice-tray.action-dock .battle-action{flex-basis:165px;min-width:150px}}@media (prefers-reduced-motion:reduce){.action-enter,.action-wait span,.battle-action:hover .action-speedlines:after{animation:none}.battle-action:hover:not(:disabled),.battle-action:hover .action-seal,.battle-action:active:not(:disabled){transform:none}}.reduce-motion .action-enter,.reduce-motion .action-wait span,.reduce-motion .battle-action:hover .action-speedlines:after{animation:none}.reduce-motion .battle-action:hover:not(:disabled),.reduce-motion .battle-action:hover .action-seal,.reduce-motion .battle-action:active:not(:disabled){transform:none}.topbar .wordmark{z-index:1;flex-shrink:0;justify-content:center;align-items:center;width:190px;height:54px;display:flex;position:relative}.dbz-ccg-logo{object-fit:contain;filter:drop-shadow(0 2px 3px #0005);width:190px;height:52px;display:block}.topbar .brand-logos{pointer-events:none;justify-content:center;align-items:center;gap:16px;min-width:0;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.saga-logo{filter:drop-shadow(0 2px 5px #0005);width:272px;height:30px;display:block;overflow:hidden}.score-logo{object-fit:contain;filter:drop-shadow(0 1px 3px #0004);width:76px;height:42px;display:block}.brand-divider{background:linear-gradient(#0000,#70869c66,#0000);flex-shrink:0;width:1px;height:24px}.topbar nav{z-index:1;margin-left:auto;position:relative}@media (max-width:1150px){.saga-logo{width:218px;height:25px}.score-logo{width:62px;height:35px}.topbar .brand-logos{gap:10px}.topbar .wordmark,.dbz-ccg-logo{width:170px}}@media (max-width:950px){.topbar .brand-logos{gap:8px}.saga-logo{width:180px;height:22px}.score-logo{width:53px;height:31px}.brand-divider{height:20px}.topbar nav button>span,.topbar nav small{display:none}.topbar .wordmark,.dbz-ccg-logo{width:154px}}@media (max-width:690px){.topbar .brand-logos{display:none}.topbar .wordmark,.dbz-ccg-logo{width:160px}}.battle-intro{z-index:4;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:auto;background:radial-gradient(#09152155,#091521bd);flex-direction:column;justify-content:center;align-items:center;gap:28px;display:flex;position:fixed;inset:65px 0 0;overflow:hidden}.intro-streaks{opacity:.12;pointer-events:none;background:repeating-linear-gradient(-16deg,#0000 0 53px,#a9cfde 54px,#0000 56px 100px);position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000,#0000 70%);mask-image:radial-gradient(#000,#0000 70%)}.intro-cut-in{--intro-color:#8be0bd;border-top:2px solid var(--intro-color);isolation:isolate;background:linear-gradient(115deg,#183e3e,#102537 60%);border-bottom:1px solid #aacddd55;grid-template-columns:235px 1fr;width:min(720px,86vw);min-height:268px;animation:.4s cubic-bezier(.14,.8,.2,1) both intro-cut;display:grid;position:relative;transform:skew(-5deg);box-shadow:0 28px 100px #0008}.intro-cut-in--raditz{--intro-color:#f29380;background:linear-gradient(115deg,#453039,#102537 65%)}.intro-portrait{clip-path:polygon(8% 0,100% 0,87% 100%,0 100%);background:#0b192a;margin-left:-12px;position:relative;overflow:hidden;transform:skew(5deg)}.intro-portrait img{object-fit:cover;object-position:50% 24%;width:100%;height:100%;position:absolute;transform:scale(1.2)}.intro-portrait:after{content:"";background:linear-gradient(#0000 35%,#07152480);position:absolute;inset:0}.intro-dialogue{z-index:1;align-self:center;padding:29px 40px 28px 16px;position:relative;transform:skew(5deg)}.intro-order{letter-spacing:2.4px;color:var(--intro-color);font-size:10px;font-weight:750}.intro-dialogue h2{letter-spacing:-1px;color:#f3f4ef;margin:9px 0 14px;font-size:41px;font-style:italic;font-weight:800;line-height:1}.intro-dialogue p{color:#e0eaf0;max-width:360px;margin:0;font-size:20px;font-weight:450;line-height:1.4}.intro-wave{height:18px;color:var(--intro-color);align-items:center;gap:4px;margin-top:23px;display:flex}.intro-wave i{background:currentColor;width:3px;height:11px;animation:.75s ease-in-out infinite alternate intro-wave}.intro-wave i:nth-child(2){height:17px;animation-delay:-.3s}.intro-wave i:nth-child(3){height:7px;animation-delay:-.6s}.intro-wave i:nth-child(4){height:14px;animation-delay:-.15s}.intro-wave i:nth-child(5){height:10px;animation-delay:-.45s}.intro-wave span{letter-spacing:2px;color:#90a8bb;margin-left:10px;font-size:8px}.intro-slash{width:70px;height:calc(100% + 4px);fill:var(--intro-color);opacity:.75;z-index:-1;position:absolute;top:-2px;right:-22px}.intro-skip{color:#d0e0eb;background:#102335da;border:1px solid #acccde40;border-radius:6px;align-items:center;gap:12px;min-height:40px;padding:10px 18px;font-size:12px;display:flex}.intro-skip svg{fill:none;stroke:currentColor;stroke-width:1.7px;width:16px;height:16px}.is-intro .action-dock,.is-intro .match-bottom{visibility:hidden}@keyframes intro-cut{0%{opacity:0;transform:translate(-65px)skew(-5deg)}to{opacity:1;transform:translate(0)skew(-5deg)}}@keyframes intro-wave{to{opacity:.5;transform:scaleY(.35)}}.reduce-motion .intro-cut-in,.reduce-motion .intro-wave i{animation:none}@media (prefers-reduced-motion:reduce){.intro-cut-in,.intro-wave i{animation:none}}@media (max-width:800px){.intro-cut-in{grid-template-columns:160px 1fr}.intro-dialogue{padding-right:25px}.intro-dialogue h2{font-size:32px}.intro-dialogue p{font-size:17px}}.intro-cut-in--goku,.intro-cut-in--krillin{--intro-color:#edb679;background:linear-gradient(115deg,#473929,#102537 65%)}.intro-cut-in--gohan{--intro-color:#cab4eb;background:linear-gradient(115deg,#3a3048,#102537 65%)}.intro-cut-in--vegeta{--intro-color:#9bc7ee;background:linear-gradient(115deg,#283f58,#102537 65%)}.intro-cut-in--nappa{--intro-color:#cebd85;background:linear-gradient(115deg,#464030,#102537 65%)}.intro-cut-in--saibaimen{--intro-accent:#9bdd7c;--intro-deep:#244425}.intro-cut-in--saibaimen .intro-portrait img{object-position:center 22%}.dbz-hub{pointer-events:auto;color:#e6edf1;--hub-ink:#102235;--hub-panel:#162b3e;--hub-line:#b0ccdf21;--hub-muted:#8da7ba;--hub-gold:#e5bf7b;scrollbar-color:#416078 #102235;scrollbar-width:thin;background:#0c1b2a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:absolute;inset:65px 0 0;overflow:auto}.dbz-hub[hidden]{display:none}.dbz-hub *{box-sizing:border-box}.dbz-hub button,.dbz-hub input,.dbz-hub select{font:inherit}.dbz-hub button{cursor:pointer}.dbz-hub button:disabled{cursor:default;opacity:.4}.dbz-hub button:focus-visible,.dbz-hub input:focus-visible,.dbz-hub select:focus-visible,.dbz-hub summary:focus-visible{outline-offset:4px;outline:2px solid #e9c887}.dbz-hub .ui-icon{flex-shrink:0;width:18px;height:18px}.hub-shell{background:radial-gradient(at 50% 5%,#34506026,#0000 58%);flex-direction:column;min-height:100%;display:flex}.hub-nav{border-bottom:1px solid var(--hub-line);background:#0b1928a1;flex-shrink:0;justify-content:space-between;align-items:center;gap:24px;min-height:67px;padding:0 max(32px,50vw - 610px);display:flex}.hub-nav nav{align-self:stretch;gap:6px;display:flex}.hub-nav nav button{color:#819aaf;background:0 0;border:0;align-items:center;gap:9px;padding:0 16px;font-size:13px;display:flex;position:relative}.hub-nav nav button.active{color:#e7c68d}.hub-nav nav button.active:after{content:"";background:#e1bd7c;height:2px;position:absolute;bottom:0;left:16px;right:16px;box-shadow:0 0 17px #dcb16d60}.hub-nav nav button:hover{color:#e5edf2;background:#afcbd508}.hub-nav nav button b{color:#edc88b;background:#d8b16d26;border-radius:4px;min-width:20px;padding:2px 5px;font-size:10px}.hub-account{align-items:center;gap:20px;display:flex}.hub-connection{color:#728b9f;align-items:center;gap:6px;font-size:10px;display:flex}.hub-connection i{background:#af8e72;border-radius:50%;width:5px;height:5px}.hub-connection.online i{background:#7dc5ae;box-shadow:0 0 10px #8ed2b93b}.hub-profile{text-align:left;color:#d9e5ee;background:0 0;border:0;align-items:center;gap:9px;font-size:12px;display:flex}.hub-profile>.ui-icon{color:#d9b574;width:21px;height:21px}.hub-profile small{color:#7894aa;margin-top:3px;font-size:10px;display:block}.hub-main{flex:1;width:min(1180px,100% - 80px);margin:0 auto;padding:34px 0 42px}.hub-main-wide{width:min(1340px,100% - 64px);padding-top:24px}.hub-page-heading{justify-content:space-between;align-items:center;gap:25px;margin:0 0 28px;display:flex}.hub-kicker{letter-spacing:2px;color:#ae9a75;font-size:9px;font-weight:650;line-height:1.5;display:block}.hub-page-heading h1,.hub-auth-modal h1,.hub-odds-modal h1{letter-spacing:-1.6px;color:#edf1f4;margin:11px 0 10px;font-size:37px;font-weight:650;line-height:1.15}.hub-page-heading p{color:var(--hub-muted);margin:0;font-size:13px;line-height:1.5}.hub-footer{color:#668296;border-top:1px solid #bed4e10f;justify-content:space-between;align-items:center;gap:20px;min-height:49px;padding:17px max(32px,50vw - 590px);font-size:10px;display:flex}.hub-footer span{align-items:center;gap:12px;display:flex}.hub-footer i{background:#718b9f;border-radius:50%;width:2px;height:2px;display:block}.hub-footer button{color:#8da9bd;background:0 0;border:0;font-size:11px}.hub-button{color:#d2e0ea;white-space:nowrap;background:#a3c4d208;border:1px solid #b6cbd329;border-radius:7px;justify-content:center;align-items:center;gap:9px;min-height:43px;padding:11px 17px;font-size:12px;font-weight:550;text-decoration:none;transition:background .16s,transform .16s,border-color .16s;display:inline-flex}.hub-button:hover:not(:disabled){background:#adccdf14;border-color:#b6cbd35c;transform:translateY(-1px)}.hub-button:active:not(:disabled){transform:translateY(1px)}.hub-primary{color:#23354a;background:linear-gradient(115deg,#efcf97,#d8b16e);border-color:#f5d9a680;box-shadow:inset 0 1px #ffe6b540,0 4px 16px #0002}.hub-primary:hover:not(:disabled){background:linear-gradient(115deg,#ffe1aa,#e7be7b);border-color:#efd5a3}.hub-compact{min-height:34px;padding:7px 13px;font-size:11px}.hub-quiet{color:#8ca9bc;background:0 0;border-color:#0000}.hub-quiet:hover:not(:disabled){border-color:#0000}.hub-alert,.hub-notice{color:#e6b99e;background:#6e3b261f;border:1px solid #cb86693d;border-radius:7px;align-items:center;gap:12px;width:min(1180px,100% - 64px);margin:18px auto 0;padding:13px 17px;font-size:12px;line-height:1.5;display:flex}.hub-alert span{flex:1}.hub-alert button{color:#edcfb5;background:0 0;border:0;flex-shrink:0;padding:5px;font-size:12px}.hub-notice{color:#a4d9c1;background:#295a4329;border-color:#699f8240}.hub-subtle,.hub-fine-print{color:#7994a8;font-size:11px;line-height:1.7}.hub-empty{color:#8ca5b8;text-align:center;padding:25px 12px;font-size:13px;line-height:1.6}.hub-empty-panel{border:1px solid var(--hub-line);text-align:center;background:radial-gradient(at 50% 0,#43657927,#0000 80%);border-radius:14px;padding:55px 25px}.hub-empty-panel>.ui-icon{color:#abbdcc;stroke-width:1.2px;width:45px;height:45px;margin-bottom:17px}.hub-empty-panel h2{letter-spacing:-.5px;margin:9px;font-size:23px}.hub-empty-panel p{color:#8ca6b9;max-width:420px;margin:10px auto 24px;font-size:13px;line-height:1.6}.hub-inline-signin{color:#95aabd;font-size:12px}.hub-inline-signin button{color:#e1c28c;background:0 0;border:0;padding:8px;text-decoration:underline}.hub-resume-banner{text-align:left;color:#d7e4eb;background:#203d496b;border:1px solid #8ec2c34a;border-radius:10px;align-items:center;gap:16px;width:100%;margin-bottom:20px;padding:15px 20px;display:flex}.hub-resume-banner>.ui-icon:first-child{color:#97cdb6;width:24px;height:24px}.hub-resume-banner span{flex:1;font-size:14px;font-weight:550}.hub-resume-banner small{color:#8eacbb;margin-top:4px;font-size:11px;font-weight:400;display:block}.hub-modes{grid-template-columns:repeat(3,1fr);gap:21px;display:grid}.hub-mode{--mode-color:#e3bf7e;text-align:left;color:#e6edf2;isolation:isolate;background:linear-gradient(155deg,#23384a,#14283a 65%);border:1px solid #d3bd8633;border-radius:14px;padding:0 27px 24px;transition:transform .22s,border-color .22s,box-shadow .22s;position:relative;overflow:hidden}.hub-mode-draft{--mode-color:#b5b5e6;background:linear-gradient(155deg,#30384c,#16283b 65%);border-color:#a0a6d32c}.hub-mode-casual{--mode-color:#88c2be;background:linear-gradient(155deg,#24454d,#142a3b 65%);border-color:#7cc2b72c}.hub-mode:before{content:"";background:radial-gradient(ellipse at 60% 20%,color-mix(in srgb,var(--mode-color) 11%,transparent),transparent 65%);z-index:-1;position:absolute;inset:0}.hub-mode:hover{border-color:color-mix(in srgb,var(--mode-color) 70%,transparent);transform:translateY(-5px);box-shadow:0 18px 45px #0003}.hub-mode h2{letter-spacing:-1px;margin:10px 0;font-size:31px;font-weight:650}.hub-mode p{color:#92aabd;min-height:65px;margin:0 0 22px;font-size:13px;line-height:1.7}.hub-mode .hub-kicker{color:var(--mode-color);letter-spacing:1.9px;font-size:8px}.hub-mode-illustration{justify-content:center;height:202px;display:flex;position:relative}.hub-mode-art{width:218px;height:218px;color:var(--mode-color);transition:transform .5s}.hub-art-orbit{stroke:currentColor;stroke-width:.5px;opacity:.2}.hub-art-orbit.inner{opacity:.1;stroke-dasharray:1 5}.hub-art-cross{stroke:currentColor;stroke-width:1px;opacity:.3}.hub-art-motif{stroke-width:2.4px;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 0 17px color-mix(in srgb,var(--mode-color) 20%,transparent))}.hub-art-sweep{stroke:currentColor;stroke-width:1px;opacity:.25}.hub-mode:hover .hub-mode-art{transform:rotate(-5deg)scale(1.06)}.hub-mode-link{color:var(--mode-color);border-top:1px solid #b4c9d321;justify-content:space-between;align-items:center;padding-top:19px;font-size:12px;font-weight:550;display:flex}.hub-mode-link .ui-icon{width:16px;height:16px;transition:transform .2s}.hub-mode:hover .hub-mode-link .ui-icon{transform:translate(4px)}.hub-home-bottom{justify-content:space-between;align-items:center;margin-top:27px;padding:0 3px;display:flex}.hub-home-bottom>div{align-items:center;gap:12px;display:flex}.hub-home-bottom>div>.ui-icon{color:#779bad;width:25px;height:25px}.hub-home-bottom strong{color:#b8c9d5;font-size:12px;font-weight:550}.hub-home-bottom small{color:#6e8b9e;margin-top:5px;font-size:10px;display:block}.hub-mode-detail{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:28px;display:grid}.hub-detail-card{border:1px solid var(--hub-line);text-align:center;background:linear-gradient(135deg,#1d3448,#14283b);border-radius:13px;padding:29px 25px;position:sticky;top:24px}.hub-detail-card h2{letter-spacing:-.8px;margin:12px 0 5px;font-size:26px;font-weight:600}.hub-detail-card p{color:#94aebf;font-size:13px;line-height:1.6}.hub-detail-card>.hub-button{width:100%;margin-top:14px}.hub-detail-card>.hub-quiet{margin-top:5px}.hub-detail-card>small{color:#7e98aa;margin-top:18px;font-size:10px;line-height:1.6;display:block}.hub-rank-emblem{background:radial-gradient(#d8ae6820,#0000);border:1px solid #d4b2744f;border-radius:23px;place-items:center;width:82px;height:82px;margin:0 auto 20px;display:grid;transform:rotate(-8deg);box-shadow:0 0 50px #d4a65c0d}.hub-rank-emblem .ui-icon{color:#e7c48a;stroke-width:1.15px;width:45px;height:45px;transform:rotate(8deg)}.hub-saved-decks{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.hub-deck-tile{text-align:left;color:#d8e5ee;background:#132b3e;border:1px solid #a1bfd528;border-radius:10px;align-items:center;gap:14px;min-height:108px;padding:13px;transition:border-color .15s,background .15s;display:flex;overflow:hidden}.hub-deck-tile>img{object-fit:cover;object-position:center 20%;background:#244056;border-radius:6px;flex-shrink:0;width:66px;height:80px}.hub-deck-tile>.hub-image-fallback{object-position:50% 25%;object-fit:cover}.hub-deck-tile>span{flex:1;min-width:0}.hub-deck-tile strong{font-size:13px;line-height:1.4;display:block}.hub-deck-tile small,.hub-deck-tile em{color:#84a1b5;margin-top:5px;font-size:10px;font-style:normal;line-height:1.4;display:block}.hub-deck-tile em{color:#8ab6a4}.hub-deck-tile>.ui-icon{color:#657e92;width:17px}.hub-deck-tile.selected{background:#21364a;border-color:#d3b47788;box-shadow:inset 0 0 0 1px #c7a45e13}.hub-deck-tile.selected>.ui-icon{color:#dec18c}.hub-deck-tile.invalid em{color:#bf9788}.hub-deck-tile:hover{border-color:#acbecb70}.hub-fighters{grid-template-columns:repeat(7,1fr);gap:12px;margin-bottom:25px;display:grid}.hub-fighter{color:#bacdda;background:#152c3e;border:1px solid #a9c7da28;border-radius:9px;min-width:0;padding:0 0 13px;transition:transform .2s,border-color .2s;position:relative;overflow:hidden}.hub-fighter>img{object-fit:cover;object-position:50% 20%;background:#233e54;width:100%;height:134px;display:block;-webkit-mask-image:linear-gradient(#000 65%,#0000);mask-image:linear-gradient(#000 65%,#0000)}.hub-fighter>img.hub-image-fallback{object-position:50% 17%;object-fit:cover}.hub-fighter>span{margin:4px 0 5px;font-size:13px;font-weight:600;display:block}.hub-fighter>small{letter-spacing:1px;text-transform:uppercase;color:#7a97ab;font-size:8px}.hub-fighter>.ui-icon{width:21px;height:21px;color:var(--fighter-color);background:#0c2539c9;border-radius:50%;padding:3px;position:absolute;top:9px;right:9px}.hub-fighter.selected{border-color:var(--fighter-color);box-shadow:0 0 0 1px color-mix(in srgb,var(--fighter-color) 10%,transparent),0 8px 23px #0002;color:#e4eef3}.hub-fighter:hover{border-color:var(--fighter-color);transform:translateY(-3px)}.hub-starter-summary{border:1px solid var(--hub-line);background:linear-gradient(110deg,#1c3447,#12283a);border-radius:12px;justify-content:space-between;align-items:center;gap:28px;padding:24px 28px;display:flex}.hub-starter-summary h2{letter-spacing:-.7px;margin:9px 0;font-size:28px;font-weight:600}.hub-starter-summary p{color:#94acbd;max-width:470px;margin:0 0 14px;font-size:13px;line-height:1.6}.hub-starter-count{color:#acc0ce;align-items:center;gap:11px;font-size:11px;display:flex}.hub-starter-count i{background:#6c8b9c;border-radius:50%;width:3px;height:3px}.hub-mini-stack{gap:9px;padding-right:4px;display:flex}.hub-mini-stack button{background:0 0;border:0;width:76px;padding:0;transition:transform .18s;transform:rotate(3deg)}.hub-mini-stack button:first-child{transform:rotate(-5deg)}.hub-mini-stack button:hover{transform:translateY(-8px)scale(1.08)}.hub-mini-stack img{border-radius:3px;width:100%;display:block;box-shadow:0 7px 20px #0004}.hub-casual-actions{flex-wrap:wrap;align-items:center;gap:11px;margin-top:24px;display:flex}.hub-draft-facts{border:1px solid var(--hub-line);border-radius:9px;grid-template-columns:repeat(4,1fr);margin-top:21px;padding:15px 0;display:grid}.hub-draft-facts span{text-align:center;color:#7897ad;border-right:1px solid var(--hub-line);font-size:10px}.hub-draft-facts span:last-child{border:0}.hub-draft-facts b{color:#c6d6e0;letter-spacing:-.4px;margin-bottom:5px;font-size:19px;font-weight:550;display:block}.hub-search-row{align-items:center;gap:12px;margin-bottom:24px;display:flex}.hub-search{background:#0c1d2d;border:1px solid #a5c2d431;border-radius:7px;flex:1;align-items:center;gap:10px;min-width:150px;padding:0 12px;display:flex}.hub-search>.ui-icon{color:#7392a8;width:16px}.hub-search input{color:#d1e0eb;width:100%;min-width:0;background:0 0!important;border:0!important;padding:12px 0!important;font-size:12px!important}.hub-search input::placeholder{color:#597a91}.hub-search input:focus{outline:0!important}.hub-search:focus-within{border-color:#bcb084}.dbz-hub select{color:#bdd1df;background:#132a3c;border:1px solid #aac6d731;border-radius:7px;min-height:41px;padding:11px 10px;font-size:11px}.hub-checkbox{color:#8ba7ba;white-space:nowrap;align-items:center;gap:7px;font-size:11px;display:flex}.hub-checkbox input{accent-color:#d8b77c}.hub-count{color:#7291a5;white-space:nowrap;font-size:10px}.hub-collection-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:28px 19px;display:grid}.hub-scan-button{background:0 0;border:0;border-radius:4px;width:100%;padding:0;transition:transform .18s,filter .18s;display:block;position:relative;overflow:hidden}.hub-scan-button:hover{filter:drop-shadow(0 9px 12px #0004);transform:translateY(-4px)}.hub-scan-button img{aspect-ratio:250/343;object-fit:contain;border-radius:3px;width:100%;display:block}.hub-collection-card.unowned .hub-scan-button{opacity:.38;filter:saturate(.3)}.hub-collection-card.unowned .hub-scan-button:hover{opacity:.9;filter:none}.hub-card-caption{margin-top:10px}.hub-card-caption strong{color:#bbcdda;min-height:29px;font-size:10px;font-weight:550;line-height:1.45;display:block}.hub-card-caption>span{color:#637f95;margin-top:4px;font-size:9px;display:block}.hub-ownership{border-top:1px solid var(--hub-line);color:#6b889f;justify-content:space-between;align-items:center;margin-top:9px;padding-top:8px;font-size:9px;display:flex}.hub-ownership>span{align-items:center;gap:4px;display:flex}.hub-ownership .has-foil{color:#cbb684}.hub-builder{grid-template-columns:minmax(0,1fr) 345px;align-items:start;gap:26px;display:grid}.hub-builder-pool{min-width:0}.hub-builder-heading{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.hub-builder-heading h2{letter-spacing:-.7px;margin:7px 0;font-size:26px;font-weight:600}.hub-pool-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:21px 13px;display:grid}.hub-pool-card h3{color:#b4c7d4;min-height:28px;margin:8px 0;font-size:10px;font-weight:500;line-height:1.4}.hub-card-add{gap:4px;display:flex}.hub-card-add button{color:#b9d0df;background:#183246;border:1px solid #aac6d726;border-radius:4px;flex:1;justify-content:space-between;align-items:center;gap:4px;min-width:0;min-height:32px;padding:5px 7px;font-size:9px;display:flex}.hub-card-add button>span{align-items:center;gap:4px;display:flex}.hub-card-add .ui-icon{color:#d1b681;width:11px;height:11px}.hub-card-add b{color:#7d9fb3;font-size:8px;font-weight:450}.hub-card-add button:hover:not(:disabled){border-color:#afc3cf80}.hub-deck-column{border:1px solid var(--hub-line);background:#152b3e;border-radius:11px;flex-direction:column;min-height:510px;max-height:calc(100vh - 160px);display:flex;position:sticky;top:18px;overflow:hidden}.hub-deck-name{color:#7893a8;letter-spacing:1.5px;padding:19px 18px 13px;font-size:8px;display:block}.hub-deck-name input{color:#dce7ee;letter-spacing:-.4px;background:0 0;border:0;border-bottom:1px solid #afc8d423;border-radius:0;width:100%;padding:8px 0;font-size:18px;font-weight:550;display:block}.hub-mp-stack{justify-content:center;gap:10px;padding:0 18px 13px;display:flex}.hub-mp-card{text-align:center;flex:1;min-width:0}.hub-mp-card .hub-scan-button{max-width:73px;margin:0 auto}.hub-mp-card>span{letter-spacing:1px;color:#91aaba;margin:7px 0 5px;font-size:7px;display:block}.hub-mp-card>small{color:#6e8ba0;font-size:8px}.hub-mp-card select{border-radius:4px;width:100%;min-height:26px;padding:5px 2px;font-size:8px}.hub-mp-card.is-foil .hub-scan-button{box-shadow:0 0 0 1px #c5b18272}.hub-deck-totals{border-block:1px solid var(--hub-line);color:#94afbf;background:#112538;justify-content:space-between;align-items:baseline;padding:11px 18px;display:flex}.hub-deck-totals strong{letter-spacing:-.7px;color:#e0e9ed;font-size:22px;font-weight:600}.hub-deck-totals strong small{letter-spacing:1px;color:#8ba9bb;font-size:8px;font-weight:500}.hub-deck-totals>span{font-size:10px}.hub-deck-totals>b{color:#c4d2dc;font-size:11px;font-weight:500}.hub-deck-status{color:#c7ad8c;align-items:center;gap:7px;padding:12px 18px;font-size:10px;display:flex}.hub-deck-status .ui-icon{width:14px;height:14px}.hub-deck-status.valid{color:#8fc2ac}.hub-deck-errors{color:#acaa9d;flex-shrink:0;max-height:140px;margin:0 15px 10px;font-size:10px;overflow:auto}.hub-deck-errors summary{cursor:pointer;color:#b9a98e;padding:4px 0;font-size:9px}.hub-deck-errors ul{margin:5px 0;padding-left:17px}.hub-deck-errors li{margin:6px 0;line-height:1.4}.hub-built-list{scrollbar-width:thin;scrollbar-color:#456074 #11283c;flex:1;min-height:70px;overflow:auto}.hub-built-card{border-top:1px solid #b4c9d00b;align-items:center;gap:7px;min-height:42px;padding:4px 11px 4px 13px;display:flex}.hub-built-card>button:first-child{text-align:left;color:#b9cdd9;background:0 0;border:0;flex:1;align-items:center;gap:9px;min-width:0;padding:0;display:flex}.hub-built-card img{object-fit:cover;border-radius:2px;flex-shrink:0;width:25px;height:34px}.hub-built-card span{font-size:10px;line-height:1.4}.hub-built-card span>small{color:#c6b080;letter-spacing:1px;margin-left:6px;font-size:6px}.hub-built-card>b{color:#abc0ce;font-size:12px;font-weight:500}.hub-minus{color:#7795aa;background:0 0;border:0;border-radius:4px;width:28px;min-height:32px;font-size:19px}.hub-minus:hover{color:#e0c18c;background:#a5c6d718}.hub-builder-save{border-top:1px solid var(--hub-line);background:#112639;flex-shrink:0;padding:14px 17px}.hub-builder-save>.hub-button{width:100%}.hub-builder-save small{color:#6e8da4;text-align:center;margin-top:8px;font-size:8px;display:block}.hub-pack-shelf{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.hub-pack-item{text-align:left;color:#d7e4ea;background:#172d3e;border:1px solid #a0bdd327;border-radius:10px;padding:20px;transition:transform .2s,border-color .2s;overflow:hidden}.hub-pack-item:hover{border-color:#d9bc7b77;transform:translateY(-4px)}.hub-pack-item.opened{background:#132638;border-color:#a0bdd319}.hub-pack-item.opened .hub-wrapper{opacity:.5;filter:saturate(.4)}.hub-wrapper{justify-content:center;align-items:center;height:232px;margin-bottom:19px;display:flex;position:relative}.hub-wrapper>img{object-fit:contain;filter:drop-shadow(0 12px 17px #0005);max-width:100%;max-height:100%;transform:rotate(-5deg)}.hub-wrapper>img.hub-image-fallback{border:4px solid #697b82;border-radius:4px;width:136px;transform:rotate(-5deg);box-shadow:0 3px #182d3c,0 -3px #182d3c}.hub-pack-count{text-align:center;letter-spacing:1.4px;color:#a3bac8;font-size:8px;line-height:1.5;display:block}.hub-pack-item>.hub-pack-count{margin:4px 0 12px}.hub-sealed-stage>.hub-pack-count{margin-top:18px}.hub-pack-item>strong{margin:8px 0;font-size:13px;display:block}.hub-pack-item>small{color:#7091a8;text-transform:capitalize;font-size:9px;display:block}.hub-pack-item .hub-mode-link{color:#c8b58a;margin-top:19px;font-size:10px}.hub-reveal-heading{justify-content:space-between;align-items:center;gap:15px;margin:0 0 20px;display:flex}.hub-back-arrow{transform:rotate(180deg)}.hub-sealed-stage{isolation:isolate;flex-direction:column;align-items:center;min-height:535px;padding:15px 0 20px;display:flex;position:relative}.hub-pack-aura{z-index:-1;background:radial-gradient(#d2a2511c,#0000 65%);width:440px;height:440px;position:absolute;top:-20px}.hub-sealed-pack{filter:drop-shadow(0 20px 24px #0006);background:0 0;border:0;width:192px;height:270px;padding:0;transition:transform .3s,filter .3s;position:relative;transform:rotate(-6deg)}.hub-sealed-pack:hover:not(:disabled){filter:drop-shadow(0 22px 35px #d7ab4b21);transform:rotate(-2deg)translateY(-7px)}.hub-sealed-pack>img{object-fit:contain;width:100%;height:100%}.hub-sealed-pack>img.hub-image-fallback{object-fit:cover;border:5px solid #81949e;border-radius:4px}.hub-sealed-stage h1{letter-spacing:-1px;margin:20px 0 7px;font-size:29px;font-weight:600}.hub-sealed-stage p{color:#8fa9bb;margin:0 0 24px;font-size:12px}.hub-sealed-pack.opening{animation:.7s infinite alternate hub-pack-charge}.hub-reveal-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:17px 24px;width:min(970px,100%);margin:0 auto;display:grid}.hub-reveal-card{color:#a1b8ca;perspective:800px;text-align:center;background:0 0;border:0;min-width:0;padding:0;position:relative}.hub-card-flip{aspect-ratio:250/343;width:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.65,.2,1);transition-delay:var(--reveal-delay,0s);border-radius:5px;position:relative;transform:rotateY(180deg)}.hub-card-front,.hub-card-back{object-fit:contain;backface-visibility:hidden;border-radius:4px;width:100%;height:100%;position:absolute;inset:0}.hub-card-back{transform:rotateY(180deg)}.hub-reveal-card.revealed .hub-card-flip{transform:rotateY(0)}.hub-reveal-card>span{min-height:24px;margin-top:9px;font-size:9px;line-height:1.35;display:block}.hub-reveal-card>small{letter-spacing:1px;color:#bca473;margin-top:3px;font-size:7px;display:block}.hub-reveal-card.revealed.rarity-UR .hub-card-flip{box-shadow:0 0 30px #deb8595c,0 0 0 2px #ecd295}.hub-reveal-card.revealed.rarity-R .hub-card-flip{box-shadow:0 0 18px #9bb2d426}.hub-reveal-card:hover .hub-card-flip{filter:brightness(1.08)}.hub-reveal-controls{color:#7492a8;justify-content:center;align-items:center;gap:22px;margin-top:25px;font-size:11px;display:flex}.hub-foil{isolation:isolate;position:relative;overflow:hidden}.hub-foil:after{content:"";pointer-events:none;mix-blend-mode:screen;z-index:2;background:linear-gradient(115deg,#0000 10%,#7fbaff24 26%,#d8baff30 32%,#ffe5b633 39%,#abffde20 48%,#0000 61%) 0 0/270% 100%;border-radius:4px;height:calc(100% - 38px);animation:6s linear infinite hub-foil-shift;position:absolute;inset:0 0 auto}.hub-scan-button.hub-foil:after{height:100%}.hub-draft-card.hub-foil:after{height:calc(100% - 29px)}.hub-pick-heading{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.hub-pick-heading h1{letter-spacing:-1px;margin:8px 0;font-size:29px;font-weight:600}.hub-pick-heading p{color:#92adbf;align-items:center;gap:10px;margin:0;font-size:12px;display:flex}.hub-pick-heading p>i{background:#7c9cae;border-radius:50%;width:3px;height:3px}.hub-bot-pod{gap:5px;padding-bottom:22px;display:flex;position:relative}.hub-bot-pod>span{color:#939ebe;background:#202c45;border:1px solid #a9bbdc32;border-radius:50%;place-items:center;width:23px;height:23px;font-size:8px;display:grid}.hub-bot-pod>small{color:#758ca8;white-space:nowrap;font-size:9px;position:absolute;bottom:0;right:0}.hub-draft-pick-layout{grid-template-columns:minmax(0,1fr) 235px;gap:27px;display:grid}.hub-draft-pack{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px 14px;width:min(100%,880px);margin:0 auto;display:grid}.hub-draft-card{color:#a8bfd1;text-align:left;background:0 0;border:1px solid #0000;border-radius:4px;outline:1px solid #0000;min-width:0;padding:0 0 3px;transition:transform .15s,outline-color .15s;position:relative}.hub-draft-card>img{aspect-ratio:250/343;object-fit:contain;border-radius:3px;width:100%;display:block;box-shadow:0 5px 12px #0003}.hub-draft-card>span{min-height:31px;padding:7px 2px 0;font-size:9px;line-height:1.4;display:block}.hub-draft-card>.ui-icon{color:#162b3e;z-index:3;background:#d8bb7d;border-radius:50%;width:24px;height:24px;padding:4px;position:absolute;top:6px;right:6px}.hub-draft-card:hover:not(:disabled){transform:translateY(-4px)}.hub-draft-card.selected{outline-offset:4px;background:#c0a77312;outline-color:#e3c48c;box-shadow:0 0 25px #d4b57315}.hub-pick-confirm{border-top:1px solid var(--hub-line);z-index:5;background:#0d1e2efa;align-items:center;gap:13px;margin-top:18px;padding:14px 0 9px;display:flex;position:sticky;bottom:0}.hub-pick-confirm>span{color:#91abba;flex:1;font-size:11px}.hub-draft-pool{border:1px solid var(--hub-line);background:#142a3d;border-radius:9px;max-height:600px;padding:16px;position:sticky;top:20px;overflow:auto}.hub-draft-pool h2{justify-content:space-between;margin:0 0 14px;font-size:12px;font-weight:550;display:flex}.hub-draft-pool h2>span{color:#869faf;font-size:10px;font-weight:400}.hub-pick-progress{background:#33465c;border-radius:2px;height:3px;margin-bottom:18px;overflow:hidden}.hub-pick-progress>i{background:#adadd9;height:100%;transition:width .2s;display:block}.hub-draft-pool>button{text-align:left;color:#a9c0ce;background:0 0;border:0;border-bottom:1px solid #bdd2e20c;align-items:center;gap:9px;width:100%;padding:5px 0;display:flex}.hub-draft-pool>button>img{border-radius:2px;width:26px;height:35px}.hub-draft-pool>button>span{flex:1;font-size:9px;line-height:1.4}.hub-draft-pool>button>.ui-icon{color:#baa775;width:12px;height:12px}.hub-draft-pool>p{color:#7190a6;font-size:11px;line-height:1.6}.hub-draft-pool>small{border-top:1px solid var(--hub-line);color:#65879e;margin-top:20px;padding-top:15px;font-size:9px;line-height:1.7;display:block}.hub-run-card{border:1px solid var(--hub-line);background:linear-gradient(115deg,#223548,#142a3d);border-radius:14px;grid-template-columns:290px minmax(0,1fr);display:grid;overflow:hidden}.hub-run-portrait{min-height:325px;position:relative;overflow:hidden}.hub-run-portrait:after{content:"";background:linear-gradient(90deg,#0000,#1b314380);position:absolute;inset:0}.hub-run-portrait>img{object-fit:cover;object-position:50% 15%;width:100%;height:100%;display:block}.hub-run-copy{flex-direction:column;justify-content:center;min-width:0;padding:34px 30px;display:flex}.hub-run-pips{align-items:center;gap:34px;margin-bottom:29px;display:flex}.hub-run-pips>span{align-items:center;gap:6px;padding-bottom:21px;display:flex;position:relative}.hub-run-pips i{border:1px solid #6582974d;border-radius:6px;place-items:center;width:26px;height:26px;display:grid;transform:rotate(-4deg)}.hub-run-pips i .ui-icon{opacity:.18;width:14px;height:14px}.hub-run-pips i.filled .ui-icon{opacity:1}.hub-win-pips .filled{color:#aad9bf;background:#4079574d;border-color:#8bbca985}.hub-loss-pips .filled{color:#d8a29a;background:#794e4040;border-color:#c18e7f6d}.hub-run-pips b{letter-spacing:.5px;color:#91aabd;font-size:9px;font-weight:450;position:absolute;bottom:0;left:0}.hub-run-rewards{gap:20px;display:flex}.hub-run-rewards>span{color:#7997ab;flex:1;font-size:9px;line-height:1.4}.hub-run-rewards b{color:#dbc297;margin-bottom:5px;font-size:24px;font-weight:550;display:block}.hub-run-copy .hub-casual-actions{margin-top:13px}.hub-run-copy .hub-button{padding-inline:12px;font-size:11px}.hub-queue{background:linear-gradient(120deg,#1a3449,#13283c);border:1px solid #aac3d530;border-radius:14px;align-items:center;gap:30px;padding:42px 35px;display:flex}.hub-queue>div:nth-child(2){flex:1}.hub-queue h2{letter-spacing:-.5px;margin:10px 0;font-size:23px;font-weight:550}.hub-queue p{color:#88a5b9;margin:0;font-size:12px}.hub-radar{border:1px solid #d2b77942;border-radius:50%;place-items:center;width:100px;height:100px;display:grid;position:relative;box-shadow:0 0 0 10px #acbbce05,0 0 0 20px #acbbce03}.hub-radar:after{content:"";border:1px solid #0000;border-top-color:#d1b785;border-radius:50%;animation:2s linear infinite hub-radar-spin;position:absolute;inset:-1px}.hub-radar>.ui-icon{color:#d6c29c;stroke-width:1px;width:40px;height:40px}.hub-invite-panel{border:1px solid var(--hub-line);text-align:center;background:#142a3e;border-radius:13px;padding:55px 30px}.hub-invite-panel>strong{letter-spacing:1.5px;color:#e2cca6;-webkit-user-select:text;user-select:text;overflow-wrap:anywhere;margin:25px 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(19px,2.1vw,30px);font-weight:550;display:block}.hub-invite-panel>p{color:#819eb3;max-width:430px;margin:23px auto 6px;font-size:12px;line-height:1.7}.hub-or{border-top:1px solid var(--hub-line);margin:33px 0 24px;position:relative}.hub-or>span{color:#7590a5;background:#182e42;padding:0 9px;font-size:8px;position:absolute;top:-7px;left:50%;transform:translate(-50%)}.dbz-hub form label{text-align:left;color:#a8bdcc;margin-bottom:16px;font-size:10px;line-height:1.5;display:block}.dbz-hub form input{color:#e0e8ec;background:#0b1e2e;border:1px solid #a9c4d42c;border-radius:6px;width:100%;min-height:43px;margin-top:7px;padding:12px 13px;font-size:13px;display:block}.dbz-hub form input::placeholder{color:#526f84}.hub-detail-card form>.hub-button{width:100%}.hub-modal-backdrop{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:40;background:#06121edb;place-items:center;padding:25px;animation:.2s both hub-fade;display:grid;position:fixed;inset:65px 0 0}.hub-auth-modal,.hub-odds-modal{background:linear-gradient(135deg,#213749,#13273b);border:1px solid #bfd2e234;border-radius:16px;width:min(450px,95vw);max-height:calc(100vh - 115px);padding:35px;animation:.22s both hub-modal-in;position:relative;overflow:auto;box-shadow:0 30px 100px #0007}.hub-modal-close{color:#94acbe;background:0 0;border:0;padding:6px;position:absolute;top:15px;right:15px}.hub-modal-close .ui-icon{width:16px;height:16px}.hub-auth-modal h1,.hub-odds-modal h1{letter-spacing:-.9px;margin:12px 0;font-size:29px}.hub-auth-modal p,.hub-odds-modal p{color:#8fa8ba;margin:12px 0 25px;font-size:12px;line-height:1.65}.hub-auth-seal{color:#d2bc90;background:#c8ac7620;border:1px solid #c2ac7b39;border-radius:13px;place-items:center;width:49px;height:49px;margin-bottom:24px;display:grid;transform:rotate(-7deg)}.hub-auth-seal>.ui-icon{stroke-width:1.2px;width:25px;height:25px;transform:rotate(7deg)}.hub-auth-modal form>.hub-button{width:100%;margin-top:6px}.hub-auth-modal>.hub-quiet{width:100%;margin-top:7px}.hub-auth-modal #hub-login-code{letter-spacing:8px;text-align:center;font-variant-numeric:tabular-nums;font-size:25px}.hub-auth-modal .hub-auth-error{color:#d4a295;background:#723d3429;border:1px solid #bc7f6d37;border-radius:6px;margin:18px 0 0;padding:12px;font-size:11px}.hub-local-auth{border-top:1px solid var(--hub-line);margin-top:22px;padding-top:17px}.hub-local-auth>span{letter-spacing:1.5px;color:#7c99ac;margin-bottom:9px;font-size:7px;display:block}.hub-local-auth>.hub-button{width:100%;min-height:36px;padding:8px;font-size:11px}.hub-odds-modal{width:min(530px,95vw)}.hub-odds-slots{gap:10px;margin:22px 0 25px;display:flex}.hub-odds-slots>span{text-align:center;color:#8faabd;border:1px solid #adc9dd21;border-radius:6px;flex:1;padding:13px 4px;font-size:9px}.hub-odds-slots b{color:#c9d8e2;margin-bottom:6px;font-size:23px;font-weight:550;display:block}.hub-odds-slots .foil{background:#b59a5b0c;border-color:#cdb77859}.hub-odds-slots .foil b{color:#dec794}.hub-odds-modal h2{margin-bottom:13px;font-size:14px;font-weight:550}.hub-odds-modal dl{margin:0 0 25px}.hub-odds-modal dl>div{border-bottom:1px solid var(--hub-line);color:#a8bfcd;justify-content:space-between;padding:10px 0;font-size:12px;display:flex}.hub-odds-modal dd{color:#d4c296;font-variant-numeric:tabular-nums;margin:0}.hub-odds-modal .hub-fine-print{margin-bottom:19px;font-size:10px;line-height:1.7}.hub-no-foil .hub-foil:after{display:none}@keyframes hub-foil-shift{0%{background-position:120% 0}to{background-position:-120% 0}}@keyframes hub-pack-charge{to{filter:drop-shadow(0 0 30px #d7ab4b3b);transform:rotate(-3deg)scale(1.025)}}@keyframes hub-radar-spin{to{transform:rotate(360deg)}}@keyframes hub-fade{0%{opacity:0}to{opacity:1}}@keyframes hub-modal-in{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:1280px){.hub-main{width:calc(100% - 64px);padding-top:28px}.hub-main-wide{width:calc(100% - 48px)}.hub-nav{padding-inline:26px}.hub-page-heading h1{font-size:32px}.hub-mode{padding-inline:22px}.hub-mode-illustration{height:175px}.hub-mode-art{width:190px;height:190px}.hub-mode h2{font-size:29px}.hub-mode p{min-height:61px;font-size:12px}.hub-fighters{gap:9px}.hub-fighter>img{height:118px}.hub-mode-detail{grid-template-columns:minmax(0,1fr) 280px;gap:22px}.hub-deck-tile{gap:10px;padding:11px}.hub-deck-tile>img{width:53px;height:70px}.hub-deck-tile strong{font-size:12px}.hub-builder{grid-template-columns:minmax(0,1fr) 318px;gap:21px}.hub-deck-column{max-height:calc(100vh - 150px)}.hub-pool-grid{gap:19px 11px}.hub-draft-pick-layout{grid-template-columns:minmax(0,1fr) 206px;gap:20px}.hub-draft-pack{gap:14px 12px;width:min(100%,770px)}.hub-draft-pool{padding:13px}.hub-reveal-grid{gap:15px 22px;width:min(870px,100%)}.hub-collection-grid{gap:24px 16px}.hub-pack-shelf{gap:20px}.hub-wrapper{height:210px}.hub-pick-confirm .hub-button{padding-inline:12px;font-size:11px}}@media (max-height:810px){.hub-nav{min-height:57px}.hub-main{padding-top:25px;padding-bottom:30px}.hub-page-heading{margin-bottom:22px}.hub-page-heading h1{margin:8px 0;font-size:30px}.hub-mode-illustration{height:159px}.hub-mode-art{width:172px;height:172px}.hub-mode{padding-bottom:21px}.hub-mode p{margin-bottom:14px}.hub-home-bottom{margin-top:23px}.hub-footer{min-height:43px;padding-block:14px}.hub-fighter>img{height:103px}.hub-fighter{padding-bottom:10px}.hub-starter-summary{padding:18px 24px}.hub-starter-summary h2{font-size:25px}.hub-mini-stack button{width:63px}.hub-draft-facts{padding-block:11px}.hub-draft-facts b{font-size:17px}.hub-casual-actions{margin-top:18px}.hub-deck-column{min-height:510px;max-height:calc(100vh - 147px)}.hub-deck-name{padding-top:13px}.hub-mp-card .hub-scan-button{max-width:64px}.hub-builder-save{padding-block:10px}.hub-reveal-grid{gap:12px 21px;width:min(790px,100%)}.hub-reveal-heading{margin-bottom:13px}.hub-reveal-card>span{min-height:20px;margin-top:6px;font-size:8px}.hub-reveal-controls{margin-top:18px}.hub-draft-pack{grid-template-columns:repeat(5,minmax(0,1fr))}.hub-draft-card>span{min-height:28px;font-size:8px}.hub-pick-heading{margin-bottom:16px}.hub-pick-confirm{margin-top:18px}.hub-draft-pool{max-height:540px}.hub-auth-modal,.hub-odds-modal{padding:28px}.hub-auth-seal{margin-bottom:18px}.hub-auth-modal h1{font-size:27px}}@media (max-width:1000px){.hub-main{width:calc(100% - 44px)}.hub-modes{gap:13px}.hub-mode{padding-inline:18px}.hub-mode p{min-height:74px;font-size:11px}.hub-mode-link{font-size:11px}.hub-nav{padding-inline:18px}.hub-nav nav button{padding-inline:12px}.hub-account{gap:10px}.hub-connection{display:none}.hub-fighters{gap:7px}.hub-fighter>img{height:95px}.hub-fighter>span{font-size:11px}.hub-mode-detail{grid-template-columns:minmax(0,1fr) 240px;gap:17px}.hub-saved-decks{grid-template-columns:1fr}.hub-detail-card{padding:25px 20px}.hub-builder{grid-template-columns:minmax(0,1fr) 295px;gap:17px}.hub-pool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hub-collection-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.hub-draft-pick-layout{grid-template-columns:minmax(0,1fr) 185px;gap:16px}.hub-draft-pack{grid-template-columns:repeat(4,minmax(0,1fr))}.hub-pick-confirm{flex-wrap:wrap}.hub-pick-confirm>span{flex-basis:100%}.hub-draft-pool{padding:12px}.hub-draft-pool h2{font-size:11px}.hub-draft-pool>button>span{font-size:8px}.hub-bot-pod{gap:3px}.hub-bot-pod>span{width:18px;height:18px;font-size:7px}.hub-pack-shelf{grid-template-columns:repeat(3,minmax(0,1fr))}.hub-run-card{grid-template-columns:225px minmax(0,1fr)}.hub-run-copy{padding:25px}.hub-run-pips{gap:24px}.hub-run-rewards{gap:13px}}@media (max-width:740px){.dbz-hub{inset:65px 0 0}.hub-nav{gap:9px;padding-inline:10px}.hub-nav nav{gap:1px}.hub-nav nav button{gap:5px;padding:0 10px;font-size:10px}.hub-nav nav .ui-icon{width:14px;height:14px}.hub-profile>span{display:none}.hub-profile>.ui-icon{width:20px}.hub-account .hub-button{min-height:32px;padding:7px 10px;font-size:10px}.hub-main,.hub-main-wide{width:calc(100% - 30px);padding-top:24px}.hub-page-heading{display:block}.hub-page-heading>.hub-button{margin-top:17px}.hub-page-heading h1{font-size:29px}.hub-page-heading p{font-size:12px}.hub-modes{grid-template-columns:1fr;gap:13px}.hub-mode{min-height:195px;padding:22px 125px 22px 22px}.hub-mode-illustration{opacity:.45;width:170px;height:170px;position:absolute;top:8px;right:-23px}.hub-mode h2{font-size:27px}.hub-mode p{max-width:320px;min-height:0;margin-bottom:12px;font-size:12px}.hub-mode-link{max-width:280px;padding-top:12px}.hub-home-bottom{flex-direction:column;align-items:flex-start;gap:12px}.hub-home-bottom>.hub-subtle{display:none}.hub-home-bottom small{font-size:9px}.hub-footer{flex-wrap:wrap;gap:10px;padding:15px;font-size:8px}.hub-fighters{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.hub-fighter>img{height:100px}.hub-fighter>span{font-size:12px}.hub-starter-summary{gap:14px;padding:19px}.hub-starter-summary p{font-size:11px}.hub-mini-stack{gap:5px;max-width:132px}.hub-mini-stack button{width:41px}.hub-starter-count{gap:7px;font-size:9px}.hub-starter-summary h2{font-size:23px}.hub-starter-summary .hub-kicker{font-size:7px}.hub-draft-facts{gap:0}.hub-draft-facts b{font-size:15px}.hub-draft-facts span{font-size:8px}.hub-mode-detail{grid-template-columns:1fr}.hub-detail-card{position:static}.hub-rank-emblem{width:62px;height:62px;margin-bottom:16px}.hub-rank-emblem .ui-icon{width:33px;height:33px}.hub-saved-decks{grid-template-columns:1fr}.hub-search-row{flex-wrap:wrap;gap:8px}.hub-search{flex-basis:100%}.hub-search input{font-size:12px!important}.hub-search-row select{flex:1}.hub-collection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 12px}.hub-card-caption strong{min-height:25px;font-size:9px}.hub-card-caption>span,.hub-ownership{font-size:8px}.hub-builder{grid-template-columns:1fr;gap:20px}.hub-builder-pool{order:2}.hub-deck-column{order:1;min-height:0;max-height:550px;position:relative;top:0}.hub-built-list{max-height:160px}.hub-pool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hub-builder-heading h2{font-size:23px}.hub-pool-card h3{font-size:9px}.hub-card-add{flex-direction:column}.hub-card-add button{min-height:34px;font-size:10px}.hub-mp-stack{max-width:285px;margin:0 auto}.hub-mp-card .hub-scan-button{max-width:55px}.hub-deck-errors{max-height:100px}.hub-pack-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.hub-pack-item{padding:14px}.hub-wrapper{height:189px}.hub-pack-item>strong{font-size:11px}.hub-pack-item .hub-mode-link{margin-top:14px;padding-top:13px;font-size:9px}.hub-wrapper>span{font-size:6px;left:0;right:0}.hub-pack-item>small{font-size:8px}.hub-reveal-heading{gap:5px}.hub-reveal-heading .hub-kicker{letter-spacing:1px;font-size:7px}.hub-reveal-heading .hub-button{padding:7px;font-size:10px}.hub-reveal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 12px}.hub-reveal-card>span{font-size:8px}.hub-sealed-stage h1{text-align:center;font-size:24px}.hub-sealed-stage{min-height:510px}.hub-pack-aura{width:300px;height:350px}.hub-sealed-pack{width:177px;height:246px}.hub-draft-pick-layout{grid-template-columns:1fr}.hub-draft-pack{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 12px}.hub-draft-pool{max-height:220px;margin-top:6px;position:static}.hub-draft-pool>button{vertical-align:top;width:48%;display:inline-flex}.hub-draft-pool>button>span{font-size:9px}.hub-pick-heading h1{font-size:25px}.hub-pick-heading .hub-kicker{letter-spacing:1.3px;font-size:7px}.hub-pick-heading p{font-size:10px}.hub-bot-pod{display:none}.hub-pick-confirm>span{font-size:11px}.hub-pick-confirm .hub-primary{flex:1}.hub-run-card{grid-template-columns:1fr}.hub-run-portrait{height:170px;min-height:0}.hub-run-portrait>img{object-position:50% 17%}.hub-run-portrait:after{background:linear-gradient(#0000,#1b3143)}.hub-run-copy{padding:22px}.hub-run-pips{margin-bottom:22px}.hub-run-rewards{gap:14px}.hub-run-rewards b{font-size:24px}.hub-run-rewards>span{font-size:8px}.hub-queue{flex-wrap:wrap;gap:23px;padding:25px}.hub-radar{width:64px;height:64px;margin:5px}.hub-radar>.ui-icon{width:29px;height:29px}.hub-queue h2{font-size:18px}.hub-queue>div:nth-child(2){flex-basis:calc(100% - 100px)}.hub-queue>button{width:100%}.hub-invite-panel{padding:35px 20px}.hub-invite-panel>strong{letter-spacing:4px;font-size:30px}.hub-modal-backdrop{padding:15px}.hub-auth-modal,.hub-odds-modal{max-height:calc(100vh - 95px);padding:26px}.hub-auth-modal h1,.hub-odds-modal h1{font-size:26px}.hub-odds-slots>span{font-size:8px}.hub-alert,.hub-notice{width:calc(100% - 30px);font-size:11px}.hub-alert>.ui-icon{display:none}}@media (prefers-reduced-motion:reduce){.dbz-hub *,.dbz-hub :before,.dbz-hub :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.hub-mode:hover,.hub-fighter:hover,.hub-pack-item:hover,.hub-scan-button:hover,.hub-draft-card:hover,.hub-sealed-pack:hover{transform:none!important}}.hub-reduced-motion *,.hub-reduced-motion :before,.hub-reduced-motion :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.hub-reduced-motion .hub-mode:hover,.hub-reduced-motion .hub-fighter:hover,.hub-reduced-motion .hub-pack-item:hover,.hub-reduced-motion .hub-scan-button:hover,.hub-reduced-motion .hub-draft-card:hover,.hub-reduced-motion .hub-sealed-pack:hover{transform:none!important}.hub-ht-choice{background:#1b304542;border:1px solid #aca1d227;border-radius:8px;justify-content:space-between;align-items:center;gap:18px;margin-top:15px;padding:13px 17px;display:flex}.hub-ht-choice>button:first-child{text-align:left;color:#b7c7d5;background:0 0;border:0;flex:1;align-items:center;gap:11px;padding:3px;display:flex}.hub-ht-choice strong{font-size:11px;font-weight:550;display:block}.hub-ht-choice small{color:#778fa6;margin-top:5px;font-size:9px;line-height:1.5;display:block}.hub-choice-switch{background:#405062;border-radius:10px;flex-shrink:0;width:27px;height:16px;padding:3px;transition:background .2s}.hub-choice-switch:before{content:"";background:#99aaba;border-radius:50%;width:10px;height:10px;transition:transform .2s;display:block}.hub-ht-choice .selected .hub-choice-switch{background:#7f739f}.hub-ht-choice .selected .hub-choice-switch:before{background:#e5d4ff;transform:translate(11px)}.hub-ht-choice .hub-button{min-height:35px;padding:7px 9px;font-size:10px}.hub-custom-mp{border-top:1px solid #adc4d528;justify-content:space-between;align-items:center;gap:20px;margin-top:26px;padding-top:22px;display:flex}.hub-custom-mp strong{font-size:13px;font-weight:550}.hub-custom-mp small{color:#819db1;margin-top:6px;font-size:10px;display:block}.hub-mp-level4{min-height:28px;margin:0 12px 8px;padding:5px 10px;font-size:9px}.hub-profile-stats{border-block:1px solid #b4c7d426;gap:20px;margin:20px 0;padding:16px 0;display:flex}.hub-profile-stats>span{color:#809db3;flex:1;font-size:10px}.hub-profile-stats b{color:#c8d8e4;margin-bottom:5px;font-size:19px;font-weight:550;display:block}.hub-modal-backdrop #hub-turnstile{min-height:0;margin:10px 0}.hub-ht-choice+.hub-draft-facts{margin-top:15px}@media (max-width:740px){.hub-ht-choice{padding:12px;display:block}.hub-ht-choice>.hub-button{margin-top:7px}.hub-ht-choice small{font-size:8px}.hub-custom-mp{display:block}.hub-custom-mp .hub-button{margin-top:14px}}.hub-mini-stack .hub-foil:after{height:100%}.hub-search-row select{max-width:100%}.hub-modes{padding-top:14px}.hub-mode-illustration{border-bottom:1px solid #a8c3cd12;height:clamp(200px,25vh,255px);margin:0 -22px 15px}.hub-mode-art.dbz-mode-art{filter:drop-shadow(0 12px 12px #03121c35);width:100%;max-width:400px;height:100%}.hub-mode:hover .dbz-mode-art{transform:translateY(-3px)scale(1.025)}.hub-mode:hover .dbz-emblem-float{animation:2.4s ease-in-out infinite dbz-emblem-bob}.hub-mode:hover .dbz-capsule-sparks{animation:1.8s ease-in-out infinite dbz-glint}.hub-mode:hover .dbz-sea-wave{animation:2.5s ease-in-out infinite dbz-wave}.hub-mode:hover .dbz-palm{transform-origin:292px 210px;animation:3.5s ease-in-out infinite dbz-palm}@keyframes dbz-emblem-bob{50%{transform:translateY(-5px)}}@keyframes dbz-glint{50%{opacity:.35}}@keyframes dbz-wave{50%{opacity:.4;transform:translate(7px)}}@keyframes dbz-palm{50%{transform:rotate(2deg)}}.hub-ownership button{color:#94acbd;background:0 0;border:0;align-items:center;gap:4px;padding:3px 2px;font-size:10px;display:flex}.hub-ownership button.has-foil{color:#d2bcea}.hub-ownership button:hover{text-decoration:underline}.hub-ownership .ui-icon{width:12px;height:12px}.hub-card-flip.hub-foil{overflow:visible}.hub-card-flip.hub-foil:after{backface-visibility:hidden;background:linear-gradient(110deg,#8ec5f51c 3%,#dab5ff40 20%,#ffe7af4a 38%,#a3ffe833 55%,#b5c5ff28 76%,#ffc0d91c) 0 0/210% 100%;height:100%;transform:translateZ(1px);box-shadow:inset 0 0 0 1px #e8d8fc55}.hub-foil:after{background-color:#a7bbd30a}.hub-mini-stack .hub-foil{box-shadow:0 0 0 1px #c5a6ef80,0 4px 20px #b292e220}.hub-ht-choice{background:linear-gradient(110deg,#b99cdb13,#1b304542);border-color:#bfa0e64d}.hub-ht-choice strong{font-size:13px}.hub-ht-choice small{font-size:11px}.hub-ht-choice .selected strong{color:#e6d0ff}.hub-sealed-pack{isolation:isolate}.hub-sealed-pack .hub-wrapper-body{position:absolute;inset:0}.hub-sealed-pack .hub-wrapper-strip{clip-path:inset(0 0 88%);pointer-events:none;opacity:0;transform-origin:90% 12%;z-index:4;position:absolute;inset:0}.hub-pack-cut{transform-origin:0;z-index:5;pointer-events:none;background:#ffedb8;width:94%;height:2px;position:absolute;top:12%;left:3%;transform:scaleX(0);box-shadow:0 0 7px #f2d681,0 0 19px #fff4d0}.hub-pack-cut:after{content:"";clip-path:polygon(50% 0,62% 36%,100% 50%,62% 64%,50% 100%,38% 64%,0 50%,38% 36%);background:#fff0c3;width:11px;height:11px;position:absolute;top:-5px;right:0}.hub-pack-mouth{opacity:0;z-index:-1;pointer-events:none;background:radial-gradient(at 50% 0,#fff2b9,#e5bb6355 42%,#0000 72%);height:8%;position:absolute;top:12%;left:7%;right:7%}.hub-sealed-pack.cutting{pointer-events:none;animation:1.35s both hub-wrapper-settle}.hub-sealed-pack.cutting .hub-wrapper-body{animation:1.35s linear both hub-wrapper-split}.hub-sealed-pack.cutting .hub-wrapper-strip{opacity:1;animation:1.35s cubic-bezier(.3,.55,.3,1) both hub-strip-peel}.hub-sealed-pack.cutting .hub-pack-cut{animation:1.35s ease-in-out both hub-seam-cut}.hub-sealed-pack.cutting .hub-pack-mouth{animation:1.35s both hub-mouth-glow}@keyframes hub-seam-cut{0%,8%{opacity:0;transform:scaleX(0)}12%{opacity:1}48%,65%{opacity:1;transform:scaleX(1)}80%,to{opacity:0;transform:scaleX(1)}}@keyframes hub-strip-peel{0%,48%{opacity:1;transform:none}75%{opacity:1;transform:translate(18px,-30px)rotate(13deg)}to{opacity:0;transform:translate(90px,-100px)rotate(35deg)}}@keyframes hub-wrapper-split{0%,47%{clip-path:inset(0)}48%,to{clip-path:polygon(0 12.5%,10% 12%,20% 12.7%,30% 12%,40% 12.6%,50% 12.1%,60% 12.8%,70% 12.2%,80% 12.7%,90% 12%,100% 12.5%,100% 100%,0 100%)}}@keyframes hub-wrapper-settle{0%{transform:rotate(-6deg)}30%{transform:rotate(-2deg)scale(1.025)}55%{transform:rotate(1deg)scale(1.025)}80%,to{transform:rotate(0)translateY(5px)}}@keyframes hub-mouth-glow{0%,48%{opacity:0}70%{opacity:1;transform:translateY(-12px)scale(1.25,2)}to{opacity:0;transform:translateY(-20px)scale(1.4,3)}}@media (max-width:700px){.hub-mode-illustration{opacity:.8;border:0;width:240px;height:190px;margin:0;top:0;right:-40px}.hub-mode{min-height:220px;padding-right:145px}.hub-mode-art.dbz-mode-art{width:240px}.hub-mode p{max-width:240px}}.hub-reduced-motion .dbz-mode-art *,.hub-reduced-motion .hub-sealed-pack,.hub-reduced-motion .hub-sealed-pack *{animation:none!important}.hub-reduced-motion .hub-mode:hover .dbz-mode-art{transform:none}@media (prefers-reduced-motion:reduce){.dbz-mode-art *,.hub-sealed-pack,.hub-sealed-pack *{animation:none!important}.hub-mode:hover .dbz-mode-art{transform:none}}.dbz-hub .hub-sealed-pack:disabled{opacity:1}.hub-pack-cut{width:70%;left:15%}.hub-pack-mouth{left:15%;right:15%}.online-match-status{z-index:7;pointer-events:auto;color:#b2c8d7;white-space:nowrap;background:#0d2137f5;border:1px solid #86adc32b;border-radius:0 0 10px 10px;align-items:center;gap:14px;padding:7px 14px;font-size:10px;display:flex;position:fixed;top:67px;left:50%;transform:translate(-50%);box-shadow:0 5px 22px #00132644}.online-mode{text-transform:capitalize;color:#85e0c9;font-weight:650}.online-match-status button{color:#d7c191;background:0 0;border:0;align-items:center;gap:5px;padding:3px 4px;font-size:10px;display:flex}.online-match-status button:hover{color:#fff}.online-match-status .ui-icon{width:12px;height:12px}.online-joining{color:#edf5fa;background:#0e1b2d;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:65px 0 0}.online-joining h1{letter-spacing:-1px;font-size:30px}.online-joining p{color:#91aabd;font-size:13px}.online-joining .loading-bar{width:200px}.online-joining .loading-bar i{width:100%}.result-settlement{min-height:20px;color:#8edac0!important;font-size:12px!important}.topbar nav .offline-resume-button{border-color:#c7a87024;font-size:10px}.offline-resume-button small{display:none}.is-home #game{visibility:hidden}@media (max-width:1280px){.topbar nav .offline-resume-button{z-index:10;background:#193047;position:fixed;bottom:14px;right:24px}.online-match-status{gap:8px;padding:5px 10px;font-size:9px;top:65px}}