@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Space+Grotesk:wght@400;500;700&display=swap";.card-shell--missing{filter:grayscale(1);opacity:.55}.card-shell--selected{box-shadow:0 0 0 3px var(--success),var(--shadow-hero);transform:perspective(700px) translate(var(--card-drag-x, 0px)) rotateX(var(--card-tilt-x, 0deg)) rotateY(var(--card-tilt-y, 0deg)) scale(1.04)}.grading-count-badge{position:absolute;top:.3rem;right:.3rem;padding:.1rem .4rem;border-radius:999px;background:var(--surface-chip-strongest);color:var(--warning);font-size:.65rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;z-index:6}.grading-count-badge--stacked{top:1.8rem}.grading-count-badge--triple-stacked{top:3.25rem}.card-count-badge{position:absolute;bottom:.35rem;left:.35rem;padding:.15rem .45rem;border-radius:999px;background:var(--surface-chip-strong);color:var(--neutral-100);font-size:.68rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;z-index:5}.card-value-badge{position:absolute;top:.35rem;right:.35rem;padding:.15rem .45rem;border-radius:999px;background:var(--surface-success);color:var(--success-ink);font-size:.68rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;z-index:5}.card-total-value-badge{position:absolute;top:1.9rem;right:.35rem;padding:.15rem .45rem;border-radius:999px;background:var(--surface-chip-strong);color:var(--success-soft-text);font-size:.62rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;z-index:5}.card-pull-count-badge{position:absolute;bottom:.35rem;right:.35rem;padding:.15rem .45rem;border-radius:999px;background:var(--surface-chip-strong);color:var(--info);font-size:.62rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;z-index:5}.card-shell--slide{animation:card-slide-in .1s ease-out;cursor:pointer}.card-shell--swipe-out{animation:card-swipe-out-right .08s ease-in forwards}@keyframes card-slide-in{0%{opacity:0;transform:translate(18px) translateY(10px) scale(.96)}to{opacity:1;transform:translate(0) translateY(0) scale(1)}}@keyframes card-swipe-out-right{0%{opacity:1;transform:translate(0) translateY(0) scale(1)}to{opacity:0;transform:translate(84px) translateY(4px) scale(.97)}}.card-shell{padding:.25rem .25rem .4rem;position:relative;z-index:0;display:flex;flex-direction:column;gap:.15rem;background:transparent;border-radius:10px;overflow:hidden;box-shadow:var(--shadow-card-strong);transform-origin:center bottom;aspect-ratio:5 / 7;font-size:.85rem;transform:perspective(700px) translate(var(--card-drag-x, 0px)) rotateX(var(--card-tilt-x, 0deg)) rotateY(var(--card-tilt-y, 0deg));transition:transform .18s ease-out,box-shadow .18s ease-out}.card-shell:hover{box-shadow:var(--shadow-card-hover)}.card-shell--overlay{font-size:1rem}.auction-card--complete{box-shadow:0 0 0 2px var(--success),var(--shadow-success)}.card-shell--holo{position:relative;overflow:hidden;transform-style:preserve-3d}.card-shell--holo .card-image-wrapper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:conic-gradient(from var(--holo-angle, 0deg),var(--holo-pink),var(--holo-gold),var(--holo-green),var(--holo-blue),var(--holo-purple),var(--holo-pink));background-blend-mode:screen;mix-blend-mode:screen;opacity:.4;z-index:2;pointer-events:none}.card-shell--holo .card-image-wrapper:after{content:"";position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:radial-gradient(circle at 20% 0%,var(--holo-sheen-start) 0%,var(--holo-sheen-end) 45%);mix-blend-mode:screen;opacity:0;transform:translate(-80%) rotate(12deg);animation:holo-sheen 3.2s ease-in-out infinite;z-index:2;pointer-events:none}@keyframes holo-sheen{0%,60%{opacity:0;transform:translate(-80%) rotate(12deg)}70%{opacity:1}to{opacity:0;transform:translate(60%) rotate(12deg)}}.card-shell--reveal{opacity:0;transform:translateY(40px) scale(.9) rotate(4deg);animation:card-fan-in .6s cubic-bezier(.19,1,.22,1) forwards}@keyframes card-fan-in{0%{opacity:0;transform:translateY(40px) scale(.9) rotate(6deg) rotateY(30deg)}60%{opacity:1;transform:translateY(-8px) scale(1.04) rotate(-3deg) rotateY(-8deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0) rotateY(0)}}.card-shell--common{box-shadow:0 0 10px color-mix(in srgb,var(--card-common) 50%,transparent)}.card-shell--uncommon{box-shadow:0 0 16px color-mix(in srgb,var(--card-uncommon) 40%,transparent)}.card-shell--rare{box-shadow:0 0 20px color-mix(in srgb,var(--card-rare) 35%,transparent)}.card-shell--ultraRare{box-shadow:0 0 22px color-mix(in srgb,var(--card-ultra) 40%,transparent)}.card-shell--secret{box-shadow:0 0 26px color-mix(in srgb,var(--card-secret) 50%,transparent)}.card-shell.card-shell--selected{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-strong) 90%,transparent),var(--shadow-selected-heavy)!important;outline:2px solid color-mix(in srgb,var(--accent) 90%,transparent);outline-offset:1px;background:var(--surface-selected)}.card-frame{position:relative;margin:0;border-radius:.7rem;overflow:hidden;background:transparent;display:flex;flex-direction:column;height:100%}.card-new-ribbon{position:absolute;top:.5rem;right:-2.7rem;padding:.3rem 2.4rem;background:var(--surface-ribbon);color:var(--text-inverse);font-size:.9rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;transform:rotate(45deg);text-align:center;box-shadow:var(--shadow-ribbon);z-index:4}.card-grade-badge{position:absolute;top:.35rem;left:.35rem;padding:.15rem .45rem;border-radius:999px;background:var(--surface-chip-strong);color:var(--warning);font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;z-index:5}.card-auction-badge{position:absolute;top:.35rem;right:.35rem;padding:.15rem .45rem;border-radius:999px;background:var(--surface-chip);color:var(--neutral-100);font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;z-index:5}.card-auction-value-badge{position:absolute;top:1.8rem;right:.35rem;padding:.15rem .45rem;border-radius:999px;background:var(--surface-success);color:var(--success-ink);font-size:.68rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;z-index:5}.card-auction-badge--complete{background:var(--surface-success);color:var(--success-ink)}.card-frame-header{height:1.4rem;padding:0 .4rem;display:flex;align-items:center;justify-content:space-between;font-size:.78em;font-weight:600;letter-spacing:.05em;text-transform:uppercase;background:var(--surface-neutral-frame);border-bottom:1px solid var(--neutral-200);color:var(--text-strong-dark)}.card-image-wrapper{position:relative;flex:1 1 auto;overflow:hidden;border-radius:10px;z-index:1}.card-image{position:relative;width:100%;height:100%;object-fit:contain;border-radius:10px}.card-shell,.card-frame,.card-image-wrapper,.card-image{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.card-meta{padding:.35rem .45rem .45rem;position:relative;z-index:3;display:flex;flex-direction:column;gap:.15rem}.card-name{font-size:1em;font-weight:600;margin-bottom:.1rem;color:var(--text-strong-dark)}.card-tag{font-size:.85em;color:var(--text-strong-dark)}.card-code{font-size:.8em;letter-spacing:.08em;color:var(--text-strong-dark)}.card-collection-meta{margin-top:.25rem;padding:.25rem .35rem;border-radius:.4rem;background:var(--surface-chip);font-size:.7rem;display:flex;flex-direction:column;gap:.12rem}.card-collection-row{display:flex;align-items:center;justify-content:space-between;gap:.4rem}.card-collection-tag{color:var(--text)}.grade-delta-positive{color:var(--success)}.grade-delta-negative{color:var(--danger)}.card-collection-code{font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.cards-grid-scroll{flex:1;min-height:0;overflow-y:auto;padding-right:.2rem}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.cards-grid.small{grid-template-columns:repeat(2,minmax(0,1fr))}.cards-grid-spacer{pointer-events:none}.cards-grid.small .card-shell{font-size:.7rem}@media (min-width: 768px){.cards-grid.small{grid-template-columns:repeat(4,minmax(0,1fr))}}.pack-results-shell{flex:1;min-height:0;display:flex;flex-direction:column;gap:.75rem;overflow:hidden;padding:.75rem;border-radius:1.45rem;border:1px solid var(--border-soft-plus);background:var(--surface-feature-shell);box-shadow:var(--shadow-panel)}.pack-results-topbar,.pack-results-stat-grid{border-radius:1.2rem;border:1px solid var(--border-soft);background:var(--surface-feature-card)}.pack-results-topbar{padding:.3rem}.pack-results-section-kicker{color:var(--accent-cool);text-transform:uppercase;letter-spacing:.14em;font-size:.64rem;font-weight:700}.pack-results-stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.4rem;padding:.3rem}.pack-results-stat-card{display:flex;flex-direction:column;gap:.12rem;padding:.42rem .48rem;border-radius:.72rem;background:var(--surface-feature-stat);border:1px solid var(--border-faint)}.pack-results-stat-card span{font-size:.52rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.pack-results-stat-card strong{font-size:.84rem;line-height:1.05}.pack-results-body{flex:1;min-height:0;display:flex;flex-direction:column;gap:.9rem;overflow-y:auto;padding-right:.15rem}.pack-results-summary-note{font-size:.82rem;color:var(--muted)}.pack-results-section{display:flex;flex-direction:column;gap:.6rem}.pack-results-section-header{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.pack-results-section-title{margin-top:.16rem;font-size:1rem;font-weight:700;letter-spacing:-.01em}.pack-results-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:.8rem}.pack-results-grid .card-shell{font-size:.7rem;height:auto;aspect-ratio:auto;flex:1 1 130px;max-width:180px}.pack-results-grid .card-image-wrapper{flex:0 0 auto}.pack-results-grid .card-image{width:100%;height:auto}.pack-results-card-meta{margin-top:.2rem;padding:.2rem .3rem;font-size:.6rem;border-radius:.6rem;background:color-mix(in srgb,var(--surface-chip) 68%,transparent);border:1px solid var(--border-faint)}.pack-results-card-tag{font-size:.95em}.pack-results-footer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;padding-top:.2rem;border-top:1px solid var(--border-faint)}.pack-results-footer-note{font-size:.78rem;color:var(--muted);text-align:center}.pack-results-done-btn{padding:.62rem 1.2rem;border-radius:999px;border:none;background:var(--surface-button-primary);color:var(--text-inverse);font-weight:700;cursor:pointer;min-width:180px}@media (max-width: 860px){.pack-results-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 640px){.pack-results-stat-grid{grid-template-columns:1fr 1fr}.pack-results-footer{align-items:stretch}.pack-results-done-btn{width:100%}}.pack-overlay-content--opening{padding:.8rem .9rem .9rem}.pack-overlay-header--opening{margin-bottom:.45rem}.pack-opening-reveal-wrap{width:min(740px,100%);margin:0 auto}.pack-opening-reveal-stage{width:min(100%,500px);max-height:calc(100vh - 4.7rem);margin:0 auto;display:flex;flex-direction:column;gap:.7rem;padding:.8rem;border-radius:26px;background:var(--surface-feature-shell);border:1px solid var(--border-soft-plus);box-shadow:var(--shadow-control-strong)}.pack-opening-reveal-topline{display:flex;justify-content:space-between;align-items:flex-start;gap:.8rem}.pack-opening-reveal-kicker{color:var(--accent-cool);text-transform:uppercase;letter-spacing:.14em;font-size:.62rem;font-weight:700}.pack-opening-reveal-title{margin-top:.15rem;font-family:var(--font-display);font-size:clamp(1rem,2vw,1.35rem);line-height:1.02;color:var(--text)}.pack-opening-reveal-progress{flex:0 0 auto;padding:.38rem .62rem;border-radius:999px;background:var(--surface-panel-soft-strong);border:1px solid var(--border-soft-plus);color:color-mix(in srgb,var(--text) 78%,transparent);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.pack-opening-reveal-card-shell{display:flex;justify-content:center;min-height:0;padding:.2rem 0 .1rem}.pack-opening-reveal-card-stack{position:relative;width:min(72vw,320px);height:min(56vh,448px)}.pack-opening-reveal-card-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:stretch;pointer-events:none}.pack-opening-reveal-card-layer .card-shell--overlay{width:100%;max-height:100%}.pack-opening-reveal-card-layer--top{z-index:3;pointer-events:auto}.pack-opening-reveal-card-layer--ghost{z-index:4}.pack-opening-reveal-card-layer--depth-1{z-index:2;transform:scale(.985);opacity:.94;filter:saturate(.94) brightness(.96)}.pack-opening-reveal-card-layer--depth-2{z-index:1;transform:scale(.97);opacity:.86;filter:saturate(.88) brightness(.92)}.pack-opening-reveal-footer{display:grid;grid-template-columns:minmax(0,132px) minmax(0,1fr);gap:.65rem;align-items:stretch}.pack-opening-reveal-value-block,.pack-opening-reveal-next-btn{border-radius:18px;border:1px solid var(--border-soft);background:var(--surface-feature-stat)}.pack-opening-reveal-value-block{display:flex;flex-direction:column;justify-content:center;gap:.15rem;padding:.7rem .8rem}.pack-opening-reveal-value-block span{font-size:.58rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.pack-opening-reveal-value-block strong{font-size:1.2rem;line-height:1;color:var(--text)}.pack-opening-reveal-next-btn{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.15rem;padding:.72rem .9rem;color:var(--text);cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.pack-opening-reveal-next-btn:hover{transform:translateY(-1px);border-color:var(--border-accent-soft);background:var(--surface-control-hover)}.pack-opening-reveal-next-btn span{font-family:var(--font-display);font-size:clamp(1rem,2vw,1.45rem);line-height:1}.pack-opening-reveal-next-btn small{font-size:.68rem;color:var(--muted)}@media (max-width: 640px){.pack-opening-reveal-topline{flex-direction:column}.pack-opening-reveal-footer{grid-template-columns:1fr}.pack-opening-reveal-progress{align-self:flex-start}.pack-opening-reveal-card-shell .card-shell--overlay{width:100%;max-height:100%}.pack-opening-reveal-card-stack{width:min(74vw,300px);height:min(52vh,420px)}}.open-pack-panel{flex:0 0 310px;max-width:100%;padding:.8rem .9rem .95rem;border-radius:1.5rem;background:linear-gradient(180deg,var(--panel),var(--surface-panel-soft-stronger));border:1px solid var(--stroke);box-shadow:var(--shadow-panel);display:flex;flex-direction:column;gap:.8rem}.pack-panel-header{display:flex;flex-direction:column;justify-content:flex-end;min-height:5.1rem}.pack-panel-kicker{margin-bottom:.25rem;color:var(--accent-cool);text-transform:uppercase;letter-spacing:.12em;font-size:.62rem;font-weight:700}.pack-panel-title{margin:0 0 .15rem;font-family:var(--font-display);font-size:1.38rem;line-height:1.02;letter-spacing:-.03em}.pack-panel-subtitle{margin:0 0 .45rem;font-size:.8rem;color:var(--muted);line-height:1.42}.pack-panel-select-row{display:flex;align-items:center;gap:.45rem;margin-bottom:.5rem}.pack-panel-select-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.pack-panel-select{flex:1;padding:.5rem .65rem;border-radius:.7rem;border:1px solid var(--border-medium);background:var(--surface-control);color:var(--text);font-size:.8rem;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.pack-panel-select:hover{border-color:var(--border-accent-soft)}.pack-panel-select:focus{outline:none;border-color:var(--ring-accent);box-shadow:0 0 0 3px var(--ring-accent-soft)}.pack-panel-hint{text-align:left;margin:0;font-size:.76rem;color:var(--muted);line-height:1.45}.pack-panel-card{display:flex;flex-direction:column;gap:.75rem;height:100%;background:var(--surface-panel-card);border-radius:1.15rem;padding:.85rem;border:1px solid var(--border-soft);box-shadow:var(--shadow-inset-highlight),var(--shadow-card)}.pack-panel-summary-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin-bottom:.55rem}.pack-panel-summary-pill{padding:.58rem .68rem;border-radius:.9rem;background:var(--surface-panel-soft);border:1px solid var(--border-faint);display:flex;flex-direction:column;gap:.2rem}.pack-panel-summary-pill span{color:var(--muted);font-size:.58rem;text-transform:uppercase;letter-spacing:.1em}.pack-panel-summary-pill strong{font-size:.88rem}.pack-panel-visual{position:relative;width:150px;height:200px;margin:.2rem auto .6rem;perspective:1000px}.pack-panel-body{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:1.2rem;background:linear-gradient(145deg,color-mix(in srgb,var(--danger) 28%,var(--bg-alt)),color-mix(in srgb,var(--accent) 48%,var(--pack-shell-base)));border:2px solid var(--border-soft);display:flex;align-items:center;justify-content:center;text-align:center;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-bright);box-shadow:var(--shadow-hero)}.pack-panel-art-image{width:100%;height:100%;object-fit:cover;border-radius:1.05rem}.pack-panel-glow{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(circle at center,color-mix(in srgb,var(--accent) 42%,transparent),transparent 60%);opacity:0;pointer-events:none;transition:opacity .08s ease-out}.pack-panel-visual--idle .pack-panel-body{transform:translateY(0) rotateX(8deg) rotateY(-6deg)}.pack-panel-visual--shaking .pack-panel-body{animation:pack-shake .11s ease-in-out infinite}.pack-panel-visual--burst .pack-panel-glow{opacity:1;animation:pack-burst .09s ease-out forwards}.pack-panel-visual--burst .pack-panel-body{transform:scale(1.05) translateY(-4px)}.pack-panel-visual--revealing .pack-panel-body{opacity:0;transform:translateY(-60px) scale(.9);transition:all .11s ease-out}.pack-panel-multi-open-row{display:flex;align-items:center;gap:.5rem;margin-top:.45rem;justify-content:center;flex-wrap:wrap}.pack-panel-multi-open-row>*:first-child{flex:0 0 auto}.pack-panel-multi-open-select{min-width:150px}.pack-panel-info-wrap{position:relative;flex:0 0 auto}.pack-panel-info-trigger{width:1.9rem;height:1.9rem;border-radius:999px;border:1px solid var(--border-medium);background:var(--surface-control);color:var(--muted);font:inherit;font-size:.9rem;font-weight:700;cursor:help;transition:border-color .2s ease,color .2s ease,background .2s ease}.pack-panel-info-trigger:hover,.pack-panel-info-wrap:focus-within .pack-panel-info-trigger{border-color:var(--border-accent-soft);color:var(--text);background:var(--surface-control-hover)}.pack-panel-info-trigger:focus{outline:none}.pack-panel-info-popover{position:absolute;right:0;top:calc(100% + .55rem);z-index:5;width:min(18rem,calc(100vw - 4rem));padding:.75rem;border-radius:.9rem;border:1px solid var(--border-soft);background:linear-gradient(180deg,var(--panel-strong),var(--surface-panel-soft-stronger));box-shadow:var(--shadow-card);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-4px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease}.pack-panel-info-wrap:hover .pack-panel-info-popover,.pack-panel-info-wrap:focus-within .pack-panel-info-popover{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}@media (max-width: 900px){.open-pack-panel{padding:.7rem .75rem .8rem;border-radius:1.3rem;gap:.7rem}.pack-panel-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.pack-panel-visual{width:135px;height:180px}}.pack-panel-odds{margin-top:.6rem;padding:.6rem .7rem;border-radius:.75rem;background:var(--surface-panel-soft);border:1px solid var(--border-faint);font-size:.75rem}.pack-panel-checkbox{width:1rem;height:1rem;margin:0;accent-color:var(--accent);cursor:pointer}.pack-panel-quick-toggle{display:flex;align-items:center;gap:.45rem;cursor:pointer;color:var(--muted);font-size:.76rem;letter-spacing:.04em;text-transform:uppercase}.pack-panel-quick-toggle:hover{color:var(--text)}.pack-panel-quick-toggle:has(.pack-panel-checkbox:disabled){opacity:.6;cursor:default}.pack-panel-quick-toggle--icon{position:relative;width:1.9rem;height:1.9rem;justify-content:center;gap:0;border-radius:999px;border:1px solid var(--border-medium);background:var(--surface-control);color:var(--muted);text-transform:none;letter-spacing:0;transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease}.pack-panel-checkbox--sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pack-panel-quick-toggle-icon{font-size:1rem;line-height:1}.pack-panel-quick-toggle--icon:hover,.pack-panel-info-wrap--inline:focus-within .pack-panel-quick-toggle--icon{border-color:var(--border-accent-soft);background:var(--surface-control-hover);color:var(--text);transform:translateY(-1px)}.pack-panel-quick-toggle--icon:has(.pack-panel-checkbox:checked){border-color:color-mix(in srgb,var(--accent) 68%,white 8%);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 42%,var(--surface-control-hover)),color-mix(in srgb,var(--accent-strong) 58%,var(--surface-control)));color:var(--text-bright);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 24%,transparent),0 10px 22px color-mix(in srgb,var(--accent) 24%,transparent)}.pack-panel-quick-toggle--icon:has(.pack-panel-checkbox:focus-visible){outline:none;box-shadow:0 0 0 3px var(--ring-accent-soft)}.pack-panel-info-wrap--inline{flex:0 0 auto}.pack-panel-info-trigger--inline{width:1.55rem;height:1.55rem;font-size:.78rem}.pack-panel-info-popover--inline{right:auto;left:50%;top:calc(100% + .45rem);width:min(16rem,calc(100vw - 4rem));transform:translate(-50%,-4px)}.pack-panel-info-wrap--inline:hover .pack-panel-info-popover--inline,.pack-panel-info-wrap--inline:focus-within .pack-panel-info-popover--inline{transform:translate(-50%)}.pack-panel-odds-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:.3rem}.pack-panel-odds-rows{display:flex;flex-wrap:wrap;gap:.3rem .6rem}.pack-panel-odds-row{display:flex;align-items:baseline;gap:.25rem}.pack-panel-odds-rarity{font-weight:600}.pack-panel-odds-percent{color:var(--muted)}.pack-panel-odds-common .pack-panel-odds-rarity{color:var(--card-common)}.pack-panel-odds-rare .pack-panel-odds-rarity{color:var(--card-rare)}.pack-panel-odds-uncommon .pack-panel-odds-rarity{color:var(--card-uncommon)}.pack-panel-odds-ultraRare .pack-panel-odds-rarity{color:var(--card-ultra)}.pack-panel-odds-secret .pack-panel-odds-rarity{color:var(--card-secret)}.pack-panel-video-summary{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);row-gap:.2rem;column-gap:1.25rem;font-size:.8rem;margin-top:.5rem;margin-bottom:.75rem;padding:.7rem .8rem;border-radius:.9rem;background:var(--surface-panel-soft);border:1px solid var(--border-faint)}.pack-panel-video-row{display:contents}.pack-panel-video-row span{color:var(--muted);text-align:left}.pack-panel-video-row strong{text-align:right;font-weight:600}@keyframes pack-shake{0%{transform:translate(0) rotate(0)}20%{transform:translate(-6px) rotate(-3deg)}40%{transform:translate(6px) rotate(3deg)}60%{transform:translate(-4px) rotate(-2deg)}80%{transform:translate(4px) rotate(2deg)}to{transform:translate(0) rotate(0)}}@keyframes pack-burst{0%{opacity:0;transform:scale(.8)}40%{opacity:1;transform:scale(1.05)}to{opacity:0;transform:scale(1.2)}}.pack-panel-visual,.pack-panel-body,.pack-panel-art-image{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}@media (min-width: 961px){.open-pack-panel{flex:1 1 auto;min-height:0;height:100%}}@media (max-width: 1180px){.pack-panel-header{min-height:6.9rem}}@media (max-width: 720px){.pack-panel-summary-strip,.pack-panel-video-summary{grid-template-columns:1fr}.pack-panel-select-row,.pack-panel-multi-open-row{flex-direction:column;align-items:stretch}.pack-panel-info-wrap{align-self:flex-end}.pack-panel-multi-open-row>*:first-child{flex:1}.pack-panel-multi-open-select{min-width:0}}.grading-results-summary{flex:1;display:flex;flex-direction:column;justify-content:flex-start;min-height:0;overflow-y:auto;gap:.9rem}.grading-results-topbar{display:flex;flex-direction:column;gap:.65rem}.grading-results-stat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.55rem}.grading-results-stat-card{display:flex;flex-direction:column;gap:.16rem;padding:.72rem .78rem;border-radius:1rem;background:var(--surface-panel-card-alt);border:1px solid var(--border-soft)}.grading-results-stat-card span{color:var(--muted);font-size:.66rem;text-transform:uppercase;letter-spacing:.1em}.grading-results-stat-card strong{font-size:.96rem;line-height:1.15;color:var(--text)}.grading-results-meta{font-size:.86rem;color:var(--muted);line-height:1.45}.grading-results-grade-strip{display:flex;flex-wrap:wrap;gap:.45rem}.grading-results-grade-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.42rem .62rem;border-radius:999px;background:var(--surface-panel-soft);border:1px solid var(--border-faint)}.grading-results-grade-pill span{font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.grading-results-grade-pill strong{font-size:.82rem}.grading-results-section{display:flex;flex-direction:column;gap:.6rem}.grading-results-section-header{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.grading-results-section-kicker{color:var(--accent-cool);text-transform:uppercase;letter-spacing:.12em;font-size:.64rem;font-weight:700}.grading-results-section-title{margin-top:.14rem;font-size:1rem;font-weight:700;letter-spacing:-.01em}.grading-results-summary-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:.8rem;flex:1;overflow-y:auto}.grading-results-summary-grid .card-shell{font-size:.7rem;height:auto;aspect-ratio:auto;flex:1 1 130px;max-width:180px}.grading-results-summary-grid .card-image-wrapper{flex:0 0 auto}.grading-results-summary-grid .card-image{width:100%;height:auto}.grading-results-summary-grid .card-collection-meta{margin-top:.2rem;padding:.2rem .3rem;font-size:.6rem}.grading-results-summary-grid .card-collection-tag{font-size:.95em}.grading-results-footer{margin-top:.75rem;text-align:center}.grading-results-footer .card-instruction{font-size:.85rem;font-weight:500;margin-top:.25rem}.grading-results-close-btn{display:inline-block;margin-bottom:.4rem;padding:.55rem 1.4rem;border-radius:999px;border:none;background:var(--surface-button-highlight);color:var(--text-highlight-ink);font-weight:600;font-size:.85rem;cursor:pointer}@media (min-width: 1024px){.grading-results-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:auto;column-gap:.8rem;row-gap:.9rem;justify-items:stretch;align-items:start;flex:0 0 auto}.grading-results-grid .card-shell{margin:0}}@media (max-width: 1080px){.grading-results-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 640px){.grading-results-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.card-preview-layout{width:min(1320px,100%);margin:0 auto;gap:1.25rem;align-items:stretch}.card-preview-stage{flex:0 0 auto;display:flex;align-items:center;justify-content:center}.card-preview-detail-panel{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:1rem;padding:1rem;border-radius:24px;background:radial-gradient(circle at top right,color-mix(in srgb,var(--accent) 18%,transparent),transparent 34%),linear-gradient(180deg,var(--surface-chip),var(--surface-panel-soft-stronger));border:1px solid var(--stroke);box-shadow:var(--shadow-panel)}.card-preview-detail-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.card-preview-name{font-size:clamp(1.3rem,2vw,2rem);font-weight:800;line-height:1.05;color:var(--text-bright)}.card-preview-subline{margin-top:.35rem;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;color:color-mix(in srgb,var(--text) 72%,transparent)}.card-preview-delta{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;padding:.75rem .9rem;min-width:128px;border-radius:18px;font-weight:800;line-height:1;background:var(--surface-chip);border:1px solid var(--border-soft-plus)}.card-preview-delta span{margin-top:.3rem;font-size:.72rem;letter-spacing:.08em}.market-delta-positive{color:var(--success-strong)}.market-delta-negative{color:var(--danger)}.card-preview-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.card-preview-stat-card,.card-preview-note-card{display:flex;flex-direction:column;gap:.35rem;padding:.85rem .95rem;border-radius:18px;background:color-mix(in srgb,var(--surface-chip) 78%,transparent);border:1px solid var(--border-soft)}.card-preview-stat-card span,.card-preview-note-card span{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--text) 66%,transparent)}.card-preview-stat-card strong,.card-preview-note-card strong{font-size:1.1rem;color:var(--text-bright)}.card-preview-stat-card--accent{background:radial-gradient(circle at top left,color-mix(in srgb,var(--accent) 24%,transparent),transparent 42%),color-mix(in srgb,var(--surface-chip) 88%,transparent)}.card-preview-chart-card{display:flex;flex-direction:column;gap:.8rem;padding:1rem;border-radius:22px;background:color-mix(in srgb,var(--surface-panel-soft-stronger) 58%,transparent);border:1px solid var(--border-soft-plus)}.card-preview-chart-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem}.card-preview-chart-title{font-size:.92rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-bright)}.card-preview-chart-subtitle{margin-top:.25rem;font-size:.84rem;color:color-mix(in srgb,var(--text) 66%,transparent)}.card-preview-chart-range{display:flex;flex-direction:column;align-items:flex-end;color:var(--text-bright)}.card-preview-chart-range span{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:color-mix(in srgb,var(--text) 62%,transparent)}.card-preview-chart-range strong{font-size:1rem}.card-preview-chart-wrap{display:flex;gap:.6rem;align-items:stretch}.card-preview-chart-axis-labels{width:62px;display:flex;flex-direction:column;justify-content:space-between;font-size:.72rem;color:color-mix(in srgb,var(--text) 52%,transparent)}.card-preview-chart{flex:1 1 auto;width:100%;min-height:220px;border-radius:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-chip) 48%,transparent),color-mix(in srgb,var(--surface-chip) 16%,transparent))}.card-preview-grid-line{stroke:var(--border-soft-plus);stroke-width:1}.card-preview-area{fill:url(#card-market-fill)}.card-preview-line{fill:none;stroke:color-mix(in srgb,var(--accent) 72%,var(--accent-strong));stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 12px color-mix(in srgb,var(--accent) 38%,transparent))}.card-preview-point-ring{fill:color-mix(in srgb,var(--accent) 18%,transparent);stroke:color-mix(in srgb,var(--accent-strong) 80%,white);stroke-width:2}.card-preview-point{fill:color-mix(in srgb,var(--accent-strong) 18%,white)}.card-preview-chart-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.74rem;color:color-mix(in srgb,var(--text) 62%,transparent)}.card-preview-note-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.card-shell--overlay{width:min(92vw,440px);max-height:90vh}@media (min-width: 768px){.card-preview-layout{padding-inline:.5rem}.card-shell--overlay{width:min(38vw,440px)}}@media (max-width: 900px){.card-preview-layout{flex-direction:column;align-items:stretch;align-items:center;justify-content:flex-start}.card-preview-detail-panel{width:min(100%,760px)}}@media (max-width: 640px){.card-preview-detail-topline,.card-preview-chart-header{flex-direction:column}.card-preview-delta,.card-preview-chart-range{align-items:flex-start}.card-preview-stat-grid,.card-preview-note-row{grid-template-columns:1fr}.card-preview-chart-wrap{flex-direction:column}.card-preview-chart-axis-labels{width:100%;flex-direction:row}.card-preview-chart{min-height:200px}}.lab-panel{margin-top:.2rem;display:flex;flex:1;min-height:0;flex-direction:column;gap:.75rem}.lab-card{display:flex;flex-direction:column;gap:.65rem;padding:.95rem;border-radius:1.15rem;background:var(--surface-panel-card);border:1px solid var(--border-soft);box-shadow:var(--shadow-inset-highlight),var(--shadow-card)}.lab-kicker{color:var(--accent-cool);text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;font-weight:700}.lab-title{margin:0;font-family:var(--font-display);font-size:1.5rem;letter-spacing:-.03em}.lab-copy{margin:0;font-size:.86rem;color:var(--muted);line-height:1.5}.lab-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.lab-stat-card{display:flex;flex-direction:column;gap:.18rem;padding:.72rem .78rem;border-radius:.95rem;background:var(--surface-panel-soft);border:1px solid var(--border-faint)}.lab-stat-card span{color:var(--muted);font-size:.67rem;text-transform:uppercase;letter-spacing:.1em}.lab-stat-card strong{font-size:.92rem;line-height:1.25}.lab-actions{display:flex;flex-direction:column;gap:.4rem}@media (max-width: 720px){.lab-stats-grid{grid-template-columns:1fr}}.play-panel-kicker{display:block;font-size:.65rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--accent);margin-bottom:2px}.play-panel-title{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--text-bright);margin:0 0 2px}.play-panel-copy{font-size:.78rem;color:var(--muted);margin:0}.play-card-stat{display:flex;align-items:center;justify-content:space-between;padding:2px 6px;background:#000000b8;border-top:1px solid var(--border-faint);flex-shrink:0}.play-card-stat-label{font-size:.52rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--accent)}.play-card-stat-value{font-size:.62rem;font-weight:700;color:var(--text-bright)}.play-card-badge{position:absolute;z-index:2;font-size:.42rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;border-radius:3px;padding:2px 5px;line-height:1}.play-card-badge--taunt{top:4px;left:4px;background:#f59e0b;color:#000}.play-card-badge--sm{font-size:.38rem;padding:1px 4px}.play-card-battle-stat{display:flex;align-items:center;justify-content:center;gap:8px;padding:2px 5px;background:#000000b8;border-top:1px solid var(--border-faint);flex-shrink:0;font-size:.56rem;font-weight:700;color:var(--text-bright)}.play-card-hp-bar{height:4px;background:#ffffff1f;flex-shrink:0;overflow:hidden}.play-card-hp-fill{height:100%;background:var(--success);transition:width .25s ease}.play-slot-dead{width:100%;height:100%;border:2px dashed var(--border-faint);border-radius:7px;opacity:.3}.play-side-info{display:flex;align-items:center;gap:8px}.play-side-info--top{margin-bottom:8px}.play-side-info--bottom{margin-top:8px}.play-side-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);min-width:38px}.play-hp-bar-wrap{flex:1;height:7px;background:var(--surface-chip);border-radius:999px;overflow:hidden}.play-hp-bar-fill{height:100%;border-radius:999px;transition:width .4s ease}.play-hp-bar-fill--enemy{background:var(--danger)}.play-hp-bar-fill--player{background:var(--success)}.play-hp-text{font-size:.67rem;font-weight:700;color:var(--text);white-space:nowrap;min-width:68px;text-align:right}.play-vs-divider{display:flex;align-items:center;padding:4px 0;flex-shrink:0}.play-vs-divider:before,.play-vs-divider:after{content:"";flex:1;height:1px;background:var(--border-soft);margin:0 10px}.play-vs-text{font-family:var(--font-display);font-size:.9rem;font-weight:700;color:var(--accent);letter-spacing:.14em}.card-shell--play,.card-shell--deck{width:100%;height:100%;display:flex;flex-direction:column}.card-shell--play .card-image-wrapper,.card-shell--deck .card-image-wrapper{flex:1;min-height:0}.card-shell--play .card-image-wrapper img,.card-shell--deck .card-image-wrapper img{width:100%;height:100%;object-fit:cover}.card-shell.play-picker-card--available{cursor:pointer}.card-shell.play-picker-card--available:hover{transform:perspective(700px) scale(1.05)}.card-shell.play-picker-card--used{opacity:.38;cursor:default}.play-panel{display:flex;flex-direction:column;flex:1;min-height:0;position:relative;overflow:hidden}.play-deck-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 14px 8px;flex-shrink:0}.play-deck-name-input{flex:1;min-width:0;background:var(--surface-chip);border:1px solid var(--border-medium);color:var(--text);border-radius:7px;padding:5px 10px;font-size:.8rem;outline:none}.play-deck-name-input:focus{border-color:var(--accent)}.play-deck-name-input::placeholder{color:var(--muted)}.play-deck-save-btn{background:var(--surface-chip);border:1px solid var(--border-medium);color:var(--text);border-radius:7px;padding:5px 14px;font-size:.8rem;font-weight:600;cursor:pointer;flex-shrink:0;transition:border-color .12s,color .12s;white-space:nowrap}.play-deck-save-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.play-deck-save-btn:disabled{opacity:.35;cursor:default}.play-saved-decks{flex-shrink:0;padding:8px 14px 4px;display:flex;flex-direction:column;gap:5px}.play-saved-decks-header{display:flex;align-items:center;justify-content:space-between}.play-saved-decks-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.play-new-deck-btn{background:none;border:1px solid var(--border-medium);color:var(--text);font-size:.7rem;font-weight:600;padding:2px 10px;border-radius:5px;cursor:pointer;transition:border-color .12s,color .12s}.play-new-deck-btn:hover{border-color:var(--accent);color:var(--accent)}.play-random-deck-btn{border-color:#7c3aed;color:#7c3aed}.play-random-deck-btn:hover{border-color:#a78bfa;color:#a78bfa}.play-saved-decks-empty{font-size:.72rem;color:var(--muted);margin:0}.play-saved-decks-list{display:flex;flex-direction:column;gap:3px;max-height:108px;overflow-y:auto}.play-saved-deck-row{display:flex;align-items:center;gap:6px;background:var(--surface-chip);border-radius:6px;padding:4px 8px}.play-saved-deck-name{flex:1;font-size:.78rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.play-saved-deck-count{font-size:.7rem;color:var(--muted);flex-shrink:0}.play-saved-deck-load{background:var(--accent);color:#fff;border:none;border-radius:5px;padding:2px 10px;font-size:.72rem;font-weight:700;cursor:pointer;flex-shrink:0}.play-saved-deck-load:hover{opacity:.85}.play-saved-deck-delete{background:none;border:none;color:var(--muted);font-size:.8rem;cursor:pointer;padding:2px 4px;border-radius:4px;flex-shrink:0;line-height:1}.play-saved-deck-delete:hover{color:var(--danger)}.play-deck-slots{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:0 12px;flex-shrink:0}.play-deck-slot{aspect-ratio:5 / 7;border-radius:8px;overflow:visible;position:relative}.play-deck-slot--empty{cursor:pointer}.play-deck-slot--empty:hover .play-deck-empty{border-color:var(--accent);background:var(--surface-selected)}.play-deck-empty{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:2px dashed var(--border-medium);border-radius:8px;background:var(--surface-chip);transition:border-color .15s,background .15s}.play-deck-plus{font-size:1.8rem;font-weight:200;color:var(--border-medium);line-height:1}.play-deck-num{font-size:.58rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.play-deck-remove{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;border:none;background:var(--danger);color:#fff;font-size:.6rem;font-weight:700;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;padding:0;transition:opacity .12s}.play-deck-remove:hover{opacity:.8}.play-picker-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:50;border-radius:inherit;padding:16px}.play-picker-modal{background:var(--panel);border:1px solid var(--border-medium);border-radius:14px;display:flex;flex-direction:column;width:100%;max-width:680px;height:100%;max-height:560px;box-shadow:0 24px 48px #00000080;overflow:hidden}.play-picker-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border-soft);flex-shrink:0}.play-picker-modal-title{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--text-bright)}.play-picker-close{background:none;border:none;color:var(--muted);font-size:1rem;cursor:pointer;padding:2px 6px;border-radius:4px;transition:color .12s,background .12s;line-height:1}.play-picker-close:hover{color:var(--text-bright);background:var(--surface-chip)}.play-picker-controls{padding:10px 14px 8px;display:flex;flex-direction:column;gap:8px;flex-shrink:0;border-bottom:1px solid var(--border-soft)}.play-picker-search{width:100%;background:var(--surface-chip);border:1px solid var(--border-medium);border-radius:7px;color:var(--text);font-size:.85rem;padding:7px 10px;outline:none;transition:border-color .15s}.play-picker-search:focus{border-color:var(--accent)}.play-picker-search::placeholder{color:var(--muted)}.play-picker-sets{display:flex;flex-wrap:wrap;gap:5px}.play-picker-set-btn{background:var(--surface-chip);border:1px solid var(--border-soft);border-radius:999px;color:var(--muted);font-size:.7rem;font-weight:600;padding:3px 10px;cursor:pointer;transition:background .12s,border-color .12s,color .12s;white-space:nowrap}.play-picker-set-btn:hover{border-color:var(--accent);color:var(--text)}.play-picker-set-btn--active{background:var(--accent);border-color:var(--accent);color:var(--text-on-accent, #000)}.play-picker-no-results{flex:1;display:flex;align-items:center;justify-content:center;font-size:.85rem;color:var(--muted)}.play-picker-grid-scroll{flex:1;min-height:0;overflow-y:auto;padding:12px 14px 14px}.play-picker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.play-picker-card-in-deck{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000080;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#fff;border-radius:7px;pointer-events:none}.play-battle{display:flex;flex-direction:column;flex:1;min-height:0}.play-battle-topbar{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;flex-shrink:0}.play-back-btn{background:none;border:1px solid var(--border-medium);color:var(--text);font-size:.78rem;font-weight:600;padding:4px 12px;border-radius:6px;cursor:pointer;transition:background .12s,border-color .12s}.play-back-btn:hover{background:var(--surface-chip);border-color:var(--accent)}.play-battle-title{font-family:var(--font-display);font-size:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.play-battle-field{display:flex;flex-direction:column;flex:1;min-height:0;padding:0 14px}.play-side{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;background:var(--surface-panel-card);border:1px solid var(--border-soft);border-radius:10px;padding:10px}.play-side--player{border-color:var(--border-accent-soft)}.play-slots{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;flex:1;min-height:0}.play-slot{min-height:0;border-radius:7px;overflow:hidden;position:relative}.play-battle-turn-bar{display:flex;align-items:center;justify-content:center;gap:10px;padding:6px 14px;font-size:.8rem;font-weight:600;flex-shrink:0;border-radius:8px;margin:0 14px 6px;background:var(--surface-chip);color:var(--muted);transition:background .2s,color .2s}.play-battle-turn-bar--yours{background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent)}.play-battle-turn-bar--theirs{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger)}.play-battle-turn-bar--win{background:color-mix(in srgb,var(--success) 18%,transparent);color:var(--success)}.play-battle-turn-bar--lose{background:color-mix(in srgb,var(--danger) 18%,transparent);color:var(--danger)}.play-again-btn{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:3px 12px;font-size:.78rem;font-weight:700;cursor:pointer;transition:opacity .12s}.play-again-btn:hover{opacity:.85}.play-slot--attackable{cursor:pointer}.play-slot--attackable:hover .card-shell--play{outline:2px solid var(--accent);outline-offset:2px;transform:scale(1.04);transition:transform .1s,outline .1s}.play-slot--targetable{cursor:pointer}.play-slot--targetable:hover .card-shell--play{outline:2px solid var(--danger);outline-offset:2px;transform:scale(1.04);transition:transform .1s,outline .1s}.play-slot--blocked{opacity:.35;cursor:not-allowed}.play-slot--taunt .card-shell--play{box-shadow:0 0 7px 2px #f59e0b80}.play-hit-face-btn{margin-top:5px;padding:3px 12px;background:var(--danger);color:#fff;border:none;border-radius:6px;font-size:.72rem;font-weight:700;cursor:pointer;transition:opacity .12s;align-self:flex-start}.play-hit-face-btn:hover{opacity:.82}.play-slot--selectable{cursor:pointer}.play-slot--selectable:hover .card-shell--play{outline:2px solid var(--accent);outline-offset:2px;transition:outline .1s}.play-slot--attacker .card-shell--play{outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 0 8px 2px color-mix(in srgb,var(--accent) 45%,transparent)}.play-battle-status{padding:6px 14px 10px;font-size:.75rem;color:var(--muted);text-align:center;flex-shrink:0;min-height:1.6em}.play-end-turn-btn{background:var(--accent);color:#fff;border:none;border-radius:7px;padding:5px 14px;font-size:.78rem;font-weight:700;cursor:pointer;transition:opacity .12s;flex-shrink:0}.play-end-turn-btn:hover{opacity:.82}.play-mana-row{display:flex;align-items:center;gap:3px;flex-wrap:wrap;flex-shrink:0}.play-mana-gem{width:9px;height:9px;border-radius:50%;background:#3b82f6;box-shadow:0 0 4px #3b82f6a6;flex-shrink:0;transition:background .15s}.play-mana-gem--spent{background:#3b82f62e;box-shadow:none}.play-mana-text{font-size:.68rem;font-weight:700;color:#3b82f6;margin-left:4px}.play-hand{flex-shrink:0;padding:4px 0 6px;border-top:1px solid rgba(255,255,255,.06);background:#0000001f}.play-hand-label{display:block;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);padding:0 14px 3px}.play-hand-scroll{display:flex;gap:6px;overflow-x:auto;padding:4px 14px}.play-hand-card{width:72px;flex-shrink:0;position:relative;cursor:pointer;transition:transform .12s}.play-hand-card--playable:hover{transform:translateY(-5px)}.play-hand-card--unaffordable{opacity:.38;cursor:not-allowed}.play-hand-cost-badge{position:absolute;top:-6px;left:-6px;z-index:5;width:18px;height:18px;border-radius:50%;background:#3b82f6;color:#fff;font-size:.62rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px #00000073}.card-shell--hand{width:100%}.card-shell--hand .card-image-wrapper{flex:1 1 auto;min-height:0}.play-card-badge--sm{font-size:.48rem;padding:1px 3px}.play-slot--spent .card-shell--play{opacity:.55;filter:grayscale(.4)}.play-slot--sleeping .card-shell--play{opacity:.65;filter:grayscale(.3);outline:2px dashed rgba(255,255,255,.25);outline-offset:2px}.mail-panel{margin-top:.5rem;display:flex;flex-direction:column;gap:.9rem}.mail-section{display:flex;flex-direction:column;gap:.55rem}.mail-empty-state{display:flex;flex-direction:column;gap:.45rem}.mail-jobs-list{display:flex;flex-direction:column;gap:.6rem}.mail-job-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;padding:.8rem .95rem;border-radius:1rem;border:1px solid var(--border-medium);background:linear-gradient(135deg,var(--surface-panel-card-strong),color-mix(in srgb,var(--surface-chip) 88%,transparent)),var(--surface-chip);text-align:left}.mail-job-card--interactive{cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.mail-job-card--interactive:hover{transform:translateY(-1px);border-color:var(--warning-border);box-shadow:var(--shadow-control)}.mail-job-copy{display:flex;flex-direction:column;gap:.22rem}.mail-job-title{font-size:.95rem;font-weight:600;color:color-mix(in srgb,var(--text-bright) 98%,transparent)}.mail-job-status{font-size:.82rem;color:var(--muted)}.mail-job-pill{flex-shrink:0;padding:.42rem .7rem;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--info-soft-text);background:var(--info-soft);border:1px solid var(--info-border)}.mail-job-pill--ready{color:color-mix(in srgb,var(--warning-strong) 82%,white);background:var(--warning-soft);border-color:var(--warning-border)}@media (max-width: 720px){.mail-job-card{flex-direction:column;align-items:flex-start}}.market-panel{margin-top:.1rem;display:flex;flex:1;min-height:0;flex-direction:column;gap:.5rem}.market-payout-bar{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.62rem .78rem;border-radius:1.1rem;background:var(--surface-panel-card-strong);border:1px solid var(--border-soft-plus)}.market-payout-copy{display:flex;flex-direction:column;gap:.14rem}.market-payout-kicker{color:var(--muted);font-size:.66rem;text-transform:uppercase;letter-spacing:.1em}.market-payout-copy strong{font-size:.94rem;line-height:1.1}.market-payout-btn{width:auto;min-width:200px;padding-inline:1.1rem;box-shadow:var(--shadow-control)}.market-panel .panel-title.second{margin-top:0;margin-bottom:.05rem}.market-summary-shell{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.market-summary-card{display:flex;flex-direction:column;gap:.18rem;padding:.62rem .72rem;border-radius:1rem;background:var(--surface-panel-card-alt);border:1px solid var(--border-soft)}.market-summary-card span{color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.1em}.market-summary-card strong{font-size:.9rem;line-height:1.15;color:var(--text)}.market-grid-scroll{padding:.3rem .5rem .6rem}@media (max-width: 960px){.market-payout-bar{flex-direction:column;align-items:stretch}.market-payout-btn{width:100%;min-width:0}.market-summary-shell{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.market-summary-shell{grid-template-columns:1fr}}.slabs-panel{margin-top:.5rem;display:flex;flex-direction:column;gap:.75rem;min-height:0}.slabs-grid-section{display:flex;flex:1;min-height:0;flex-direction:column}.cards-panel{flex:1;display:flex;flex-direction:column;gap:.9rem;min-height:0;padding:1rem;border-radius:1.5rem;background:linear-gradient(180deg,var(--panel),var(--surface-panel-soft-stronger));border:1px solid var(--stroke);box-shadow:var(--shadow-panel)}.cards-panel-toolbar{display:flex;flex-direction:column;gap:.75rem;flex:0 0 auto}.cards-panel--battle-active .cards-panel-toolbar{display:none}.cards-panel--battle-active .cards-panel-content{flex:1}.cards-panel-toolbar--compact{gap:.42rem}.cards-panel-content{display:flex;flex:1;min-height:0;flex-direction:column;gap:.75rem}.collection-sort-select:hover,.grading-value-input:hover{border-color:var(--border-accent-soft)}.collection-sort-select:focus,.grading-value-input:focus{outline:none;border-color:var(--ring-accent);box-shadow:0 0 0 3px var(--ring-accent-soft)}.collection-header-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.collection-header-row--compact{gap:.45rem .7rem}.collection-shell-heading{display:flex;flex-direction:column;gap:.25rem}.collection-shell-heading--compact{gap:.08rem}.collection-shell-kicker{color:var(--accent-cool);text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;font-weight:700}@media (max-width: 900px){.cards-panel{padding:.75rem;border-radius:1.3rem;gap:.7rem}.cards-panel-toolbar{gap:.6rem}.collection-header-row{align-items:flex-start}.collection-shell-copy{font-size:.82rem}}.collection-shell-title{margin:0;font-family:var(--font-display);font-size:clamp(1.35rem,2vw,1.85rem);letter-spacing:-.03em}.collection-shell-heading--compact .collection-shell-kicker{font-size:.61rem;letter-spacing:.1em}.collection-shell-heading--compact .collection-shell-title{font-size:clamp(1.08rem,1.5vw,1.42rem);line-height:1.02}.collection-shell-copy{margin:0;color:var(--muted);font-size:.88rem;line-height:1.55}.collection-shell-heading--compact .collection-shell-copy{font-size:.76rem;line-height:1.25;max-width:60rem}.collection-tabs{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.2rem;background:var(--surface-panel-soft-strong);border:1px solid var(--border-faint)}.collection-tabs--compact{gap:.25rem;padding:.16rem}.collection-tab-btn{border:none;background:transparent;color:var(--muted);padding:.42rem .8rem;border-radius:999px;font-size:.8rem;font-weight:500;cursor:pointer;position:relative;display:inline-flex;align-items:center;gap:.2rem}.collection-tabs--compact .collection-tab-btn{padding:.35rem .68rem;font-size:.75rem}.collection-tab-btn--active{background:var(--surface-button-primary);color:var(--text-inverse)}.tab-attention-dot{width:.5rem;height:.5rem;border-radius:999px;background:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 35%,transparent)}.collection-sort{display:flex;align-items:center;gap:.35rem;font-size:.8rem;flex-wrap:wrap}.collection-sort--compact{gap:.28rem}.collection-sort-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.7rem}.collection-sort-select{padding:.5rem .65rem;border-radius:.7rem;border:1px solid var(--border-medium);background:var(--surface-control);color:var(--text);font-size:.82rem;transition:border-color .2s ease,box-shadow .2s ease}.collection-sort--compact .collection-sort-label{font-size:.64rem}.collection-sort--compact .collection-sort-select{padding:.42rem .58rem;font-size:.78rem}.collection-grade-toggle{margin-left:.5rem}.collection-sort--compact .collection-grade-toggle{margin-left:.28rem}.collection-sort--compact .secondary-btn{padding:.36rem .58rem;font-size:.74rem}.collection-filter-menu{position:relative}.collection-filter-popover{position:absolute;top:calc(100% + .45rem);right:0;width:min(280px,82vw);padding:.8rem;border-radius:.9rem;background:var(--surface-panel-soft-stronger);border:1px solid var(--border-medium);box-shadow:var(--shadow-card-strong);z-index:20}.collection-filter-popover-title{margin-bottom:.6rem;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.collection-filter-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem .7rem}.collection-filter-option{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;color:var(--text);cursor:pointer}.collection-filter-option input{accent-color:var(--accent)}.collection-filter-actions{display:flex;justify-content:flex-end;gap:.45rem;margin-top:.8rem}.grading-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:.5rem .75rem;border-radius:999px;background:var(--surface-chip);border:1px solid var(--border-medium);font-size:.8rem;gap:.35rem;flex-wrap:wrap}.grading-value-filter{display:inline-flex;align-items:center;gap:.3rem;margin-left:auto}.grading-value-label{font-size:.75rem;color:var(--muted)}.grading-value-input{width:5rem;padding:.25rem .4rem;border-radius:999px;border:1px solid var(--border-medium);background:var(--surface-chip);color:var(--text);font-size:.75rem}.grading-submit-btn{padding:.4rem .9rem}.grading-bar--slabs-sell{display:grid;grid-template-columns:minmax(160px,220px) minmax(0,1fr) auto;align-items:center;gap:.75rem 1rem;padding:.85rem 1rem;border-radius:24px;background:linear-gradient(180deg,var(--surface-chip),var(--surface-chip-strong));border:1px solid var(--stroke)}.slabs-sell-summary{display:flex;flex-direction:column;gap:.18rem}.slabs-sell-summary-label{font-size:.64rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.slabs-sell-summary strong{font-family:var(--font-display);font-size:1.35rem;line-height:1}.slabs-sell-utility-group{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.slabs-sell-toggle{min-height:2.5rem;padding:.45rem .8rem;border-radius:999px;background:var(--surface-panel-soft);border:1px solid var(--border-soft-plus)}.slabs-sell-utility-btn{min-height:2.5rem}.slabs-sell-action-group{display:flex;gap:.55rem;flex-wrap:wrap;justify-content:flex-end}.slabs-sell-action-btn{width:auto;min-width:172px;padding-inline:1.1rem;white-space:nowrap}.slabs-sell-action-btn--market{background:var(--surface-button-secondary-active);border:1px solid var(--border-accent-soft);color:var(--text);box-shadow:none}.slabs-sell-action-btn--market:hover:not(:disabled){background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 22%,transparent),color-mix(in srgb,var(--accent-cool) 18%,transparent));box-shadow:var(--shadow-elevated-soft)}.collection-set-completion{color:var(--muted);font-size:.75rem}@media (min-width: 1024px){.cards-panel{min-height:0;max-height:100%;overflow:hidden}}@media (max-width: 1180px){.grading-bar--slabs-sell{grid-template-columns:1fr;align-items:stretch}.slabs-sell-action-group{justify-content:stretch}.slabs-sell-action-btn{flex:1 1 220px}}@media (max-width: 720px){.slabs-sell-utility-group,.slabs-sell-action-group{flex-direction:column;align-items:stretch}.slabs-sell-action-btn,.slabs-sell-utility-btn,.slabs-sell-toggle{width:100%}}.grade-sell-overlay-content{padding-inline:1rem}.grade-sell-overlay-wrap{width:min(960px,100%);margin:0 auto}.grade-sell-shell{width:min(100%,760px);margin:0 auto;display:flex;flex-direction:column;gap:1rem;padding:1rem;border-radius:28px;background:radial-gradient(circle at top right,var(--warning-soft),transparent 34%),linear-gradient(180deg,var(--panel-strong),var(--surface-panel-soft-stronger));border:1px solid var(--border-soft-plus);box-shadow:var(--shadow-control-strong)}.grade-sell-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:start}.grade-sell-kicker{color:var(--accent-cool);text-transform:uppercase;letter-spacing:.14em;font-size:.66rem;font-weight:700}.grade-sell-title{margin:.2rem 0 0;font-family:var(--font-display);font-size:clamp(1.35rem,2.6vw,2rem);line-height:1}.grade-sell-copy{margin:.45rem 0 0;max-width:38rem;color:var(--muted);line-height:1.5}.grade-sell-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:.65rem}.grade-sell-stat-card{display:flex;flex-direction:column;gap:.2rem;padding:.8rem .9rem;border-radius:18px;background:var(--surface-panel-soft-strong);border:1px solid var(--border-soft)}.grade-sell-stat-card span{font-size:.66rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.grade-sell-stat-card strong{font-size:1.1rem}.grade-sell-grade-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem}.grade-sell-grade-card{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;padding:.95rem;border-radius:20px;border:1px solid var(--border-soft);background:var(--surface-panel-soft);color:var(--text);text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.grade-sell-grade-card:hover:not(:disabled){transform:translateY(-1px);border-color:var(--border-accent-soft);background:var(--surface-control-hover)}.grade-sell-grade-card:disabled{opacity:.42;cursor:default}.grade-sell-grade-card--selected{border-color:var(--border-accent-medium);background:linear-gradient(180deg,var(--ring-accent-soft),var(--surface-control));box-shadow:0 0 0 1px var(--border-soft)}.grade-sell-grade-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.grade-sell-grade-count{font-family:var(--font-display);font-size:1.55rem;line-height:1}.grade-sell-grade-copy{font-size:.74rem;color:var(--muted)}.grade-sell-footer-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.9rem;align-items:center;padding:.8rem .9rem;border-radius:20px;background:var(--surface-panel-soft-strong);border:1px solid var(--border-soft)}.grade-sell-selection-summary{display:flex;flex-direction:column;gap:.2rem}.grade-sell-selection-summary span{font-size:.66rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.grade-sell-selection-summary strong{font-size:1rem}.grade-sell-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}@media (max-width: 900px){.grade-sell-grade-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.grade-sell-hero,.grade-sell-footer-bar{grid-template-columns:1fr}.grade-sell-stat-grid{grid-template-columns:1fr 1fr}.grade-sell-actions{justify-content:stretch}.grade-sell-actions>*{flex:1 1 auto}}.landing-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:1rem}.landing-overlay-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top left,color-mix(in srgb,var(--accent) 20%,transparent),transparent 28%),radial-gradient(circle at top right,color-mix(in srgb,var(--accent-cool) 18%,transparent),transparent 34%),var(--overlay-backdrop)}.landing-overlay-content{position:relative;z-index:1;width:min(1100px,100%);max-height:calc(100vh - 2rem);overflow-y:auto;padding:1.65rem;border-radius:1.75rem;border:1px solid var(--border-soft-plus);background:linear-gradient(145deg,var(--surface-control-hover),var(--surface-panel-soft-stronger));box-shadow:var(--shadow-control-strong)}.landing-hero{padding:1rem 0 1.25rem;border-bottom:1px solid var(--border-soft-plus)}.landing-badge{display:inline-flex;align-items:center;padding:.35rem .7rem;border-radius:999px;background:var(--warning-soft);border:1px solid var(--warning-border);color:color-mix(in srgb,var(--warning-strong) 72%,white);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:700}.landing-title{margin:1rem 0 .6rem;font-family:var(--font-display);font-size:clamp(2rem,5vw,3.8rem);line-height:.98;letter-spacing:-.04em}.landing-subtitle{margin:0;max-width:780px;color:color-mix(in srgb,var(--text) 84%,white);font-size:1rem;line-height:1.7}.landing-cta-row{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}.landing-play-btn{min-width:180px}.landing-cta-copy{margin:0;color:var(--muted);font-size:.88rem}.landing-stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:1.3rem}.landing-stat-card{padding:.95rem 1rem;border-radius:1rem;background:linear-gradient(180deg,var(--surface-panel-card-alt),var(--surface-panel-soft-stronger));border:1px solid var(--border-soft);display:flex;flex-direction:column;gap:.4rem}.landing-stat-card span{color:var(--accent-cool);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em}.landing-stat-card strong{font-size:.92rem;line-height:1.45}.landing-grid{display:grid;grid-template-columns:1fr;gap:1rem;padding-top:1.25rem}.landing-card{padding:1.15rem 1.15rem 1.25rem;border-radius:1rem;background:var(--surface-panel-card-alt);border:1px solid var(--border-soft)}.landing-card-title{margin:0 0 .55rem;font-size:1rem;letter-spacing:.02em}.landing-card-copy{margin:0;color:color-mix(in srgb,var(--text) 76%,white);line-height:1.7;font-size:.95rem}.landing-link{color:var(--accent-strong);text-decoration:none;margin-left:.3rem}.landing-link:hover{text-decoration:underline}@media (min-width: 900px){.landing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-card--wide{grid-column:1 / -1}}@media (max-width: 900px){.landing-stat-row{grid-template-columns:1fr}}.age-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem}.age-gate-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg, #0e0e10)}.age-gate-content{position:relative;z-index:1;width:min(520px,100%);padding:2.5rem 2rem;border-radius:1.75rem;border:1px solid var(--border-soft-plus);background:linear-gradient(145deg,var(--surface-control-hover),var(--surface-panel-soft-stronger));box-shadow:var(--shadow-control-strong);text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.age-gate-badge{display:inline-flex;align-items:center;padding:.35rem .85rem;border-radius:999px;background:color-mix(in srgb,var(--error, #e05) 18%,transparent);border:1px solid color-mix(in srgb,var(--error, #e05) 40%,transparent);color:color-mix(in srgb,var(--error, #e05) 90%,white);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:700}.age-gate-title{margin:0;font-family:var(--font-display);font-size:clamp(2rem,6vw,3rem);line-height:1;letter-spacing:-.03em}.age-gate-body{margin:0;color:color-mix(in srgb,var(--text) 78%,white);font-size:.97rem;line-height:1.7;max-width:420px}.age-gate-actions{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-top:.5rem;width:100%}.age-gate-enter-btn{width:100%;max-width:320px;font-size:1rem;padding:.85rem 1.5rem}.age-gate-exit-btn{background:none;border:none;color:var(--muted);font-size:.88rem;cursor:pointer;padding:.25rem .5rem;text-decoration:underline;text-underline-offset:3px}.age-gate-exit-btn:hover{color:var(--text)}.age-gate-disclaimer{margin:0;color:var(--muted);font-size:.8rem}.top-bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.6rem 1rem;background:var(--surface-panel-soft);border-bottom:1px solid var(--border-soft);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:sticky;top:0;z-index:20}.top-bar-brand{min-width:0}.top-bar-title{margin:0;font-family:var(--font-display);font-size:clamp(1.15rem,2vw,1.5rem);line-height:1;letter-spacing:-.03em;white-space:nowrap}.top-bar-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;align-items:center}.top-bar-stat{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.45rem;padding:.45rem .7rem;border-radius:999px;background:linear-gradient(180deg,var(--surface-panel-card-alt),var(--surface-control-secondary));border:1px solid var(--border-soft);box-shadow:var(--shadow-inset-highlight);font-size:.76rem;white-space:nowrap}.top-bar-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.62rem}.top-bar-value{font-weight:700;font-size:.8rem}.top-bar-actions{display:flex;align-items:center;justify-content:flex-end;gap:.45rem;align-self:center;position:relative}.top-bar-settings{position:relative}.top-bar-settings-btn{width:2.4rem;height:2.4rem;padding:0;display:inline-flex;align-items:center;justify-content:center}.top-bar-settings-icon{width:1rem;height:1rem;fill:currentColor}.top-bar-settings-popover{position:absolute;top:calc(100% + .55rem);right:0;min-width:13rem;padding:.8rem;border-radius:1rem;background:var(--surface-panel-card-strong);border:1px solid var(--border-soft-plus);box-shadow:var(--shadow-control-strong);z-index:30}.top-bar-settings-field{display:flex;flex-direction:column;gap:.38rem}.top-bar-settings-label{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:.63rem;font-weight:700}.top-bar-settings-select{width:100%;padding:.55rem .7rem;border-radius:.75rem;border:1px solid var(--border-medium);background:var(--surface-control);color:var(--text);font:inherit;transition:border-color .18s ease,box-shadow .18s ease}.top-bar-settings-select:hover{border-color:var(--border-accent-soft)}.top-bar-settings-select:focus{outline:none;border-color:var(--ring-accent);box-shadow:0 0 0 3px var(--ring-accent-soft)}.top-bar-settings-help{color:var(--muted);font-size:.72rem;line-height:1.4}.top-bar-money-stat{position:relative}.top-bar-money-popups{position:absolute;left:0;top:100%;transform:translateY(2px);width:100%;pointer-events:none;display:flex;flex-direction:column;align-items:flex-start;gap:2px;overflow:visible}.top-bar-money-popup{font-size:.75rem;color:var(--success-strong);text-shadow:0 0 8px color-mix(in srgb,var(--success-strong) 60%,transparent);animation:top-bar-money-float 1.4s ease-out forwards}@keyframes top-bar-money-float{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}.top-bar-reset-btn{flex:0 0 auto;padding:.38rem .62rem;font-size:.7rem;align-self:center}@media (max-width: 860px){.top-bar{grid-template-columns:1fr;padding:.5rem .6rem}.top-bar-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.top-bar-actions{justify-content:flex-start}.top-bar-settings-popover{left:0;right:auto}}@media (max-width: 480px){.top-bar-stat{padding:.35rem .5rem;font-size:.7rem;white-space:normal}.top-bar-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem}.top-bar-title{font-size:1.1rem}}:root,:root[data-theme=dark]{--font-body: "Space Grotesk", "Segoe UI", sans-serif;--font-display: "Fraunces", Georgia, serif;--bg: #071017;--bg-alt: #0b1720;--panel: rgba(10, 19, 28, .86);--panel-strong: rgba(8, 14, 22, .96);--stroke: rgba(153, 184, 188, .18);--accent: #ff8855;--accent-strong: #ffc86b;--accent-soft: rgba(255, 136, 85, .18);--accent-cool: #7ae6d8;--text: #f5f0ea;--muted: #98a8b2;--card-common: #8b9bb5;--card-uncommon: #5cc9a6;--card-rare: #4fd1ff;--card-ultra: #b794f4;--card-secret: #f6e05e;--text-bright: #f8fafc;--text-inverse: #111827;--text-strong-dark: #000;--surface-app: linear-gradient(180deg, #0a141b 0%, #071017 58%, #04080d 100%);--surface-app-glow-left: rgba(255, 136, 85, .12);--surface-app-glow-right: rgba(122, 230, 216, .14);--surface-panel-card: linear-gradient(160deg, rgba(17, 28, 40, .95), rgba(8, 13, 20, .98));--surface-panel-card-alt: linear-gradient(160deg, rgba(15, 24, 35, .92), rgba(8, 13, 20, .98));--surface-panel-card-strong: linear-gradient(160deg, rgba(15, 24, 35, .94), rgba(8, 13, 20, .98));--surface-panel-soft: rgba(7, 14, 20, .86);--surface-panel-soft-strong: rgba(7, 14, 20, .92);--surface-panel-soft-stronger: rgba(7, 14, 20, .98);--surface-feature-shell: radial-gradient(circle at top, color-mix(in srgb, var(--accent-strong) 16%, transparent), transparent 36%), radial-gradient(circle at bottom right, color-mix(in srgb, var(--accent-cool) 14%, transparent), transparent 42%), linear-gradient(180deg, var(--panel-strong), var(--surface-panel-soft-stronger));--surface-feature-card: linear-gradient(160deg, color-mix(in srgb, var(--surface-panel-card-strong) 92%, transparent), color-mix(in srgb, var(--surface-chip) 88%, transparent));--surface-feature-stat: linear-gradient(180deg, color-mix(in srgb, var(--surface-chip) 68%, transparent), color-mix(in srgb, var(--surface-panel-soft-stronger) 82%, transparent));--surface-chip: rgba(15, 23, 42, .9);--surface-chip-strong: rgba(15, 23, 42, .95);--surface-chip-strongest: rgba(15, 23, 42, .96);--surface-control: rgba(8, 14, 22, .95);--surface-control-hover: rgba(12, 21, 31, .98);--surface-control-secondary: rgba(9, 17, 24, .92);--surface-control-secondary-hover: rgba(14, 23, 31, .98);--surface-selected: radial-gradient(circle at top, rgba(255, 136, 85, .2), transparent 60%);--surface-button-primary: linear-gradient(135deg, #ff8855, #ffc86b);--surface-button-secondary-active: linear-gradient(135deg, rgba(255, 136, 85, .18), rgba(122, 230, 216, .14));--surface-success: linear-gradient(135deg, #22c55e, #4ade80);--surface-ribbon: linear-gradient(135deg, #f97316, #fb923c);--surface-neutral-frame: linear-gradient(90deg, #f9fafb, #e5e7eb);--border-faint: rgba(153, 184, 188, .08);--border-soft: rgba(153, 184, 188, .12);--border-soft-plus: rgba(153, 184, 188, .14);--border-medium: rgba(153, 184, 188, .22);--border-accent-soft: rgba(255, 200, 107, .28);--border-accent-medium: rgba(255, 200, 107, .4);--ring-accent: rgba(255, 200, 107, .55);--ring-accent-soft: rgba(255, 136, 85, .14);--shadow-panel: 0 22px 60px rgba(0, 0, 0, .28);--shadow-card: 0 18px 42px rgba(0, 0, 0, .3);--shadow-card-strong: 0 18px 34px rgba(0, 0, 0, .42);--shadow-card-hover: 0 18px 32px rgba(0, 0, 0, .45);--shadow-control: 0 14px 28px rgba(0, 0, 0, .35);--shadow-control-strong: 0 30px 90px rgba(0, 0, 0, .52);--shadow-elevated-soft: 0 10px 24px rgba(0, 0, 0, .24);--shadow-hero: 0 18px 40px rgba(0, 0, 0, .7);--shadow-selected-heavy: 0 18px 45px rgba(0, 0, 0, .85);--shadow-ribbon: 0 4px 12px rgba(0, 0, 0, .45);--shadow-success: 0 18px 45px rgba(34, 197, 94, .6);--shadow-inset-highlight: inset 0 1px 0 rgba(255, 255, 255, .03);--success: #22c55e;--success-strong: #4ade80;--success-ink: #022c22;--success-soft-text: #bbf7d0;--warning: #fbbf24;--warning-strong: #ffc86b;--warning-soft: rgba(255, 200, 107, .1);--warning-border: rgba(255, 200, 107, .28);--danger: #f97373;--info: #93c5fd;--info-soft-text: #bfdbfe;--info-soft: rgba(37, 99, 235, .22);--info-border: rgba(96, 165, 250, .35);--neutral-100: #e5e7eb;--neutral-50: #f9fafb;--neutral-200: #d4d4d8;--holo-pink: #ff4f9a;--holo-gold: #ffdd55;--holo-green: #4dffb5;--holo-blue: #4fd1ff;--holo-purple: #b794f4;--holo-sheen-start: rgba(255, 255, 255, .9);--holo-sheen-end: rgba(255, 255, 255, 0);--pack-shell-base: #3a1d10;--surface-button-highlight: linear-gradient(90deg, var(--holo-pink), #ff9a62);--text-highlight-ink: #1b1024;--overlay-backdrop: radial-gradient(circle at top, rgba(15, 23, 42, .96), #020617);--scrollbar-track: rgba(12, 22, 31, .95);--scrollbar-thumb: linear-gradient(180deg, var(--accent), var(--accent-cool));--scrollbar-thumb-hover: linear-gradient(180deg, #ff9a62, #9ff1e6)}:root[data-theme=light]{--bg: #eef3f6;--bg-alt: #dfe8ee;--panel: rgba(255, 255, 255, .92);--panel-strong: rgba(255, 255, 255, .98);--stroke: rgba(76, 102, 120, .18);--accent: #d86b34;--accent-strong: #f1b257;--accent-soft: rgba(216, 107, 52, .14);--accent-cool: #1aa39a;--text: #11202b;--muted: #617684;--text-bright: #08131b;--text-inverse: #ffffff;--text-strong-dark: #08131b;--surface-app: linear-gradient(180deg, #f7fafc 0%, #edf3f6 55%, #e3ecef 100%);--surface-app-glow-left: rgba(216, 107, 52, .09);--surface-app-glow-right: rgba(26, 163, 154, .1);--surface-panel-card: linear-gradient(160deg, rgba(255, 255, 255, .98), rgba(238, 244, 247, .96));--surface-panel-card-alt: linear-gradient(160deg, rgba(250, 252, 253, .98), rgba(233, 240, 245, .96));--surface-panel-card-strong: linear-gradient(160deg, rgba(248, 251, 253, .98), rgba(229, 237, 242, .97));--surface-panel-soft: rgba(240, 245, 248, .92);--surface-panel-soft-strong: rgba(235, 242, 246, .96);--surface-panel-soft-stronger: rgba(228, 237, 242, .98);--surface-feature-shell: radial-gradient(circle at top, color-mix(in srgb, var(--accent-strong) 14%, transparent), transparent 36%), radial-gradient(circle at bottom right, color-mix(in srgb, var(--accent-cool) 12%, transparent), transparent 42%), linear-gradient(180deg, var(--panel-strong), var(--surface-panel-soft-stronger));--surface-feature-card: linear-gradient(160deg, color-mix(in srgb, var(--surface-panel-card-strong) 96%, transparent), color-mix(in srgb, var(--surface-chip) 72%, transparent));--surface-feature-stat: linear-gradient(180deg, color-mix(in srgb, var(--surface-chip) 54%, transparent), color-mix(in srgb, var(--surface-panel-soft-stronger) 80%, transparent));--surface-chip: rgba(222, 232, 239, .92);--surface-chip-strong: rgba(214, 226, 234, .98);--surface-chip-strongest: rgba(209, 223, 232, 1);--surface-control: rgba(255, 255, 255, .98);--surface-control-hover: rgba(245, 249, 251, 1);--surface-control-secondary: rgba(247, 250, 252, .98);--surface-control-secondary-hover: rgba(240, 246, 249, 1);--surface-selected: radial-gradient(circle at top, rgba(216, 107, 52, .16), transparent 60%);--surface-button-primary: linear-gradient(135deg, #d86b34, #f1b257);--surface-button-secondary-active: linear-gradient(135deg, rgba(216, 107, 52, .14), rgba(26, 163, 154, .12));--surface-success: linear-gradient(135deg, #1f9f52, #48c976);--surface-ribbon: linear-gradient(135deg, #d86b34, #ec8d44);--surface-neutral-frame: linear-gradient(90deg, #ffffff, #edf2f5);--border-faint: rgba(76, 102, 120, .08);--border-soft: rgba(76, 102, 120, .12);--border-soft-plus: rgba(76, 102, 120, .16);--border-medium: rgba(76, 102, 120, .24);--border-accent-soft: rgba(216, 107, 52, .3);--border-accent-medium: rgba(216, 107, 52, .42);--ring-accent: rgba(216, 107, 52, .42);--ring-accent-soft: rgba(216, 107, 52, .12);--shadow-panel: 0 18px 48px rgba(34, 53, 68, .12);--shadow-card: 0 14px 28px rgba(34, 53, 68, .1);--shadow-card-strong: 0 16px 28px rgba(34, 53, 68, .16);--shadow-card-hover: 0 18px 32px rgba(34, 53, 68, .18);--shadow-control: 0 10px 20px rgba(34, 53, 68, .1);--shadow-control-strong: 0 24px 56px rgba(34, 53, 68, .18);--shadow-elevated-soft: 0 10px 24px rgba(34, 53, 68, .1);--shadow-hero: 0 18px 40px rgba(34, 53, 68, .22);--shadow-selected-heavy: 0 18px 45px rgba(34, 53, 68, .26);--shadow-ribbon: 0 4px 12px rgba(34, 53, 68, .16);--shadow-success: 0 18px 45px rgba(31, 159, 82, .22);--shadow-inset-highlight: inset 0 1px 0 rgba(255, 255, 255, .65);--success: #1f9f52;--success-strong: #48c976;--success-ink: #ffffff;--success-soft-text: #17683a;--warning: #b7791f;--warning-strong: #d89b2d;--warning-soft: rgba(183, 121, 31, .12);--warning-border: rgba(183, 121, 31, .22);--danger: #cf4d4d;--info: #367cc7;--info-soft-text: #225b93;--info-soft: rgba(54, 124, 199, .14);--info-border: rgba(54, 124, 199, .24);--neutral-100: #324556;--neutral-50: #ffffff;--neutral-200: #cfd8de;--holo-blue: #3eaed8;--holo-purple: #9f86da;--holo-sheen-start: rgba(255, 255, 255, .82);--holo-sheen-end: rgba(255, 255, 255, 0);--pack-shell-base: #8f5d3f;--surface-button-highlight: linear-gradient(90deg, #cf6b98, #e08f5f);--text-highlight-ink: #ffffff;--overlay-backdrop: radial-gradient(circle at top, rgba(218, 229, 235, .94), rgba(233, 239, 243, .98));--scrollbar-track: rgba(220, 230, 236, .95)}:root[data-theme=oled]{--bg: #000000;--bg-alt: #000000;--panel: rgba(0, 0, 0, .92);--panel-strong: rgba(0, 0, 0, .98);--stroke: rgba(255, 255, 255, .08);--accent: #ff8855;--accent-strong: #ffc86b;--accent-soft: rgba(255, 136, 85, .16);--accent-cool: #7ae6d8;--text: #f8f5ef;--muted: #8e9aa2;--text-bright: #ffffff;--text-inverse: #111827;--text-strong-dark: #000000;--surface-app: linear-gradient(180deg, #000000 0%, #000000 55%, #010101 100%);--surface-app-glow-left: rgba(255, 136, 85, .08);--surface-app-glow-right: rgba(122, 230, 216, .08);--surface-panel-card: linear-gradient(160deg, rgba(0, 0, 0, .98), rgba(4, 4, 4, .98));--surface-panel-card-alt: linear-gradient(160deg, rgba(2, 2, 2, .98), rgba(7, 7, 7, .98));--surface-panel-card-strong: linear-gradient(160deg, rgba(0, 0, 0, .99), rgba(10, 10, 10, .99));--surface-panel-soft: rgba(0, 0, 0, .9);--surface-panel-soft-strong: rgba(0, 0, 0, .95);--surface-panel-soft-stronger: rgba(0, 0, 0, .99);--surface-feature-shell: radial-gradient(circle at top, color-mix(in srgb, var(--accent-strong) 12%, transparent), transparent 36%), radial-gradient(circle at bottom right, color-mix(in srgb, var(--accent-cool) 10%, transparent), transparent 42%), linear-gradient(180deg, var(--panel-strong), var(--surface-panel-soft-stronger));--surface-feature-card: linear-gradient(160deg, color-mix(in srgb, var(--surface-panel-card-strong) 96%, transparent), color-mix(in srgb, var(--surface-chip) 90%, transparent));--surface-feature-stat: linear-gradient(180deg, color-mix(in srgb, var(--surface-chip) 74%, transparent), color-mix(in srgb, var(--surface-panel-soft-stronger) 88%, transparent));--surface-chip: rgba(3, 3, 3, .96);--surface-chip-strong: rgba(6, 6, 6, .98);--surface-chip-strongest: rgba(10, 10, 10, 1);--surface-control: rgba(5, 5, 5, .98);--surface-control-hover: rgba(10, 10, 10, 1);--surface-control-secondary: rgba(3, 3, 3, .96);--surface-control-secondary-hover: rgba(8, 8, 8, 1);--surface-selected: radial-gradient(circle at top, rgba(255, 136, 85, .16), transparent 60%);--surface-button-primary: linear-gradient(135deg, #ff8855, #ffc86b);--surface-button-secondary-active: linear-gradient(135deg, rgba(255, 136, 85, .15), rgba(122, 230, 216, .1));--surface-success: linear-gradient(135deg, #22c55e, #4ade80);--surface-ribbon: linear-gradient(135deg, #f97316, #fb923c);--surface-neutral-frame: linear-gradient(90deg, #f5f5f5, #d9d9d9);--border-faint: rgba(255, 255, 255, .05);--border-soft: rgba(255, 255, 255, .08);--border-soft-plus: rgba(255, 255, 255, .1);--border-medium: rgba(255, 255, 255, .16);--border-accent-soft: rgba(255, 200, 107, .24);--border-accent-medium: rgba(255, 200, 107, .34);--ring-accent: rgba(255, 200, 107, .45);--ring-accent-soft: rgba(255, 136, 85, .14);--shadow-panel: 0 22px 60px rgba(0, 0, 0, .52);--shadow-card: 0 18px 42px rgba(0, 0, 0, .5);--shadow-card-strong: 0 18px 34px rgba(0, 0, 0, .58);--shadow-card-hover: 0 18px 32px rgba(0, 0, 0, .62);--shadow-control: 0 14px 28px rgba(0, 0, 0, .48);--shadow-control-strong: 0 30px 90px rgba(0, 0, 0, .72);--shadow-elevated-soft: 0 10px 24px rgba(0, 0, 0, .42);--shadow-hero: 0 18px 40px rgba(0, 0, 0, .72);--shadow-selected-heavy: 0 18px 45px rgba(0, 0, 0, .76);--shadow-ribbon: 0 4px 12px rgba(0, 0, 0, .55);--shadow-success: 0 18px 45px rgba(34, 197, 94, .45);--shadow-inset-highlight: inset 0 1px 0 rgba(255, 255, 255, .02);--success: #22c55e;--success-strong: #4ade80;--success-ink: #022c22;--success-soft-text: #bbf7d0;--warning: #fbbf24;--warning-strong: #ffc86b;--warning-soft: rgba(255, 200, 107, .09);--warning-border: rgba(255, 200, 107, .22);--danger: #f97373;--info: #93c5fd;--info-soft-text: #bfdbfe;--info-soft: rgba(37, 99, 235, .2);--info-border: rgba(96, 165, 250, .28);--neutral-100: #e5e7eb;--neutral-50: #f9fafb;--neutral-200: #d4d4d8;--holo-pink: #ff4f9a;--holo-gold: #ffdd55;--holo-green: #4dffb5;--holo-blue: #4fd1ff;--holo-purple: #b794f4;--holo-sheen-start: rgba(255, 255, 255, .88);--holo-sheen-end: rgba(255, 255, 255, 0);--pack-shell-base: #1b0903;--surface-button-highlight: linear-gradient(90deg, var(--holo-pink), #ff9a62);--text-highlight-ink: #1b1024;--overlay-backdrop: radial-gradient(circle at top, rgba(0, 0, 0, .98), rgba(0, 0, 0, 1));--scrollbar-track: rgba(0, 0, 0, .98);--scrollbar-thumb: linear-gradient(180deg, var(--accent), var(--accent-cool));--scrollbar-thumb-hover: linear-gradient(180deg, #ff9a62, #9ff1e6)}:root[data-theme=crimson-heat]{--bg: #180015;--bg-alt: #12355b;--panel: rgba(18, 53, 91, .82);--panel-strong: rgba(66, 0, 57, .95);--stroke: rgba(255, 255, 255, .14);--accent: #ff570a;--accent-strong: #d72638;--accent-soft: rgba(255, 87, 10, .16);--accent-cool: #d72638;--text: #ffffff;--muted: rgba(255, 255, 255, .72);--text-bright: #ffffff;--text-inverse: #12355b;--text-strong-dark: #12355b;--surface-app: linear-gradient(180deg, #420039 0%, #1f0124 48%, #12355b 100%);--surface-app-glow-left: rgba(215, 38, 56, .18);--surface-app-glow-right: rgba(255, 87, 10, .16);--surface-panel-card: linear-gradient(160deg, rgba(66, 0, 57, .94), rgba(18, 53, 91, .96));--surface-panel-card-alt: linear-gradient(160deg, rgba(87, 9, 74, .92), rgba(18, 53, 91, .94));--surface-panel-card-strong: linear-gradient(160deg, rgba(66, 0, 57, .97), rgba(18, 53, 91, .98));--surface-panel-soft: rgba(33, 5, 42, .88);--surface-panel-soft-strong: rgba(36, 4, 39, .93);--surface-panel-soft-stronger: rgba(24, 2, 28, .98);--surface-feature-shell: radial-gradient(circle at top, color-mix(in srgb, var(--accent-strong) 18%, transparent), transparent 36%), radial-gradient(circle at bottom right, color-mix(in srgb, var(--accent-cool) 16%, transparent), transparent 42%), linear-gradient(180deg, var(--panel-strong), var(--surface-panel-soft-stronger));--surface-feature-card: linear-gradient(160deg, color-mix(in srgb, var(--surface-panel-card-strong) 96%, transparent), color-mix(in srgb, var(--surface-chip) 82%, transparent));--surface-feature-stat: linear-gradient(180deg, color-mix(in srgb, var(--surface-chip) 70%, transparent), color-mix(in srgb, var(--surface-panel-soft-stronger) 84%, transparent));--surface-chip: rgba(18, 53, 91, .92);--surface-chip-strong: rgba(25, 66, 110, .95);--surface-chip-strongest: rgba(27, 73, 121, .98);--surface-control: rgba(18, 53, 91, .95);--surface-control-hover: rgba(25, 66, 110, .98);--surface-control-secondary: rgba(66, 0, 57, .9);--surface-control-secondary-hover: rgba(84, 5, 72, .96);--surface-selected: radial-gradient(circle at top, rgba(255, 87, 10, .2), transparent 60%);--surface-button-primary: linear-gradient(135deg, #d72638, #ff570a);--surface-button-secondary-active: linear-gradient(135deg, rgba(215, 38, 56, .16), rgba(255, 87, 10, .12));--surface-success: linear-gradient(135deg, #d72638, #ff570a);--surface-ribbon: linear-gradient(135deg, #ff570a, #ffffff);--surface-neutral-frame: linear-gradient(90deg, #ffffff, #e8ecf2);--border-faint: rgba(255, 255, 255, .08);--border-soft: rgba(255, 255, 255, .12);--border-soft-plus: rgba(255, 255, 255, .16);--border-medium: rgba(255, 255, 255, .24);--border-accent-soft: rgba(255, 87, 10, .32);--border-accent-medium: rgba(255, 87, 10, .46);--ring-accent: rgba(255, 87, 10, .5);--ring-accent-soft: rgba(215, 38, 56, .18);--shadow-panel: 0 22px 60px rgba(8, 2, 18, .42);--shadow-card: 0 18px 42px rgba(8, 2, 18, .38);--shadow-card-strong: 0 18px 34px rgba(8, 2, 18, .48);--shadow-card-hover: 0 18px 32px rgba(8, 2, 18, .54);--shadow-control: 0 14px 28px rgba(8, 2, 18, .4);--shadow-control-strong: 0 30px 90px rgba(8, 2, 18, .58);--shadow-elevated-soft: 0 10px 24px rgba(8, 2, 18, .32);--shadow-hero: 0 18px 40px rgba(8, 2, 18, .55);--shadow-selected-heavy: 0 18px 45px rgba(8, 2, 18, .62);--shadow-ribbon: 0 4px 12px rgba(8, 2, 18, .4);--shadow-success: 0 18px 45px rgba(215, 38, 56, .36);--shadow-inset-highlight: inset 0 1px 0 rgba(255, 255, 255, .04);--success: #ff570a;--success-strong: #ffffff;--success-ink: #12355b;--success-soft-text: #ffffff;--warning: #ff570a;--warning-strong: #ffffff;--warning-soft: rgba(255, 87, 10, .12);--warning-border: rgba(255, 87, 10, .28);--danger: #d72638;--info: #ffffff;--info-soft-text: #ffffff;--info-soft: rgba(255, 255, 255, .1);--info-border: rgba(255, 255, 255, .2);--neutral-100: #ffffff;--neutral-50: #ffffff;--neutral-200: #d9e1ea;--holo-pink: #d72638;--holo-gold: #ff570a;--holo-green: #ffffff;--holo-blue: #12355b;--holo-purple: #420039;--holo-sheen-start: rgba(255, 255, 255, .88);--holo-sheen-end: rgba(255, 255, 255, 0);--pack-shell-base: #420039;--surface-button-highlight: linear-gradient(90deg, #d72638, #ff570a);--text-highlight-ink: #ffffff;--overlay-backdrop: radial-gradient(circle at top, rgba(66, 0, 57, .96), rgba(18, 53, 91, .98));--scrollbar-track: rgba(18, 53, 91, .94);--scrollbar-thumb: linear-gradient(180deg, #d72638, #ff570a);--scrollbar-thumb-hover: linear-gradient(180deg, #ff6b2d, #ffffff)}:root[data-theme=plum-lagoon]{--bg: #091224;--bg-alt: #0c1b33;--panel: rgba(12, 27, 51, .84);--panel-strong: rgba(12, 27, 51, .96);--stroke: rgba(219, 254, 135, .14);--accent: #03b5aa;--accent-strong: #dbfe87;--accent-soft: rgba(3, 181, 170, .16);--accent-cool: #b2aa8e;--text: #f8fbf2;--muted: rgba(178, 170, 142, .82);--text-bright: #ffffff;--text-inverse: #0c1b33;--text-strong-dark: #0c1b33;--surface-app: linear-gradient(180deg, #0c1b33 0%, #12112c 45%, #7a306c 100%);--surface-app-glow-left: rgba(3, 181, 170, .14);--surface-app-glow-right: rgba(219, 254, 135, .14);--surface-panel-card: linear-gradient(160deg, rgba(12, 27, 51, .96), rgba(122, 48, 108, .88));--surface-panel-card-alt: linear-gradient(160deg, rgba(18, 36, 67, .94), rgba(122, 48, 108, .9));--surface-panel-card-strong: linear-gradient(160deg, rgba(12, 27, 51, .98), rgba(122, 48, 108, .94));--surface-panel-soft: rgba(12, 27, 51, .88);--surface-panel-soft-strong: rgba(12, 27, 51, .93);--surface-panel-soft-stronger: rgba(10, 22, 43, .98);--surface-feature-shell: radial-gradient(circle at top, color-mix(in srgb, var(--accent-strong) 18%, transparent), transparent 36%), radial-gradient(circle at bottom right, color-mix(in srgb, var(--accent-cool) 16%, transparent), transparent 42%), linear-gradient(180deg, var(--panel-strong), var(--surface-panel-soft-stronger));--surface-feature-card: linear-gradient(160deg, color-mix(in srgb, var(--surface-panel-card-strong) 96%, transparent), color-mix(in srgb, var(--surface-chip) 84%, transparent));--surface-feature-stat: linear-gradient(180deg, color-mix(in srgb, var(--surface-chip) 70%, transparent), color-mix(in srgb, var(--surface-panel-soft-stronger) 84%, transparent));--surface-chip: rgba(16, 37, 69, .92);--surface-chip-strong: rgba(18, 42, 77, .96);--surface-chip-strongest: rgba(21, 48, 87, .98);--surface-control: rgba(14, 33, 61, .96);--surface-control-hover: rgba(18, 42, 77, .99);--surface-control-secondary: rgba(122, 48, 108, .84);--surface-control-secondary-hover: rgba(134, 56, 119, .9);--surface-selected: radial-gradient(circle at top, rgba(219, 254, 135, .18), transparent 60%);--surface-button-primary: linear-gradient(135deg, #03b5aa, #dbfe87);--surface-button-secondary-active: linear-gradient(135deg, rgba(3, 181, 170, .18), rgba(219, 254, 135, .12));--surface-success: linear-gradient(135deg, #03b5aa, #dbfe87);--surface-ribbon: linear-gradient(135deg, #7a306c, #dbfe87);--surface-neutral-frame: linear-gradient(90deg, #ffffff, #dbfe87);--border-faint: rgba(219, 254, 135, .08);--border-soft: rgba(219, 254, 135, .12);--border-soft-plus: rgba(219, 254, 135, .18);--border-medium: rgba(219, 254, 135, .28);--border-accent-soft: rgba(3, 181, 170, .28);--border-accent-medium: rgba(3, 181, 170, .42);--ring-accent: rgba(3, 181, 170, .48);--ring-accent-soft: rgba(3, 181, 170, .16);--shadow-panel: 0 22px 60px rgba(5, 10, 22, .42);--shadow-card: 0 18px 42px rgba(5, 10, 22, .36);--shadow-card-strong: 0 18px 34px rgba(5, 10, 22, .46);--shadow-card-hover: 0 18px 32px rgba(5, 10, 22, .52);--shadow-control: 0 14px 28px rgba(5, 10, 22, .38);--shadow-control-strong: 0 30px 90px rgba(5, 10, 22, .58);--shadow-elevated-soft: 0 10px 24px rgba(5, 10, 22, .28);--shadow-hero: 0 18px 40px rgba(5, 10, 22, .48);--shadow-selected-heavy: 0 18px 45px rgba(5, 10, 22, .58);--shadow-ribbon: 0 4px 12px rgba(5, 10, 22, .34);--shadow-success: 0 18px 45px rgba(3, 181, 170, .34);--shadow-inset-highlight: inset 0 1px 0 rgba(255, 255, 255, .04);--success: #03b5aa;--success-strong: #dbfe87;--success-ink: #0c1b33;--success-soft-text: #dbfe87;--warning: #dbfe87;--warning-strong: #ffffff;--warning-soft: rgba(219, 254, 135, .12);--warning-border: rgba(219, 254, 135, .28);--danger: #7a306c;--info: #b2aa8e;--info-soft-text: #f2e9c8;--info-soft: rgba(178, 170, 142, .14);--info-border: rgba(178, 170, 142, .24);--neutral-100: #f5f4ef;--neutral-50: #ffffff;--neutral-200: #dbfe87;--holo-pink: #7a306c;--holo-gold: #dbfe87;--holo-green: #03b5aa;--holo-blue: #0c1b33;--holo-purple: #b2aa8e;--holo-sheen-start: rgba(255, 255, 255, .88);--holo-sheen-end: rgba(255, 255, 255, 0);--pack-shell-base: #182641;--surface-button-highlight: linear-gradient(90deg, #7a306c, #03b5aa, #dbfe87);--text-highlight-ink: #0c1b33;--overlay-backdrop: radial-gradient(circle at top, rgba(12, 27, 51, .96), rgba(122, 48, 108, .94));--scrollbar-track: rgba(12, 27, 51, .94);--scrollbar-thumb: linear-gradient(180deg, #03b5aa, #dbfe87);--scrollbar-thumb-hover: linear-gradient(180deg, #42d2ca, #f5ffd0)}:root[data-theme=ember-harbor]{--bg: #130f10;--bg-alt: #124e78;--panel: rgba(18, 78, 120, .82);--panel-strong: rgba(110, 14, 10, .95);--stroke: rgba(240, 240, 201, .14);--accent: #d74e09;--accent-strong: #f2bb05;--accent-soft: rgba(215, 78, 9, .16);--accent-cool: #124e78;--text: #fffde8;--muted: rgba(240, 240, 201, .76);--text-bright: #ffffff;--text-inverse: #124e78;--text-strong-dark: #124e78;--surface-app: linear-gradient(180deg, #6e0e0a 0%, #321111 36%, #124e78 100%);--surface-app-glow-left: rgba(242, 187, 5, .16);--surface-app-glow-right: rgba(18, 78, 120, .18);--surface-panel-card: linear-gradient(160deg, rgba(110, 14, 10, .94), rgba(18, 78, 120, .92));--surface-panel-card-alt: linear-gradient(160deg, rgba(92, 22, 13, .94), rgba(18, 78, 120, .88));--surface-panel-card-strong: linear-gradient(160deg, rgba(110, 14, 10, .98), rgba(18, 78, 120, .96));--surface-panel-soft: rgba(42, 18, 13, .88);--surface-panel-soft-strong: rgba(55, 18, 12, .93);--surface-panel-soft-stronger: rgba(31, 14, 12, .98);--surface-feature-shell: radial-gradient(circle at top, color-mix(in srgb, var(--accent-strong) 18%, transparent), transparent 36%), radial-gradient(circle at bottom right, color-mix(in srgb, var(--accent-cool) 16%, transparent), transparent 42%), linear-gradient(180deg, var(--panel-strong), var(--surface-panel-soft-stronger));--surface-feature-card: linear-gradient(160deg, color-mix(in srgb, var(--surface-panel-card-strong) 96%, transparent), color-mix(in srgb, var(--surface-chip) 84%, transparent));--surface-feature-stat: linear-gradient(180deg, color-mix(in srgb, var(--surface-chip) 70%, transparent), color-mix(in srgb, var(--surface-panel-soft-stronger) 84%, transparent));--surface-chip: rgba(18, 78, 120, .9);--surface-chip-strong: rgba(22, 92, 141, .95);--surface-chip-strongest: rgba(25, 101, 155, .98);--surface-control: rgba(18, 78, 120, .95);--surface-control-hover: rgba(22, 92, 141, .98);--surface-control-secondary: rgba(110, 14, 10, .88);--surface-control-secondary-hover: rgba(136, 26, 20, .94);--surface-selected: radial-gradient(circle at top, rgba(242, 187, 5, .18), transparent 60%);--surface-button-primary: linear-gradient(135deg, #d74e09, #f2bb05);--surface-button-secondary-active: linear-gradient(135deg, rgba(215, 78, 9, .16), rgba(242, 187, 5, .12));--surface-success: linear-gradient(135deg, #f2bb05, #f0f0c9);--surface-ribbon: linear-gradient(135deg, #d74e09, #f0f0c9);--surface-neutral-frame: linear-gradient(90deg, #ffffff, #f0f0c9);--border-faint: rgba(240, 240, 201, .08);--border-soft: rgba(240, 240, 201, .12);--border-soft-plus: rgba(240, 240, 201, .18);--border-medium: rgba(240, 240, 201, .28);--border-accent-soft: rgba(242, 187, 5, .28);--border-accent-medium: rgba(242, 187, 5, .42);--ring-accent: rgba(242, 187, 5, .5);--ring-accent-soft: rgba(215, 78, 9, .16);--shadow-panel: 0 22px 60px rgba(18, 10, 10, .42);--shadow-card: 0 18px 42px rgba(18, 10, 10, .36);--shadow-card-strong: 0 18px 34px rgba(18, 10, 10, .46);--shadow-card-hover: 0 18px 32px rgba(18, 10, 10, .52);--shadow-control: 0 14px 28px rgba(18, 10, 10, .38);--shadow-control-strong: 0 30px 90px rgba(18, 10, 10, .56);--shadow-elevated-soft: 0 10px 24px rgba(18, 10, 10, .28);--shadow-hero: 0 18px 40px rgba(18, 10, 10, .48);--shadow-selected-heavy: 0 18px 45px rgba(18, 10, 10, .58);--shadow-ribbon: 0 4px 12px rgba(18, 10, 10, .34);--shadow-success: 0 18px 45px rgba(242, 187, 5, .28);--shadow-inset-highlight: inset 0 1px 0 rgba(255, 255, 255, .04);--success: #f2bb05;--success-strong: #f0f0c9;--success-ink: #124e78;--success-soft-text: #fff7c2;--warning: #f2bb05;--warning-strong: #f0f0c9;--warning-soft: rgba(242, 187, 5, .12);--warning-border: rgba(242, 187, 5, .28);--danger: #d74e09;--info: #124e78;--info-soft-text: #d9edff;--info-soft: rgba(18, 78, 120, .16);--info-border: rgba(18, 78, 120, .26);--neutral-100: #f0f0c9;--neutral-50: #ffffff;--neutral-200: #eadf96;--holo-pink: #d74e09;--holo-gold: #f2bb05;--holo-green: #f0f0c9;--holo-blue: #124e78;--holo-purple: #6e0e0a;--holo-sheen-start: rgba(255, 255, 255, .88);--holo-sheen-end: rgba(255, 255, 255, 0);--pack-shell-base: #6e0e0a;--surface-button-highlight: linear-gradient(90deg, #124e78, #f2bb05, #d74e09);--text-highlight-ink: #0f1a18;--overlay-backdrop: radial-gradient(circle at top, rgba(110, 14, 10, .96), rgba(18, 78, 120, .96));--scrollbar-track: rgba(18, 78, 120, .94);--scrollbar-thumb: linear-gradient(180deg, #f2bb05, #d74e09);--scrollbar-thumb-hover: linear-gradient(180deg, #f7cb39, #f07a3b)}:root[data-theme=evergreen-mist]{--bg: #1a1f16;--bg-alt: #1e3f20;--panel: rgba(26, 31, 22, .84);--panel-strong: rgba(23, 37, 20, .96);--stroke: rgba(148, 236, 190, .16);--accent: #4a7856;--accent-strong: #94ecbe;--accent-soft: rgba(74, 120, 86, .18);--accent-cool: #94ecbe;--text: #edf8f0;--muted: rgba(148, 236, 190, .72);--text-bright: #ffffff;--text-inverse: #132014;--text-strong-dark: #0d140e;--surface-app: linear-gradient(180deg, #1a1f16 0%, #1e3f20 35%, #345830 72%, #4a7856 100%);--surface-app-glow-left: rgba(148, 236, 190, .1);--surface-app-glow-right: rgba(74, 120, 86, .18);--surface-panel-card: linear-gradient(160deg, rgba(26, 31, 22, .96), rgba(30, 63, 32, .94));--surface-panel-card-alt: linear-gradient(160deg, rgba(24, 34, 22, .94), rgba(52, 88, 48, .9));--surface-panel-card-strong: linear-gradient(160deg, rgba(20, 29, 18, .98), rgba(30, 63, 32, .98));--surface-panel-soft: rgba(20, 28, 18, .88);--surface-panel-soft-strong: rgba(18, 31, 18, .93);--surface-panel-soft-stronger: rgba(16, 25, 15, .98);--surface-feature-shell: radial-gradient(circle at top, color-mix(in srgb, var(--accent-strong) 18%, transparent), transparent 36%), radial-gradient(circle at bottom right, color-mix(in srgb, var(--accent) 18%, transparent), transparent 42%), linear-gradient(180deg, var(--panel-strong), var(--surface-panel-soft-stronger));--surface-feature-card: linear-gradient(160deg, color-mix(in srgb, var(--surface-panel-card-strong) 96%, transparent), color-mix(in srgb, var(--surface-chip) 84%, transparent));--surface-feature-stat: linear-gradient(180deg, color-mix(in srgb, var(--surface-chip) 70%, transparent), color-mix(in srgb, var(--surface-panel-soft-stronger) 84%, transparent));--surface-chip: rgba(30, 63, 32, .88);--surface-chip-strong: rgba(38, 77, 42, .94);--surface-chip-strongest: rgba(45, 91, 50, .98);--surface-control: rgba(25, 43, 27, .96);--surface-control-hover: rgba(33, 59, 37, .98);--surface-control-secondary: rgba(26, 31, 22, .9);--surface-control-secondary-hover: rgba(38, 53, 34, .96);--surface-selected: radial-gradient(circle at top, rgba(148, 236, 190, .16), transparent 60%);--surface-button-primary: linear-gradient(135deg, #4a7856, #94ecbe);--surface-button-secondary-active: linear-gradient(135deg, rgba(74, 120, 86, .18), rgba(148, 236, 190, .14));--surface-success: linear-gradient(135deg, #4a7856, #94ecbe);--surface-ribbon: linear-gradient(135deg, #345830, #94ecbe);--surface-neutral-frame: linear-gradient(90deg, #f4fff7, #cdeedb);--border-faint: rgba(148, 236, 190, .08);--border-soft: rgba(148, 236, 190, .12);--border-soft-plus: rgba(148, 236, 190, .18);--border-medium: rgba(148, 236, 190, .28);--border-accent-soft: rgba(148, 236, 190, .3);--border-accent-medium: rgba(148, 236, 190, .44);--ring-accent: rgba(148, 236, 190, .48);--ring-accent-soft: rgba(74, 120, 86, .16);--shadow-panel: 0 22px 60px rgba(10, 16, 9, .4);--shadow-card: 0 18px 42px rgba(10, 16, 9, .32);--shadow-card-strong: 0 18px 34px rgba(10, 16, 9, .42);--shadow-card-hover: 0 18px 32px rgba(10, 16, 9, .48);--shadow-control: 0 14px 28px rgba(10, 16, 9, .34);--shadow-control-strong: 0 30px 90px rgba(10, 16, 9, .54);--shadow-elevated-soft: 0 10px 24px rgba(10, 16, 9, .26);--shadow-hero: 0 18px 40px rgba(10, 16, 9, .44);--shadow-selected-heavy: 0 18px 45px rgba(10, 16, 9, .56);--shadow-ribbon: 0 4px 12px rgba(10, 16, 9, .3);--shadow-success: 0 18px 45px rgba(148, 236, 190, .24);--shadow-inset-highlight: inset 0 1px 0 rgba(255, 255, 255, .04);--success: #94ecbe;--success-strong: #b8f4d2;--success-ink: #163122;--success-soft-text: #d8fae6;--warning: #94ecbe;--warning-strong: #b8f4d2;--warning-soft: rgba(148, 236, 190, .12);--warning-border: rgba(148, 236, 190, .28);--danger: #7bb08e;--info: #4a7856;--info-soft-text: #d7f7e5;--info-soft: rgba(74, 120, 86, .16);--info-border: rgba(74, 120, 86, .28);--neutral-100: #d9efe0;--neutral-50: #ffffff;--neutral-200: #a8d0b6;--holo-pink: #4a7856;--holo-gold: #94ecbe;--holo-green: #94ecbe;--holo-blue: #4a7856;--holo-purple: #345830;--holo-sheen-start: rgba(255, 255, 255, .88);--holo-sheen-end: rgba(255, 255, 255, 0);--pack-shell-base: #1e3f20;--surface-button-highlight: linear-gradient(90deg, #1e3f20, #4a7856, #94ecbe);--text-highlight-ink: #102018;--overlay-backdrop: radial-gradient(circle at top, rgba(30, 63, 32, .96), rgba(26, 31, 22, .98));--scrollbar-track: rgba(20, 28, 18, .96);--scrollbar-thumb: linear-gradient(180deg, #4a7856, #94ecbe);--scrollbar-thumb-hover: linear-gradient(180deg, #5e926b, #b6f4d3)}:root[data-theme=neon-carnival]{--bg: #0f0618;--bg-alt: #1a0930;--panel: rgba(20, 8, 42, .84);--panel-strong: rgba(14, 5, 30, .96);--stroke: rgba(67, 188, 205, .2);--accent: #f86624;--accent-strong: #f9c80e;--accent-soft: rgba(248, 102, 36, .16);--accent-cool: #43bccd;--text: #fdf8f0;--muted: rgba(206, 188, 228, .76);--card-common: #9b8ab5;--card-uncommon: #43bccd;--card-rare: #662e9b;--card-ultra: #f9c80e;--card-secret: #ea3546;--text-bright: #ffffff;--text-inverse: #1a0930;--text-strong-dark: #0a0412;--surface-app: linear-gradient(180deg, #0f0618 0%, #1a0930 45%, #2a1050 100%);--surface-app-glow-left: rgba(248, 102, 36, .16);--surface-app-glow-right: rgba(67, 188, 205, .14);--surface-panel-card: linear-gradient(160deg, rgba(28, 10, 58, .95), rgba(10, 4, 22, .98));--surface-panel-card-alt: linear-gradient(160deg, rgba(36, 12, 72, .92), rgba(12, 5, 27, .96));--surface-panel-card-strong: linear-gradient(160deg, rgba(30, 10, 62, .97), rgba(10, 4, 22, .99));--surface-panel-soft: rgba(14, 6, 30, .88);--surface-panel-soft-strong: rgba(12, 5, 26, .93);--surface-panel-soft-stronger: rgba(8, 3, 18, .98);--surface-feature-shell: radial-gradient(circle at top, color-mix(in srgb, var(--accent-strong) 16%, transparent), transparent 36%), radial-gradient(circle at bottom right, color-mix(in srgb, var(--accent-cool) 14%, transparent), transparent 42%), linear-gradient(180deg, var(--panel-strong), var(--surface-panel-soft-stronger));--surface-feature-card: linear-gradient(160deg, color-mix(in srgb, var(--surface-panel-card-strong) 94%, transparent), color-mix(in srgb, var(--surface-chip) 84%, transparent));--surface-feature-stat: linear-gradient(180deg, color-mix(in srgb, var(--surface-chip) 70%, transparent), color-mix(in srgb, var(--surface-panel-soft-stronger) 84%, transparent));--surface-chip: rgba(38, 14, 78, .9);--surface-chip-strong: rgba(48, 18, 96, .94);--surface-chip-strongest: rgba(56, 22, 112, .98);--surface-control: rgba(30, 10, 62, .96);--surface-control-hover: rgba(42, 14, 82, .99);--surface-control-secondary: rgba(67, 188, 205, .12);--surface-control-secondary-hover: rgba(67, 188, 205, .22);--surface-selected: radial-gradient(circle at top, rgba(249, 200, 14, .18), transparent 60%);--surface-button-primary: linear-gradient(135deg, #f86624, #f9c80e);--surface-button-secondary-active: linear-gradient(135deg, rgba(248, 102, 36, .18), rgba(67, 188, 205, .14));--surface-success: linear-gradient(135deg, #22c55e, #4ade80);--surface-ribbon: linear-gradient(135deg, #ea3546, #f86624);--surface-neutral-frame: linear-gradient(90deg, #fdf8f0, #e8ddf8);--border-faint: rgba(67, 188, 205, .09);--border-soft: rgba(67, 188, 205, .15);--border-soft-plus: rgba(67, 188, 205, .22);--border-medium: rgba(67, 188, 205, .34);--border-accent-soft: rgba(249, 200, 14, .28);--border-accent-medium: rgba(249, 200, 14, .44);--ring-accent: rgba(249, 200, 14, .52);--ring-accent-soft: rgba(248, 102, 36, .16);--shadow-panel: 0 22px 60px rgba(5, 1, 14, .46);--shadow-card: 0 18px 42px rgba(5, 1, 14, .38);--shadow-card-strong: 0 18px 34px rgba(5, 1, 14, .5);--shadow-card-hover: 0 18px 32px rgba(5, 1, 14, .58);--shadow-control: 0 14px 28px rgba(5, 1, 14, .42);--shadow-control-strong: 0 30px 90px rgba(5, 1, 14, .64);--shadow-elevated-soft: 0 10px 24px rgba(5, 1, 14, .32);--shadow-hero: 0 18px 40px rgba(5, 1, 14, .66);--shadow-selected-heavy: 0 18px 45px rgba(5, 1, 14, .78);--shadow-ribbon: 0 4px 12px rgba(5, 1, 14, .5);--shadow-success: 0 18px 45px rgba(34, 197, 94, .5);--shadow-inset-highlight: inset 0 1px 0 rgba(255, 255, 255, .05);--success: #22c55e;--success-strong: #4ade80;--success-ink: #022c22;--success-soft-text: #bbf7d0;--warning: #f9c80e;--warning-strong: #fbd842;--warning-soft: rgba(249, 200, 14, .12);--warning-border: rgba(249, 200, 14, .28);--danger: #ea3546;--info: #43bccd;--info-soft-text: #a8e8f0;--info-soft: rgba(67, 188, 205, .16);--info-border: rgba(67, 188, 205, .32);--neutral-100: #e5e7eb;--neutral-50: #f9fafb;--neutral-200: #d4d4d8;--holo-pink: #ea3546;--holo-gold: #f9c80e;--holo-green: #43bccd;--holo-blue: #662e9b;--holo-purple: #662e9b;--holo-sheen-start: rgba(255, 255, 255, .9);--holo-sheen-end: rgba(255, 255, 255, 0);--pack-shell-base: #2a0a52;--surface-button-highlight: linear-gradient(90deg, #ea3546, #f86624, #f9c80e);--text-highlight-ink: #0f0618;--overlay-backdrop: radial-gradient(circle at top, rgba(28, 10, 58, .97), rgba(8, 2, 18, .99));--scrollbar-track: rgba(14, 5, 30, .96);--scrollbar-thumb: linear-gradient(180deg, #f86624, #43bccd);--scrollbar-thumb-hover: linear-gradient(180deg, #f9c80e, #6ad4e2)}:root[data-theme=imperial-drift]{--bg: #010c1e;--bg-alt: #01295f;--panel: rgba(1, 20, 48, .84);--panel-strong: rgba(1, 15, 38, .96);--stroke: rgba(67, 127, 151, .2);--accent: #ffb30f;--accent-strong: #ffd055;--accent-soft: rgba(255, 179, 15, .16);--accent-cool: #437f97;--text: #f5f0e8;--muted: rgba(180, 205, 215, .76);--card-common: #8aa7be;--card-uncommon: #849324;--card-rare: #437f97;--card-ultra: #ffb30f;--card-secret: #fd151b;--text-bright: #ffffff;--text-inverse: #01295f;--text-strong-dark: #010c1e;--surface-app: linear-gradient(180deg, #010c1e 0%, #01295f 55%, #013562 100%);--surface-app-glow-left: rgba(255, 179, 15, .14);--surface-app-glow-right: rgba(67, 127, 151, .16);--surface-panel-card: linear-gradient(160deg, rgba(1, 28, 66, .95), rgba(1, 10, 26, .98));--surface-panel-card-alt: linear-gradient(160deg, rgba(1, 24, 58, .92), rgba(1, 8, 22, .96));--surface-panel-card-strong: linear-gradient(160deg, rgba(1, 26, 62, .96), rgba(1, 8, 20, .99));--surface-panel-soft: rgba(1, 12, 30, .88);--surface-panel-soft-strong: rgba(1, 10, 26, .93);--surface-panel-soft-stronger: rgba(1, 6, 16, .98);--surface-feature-shell: radial-gradient(circle at top, color-mix(in srgb, var(--accent-strong) 16%, transparent), transparent 36%), radial-gradient(circle at bottom right, color-mix(in srgb, var(--accent-cool) 14%, transparent), transparent 42%), linear-gradient(180deg, var(--panel-strong), var(--surface-panel-soft-stronger));--surface-feature-card: linear-gradient(160deg, color-mix(in srgb, var(--surface-panel-card-strong) 94%, transparent), color-mix(in srgb, var(--surface-chip) 84%, transparent));--surface-feature-stat: linear-gradient(180deg, color-mix(in srgb, var(--surface-chip) 70%, transparent), color-mix(in srgb, var(--surface-panel-soft-stronger) 84%, transparent));--surface-chip: rgba(1, 22, 54, .92);--surface-chip-strong: rgba(1, 28, 68, .96);--surface-chip-strongest: rgba(1, 32, 76, .98);--surface-control: rgba(1, 20, 48, .96);--surface-control-hover: rgba(1, 28, 66, .99);--surface-control-secondary: rgba(67, 127, 151, .18);--surface-control-secondary-hover: rgba(67, 127, 151, .28);--surface-selected: radial-gradient(circle at top, rgba(255, 179, 15, .2), transparent 60%);--surface-button-primary: linear-gradient(135deg, #ffb30f, #ffd055);--surface-button-secondary-active: linear-gradient(135deg, rgba(255, 179, 15, .18), rgba(67, 127, 151, .14));--surface-success: linear-gradient(135deg, #22c55e, #4ade80);--surface-ribbon: linear-gradient(135deg, #ffb30f, #ffd055);--surface-neutral-frame: linear-gradient(90deg, #f5f0e8, #ddd8ce);--border-faint: rgba(67, 127, 151, .1);--border-soft: rgba(67, 127, 151, .16);--border-soft-plus: rgba(67, 127, 151, .22);--border-medium: rgba(67, 127, 151, .34);--border-accent-soft: rgba(255, 179, 15, .28);--border-accent-medium: rgba(255, 179, 15, .44);--ring-accent: rgba(255, 179, 15, .52);--ring-accent-soft: rgba(255, 179, 15, .14);--shadow-panel: 0 22px 60px rgba(0, 4, 14, .4);--shadow-card: 0 18px 42px rgba(0, 4, 14, .34);--shadow-card-strong: 0 18px 34px rgba(0, 4, 14, .46);--shadow-card-hover: 0 18px 32px rgba(0, 4, 14, .52);--shadow-control: 0 14px 28px rgba(0, 4, 14, .38);--shadow-control-strong: 0 30px 90px rgba(0, 4, 14, .58);--shadow-elevated-soft: 0 10px 24px rgba(0, 4, 14, .29);--shadow-hero: 0 18px 40px rgba(0, 4, 14, .62);--shadow-selected-heavy: 0 18px 45px rgba(0, 4, 14, .74);--shadow-ribbon: 0 4px 12px rgba(0, 4, 14, .44);--shadow-success: 0 18px 45px rgba(34, 197, 94, .5);--shadow-inset-highlight: inset 0 1px 0 rgba(255, 255, 255, .04);--success: #22c55e;--success-strong: #4ade80;--success-ink: #022c22;--success-soft-text: #bbf7d0;--warning: #ffb30f;--warning-strong: #ffd055;--warning-soft: rgba(255, 179, 15, .12);--warning-border: rgba(255, 179, 15, .28);--danger: #fd151b;--info: #5fb8d8;--info-soft-text: #a8ddef;--info-soft: rgba(67, 127, 151, .2);--info-border: rgba(67, 127, 151, .34);--neutral-100: #e5e7eb;--neutral-50: #f9fafb;--neutral-200: #d4d4d8;--holo-pink: #fd151b;--holo-gold: #ffb30f;--holo-green: #a5b82a;--holo-blue: #5fb8d8;--holo-purple: #437f97;--holo-sheen-start: rgba(255, 255, 255, .9);--holo-sheen-end: rgba(255, 255, 255, 0);--pack-shell-base: #01295f;--surface-button-highlight: linear-gradient(90deg, #fd151b, #ffb30f);--text-highlight-ink: #01295f;--overlay-backdrop: radial-gradient(circle at top, rgba(1, 28, 66, .96), rgba(1, 6, 18, .99));--scrollbar-track: rgba(1, 10, 26, .96);--scrollbar-thumb: linear-gradient(180deg, #ffb30f, #437f97);--scrollbar-thumb-hover: linear-gradient(180deg, #ffd055, #5fb8d8)}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--accent-strong) var(--scrollbar-track)}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:var(--scrollbar-track)}*::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}body{margin:0;font-family:var(--font-body);background:radial-gradient(circle at top left,var(--surface-app-glow-left),transparent 30%),radial-gradient(circle at top right,var(--surface-app-glow-right),transparent 34%),var(--surface-app);color:var(--text);background-attachment:fixed;overflow-x:hidden}.app-root{min-height:100vh;display:flex;flex-direction:column;position:relative}.layout{display:flex;flex-direction:column;gap:.9rem;padding:.9rem}@media (min-width: 768px){.layout{flex-direction:row;align-items:flex-start}}.left-column{display:flex;flex-direction:column;gap:.6rem;flex:0 0 310px;max-width:100%;min-width:0}.research-panel{flex:0 0 auto}@media (min-width: 1024px){.app-root{height:100vh;min-height:100vh;overflow:hidden}.layout{flex:1;min-height:0;overflow:hidden;align-items:stretch}.left-column{min-height:0;align-self:stretch}}@media (max-width: 767px){.layout{flex-direction:column;padding:.5rem;gap:.5rem}.left-column{flex:0 0 auto;width:100%}html,body{overflow-x:hidden;max-width:100vw}.app-root{max-width:100vw;overflow-x:hidden}}@media (max-width: 900px){.layout{padding:.6rem;gap:.6rem}.left-column{gap:.5rem}}.title{margin:0 0 .3rem;font-family:var(--font-display);font-size:1.55rem;letter-spacing:-.03em}.subtitle{margin:0 0 .75rem;font-size:.88rem;color:var(--muted);line-height:1.55}.pack-section-kicker{margin-bottom:.4rem;color:var(--accent-cool);text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;font-weight:700}.pack-card{background:var(--surface-panel-card);border-radius:1.15rem;padding:1rem;border:1px solid var(--border-soft);box-shadow:var(--shadow-inset-highlight),var(--shadow-card);display:flex;flex-direction:column}.research-actions{display:flex;flex-direction:column;gap:.4rem;margin-top:.75rem}.video-summary{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);row-gap:.2rem;column-gap:1.25rem;font-size:.8rem;margin-bottom:.75rem}.video-row{display:contents}.video-row>span{color:var(--muted);text-align:left}.video-row>strong{text-align:right;font-weight:600}.primary-btn{width:100%;padding:.7rem 1rem;border-radius:999px;border:none;background:var(--surface-button-primary);color:var(--text-inverse);font-weight:700;font-size:.95rem;cursor:pointer;box-shadow:var(--shadow-control);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.primary-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-card-strong);filter:saturate(1.04)}.primary-btn:disabled{opacity:.5;cursor:default;box-shadow:none}.secondary-btn{padding:.42rem .68rem;border-radius:999px;border:1px solid var(--border-medium);background:var(--surface-control-secondary);color:var(--text);font-size:.78rem;font-weight:500;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.secondary-btn:hover:not(:disabled){transform:translateY(-1px);border-color:var(--border-accent-soft);background:var(--surface-control-secondary-hover)}.secondary-btn--active{background:var(--surface-button-secondary-active);border-color:var(--border-accent-medium)}.secondary-btn:disabled{opacity:.45;cursor:default}.video-summary{margin-top:.5rem;padding:.7rem .8rem;border-radius:.9rem;background:var(--surface-panel-soft);border:1px solid var(--border-faint);font-size:.8rem}.video-row{display:flex;justify-content:space-between;margin-bottom:.15rem}.video-row span{color:var(--muted)}.panel-title{margin:0 0 .6rem;font-size:1rem}.panel-title.second{margin-top:1.25rem}.muted{color:var(--muted);font-size:.85rem}.last-pack-view{margin-bottom:1.25rem;display:flex;justify-content:center}.last-pack-view .card-shell--slide{max-width:200px;width:100%}.pack-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:stretch;justify-content:center}.pack-overlay-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top,#0f172af5,#020617)}.pack-overlay-content{position:relative;width:100%;max-width:100%;height:100%;display:flex;flex-direction:column;padding:1.25rem 1rem 1.5rem;z-index:51;overflow-y:auto}.pack-overlay-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.pack-overlay-title{font-size:.95rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.pack-overlay-close{border:none;background:#0f172ae6;color:var(--muted);border-radius:999px;width:28px;height:28px;cursor:pointer}.pack-overlay-card-wrap{flex:1;display:flex;align-items:center;justify-content:center}.card-instruction{margin-top:0;font-size:2.1rem;font-weight:600;text-align:center}.card-instruction-row{margin-top:.25rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}