:root{--bg: #f7f8fa;--paper: #ffffff;--white: #ffffff;--ink: #111827;--muted: #667085;--line: #e5e7eb;--line-strong: #d0d5dd;--surface-subtle: #f2f4f7;--text-secondary: #344054;--dark: #111827;--dark2: #1f2937;--accent: #f04438;--accent-hover: #d92d20;--accent-soft: #fff1ef;--accent-line: #fecdc7;--accent-border: var(--accent-line);--blue: #2563eb;--success: #10b981;--warning: #f59e0b;--shadow: 0 18px 50px rgba(17, 24, 39, .08);--soft: 0 8px 24px rgba(17, 24, 39, .06);--radius: 18px;--radius-sm: 12px;--radius-lg: 24px;--tap-size: 44px;--content-width: 1280px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--content-gutter: clamp(16px, 3vw, 32px);--section-space: clamp(40px, 6vw, 72px);--motion-fast: .18s;--motion-standard: .22s;--ease-standard: cubic-bezier(.2, .8, .2, 1);--brand-ink: var(--ink);--brand-ink-soft: var(--dark2);--brand-coral: var(--accent);--brand-coral-strong: var(--accent-hover);--brand-coral-soft: var(--accent-soft);--brand-paper: var(--bg);--brand-surface: var(--paper);--brand-surface-soft: #eef1f5;--brand-line: var(--line);--brand-muted: var(--muted);--brand-positive: var(--success);--brand-info: var(--blue);--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;--tracking-display: -.055em;--tracking-title: -.035em;--leading-tight: 1.12;--leading-body: 1.65;--radius-md: 16px;--radius-xl: 28px;--radius-pill: 999px;--focus-ring: 0 0 0 4px rgba(240, 68, 56, .18)}@layer reset,foundation;@layer reset{*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body,h1,h2,h3,p{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-decoration:none}img,svg{display:block;max-inline-size:100%}}@layer foundation{body{min-inline-size:320px;background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:16px;line-height:var(--leading-body);word-break:keep-all;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.shell{inline-size:min(100%,var(--content-width));margin-inline:auto;padding-inline:var(--content-gutter)}:is(a,button,input,select,textarea,[role=button]):focus-visible{outline:3px solid color-mix(in srgb,var(--blue) 24%,transparent);outline-offset:3px}::selection{background:color-mix(in srgb,var(--accent) 18%,transparent)}}@media(prefers-reduced-motion:reduce){@layer foundation{html{scroll-behavior:auto}}}:where(html[data-cardondo-pack-ui=v4]){color-scheme:light;:where(a,button,input,select,summary):focus-visible{outline:3px solid color-mix(in srgb,var(--blue) 28%,transparent);outline-offset:3px}}:where(html[data-cardondo-pack-ui=v4]) .pv4Page{min-block-size:100dvh;margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-sans)}:where(html[data-cardondo-pack-ui=v4]) :is(.pv4SetChooser[hidden],.pv4Goal[hidden],.pv4ActiveContext[hidden],.pv4SetCard[hidden],.pv4RevealProgress[hidden],.pv4PackageStage[hidden],.pv4Cards[hidden],.pv4PrimaryButton[hidden],.pv4SecondaryButton[hidden],.pv4Result[hidden]){display:none}:where(html[data-cardondo-pack-ui=v4]) .pv4Topbar{position:sticky;inset-block-start:0;z-index:60;display:flex;align-items:center;justify-content:space-between;min-block-size:68px;padding-inline:max(var(--content-gutter),calc((100vw - var(--content-width)) / 2));border-block-end:1px solid color-mix(in srgb,var(--line) 86%,transparent);background:color-mix(in srgb,var(--paper) 94%,transparent);backdrop-filter:blur(18px)}:where(html[data-cardondo-pack-ui=v4]) .pv4Brand{display:inline-flex;align-items:center;gap:11px;min-block-size:var(--tap-size);color:var(--ink);text-decoration:none;>span:last-child,b,small{display:block}& b{font-size:16px;font-weight:880;letter-spacing:var(--tracking-title)}& small{margin-block-start:2px;color:var(--muted);font-size:10px;font-weight:760;letter-spacing:.09em}}:where(html[data-cardondo-pack-ui=v4]) .pv4BrandMark{display:grid;place-items:center;inline-size:38px;block-size:38px;border-radius:13px;background:var(--ink);color:var(--white);font-size:22px;font-weight:900}:where(html[data-cardondo-pack-ui=v4]) .pv4TopActions{display:flex;align-items:center;gap:10px;>span{color:var(--muted);font-size:11px;font-weight:760}& button{min-block-size:var(--tap-size);padding-inline:14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);color:var(--text-secondary);font:inherit;font-size:12px;font-weight:780}}:where(html[data-cardondo-pack-ui=v4]) :is(.pv4DailyStatus,.packDailyStatus){max-inline-size:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;&[data-state=available]{color:var(--accent-hover)}}:where(html[data-cardondo-pack-ui=v4]) .pv4Main{container:pv4-pack / inline-size;display:grid;grid-template-columns:minmax(300px,350px) minmax(0,1fr);gap:24px;inline-size:min(var(--content-width),calc(100% - 2 * var(--content-gutter)));margin-inline:auto;padding-block:26px 56px}:where(html[data-cardondo-pack-ui=v4]) body[data-pack-step=pack] .pv4Main,:where(html[data-cardondo-pack-ui=v4]) body[data-pack-step=reveal] .pv4Main,:where(html[data-cardondo-pack-ui=v4]) body[data-pack-step=result] .pv4Main{grid-template-columns:minmax(0,960px);justify-content:center}:where(html[data-cardondo-pack-ui=v4]) body[data-pack-step=pack] :is(.pv4Hero,.pv4DailyMix,.pv4How),:where(html[data-cardondo-pack-ui=v4]) body[data-pack-step=reveal] :is(.pv4Hero,.pv4DailyMix,.pv4How,.pv4ActiveContext),:where(html[data-cardondo-pack-ui=v4]) body[data-pack-step=result] :is(.pv4Hero,.pv4DailyMix,.pv4How){display:none}:where(html[data-cardondo-pack-ui=v4]) body[data-pack-step=pack] .pv4Stage,:where(html[data-cardondo-pack-ui=v4]) body[data-pack-step=reveal] .pv4Stage,:where(html[data-cardondo-pack-ui=v4]) body[data-pack-step=result] .pv4Stage{grid-column:1;inline-size:100%}:where(html[data-cardondo-pack-ui=v4]) .pv4RecoveryNotice{grid-column:1 / -1;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--accent-line);border-radius:var(--radius-md);background:var(--accent-soft);color:var(--text-secondary);font-size:12px;& button{inline-size:var(--tap-size);block-size:var(--tap-size);border:0;background:transparent;color:var(--muted)}}:where(html[data-cardondo-pack-ui=v4]) .pv4Footer{display:flex;justify-content:space-between;gap:24px;padding:24px max(var(--content-gutter),calc((100vw - var(--content-width)) / 2));border-block-start:1px solid var(--line);color:var(--muted);font-size:11px;& a{display:inline-flex;align-items:center;min-block-size:var(--tap-size);color:var(--ink);font-weight:750;text-decoration:none}& p{margin:0}}:where(html[data-cardondo-pack-ui=v4]) .pv4Hero{grid-column:1;grid-row:1;align-self:start;padding:24px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper);box-shadow:var(--soft)}:where(html[data-cardondo-pack-ui=v4]) .pv4Eyebrow{display:block;color:var(--accent-hover);font-size:11px;font-weight:850;letter-spacing:.08em}:where(html[data-cardondo-pack-ui=v4]) .pv4HeroCopy>h1{margin:10px 0 12px;font-size:clamp(30px,3vw,42px);line-height:1.04;letter-spacing:var(--tracking-display)}:where(html[data-cardondo-pack-ui=v4]) .pv4HeroCopy>p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}:where(html[data-cardondo-pack-ui=v4]) .pv4GameChoices{display:grid;gap:9px;margin-block-start:22px}:where(html[data-cardondo-pack-ui=v4]) .pv4GameChoice{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;min-block-size:98px;overflow:hidden;padding:14px 102px 14px 14px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper);color:var(--ink);text-align:start;transition:border-color var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard);&:hover{border-color:var(--line-strong);box-shadow:var(--soft);transform:translateY(-1px)}&[aria-pressed=true]{border-color:var(--accent);box-shadow:var(--focus-ring)}>em{display:none}}:where(html[data-cardondo-pack-ui=v4]) .pv4GameIcon{display:grid;place-items:center;inline-size:44px;block-size:44px;border-radius:14px;background:var(--surface-subtle);color:var(--text-secondary);font-size:11px;font-style:normal;font-weight:900}:where(html[data-cardondo-pack-ui=v4]) .pv4GameChoiceCopy{position:relative;z-index:2;min-inline-size:0;& b,small{display:block}& b{font-size:16px;font-weight:850}& small{margin-block-start:4px;color:var(--muted);font-size:10px;line-height:1.45}}:where(html[data-cardondo-pack-ui=v4]) .pv4GamePreview{position:absolute;inset-block:8px;inset-inline-end:7px;inline-size:92px;pointer-events:none;& img{position:absolute;inset-block-start:8px;inset-inline-end:calc(var(--preview-index) * 17px);inline-size:42px;block-size:60px;border-radius:5px;background:var(--surface-subtle);box-shadow:var(--soft);object-fit:contain;transform:rotate(calc((var(--preview-index) - 1) * 5deg))}}:where(html[data-cardondo-pack-ui=v4]) .pv4SetChooser{margin-block-start:22px;padding-block-start:20px;border-block-start:1px solid var(--line)}:where(html[data-cardondo-pack-ui=v4]) .pv4SetStepHead{display:none}:where(html[data-cardondo-pack-ui=v4]) .pv4SetChooserHead{display:grid;gap:10px;margin-block-end:12px;& span,b{display:block}& span{color:var(--accent);font-size:10px;font-weight:830}& b{margin-block-start:3px;color:var(--muted);font-size:11px;line-height:1.45}}:where(html[data-cardondo-pack-ui=v4]) :is(.pv4SetSearchButton,.pv4SetDesktopSelect select){min-block-size:var(--tap-size);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);color:var(--text-secondary);font:inherit;font-size:12px}:where(html[data-cardondo-pack-ui=v4]) .pv4SetSearchButton{padding-inline:13px;font-weight:800}:where(html[data-cardondo-pack-ui=v4]) .pv4SetDesktopSelect{display:grid;gap:6px;>span{color:var(--muted);font-size:10px;font-weight:760}& select{inline-size:100%;padding-inline:11px}}:where(html[data-cardondo-pack-ui=v4]) .pv4SetQuick{display:grid;gap:8px}:where(html[data-cardondo-pack-ui=v4]) .pv4SetLoading{display:grid;grid-template-columns:24px minmax(0,1fr);gap:2px 10px;align-items:center;min-block-size:80px;padding:12px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-subtle);color:var(--text-secondary);.pv4OpeningSpinner{grid-row:1 / span 2}& b{font-size:13px}& small{color:var(--muted);font-size:10px;line-height:1.45}}:where(html[data-cardondo-pack-ui=v4]) .pv4SetCard{position:relative;display:block;inline-size:100%;min-block-size:100px;overflow:hidden;padding:12px 76px 12px 12px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper);color:var(--ink);text-align:start;&.active{border-color:var(--accent);background:var(--accent-soft)}>b,>span:not(.pv4SetCardTop):not(.pv4SetVisual){position:relative;z-index:2;display:block}>b{margin-block-start:5px;font-size:14px;line-height:1.3}>span:not(.pv4SetCardTop):not(.pv4SetVisual){margin-block-start:4px;color:var(--muted);font-size:10px}}:where(html[data-cardondo-pack-ui=v4]) .pv4SetImmediate .pv4SetProgressText{position:relative;z-index:2}:where(html[data-cardondo-pack-ui=v4]) .pv4SetCardTop{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;& small{color:var(--accent);font-size:10px;font-weight:830}& em{display:grid;place-items:center;inline-size:24px;block-size:24px;border-radius:var(--radius-sm);background:var(--surface-subtle);color:var(--muted);font-size:10px;font-style:normal;font-weight:850}}:where(html[data-cardondo-pack-ui=v4]) .pv4SetVisual{position:absolute;inset-block:8px;inset-inline-end:8px;inline-size:58px;& img{inline-size:100%;block-size:82px;border-radius:7px;background:var(--surface-subtle);box-shadow:var(--soft);object-fit:contain}}:where(html[data-cardondo-pack-ui=v4]) :is(.pv4SetProgressText,.pv4SetProgress){margin-block-start:5px;color:var(--muted);font-size:10px}:where(html[data-cardondo-pack-ui=v4]) .pv4SetProgress{>div:first-child{display:flex;justify-content:space-between;gap:8px}& b{color:var(--text-secondary)}}:where(html[data-cardondo-pack-ui=v4]) :is(.pv4SetProgressTrack,.pv4GoalTrack){block-size:5px;margin-block-start:4px;overflow:hidden;border-radius:var(--radius-pill);background:var(--line);:is(i,span){display:block;block-size:100%;border-radius:inherit;background:var(--accent)}}:where(html[data-cardondo-pack-ui=v4]) .pv4Goal{margin-block-start:12px;padding:14px;border-radius:var(--radius-md);background:var(--surface-subtle)}:where(html[data-cardondo-pack-ui=v4]) .pv4GoalHead{display:flex;align-items:end;justify-content:space-between;gap:12px;& span,b{display:block}& span{color:var(--accent);font-size:10px;font-weight:820}& b,strong{margin-block-start:3px;font-size:12px}}:where(html[data-cardondo-pack-ui=v4]) .pv4Goal>p{margin:8px 0 0;color:var(--muted);font-size:10px;line-height:1.5}:where(html[data-cardondo-pack-ui=v4]) .pv4Rules{display:grid;gap:8px;margin-block-start:18px;padding-block-start:16px;border-block-start:1px solid var(--line);& b{font-size:12px}& span,small{color:var(--muted);font-size:10px;line-height:1.5}}:where(html[data-cardondo-pack-ui=v4]) :is(.pv4DailyMix,.pv4How){grid-column:1}:where(html[data-cardondo-pack-ui=v4]) .pv4DailyMix{display:grid;gap:14px;padding:20px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper);& span{color:var(--accent-hover);font-size:10px;font-weight:850}& h2{margin:6px 0;font-size:20px}& p{margin:0;color:var(--muted);font-size:11px}& button{min-block-size:56px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper);color:var(--ink);font:inherit}& b,small{display:block}& small{margin-block-start:2px;color:var(--muted);font-size:10px}}:where(html[data-cardondo-pack-ui=v4]) .pv4How{display:grid;gap:10px;>div{padding:14px;border-inline-start:2px solid var(--line)}& span{color:var(--accent-hover);font-size:10px;font-weight:850}& b{display:block;margin-block-start:4px;font-size:12px}& p{margin:4px 0 0;color:var(--muted);font-size:10px;line-height:1.5}}:where(html[data-cardondo-pack-ui=v4]) .pv4SetDialog{inline-size:min(580px,calc(100% - 28px));max-block-size:min(82dvh,760px);padding:20px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper);color:var(--ink);&::backdrop{background:color-mix(in srgb,var(--ink) 50%,transparent)}& header{display:flex;justify-content:space-between;align-items:center}& header span{color:var(--accent);font-size:10px;font-weight:850}& header h2{margin:4px 0 0}& header button{inline-size:var(--tap-size);block-size:var(--tap-size);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);font-size:22px}}:where(html[data-cardondo-pack-ui=v4]) .pv4SetSearch{display:block;margin-block-start:16px;& input{inline-size:100%;min-block-size:48px;padding-inline:14px;border:1px solid var(--line);border-radius:var(--radius-sm);font:inherit}}:where(html[data-cardondo-pack-ui=v4]) .pv4SetDialogList{display:grid;gap:8px;max-block-size:50dvh;overflow:auto;& button{display:flex;align-items:center;justify-content:space-between;min-block-size:60px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);color:var(--ink);text-align:start}& b,small{display:block}& small{margin-block-start:3px;color:var(--muted);font-size:10px}}:where(html[data-cardondo-pack-ui=v4]) .pv4Stage{grid-column:2;grid-row:1 / span 4;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px;align-self:start;align-content:start;align-items:start}:where(html[data-cardondo-pack-ui=v4]) .pv4StageHead{grid-column:1 / -1;display:flex;align-items:end;justify-content:space-between;gap:18px;padding:20px 22px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper);& span{color:var(--accent-hover);font-size:10px;font-weight:850;letter-spacing:.1em}& h2{margin:5px 0 0;font-size:23px;letter-spacing:var(--tracking-title)}>p{max-inline-size:360px;margin:0;color:var(--muted);font-size:12px;line-height:1.5;text-align:end}>p.error{color:var(--accent-hover)}}:where(html[data-cardondo-pack-ui=v4]) .pv4ActiveContext{grid-column:2;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:15px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper);& span,b,small{display:block}& span{color:var(--accent);font-size:10px;font-weight:830}& b{margin-block-start:3px;font-size:13px}& small{margin-block-start:4px;color:var(--muted);font-size:10px;line-height:1.45}& button{flex:0 0 auto;min-block-size:var(--tap-size);padding-inline:12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);color:var(--text-secondary);font-size:11px;font-weight:780}}:where(html[data-cardondo-pack-ui=v4]) .pv4PackageStage{position:relative;grid-column:1;grid-row:2 / span 3;display:grid;place-items:center;min-block-size:630px;padding:34px 22px 24px;border:1px solid var(--line);border-radius:var(--radius-lg);background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--blue) 8%,transparent),transparent 22rem),var(--paper);box-shadow:var(--soft)}:where(html[data-cardondo-pack-ui=v4]) .pv4OpeningStatus{position:absolute;inset:50% auto auto 50%;z-index:8;display:grid;place-items:center;inline-size:min(280px,calc(100% - 40px));padding:18px;border:1px solid color-mix(in srgb,var(--white) 14%,transparent);border-radius:var(--radius-md);background:color-mix(in srgb,var(--ink) 92%,transparent);color:var(--white);text-align:center;box-shadow:var(--shadow);transform:translate(-50%,-50%);&[hidden]{display:none}& b{margin-block-start:10px;font-size:14px}& small{margin-block-start:5px;color:color-mix(in srgb,var(--white) 72%,transparent);font-size:10px;line-height:1.45}}:where(html[data-cardondo-pack-ui=v4]) .pv4OpeningSpinner{display:block;inline-size:24px;block-size:24px;border:2px solid color-mix(in srgb,currentColor 24%,transparent);border-block-start-color:currentColor;border-radius:var(--radius-pill);animation:pv4-spinner .76s linear infinite}@keyframes pv4-spinner{to{transform:rotate(1turn)}}:where(html[data-cardondo-pack-ui=v4]) .pv4Package{--pv4-pack-signal: var(--accent);position:relative;inline-size:min(330px,78vw);aspect-ratio:3 / 4.35;overflow:hidden;padding:0;border:1px solid color-mix(in srgb,var(--ink) 82%,var(--line));border-radius:var(--radius-lg);background:var(--ink);color:var(--white);text-align:start;box-shadow:0 28px 64px color-mix(in srgb,var(--ink) 18%,transparent);transform-origin:50% 20%;transition:transform var(--motion-standard) var(--ease-standard),box-shadow var(--motion-standard) var(--ease-standard);&[data-catalog=onepiece]{--pv4-pack-signal: var(--blue)}&[data-catalog=none]{--pv4-pack-signal: var(--muted)}&:not(:disabled):hover{box-shadow:0 34px 72px color-mix(in srgb,var(--ink) 22%,transparent);transform:translateY(-3px)}&:before,&:after{display:none}}:where(html[data-cardondo-pack-ui=v4]) .pv4PackageFoil{position:absolute;inset:0;z-index:4;background:linear-gradient(112deg,transparent 30%,color-mix(in srgb,var(--white) 12%,transparent) 43%,transparent 56%);opacity:.42;pointer-events:none;transform:translate(-55%);transition:transform .42s var(--ease-standard)}:where(html[data-cardondo-pack-ui=v4]) .pv4Package:not(:disabled):hover .pv4PackageFoil{transform:translate(55%)}:where(html[data-cardondo-pack-ui=v4]) :is(.pv4PackageTop,.pv4PackageBottom){position:absolute;inset-inline:22px;z-index:5}:where(html[data-cardondo-pack-ui=v4]) .pv4PackageTop{inset-block-start:34px;display:flex;justify-content:space-between;color:color-mix(in srgb,var(--white) 74%,transparent);font-size:10px;font-weight:820;letter-spacing:.08em;& em{padding:5px 7px;border:1px solid color-mix(in srgb,var(--white) 22%,transparent);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--ink) 72%,transparent);color:var(--white);font-style:normal}}:where(html[data-cardondo-pack-ui=v4]) .pv4PackageCenter{position:absolute;inset-block-start:80px;inset-inline:26px;z-index:5;text-shadow:0 2px 16px color-mix(in srgb,var(--ink) 82%,transparent);>small,>strong,>span:last-child{display:block}>small{color:color-mix(in srgb,var(--accent) 78%,var(--white));font-size:10px;font-weight:900;letter-spacing:.16em}>strong{max-inline-size:270px;margin-block-start:8px;color:var(--white);font-size:clamp(24px,3vw,31px);line-height:1.04;letter-spacing:var(--tracking-display)}>span:last-child{margin-block-start:8px;color:color-mix(in srgb,var(--white) 72%,transparent);font-size:11px;line-height:1.45}}:where(html[data-cardondo-pack-ui=v4]) .pv4PackageMarks{display:flex;align-items:center;gap:8px;margin-block-end:13px}:where(html[data-cardondo-pack-ui=v4]) .pv4PackageMark{display:grid;place-items:center;inline-size:42px;block-size:42px;border-radius:var(--radius-sm);box-shadow:0 8px 22px color-mix(in srgb,var(--ink) 26%,transparent);overflow:hidden;& img{inline-size:100%;block-size:100%}}:where(html[data-cardondo-pack-ui=v4]) .pv4PackageCatalog{display:grid;place-items:center;min-inline-size:42px;block-size:42px;padding-inline:10px;border:1px solid color-mix(in srgb,var(--white) 20%,transparent);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--ink) 68%,transparent);color:var(--white);font-size:11px;font-weight:860;letter-spacing:.06em}:where(html[data-cardondo-pack-ui=v4]) .pv4PackageBottom{inset-block-end:30px;text-shadow:0 2px 14px color-mix(in srgb,var(--ink) 86%,transparent);>b,>small{display:block}>b{margin-block-start:10px;color:var(--white);font-size:12px;text-align:center}>small{margin-block-start:5px;color:color-mix(in srgb,var(--white) 72%,transparent);font-size:10px;text-align:center}}:where(html[data-cardondo-pack-ui=v4]) .pv4PackageTear{display:flex;align-items:center;gap:9px;color:var(--accent);& i{flex:1;block-size:1px;background:currentColor}& b{font-size:10px;letter-spacing:.08em;white-space:nowrap}}:where(html[data-cardondo-pack-ui=v4]) .pv4PackageHint{margin:12px 0 0;color:var(--muted);font-size:10px;text-align:center}:where(html[data-cardondo-pack-ui=v4]) .packOpening .pv4Package{animation:pv4-pack-open .32s var(--ease-standard) both}:where(html[data-cardondo-pack-ui=v4]) .packOpening .pv4PackageTear{animation:pv4-pack-tear .32s var(--ease-standard) both}@keyframes pv4-pack-open{0%{transform:translateY(0) scale(1)}35%{transform:translateY(-7px) scale(1.015)}70%{opacity:1;transform:translateY(-9px) scale(1.02)}to{opacity:.42;transform:translateY(8px) scale(.97)}}@keyframes pv4-pack-tear{0%,25%{opacity:1;transform:translate(0)}70%,to{opacity:0;transform:translate(44px)}}:where(html[data-cardondo-pack-ui=v4]) .pv4RevealProgress{grid-column:2;padding:15px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper);>div:first-child{display:grid;gap:4px}& b{font-size:18px}& span{color:var(--muted);font-size:11px;line-height:1.45}}:where(html[data-cardondo-pack-ui=v4]) .pv4RevealDots{display:flex;align-items:center;gap:7px;margin-block-start:13px;& i{inline-size:9px;block-size:9px;border-radius:var(--radius-pill);background:var(--line);font-size:0}& i.current{background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}& i.done{background:var(--ink)}& i.last{inline-size:auto;min-block-size:24px;padding-inline:8px;display:grid;place-items:center;font-size:10px;font-style:normal}}:where(html[data-cardondo-pack-ui=v4]) .pv4Cards{grid-column:1;grid-row:2 / span 3;display:grid;place-items:start center;min-block-size:630px;padding:26px;border:1px solid var(--line);border-radius:var(--radius-lg);background:radial-gradient(circle at 50% 32%,color-mix(in srgb,var(--blue) 7%,transparent),transparent 23rem),var(--paper)}:where(html[data-cardondo-pack-ui=v4]) .pv4Card{display:none;inline-size:min(320px,100%);text-align:center}:where(html[data-cardondo-pack-ui=v4]) .pv4Card[data-active]{display:block;animation:pv4-card-enter var(--motion-standard) var(--ease-standard) both}@keyframes pv4-card-enter{0%{opacity:0;transform:translate(18px) scale(.98)}to{opacity:1;transform:none}}:where(html[data-cardondo-pack-ui=v4]) .pv4CardFlip{position:relative;display:block;inline-size:100%;aspect-ratio:5 / 7;padding:0;border:0;border-radius:18px;background:transparent;color:inherit;perspective:1200px}:where(html[data-cardondo-pack-ui=v4]) .pv4CardFace{position:absolute;inset:0;display:grid;overflow:hidden;border-radius:18px;backface-visibility:hidden;transition:transform var(--motion-standard) var(--ease-standard),opacity var(--motion-fast) var(--ease-standard)}:where(html[data-cardondo-pack-ui=v4]) .pv4CardBack{place-items:center;border:1px solid color-mix(in srgb,var(--accent) 36%,var(--line));background:var(--ink);color:var(--white);box-shadow:0 22px 48px color-mix(in srgb,var(--ink) 22%,transparent);transform:rotateY(0);&:after{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,color-mix(in srgb,var(--ink) 8%,transparent),color-mix(in srgb,var(--ink) 30%,transparent));content:""}.pv4CardBackArt{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover}.pv4CardBackMark{position:relative;z-index:2;inline-size:46px;block-size:46px;border-radius:var(--radius-sm);box-shadow:0 8px 22px color-mix(in srgb,var(--ink) 34%,transparent)}& b{position:relative;z-index:2;margin-block-start:-76px;font-size:18px;letter-spacing:.14em;text-shadow:0 2px 12px color-mix(in srgb,var(--ink) 80%,transparent)}& small{position:absolute;inset-block-end:22px;z-index:2;font-size:11px;font-weight:800;letter-spacing:.12em}}:where(html[data-cardondo-pack-ui=v4]) .pv4CardFront{border:1px solid var(--line);background:var(--paper);box-shadow:0 22px 48px color-mix(in srgb,var(--ink) 20%,transparent);opacity:0;transform:rotateY(180deg)}:where(html[data-cardondo-pack-ui=v4]) .pv4Card:is(.rarity-rare,.rarity-premium,.rarity-peak) .pv4CardFront{border-color:var(--line-strong)}:where(html[data-cardondo-pack-ui=v4]) .pv4Card:is(.rarity-premium,.rarity-peak)[data-revealed=true] .pv4CardFront{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft),0 22px 48px color-mix(in srgb,var(--ink) 20%,transparent)}:where(html[data-cardondo-pack-ui=v4]) .pv4Card:is(.rarity-premium,.rarity-peak)[data-revealed=true] .pv4CardFront:before{position:absolute;inset-block-start:0;inset-inline:0;z-index:2;block-size:4px;background:var(--accent);content:"";transform-origin:left;animation:pv4-rarity-line var(--motion-fast) var(--ease-standard) both}:where(html[data-cardondo-pack-ui=v4]) .pv4Card.rarity-peak[data-revealed=true] .pv4CardFront:after{position:absolute;inset-block:0;inset-inline-start:0;z-index:2;inline-size:4px;background:var(--accent);content:"";animation:pv4-rarity-line-vertical var(--motion-fast) var(--ease-standard) both}@keyframes pv4-rarity-line{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes pv4-rarity-line-vertical{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}:where(html[data-cardondo-pack-ui=v4]) .pv4CardImage{display:grid;place-items:center;inline-size:100%;block-size:100%;padding:7px;background:var(--surface-subtle);& img{inline-size:100%;block-size:100%;border-radius:12px;object-fit:contain}}:where(html[data-cardondo-pack-ui=v4]) .pv4Card[data-revealed=true]{.pv4CardBack{opacity:0;transform:rotateY(-180deg)}.pv4CardFront{opacity:1;transform:rotateY(0)}}:where(html[data-cardondo-pack-ui=v4]) .pv4Card[data-reveal-phase=holding] .pv4CardFlip{pointer-events:none;transform:translateY(-2px);transition:transform var(--motion-fast) var(--ease-standard)}:where(html[data-cardondo-pack-ui=v4]) .pv4CardIdentity{display:none;margin-block-start:16px;text-align:start;>div:first-child{display:flex;justify-content:space-between;align-items:center}>div:first-child span{color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.08em}>div:first-child b{padding:4px 7px;border-radius:var(--radius-pill);background:var(--accent);color:var(--white);font-size:10px}>div:first-child b.duplicate{background:var(--surface-subtle);color:var(--muted)}& h3{margin:7px 0 3px;font-size:21px;letter-spacing:var(--tracking-title)}& p{margin:0;color:var(--text-secondary);font-size:12px;line-height:1.5}}:where(html[data-cardondo-pack-ui=v4]) .pv4Card[data-revealed=true] .pv4CardIdentity{display:block;animation:pv4-identity-in var(--motion-fast) var(--ease-standard) both}@keyframes pv4-identity-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}:where(html[data-cardondo-pack-ui=v4]) .pv4RaritySignal{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-block-start:12px;padding:11px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-subtle);& span,small,strong{display:block}& small{color:var(--muted);font-size:10px}& strong{margin-block-start:3px;font-size:13px}& em{color:var(--text-secondary);font-size:11px;font-style:normal;font-weight:850;white-space:nowrap}}:where(html[data-cardondo-pack-ui=v4]) .pv4Card:is(.rarity-rare,.rarity-premium,.rarity-peak) .pv4RaritySignal{border-color:var(--line-strong);background:var(--paper)}:where(html[data-cardondo-pack-ui=v4]) .pv4Card:is(.rarity-premium,.rarity-peak) .pv4RaritySignal{border-color:var(--accent-line);background:var(--accent-soft);& em,strong{color:var(--accent-hover)}}:where(html[data-cardondo-pack-ui=v4]) .pv4TemperatureSignal{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-block-start:7px;color:var(--muted);font-size:10px;& b{color:var(--text-secondary);font-size:10px}}:where(html[data-cardondo-pack-ui=v4]) .pv4CardDetail{display:none;min-block-size:var(--tap-size);margin-block-start:9px;color:var(--text-secondary);font-size:12px;font-weight:750;line-height:var(--tap-size);text-decoration:none}:where(html[data-cardondo-pack-ui=v4]) .pv4Card[data-revealed=true] .pv4CardDetail{display:block}:where(html[data-cardondo-pack-ui=v4]) .pv4Controls{grid-column:2;display:grid;gap:8px;padding:13px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper);>small{color:var(--muted);font-size:10px;line-height:1.45;text-align:center}}:where(html[data-cardondo-pack-ui=v4]) :is(.pv4PrimaryButton,.pv4SecondaryButton){min-block-size:48px;border-radius:var(--radius-sm);font:inherit;font-size:13px;font-weight:820;cursor:pointer}:where(html[data-cardondo-pack-ui=v4]) .pv4PrimaryButton{border:0;background:var(--accent);color:var(--white)}:where(html[data-cardondo-pack-ui=v4]) .pv4PrimaryButton:not(:disabled):hover{background:var(--accent-hover)}:where(html[data-cardondo-pack-ui=v4]) .pv4PrimaryButton:disabled{background:var(--surface-subtle);color:var(--muted);cursor:not-allowed}:where(html[data-cardondo-pack-ui=v4]) .pv4SecondaryButton{border:1px solid var(--line);background:var(--paper);color:var(--text-secondary)}:where(html[data-cardondo-pack-ui=v4]) .pv4Result{grid-column:1 / -1;display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:28px;padding:28px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper);box-shadow:var(--shadow);scroll-margin-block-start:92px}:where(html[data-cardondo-pack-ui=v4]) body[data-pack-step=result] .pv4Result{grid-row:2}:where(html[data-cardondo-pack-ui=v4]) body[data-pack-step=result] :is(.pv4ActiveContext,.pv4RevealProgress,.pv4PackageStage,.pv4Cards,.pv4Controls){display:none}:where(html[data-cardondo-pack-ui=v4]) .pv4ResultVisual{position:sticky;inset-block-start:92px;align-self:start;display:grid;place-items:center;aspect-ratio:5 / 7;overflow:hidden;border-radius:18px;background:var(--surface-subtle);animation:pv4-result-visual-in var(--motion-standard) var(--ease-standard) both;& img{inline-size:100%;block-size:100%;padding:7px;border-radius:inherit;object-fit:contain}}@keyframes pv4-result-visual-in{0%{opacity:.72;transform:translateY(4px)}to{opacity:1;transform:none}}:where(html[data-cardondo-pack-ui=v4]) .pv4ResultBadge{position:absolute;inset-block-start:12px;inset-inline-start:12px;z-index:2;padding:5px 8px;border-radius:var(--radius-pill);background:var(--accent);color:var(--white);font-size:10px;font-weight:900;letter-spacing:.08em;&.duplicate{background:var(--ink)}}:where(html[data-cardondo-pack-ui=v4]) .pv4ResultBadge.duplicate{border:1px solid var(--line-strong);background:var(--paper);color:var(--text-secondary)}:where(html[data-cardondo-pack-ui=v4]) .pv4Result[data-rarity-level="4"] .pv4ResultVisual,:where(html[data-cardondo-pack-ui=v4]) .pv4Result[data-rarity-level="5"] .pv4ResultVisual{box-shadow:inset 0 4px 0 var(--accent)}:where(html[data-cardondo-pack-ui=v4]) .pv4ResultBody{min-inline-size:0}:where(html[data-cardondo-pack-ui=v4]) .pv4ResultHeadline{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block-end:14px;border-block-end:1px solid var(--line);>span{color:var(--accent);font-size:10px;font-weight:900;letter-spacing:.12em}>div{display:flex;gap:12px}& small{color:var(--muted);font-size:10px}:is(b,strong){color:var(--text-secondary);font-size:11px}}:where(html[data-cardondo-pack-ui=v4]) .pv4ResultBody>h3{margin:20px 0 0;font-size:clamp(25px,3vw,36px);line-height:1.08;letter-spacing:var(--tracking-display)}:where(html[data-cardondo-pack-ui=v4]) #packResultTitle:focus{outline:0}:where(html[data-cardondo-pack-ui=v4]) .pv4ResultBody>h4{margin:9px 0 0;font-size:22px;letter-spacing:var(--tracking-title)}:where(html[data-cardondo-pack-ui=v4]) .pv4ResultOfficialRarity{display:flex;align-items:center;gap:8px;margin:12px 0 0;color:var(--muted);font-size:10px;font-weight:750;& b{color:var(--ink);font-size:13px}}:where(html[data-cardondo-pack-ui=v4]) .pv4ResultCardIdentity{margin:4px 0 0;color:var(--text-secondary);font-size:12px;font-weight:700}:where(html[data-cardondo-pack-ui=v4]) #packResultText{margin:7px 0 0;color:var(--muted);font-size:11px}:where(html[data-cardondo-pack-ui=v4]) .pv4ResultCards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-block-start:22px}:where(html[data-cardondo-pack-ui=v4]) .pv4ResultCard{min-inline-size:0;padding:7px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);color:var(--ink);text-decoration:none;transition:border-color var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard);&:hover{border-color:var(--line-strong);transform:translateY(-2px)}}:where(html[data-cardondo-pack-ui=v4]) .pv4ResultCard:is(.rarity-rare,.rarity-premium,.rarity-peak){border-color:var(--line-strong)}:where(html[data-cardondo-pack-ui=v4]) .pv4ResultCard:is(.rarity-premium,.rarity-peak){border-color:var(--accent);background:var(--accent-soft)}:where(html[data-cardondo-pack-ui=v4]) .pv4ResultCard.rarity-peak{box-shadow:inset 0 3px 0 var(--accent)}:where(html[data-cardondo-pack-ui=v4]) .pv4ResultCardImage{position:relative;display:block;aspect-ratio:5 / 7;overflow:hidden;border-radius:7px;background:var(--surface-subtle);& img{inline-size:100%;block-size:100%;object-fit:contain}}:where(html[data-cardondo-pack-ui=v4]) .pv4ResultRarityBadge{position:absolute;inset-block-start:5px;inset-inline-start:5px;max-inline-size:calc(100% - 10px);overflow:hidden;padding:4px 6px;border:1px solid var(--line);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--paper) 92%,transparent);color:var(--text-secondary);font-size:10px;font-style:normal;font-weight:850;line-height:1;text-overflow:ellipsis;white-space:nowrap}:where(html[data-cardondo-pack-ui=v4]) .pv4ResultCard:is(.rarity-rare,.rarity-premium,.rarity-peak) .pv4ResultRarityBadge{border-color:var(--ink);background:var(--ink);color:var(--white)}:where(html[data-cardondo-pack-ui=v4]) .pv4ResultCard:is(.rarity-premium,.rarity-peak) .pv4ResultRarityBadge{border-color:var(--accent);background:var(--accent)}:where(html[data-cardondo-pack-ui=v4]) .pv4ResultCardCopy{display:block;padding:7px 2px 2px;& small,b,span,em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}& small{color:var(--accent);font-size:10px;font-weight:850}& b{margin-block-start:3px;font-size:11px}& span{margin-block-start:2px;color:var(--muted);font-size:10px}& em{margin-block-start:5px;padding-block-start:5px;border-block-start:1px solid var(--line);color:var(--text-secondary);font-size:10px;font-style:normal;font-weight:800}}:where(html[data-cardondo-pack-ui=v4]) .pv4ResultStats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-block-start:12px;>div{padding:13px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-subtle)}& span,b{display:block}& span{color:var(--muted);font-size:10px;font-weight:750}& b{margin-block-start:4px;font-size:20px}}:where(html[data-cardondo-pack-ui=v4]) .pv4ResultStats>div{min-inline-size:0}:where(html[data-cardondo-pack-ui=v4]) .pv4ResultProgress{margin-block-start:12px;padding:16px;border:1px solid var(--accent-line);border-radius:var(--radius-md);background:var(--accent-soft);>div{display:flex;align-items:center;justify-content:space-between;gap:12px}>div span{color:var(--accent-hover);font-size:10px;font-weight:850}>div strong{color:var(--accent-hover);font-size:18px}>b{display:block;margin-block-start:6px;font-size:13px}>small{display:block;margin-block-start:7px;color:var(--text-secondary);font-size:10px}}:where(html[data-cardondo-pack-ui=v4]) .pv4ResultProgressTrack{display:block;block-size:8px;margin-block-start:12px;overflow:hidden;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--accent) 14%,var(--paper));& i{display:block;block-size:100%;border-radius:inherit;background:var(--accent);transition:inline-size var(--motion-standard) var(--ease-standard)}}:where(html[data-cardondo-pack-ui=v4]) #packCollectionButton{inline-size:100%;min-block-size:48px;margin-block-start:13px;border:1px solid var(--accent);border-radius:var(--radius-sm);background:var(--accent);color:var(--white);font:inherit;font-size:12px;font-weight:820}:where(html[data-cardondo-pack-ui=v4]) #packResultSyncState{text-align:center}:where(html[data-cardondo-pack-ui=v4]) .pv4SyncRetry{inline-size:100%;min-block-size:var(--tap-size);margin-block-start:8px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);color:var(--text-secondary);font:inherit;font-size:11px;font-weight:780}:where(html[data-cardondo-pack-ui=v4]) .pv4ResultMethod{margin-block-start:8px;border-block:1px solid var(--line);& summary{min-block-size:var(--tap-size);padding-block:13px;color:var(--text-secondary);font-size:11px;font-weight:760;cursor:pointer}}:where(html[data-cardondo-pack-ui=v4]) .pv4SignalList{display:grid;gap:6px;padding-block-end:8px;& span{color:var(--text-secondary);font-size:10px}& b{color:var(--ink)}}:where(html[data-cardondo-pack-ui=v4]) .pv4ResultDisclosure{margin:0 0 12px;color:var(--muted);font-size:10px;line-height:1.55}:where(html[data-cardondo-pack-ui=v4]) .pv4ResultActions{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-block-start:16px;:is(button,a){display:grid;place-items:center;min-block-size:48px;padding:9px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);color:var(--text-secondary);font:inherit;font-size:11px;font-weight:800;text-align:center;text-decoration:none}}:where(html[data-cardondo-pack-ui=v4]) .pv4ShareButton{border-color:var(--line);background:var(--paper);color:var(--text-secondary)}@media(max-width:1040px)and (min-width:821px){:where(html[data-cardondo-pack-ui=v4]) .pv4Main{grid-template-columns:300px minmax(0,1fr);gap:16px}:where(html[data-cardondo-pack-ui=v4]) .pv4Stage{grid-template-columns:minmax(0,1fr) 230px}:where(html[data-cardondo-pack-ui=v4]) .pv4Result{grid-template-columns:230px minmax(0,1fr)}}@media(max-width:820px){:where(html[data-cardondo-pack-ui=v4]) .pv4Topbar{min-block-size:calc(62px + env(safe-area-inset-top));padding-block-start:env(safe-area-inset-top);padding-inline:16px}:where(html[data-cardondo-pack-ui=v4]) .pv4Brand small,:where(html[data-cardondo-pack-ui=v4]) #packCollectionCount{display:none}:where(html[data-cardondo-pack-ui=v4]) :is(.pv4DailyStatus,.packDailyStatus){max-inline-size:150px;font-size:10px}:where(html[data-cardondo-pack-ui=v4]) .pv4Main{display:block;min-block-size:calc(100dvh - 62px - env(safe-area-inset-top));inline-size:100%;padding:0 16px calc(42px + env(safe-area-inset-bottom))}:where(html[data-cardondo-pack-ui=v4]) body[data-pack-step=pack] :is(.pv4DailyStatus,.packDailyStatus),:where(html[data-cardondo-pack-ui=v4]) body[data-pack-step=reveal] :is(.pv4DailyStatus,.packDailyStatus),:where(html[data-cardondo-pack-ui=v4]) body[data-pack-step=result] :is(.pv4DailyStatus,.packDailyStatus){display:none}:where(html[data-cardondo-pack-ui=v4]) .pv4Hero{margin-inline:-16px;padding:24px 20px 28px;border:0;border-radius:0;box-shadow:none}:where(html[data-cardondo-pack-ui=v4]) .pv4HeroCopy>h1{font-size:clamp(34px,10vw,44px)}:where(html[data-cardondo-pack-ui=v4]) .pv4GameChoice{min-block-size:104px}:where(html[data-cardondo-pack-ui=v4]) .pv4Rules{display:none}:where(html[data-cardondo-pack-ui=v4]) .pv4DailyMix{margin-block-start:12px}:where(html[data-cardondo-pack-ui=v4]) .pv4How{display:none}:where(html[data-cardondo-pack-ui=v4]) .pv4SetStepHead{display:flex;align-items:flex-start;gap:12px;margin-block-end:16px;>button{flex:0 0 auto;inline-size:var(--tap-size);block-size:var(--tap-size);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);color:var(--text-secondary);font-size:22px}& span{color:var(--accent);font-size:10px;font-weight:850}& h2{margin:3px 0;font-size:26px;letter-spacing:var(--tracking-title)}& p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}}:where(html[data-cardondo-pack-ui=v4]) .pv4SetChooser{margin:0;padding:0;border:0}:where(html[data-cardondo-pack-ui=v4]) .pv4SetChooserHead{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px;margin-block-end:10px}:where(html[data-cardondo-pack-ui=v4]) .pv4SetChooserHead>div{min-inline-size:0}:where(html[data-cardondo-pack-ui=v4]) .pv4SetChooserHead .pv4SetSearchButton{grid-column:2;grid-row:1;padding-inline:12px}:where(html[data-cardondo-pack-ui=v4]) .pv4SetDesktopSelect{display:none}:where(html[data-cardondo-pack-ui=v4]) .pv4SetCard{min-block-size:100px}:where(html[data-cardondo-pack-ui=v4]) .pv4Stage{display:block}:where(html[data-cardondo-pack-ui=v4]) .pv4StageHead{display:none}:where(html[data-cardondo-pack-ui=v4]) .pv4ActiveContext{margin-inline:-16px;padding:12px 16px;border-inline:0;border-radius:0;scroll-margin-block-start:calc(62px + env(safe-area-inset-top))}:where(html[data-cardondo-pack-ui=v4]) .pv4PackageStage{min-block-size:0;margin-inline:-16px;padding:18px 16px 14px;border:0;border-radius:0;box-shadow:none;scroll-margin-block-start:calc(62px + env(safe-area-inset-top))}:where(html[data-cardondo-pack-ui=v4]) .pv4Package{inline-size:min(310px,84vw)}:where(html[data-cardondo-pack-ui=v4]) body[data-pack-step=pack] .pv4Package{inline-size:min(300px,80vw);aspect-ratio:3 / 4.8}:where(html[data-cardondo-pack-ui=v4]) .pv4PackageHint{max-inline-size:300px;line-height:1.45}:where(html[data-cardondo-pack-ui=v4]) .pv4Controls{margin:0 -4px;padding:10px 12px 12px}:where(html[data-cardondo-pack-ui=v4]) body[data-pack-step=reveal] .pv4Controls{grid-template-columns:1fr 1fr}:where(html[data-cardondo-pack-ui=v4]) body[data-pack-step=reveal] .pv4Controls>small{display:none}:where(html[data-cardondo-pack-ui=v4]) body[data-pack-step=reveal] #revealAllButton{grid-column:1 / -1}:where(html[data-cardondo-pack-ui=v4]) body[data-pack-step=reveal] #packNextCardButton:not([hidden]){grid-column:1}:where(html[data-cardondo-pack-ui=v4]) body[data-pack-step=reveal] #packNextCardButton:not([hidden])~#revealAllButton{grid-column:2}:where(html[data-cardondo-pack-ui=v4]) .pv4RevealProgress{margin-inline:-16px;padding:14px 18px;border-inline:0;border-radius:0;scroll-margin-block-start:calc(72px + env(safe-area-inset-top))}:where(html[data-cardondo-pack-ui=v4]) .pv4RevealProgress>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px}:where(html[data-cardondo-pack-ui=v4]) .pv4RevealProgress span{text-align:end}:where(html[data-cardondo-pack-ui=v4]) .pv4Cards{min-block-size:0;margin-inline:-16px;padding:16px 24px 12px;border:0;border-radius:0}:where(html[data-cardondo-pack-ui=v4]) .pv4Card{inline-size:min(276px,76vw)}:where(html[data-cardondo-pack-ui=v4]) .pv4CardFlip{border-radius:16px}:where(html[data-cardondo-pack-ui=v4]) .pv4CardFace{border-radius:16px}:where(html[data-cardondo-pack-ui=v4]) .pv4Result{display:grid;grid-template-columns:112px minmax(0,1fr);gap:0 16px;margin-inline:-16px;padding:22px 18px 30px;border-inline:0;border-radius:0;box-shadow:none;scroll-margin-block-start:calc(72px + env(safe-area-inset-top))}:where(html[data-cardondo-pack-ui=v4]) .pv4ResultVisual{position:relative;inset-block-start:auto;grid-column:1;grid-row:1 / span 6;inline-size:112px;margin:0}:where(html[data-cardondo-pack-ui=v4]) .pv4ResultBody{display:contents}:where(html[data-cardondo-pack-ui=v4]) .pv4ResultHeadline{grid-column:2;grid-row:1;align-items:flex-start;padding-block-end:8px}:where(html[data-cardondo-pack-ui=v4]) .pv4ResultHeadline>div{display:grid;gap:3px;text-align:end}:where(html[data-cardondo-pack-ui=v4]) .pv4ResultBody>h3{grid-column:2;grid-row:2;align-self:end;margin-block-start:8px;font-size:23px}:where(html[data-cardondo-pack-ui=v4]) .pv4ResultOfficialRarity{grid-column:2;grid-row:3;margin-block-start:6px}:where(html[data-cardondo-pack-ui=v4]) .pv4ResultBody>h4{grid-column:2;grid-row:4;margin-block-start:6px;font-size:18px}:where(html[data-cardondo-pack-ui=v4]) .pv4ResultCardIdentity{grid-column:2;grid-row:5}:where(html[data-cardondo-pack-ui=v4]) #packResultText{grid-column:2;grid-row:6;align-self:start}:where(html[data-cardondo-pack-ui=v4]) :is(.pv4ResultProgress,.pv4ResultCards,.pv4ResultStats,.pv4ResultMethod,.pv4ResultActions){grid-column:1 / -1}:where(html[data-cardondo-pack-ui=v4]) .pv4ResultProgress{margin-block-start:18px}:where(html[data-cardondo-pack-ui=v4]) .pv4ResultCards{grid-template-columns:repeat(5,112px);overflow-x:auto;margin-inline:-18px;padding:2px 18px 12px;scroll-snap-type:x mandatory;scrollbar-width:none;&::-webkit-scrollbar{display:none}}:where(html[data-cardondo-pack-ui=v4]) .pv4ResultCard{scroll-snap-align:start}:where(html[data-cardondo-pack-ui=v4]) .pv4ResultActions{grid-template-columns:1fr 1fr}:where(html[data-cardondo-pack-ui=v4]) .pv4ResultActions button:first-child{grid-column:1 / -1}:where(html[data-cardondo-pack-ui=v4]) body[data-pack-step=game] :is(.pv4SetChooser,.pv4Goal,.pv4Stage),:where(html[data-cardondo-pack-ui=v4]) body[data-pack-step=set] .pv4Stage,:where(html[data-cardondo-pack-ui=v4]) body[data-pack-step=pack] :is(.pv4Hero,.pv4DailyMix),:where(html[data-cardondo-pack-ui=v4]) body[data-pack-step=reveal] :is(.pv4Hero,.pv4DailyMix,.pv4ActiveContext),:where(html[data-cardondo-pack-ui=v4]) body[data-pack-step=result] :is(.pv4Hero,.pv4DailyMix,.pv4ActiveContext,.pv4RevealProgress,.pv4Cards,.pv4Controls){display:none}:where(html[data-cardondo-pack-ui=v4]) body[data-pack-step=set] .pv4Hero{display:block;padding-block:14px 24px}:where(html[data-cardondo-pack-ui=v4]) body[data-pack-step=set] .pv4HeroCopy>:is(.pv4Eyebrow,#packTitle,p,.pv4GameChoices),:where(html[data-cardondo-pack-ui=v4]) body[data-pack-step=set] .pv4Goal{display:none}:where(html[data-cardondo-pack-ui=v4]) body[data-pack-step=set] .pv4SetChooser{display:block}}@media(min-width:600px)and (max-width:820px){:where(html[data-cardondo-pack-ui=v4]) .pv4Main{max-inline-size:620px;margin-inline:auto}:where(html[data-cardondo-pack-ui=v4]) body[data-pack-step=pack] .pv4Package{inline-size:320px}:where(html[data-cardondo-pack-ui=v4]) .pv4Card{inline-size:320px}:where(html[data-cardondo-pack-ui=v4]) .pv4Result{grid-template-columns:160px minmax(0,1fr)}:where(html[data-cardondo-pack-ui=v4]) .pv4ResultVisual{inline-size:160px}}@media(max-width:420px){:where(html[data-cardondo-pack-ui=v4]) .pv4TopActions{gap:6px}:where(html[data-cardondo-pack-ui=v4]) :is(.pv4DailyStatus,.packDailyStatus){max-inline-size:118px}:where(html[data-cardondo-pack-ui=v4]) .pv4GameChoice{padding-inline-end:108px}:where(html[data-cardondo-pack-ui=v4]) .pv4ResultHeadline{display:grid;gap:5px}:where(html[data-cardondo-pack-ui=v4]) .pv4ResultHeadline>span{display:block;font-size:10px}:where(html[data-cardondo-pack-ui=v4]) .pv4ResultHeadline>div{display:block;inline-size:100%}:where(html[data-cardondo-pack-ui=v4]) .pv4ResultHeadline small{display:block}:where(html[data-cardondo-pack-ui=v4]) .pv4ResultStats{gap:5px;>div{padding:10px 8px}}}@media(prefers-reduced-motion:reduce){:where(html[data-cardondo-pack-ui=v4]) *,:where(html[data-cardondo-pack-ui=v4]) *:before,:where(html[data-cardondo-pack-ui=v4]) *:after{scroll-behavior:auto;animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms}}:where(html[data-cardondo-pack-ui=v4]) .pv4PackageArt{position:absolute;inset-block-start:184px;inset-inline-start:50%;z-index:3;display:grid;inline-size:136px;justify-items:center;gap:7px;transform:translate(-50%);pointer-events:none;& img{display:none;inline-size:100%;aspect-ratio:63 / 88;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--paper);box-shadow:var(--shadow);object-fit:contain}&[data-state=ready] img{display:block}&[data-state=ready] .pv4PackageCardBack{display:none}}:where(html[data-cardondo-pack-ui=v4]) .pv4PackageCardBack{display:grid;inline-size:136px;aspect-ratio:63 / 88;place-items:center;align-content:center;gap:8px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-subtle);color:var(--ink);box-shadow:var(--soft);& b{color:var(--accent);font-size:30px}& small{font-size:10px;font-weight:850;letter-spacing:.12em;line-height:1.45;text-align:center}}:where(html[data-cardondo-pack-ui=v4]) .pv4PackageArtNote{color:var(--muted);font-size:10px;font-weight:750;line-height:1.35;text-align:center}:where(html[data-cardondo-pack-ui=v4]) .pv4Package{border-color:var(--line-strong);background:linear-gradient(150deg,transparent 0 64%,var(--surface-subtle) 64%),var(--paper);color:var(--ink);&:before{position:absolute;inset-block-start:0;inset-inline:0;z-index:6;display:block;block-size:5px;background:var(--accent);content:""}}:where(html[data-cardondo-pack-ui=v4]) .pv4PackageFoil{display:none}:where(html[data-cardondo-pack-ui=v4]) .pv4PackageTop{color:var(--muted);text-shadow:none}:where(html[data-cardondo-pack-ui=v4]) .pv4PackageTop em{border-color:var(--line);background:var(--surface-subtle);color:var(--text-secondary)}:where(html[data-cardondo-pack-ui=v4]) .pv4PackageCenter{inset-block-start:62px;text-shadow:none}:where(html[data-cardondo-pack-ui=v4]) .pv4PackageCenter>small{color:var(--accent)}:where(html[data-cardondo-pack-ui=v4]) .pv4PackageCenter>strong{max-inline-size:278px;color:var(--ink);font-size:clamp(20px,3vw,25px)}:where(html[data-cardondo-pack-ui=v4]) .pv4PackageCenter>span:last-child{color:var(--muted)}:where(html[data-cardondo-pack-ui=v4]) .pv4PackageMark{box-shadow:var(--soft)}:where(html[data-cardondo-pack-ui=v4]) .pv4PackageCatalog{border-color:var(--line);background:var(--surface-subtle);color:var(--text-secondary)}:where(html[data-cardondo-pack-ui=v4]) .pv4PackageBottom{inset-block-end:18px;text-shadow:none}:where(html[data-cardondo-pack-ui=v4]) .pv4PackageBottom>b{color:var(--ink)}:where(html[data-cardondo-pack-ui=v4]) .pv4PackageBottom>small{display:none}@media(max-width:420px){:where(html[data-cardondo-pack-ui=v4]) .pv4PackageArt{inset-block-start:198px;inline-size:124px}:where(html[data-cardondo-pack-ui=v4]) .pv4PackageCardBack{inline-size:124px}}