.card-action{border:1px solid var(--border-default);color:var(--text-subtle);cursor:pointer;border-radius:.375rem;flex:4.5rem;justify-content:center;align-items:center;column-gap:.25rem;min-width:0;padding-block:.25rem;padding-inline:.375rem;font-size:.75rem;font-weight:600;line-height:1rem;transition:background-color .15s,color .15s;display:inline-flex}.card-action:hover{background-color:var(--bg-elevation-hover);color:var(--text-primary)}.card-action:focus-visible{box-shadow:0 0 0 2px var(--accent-focus-ring);outline:none}.card-action__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.card-actions-row{flex-wrap:wrap;gap:.375rem;width:100%;display:flex}.stats-row{color:var(--text-faint);flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem .75rem;font-size:.75rem;font-weight:600;line-height:1rem;display:flex}.stats-row__sep{color:var(--text-faint);opacity:.5}.card-stat{-webkit-user-select:none;user-select:none;align-items:center;gap:.25rem;display:inline-flex}.card-stat--tip{cursor:help;-webkit-touch-callout:none}.card-stat__value{text-underline-offset:4px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.magic-card-action{background:color-mix(in srgb, var(--bg-elevation-2,#1c2330) 88%, black);border:1px solid color-mix(in srgb, var(--border-default,#252b38) 78%, white);color:var(--text-body-light,#e7edf5);cursor:pointer;opacity:.18;pointer-events:auto;border-radius:9999px;outline:none;justify-content:center;align-items:center;width:1.9rem;height:1.9rem;transition:opacity .15s,transform .15s;display:inline-flex}.magic-card-action:focus-visible{box-shadow:0 0 0 2px var(--accent-focus-ring,#67f2ff);opacity:1}@media (pointer:coarse){.magic-card-action{opacity:.8}}.magic-card-action-icon{pointer-events:none;width:1rem;height:1rem}.magic-card-face{transition:transform .2s var(--ease-smoothstep,ease);width:var(--magic-card-width);position:relative}.magic-card-face:has(:focus-visible){transform:translateY(-.25rem)}@media (hover:hover){.magic-card-face:hover{transform:translateY(-.25rem)}}.magic-card-link{border-radius:4.75%/3.5%;outline:none;display:block}.magic-card-link:focus-visible{box-shadow:0 0 0 2px var(--accent-focus-ring)}.magic-card-image{aspect-ratio:215/300;object-fit:cover;width:100%;transition:box-shadow .2s;box-shadow:0 0 0 1px #ffffff1a,0 12px 30px #00000047}.magic-card-face:has(:focus-visible) .magic-card-image{box-shadow:0 0 0 1px #ffffff1a,0 18px 38px #00000057}@media (hover:hover){.magic-card-face:hover .magic-card-image{box-shadow:0 0 0 1px #ffffff1a,0 18px 38px #00000057}}.magic-card-image--orientable{transform-origin:50%;transition:transform .22s var(--ease-smoothstep,ease);will-change:transform}.magic-card-link--flip{perspective:1400px}.magic-card-flip3d{transform-style:preserve-3d;transition:transform .55s var(--ease-smoothstep,ease);will-change:transform;width:100%;position:relative}.magic-card-face[data-flipped] .magic-card-flip3d{transform:rotateY(180deg)}.magic-card-face[data-rotation="90"] :is(.magic-card-image--orientable,.magic-card-flip-face--front){transform:rotate(90deg)}.magic-card-face[data-rotation="180"] :is(.magic-card-image--orientable,.magic-card-flip-face--front){transform:rotate(180deg)}.magic-card-flip-face{backface-visibility:hidden;transform-origin:50%}.magic-card-flip-face--back{position:absolute;inset:0;transform:rotateY(180deg)}@media (prefers-reduced-motion:reduce){.magic-card-flip3d{transition:none}}.magic-card-actions{z-index:2;flex-direction:column;gap:.35rem;display:flex;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.magic-card-face:has(:focus-visible) .magic-card-action{opacity:1}@media (hover:hover){.magic-card-face:hover .magic-card-action{opacity:1}}.magic-card-image{background-color:var(--bg-elevation-2);background:repeating-linear-gradient(-45deg, color-mix(in srgb, var(--bg-page-solid) 66%, transparent) 0px, color-mix(in srgb, var(--bg-page-solid) 66%, transparent) 5px, transparent 5px, transparent 8px), repeating-linear-gradient(45deg, color-mix(in srgb, var(--bg-page-solid) 66%, transparent) 0px, color-mix(in srgb, var(--bg-page-solid) 66%, transparent) 5px, transparent 5px, transparent 8px), linear-gradient(to bottom, var(--bg-elevation-3), var(--bg-elevation-2) 52%, color-mix(in srgb, var(--accent-primary) 18%, var(--bg-elevation-1)));border-radius:4.75%/3.5%;display:block}.magic-card-controls{--bg-weight-btn:color-mix(in srgb, var(--bg-elevation-2,#1c2330) 88%, black);--border-weight-btn:color-mix(in srgb, var(--border-default,#252b38) 78%, white);--text-weight-btn:var(--text-body-light,#e7edf5);--weight-minus-l1-text:var(--destructive,#f87171);--weight-minus-l1-border:color-mix(in srgb, var(--destructive,#f87171) 48%, var(--border-default,#252b38));--weight-minus-l1-bg:color-mix(in srgb, var(--destructive,#f87171) 14%, var(--bg-elevation-2,#1c2330));--weight-plus-l1-text:var(--accent-positive,#4ade80);--weight-plus-l1-border:color-mix(in srgb, var(--accent-positive,#4ade80) 48%, var(--border-default,#252b38));--weight-plus-l1-bg:color-mix(in srgb, var(--accent-positive,#4ade80) 14%, var(--bg-elevation-2,#1c2330));pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.magic-card-controls-row{opacity:.15;justify-content:center;align-items:center;gap:.5rem;width:100%;height:100%;padding:clamp(.35rem,2.5vw,.55rem);transition:opacity .15s;display:flex;transform:translateY(-10%)}.magic-card-controls:has(.card-weight-btn--active) .magic-card-controls-row{opacity:1}@media (pointer:coarse){.magic-card-controls-row{opacity:.75}}.card-weight-btn.card-control-pin{opacity:.18;transition:opacity .15s,transform .15s;position:absolute}.magic-card-controls:has(.card-weight-btn--active) .card-weight-btn.card-control-pin{opacity:1}@media (pointer:coarse){.card-weight-btn.card-control-pin{opacity:.75}}.card-control-pin--top-left{left:var(--magic-stack-shift-x,0px);top:var(--magic-stack-shift-y,0px);transform:translate(-50%,-50%)}.card-control-pin--top-right{right:var(--magic-stack-shift-x,0px);top:var(--magic-stack-shift-y,0px);transform:translate(50%,-50%)}.card-control-pin--bottom-left{bottom:var(--magic-stack-shift-y,0px);left:var(--magic-stack-shift-x,0px);transform:translate(-50%,50%)}.card-control-pin--bottom-right{bottom:var(--magic-stack-shift-y,0px);right:var(--magic-stack-shift-x,0px);transform:translate(50%,50%)}.magic-card-controls[data-stacked=true] .card-control-pin--top-right{right:0;top:calc(var(--magic-stack-shift-y,0px) * 2.75)}.card-weight-btn{background:var(--bg-weight-btn);border:1px solid var(--border-weight-btn);color:var(--text-weight-btn);cursor:pointer;font-family:"Google Sans", var(--font-sans), sans-serif;letter-spacing:.02em;pointer-events:auto;vertical-align:middle;border-radius:5px;outline:none;justify-content:center;align-items:center;gap:.1rem;min-width:2.75rem;height:2.75rem;padding:0 .5rem;font-size:.7rem;font-weight:700;line-height:1;display:inline-flex;position:relative;overflow:hidden}.card-weight-btn:focus-visible{box-shadow:0 0 0 2px var(--accent-focus-ring,#67f2ff)}.card-weight-btn:disabled{cursor:not-allowed;opacity:.68}.card-weight-btn--circle{border-radius:9999px;width:1.75rem;min-width:1.75rem;height:1.75rem;padding:0}.card-name-minus.card-weight-btn--active{background:var(--weight-minus-l1-bg);border-color:var(--weight-minus-l1-border);color:var(--weight-minus-l1-text)}.card-weight-btn--circle.card-name-minus.card-weight-btn--active{--remove-control:#f4511e;background:var(--remove-control);border-color:color-mix(in srgb, var(--remove-control) 55%, black);color:#fff;box-shadow:0 2px 6px #00000059}.card-name-plus.card-weight-btn--active{background:var(--weight-plus-l1-bg);border-color:var(--weight-plus-l1-border);color:var(--weight-plus-l1-text)}.card-weight-btn--circle.card-name-plus.card-weight-btn--active{background:var(--accent-positive,#4ade80);border-color:color-mix(in srgb, var(--accent-positive,#4ade80) 55%, black);color:#fff;box-shadow:0 2px 6px #00000059}.card-weight-btn-icon{pointer-events:none}.card-weight-btn-icon--spin{animation:.9s linear infinite card-weight-btn-spin}.card-weight-btn-label{pointer-events:none;text-overflow:ellipsis;white-space:nowrap;max-width:8rem;overflow:hidden}@keyframes card-weight-btn-spin{to{transform:rotate(360deg)}}.magic-card-stack{text-align:center;align-content:start;justify-items:center;gap:.5rem;width:fit-content;display:inline-grid}.magic-card-prices{color:var(--text-faint);flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem .5rem;font-size:.75rem;font-weight:600;line-height:1rem;display:flex}.magic-card-stage{--magic-stack-shift-x:clamp(.3rem, 1.8cqw, .5rem);--magic-stack-shift-y:clamp(.55rem, 2.8cqw, .85rem);--magic-card-width:min(13.4375rem, calc(100cqw - (var(--magic-stack-shift-x) * 2 * var(--magic-stack-span,1))));--ease-smoothstep:cubic-bezier(.45, 0, .55, 1);--ease-stack-shift:cubic-bezier(.22, 1, .36, 1);width:calc(var(--magic-card-width) + (var(--magic-stack-shift-x) * 2 * var(--magic-stack-span,1)));position:relative}.magic-card-stage--single{padding-block:var(--magic-stack-shift-y)}.magic-card-spacer{aspect-ratio:215/300;margin-block:var(--magic-stack-shift-y) calc(var(--magic-stack-shift-y) * 2.75 * var(--magic-stack-span,1));margin-inline:0 calc(var(--magic-stack-shift-x) * 2 * var(--magic-stack-span,1));visibility:hidden;width:var(--magic-card-width)}.magic-card-slot{width:var(--magic-card-width)}.magic-card-slot--single{margin-inline:var(--magic-stack-shift-x)}.magic-card-stage--stacked .magic-card-slot{left:calc(var(--magic-stack-shift-x) * 2 * var(--stack-offset));top:calc(var(--magic-stack-shift-y) * 2.75 * var(--stack-offset));transition:left .18s var(--ease-stack-shift), top .18s var(--ease-stack-shift);z-index:calc(var(--stack-offset) * 10);position:absolute}.magic-card-stage--stacked .magic-card-slot:not([data-front]) .magic-card-actions{display:none}@media (prefers-reduced-motion:reduce){.magic-card-stage--stacked .magic-card-slot{transition:none}}.magic-card-overlay{pointer-events:none;z-index:40;border-radius:4.75%/3.5%;position:absolute;inset:0}.magic-card-overlay button,.magic-card-overlay a{pointer-events:auto}.magic-card-stage:has(:focus-visible) .card-weight-btn.card-control-pin,.magic-card-stage:has(:focus-visible) .magic-card-controls-row,.magic-card-stage:has(:focus-visible) .magic-card-action{opacity:1}@media (hover:hover){.magic-card-stage:hover .card-weight-btn.card-control-pin,.magic-card-stage:hover .magic-card-controls-row,.magic-card-stage:hover .magic-card-action{opacity:1}}.magic-card-stack-actions{left:calc(var(--magic-stack-shift-x,0px) - .5rem);top:calc(var(--magic-stack-shift-y,0px) - .5rem);z-index:200;flex-direction:column;gap:.35rem;display:flex;position:absolute;overflow:visible;transform:translate(-50%,-50%)}summary::-webkit-details-marker{display:none}summary:hover .section-chevron{color:var(--foreground)}details[open] .section-chevron{rotate:180deg}.section-title{font:inherit;min-width:0;margin:0;display:flex}.card-list{border-top:1px solid color-mix(in oklab, var(--border) 60%, transparent);margin-top:1.5rem;padding-top:1rem;font-size:.875rem;line-height:1.25rem}.card-list summary{color:var(--muted-foreground);cursor:pointer;font-weight:500}.card-list summary:hover{color:var(--foreground)}.card-list ol{color:var(--muted-foreground);margin-top:.75rem;list-style:inside decimal}.card-list li+li{margin-top:.25rem}.card-list li::marker{color:color-mix(in oklab, currentcolor 60%, transparent);font-variant-numeric:tabular-nums}.card-list a{color:var(--accent-link)}.card-list a:hover{text-decoration:underline}.card-list small{margin-left:.5rem;font-size:.75rem;line-height:1rem}
