.sheet{z-index:140;width:var(--page-width,100%);height:var(--page-height,100%);isolation:isolate;position:absolute;inset:0 0 auto}.sheet__scrim{backdrop-filter:blur(5px);opacity:0;transition:opacity var(--dur-base) var(--ease-out);background:#26161a6b;position:absolute;inset:0}.sheet.is-open .sheet__scrim{opacity:1}.sheet__panel{--sheet-h:min(88svh, 760px);top:calc(var(--visual-viewport-height,100svh) - var(--sheet-h));height:var(--sheet-h);background:var(--bg);border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-width:560px;box-shadow:var(--shadow-sheet);transition:transform var(--dur-slow) var(--ease-sheet);margin-inline:auto;position:sticky;overflow:hidden;transform:translateY(100%)}.sheet.is-open .sheet__panel{transform:translateY(0)}.sheet__grabber{border-radius:var(--radius-pill);background:var(--border-strong);z-index:2;width:38px;height:4px;position:absolute;top:10px;left:50%;translate:-50%}.sheet__x{z-index:2;position:absolute;top:14px;right:10px}.sheet__view{grid-template-rows:1fr auto;height:100%;display:grid}.sheet__scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:calc(var(--space-6) + 4px) var(--space-5) var(--space-7);overflow-y:auto}.sheet__head{gap:var(--space-4);margin-bottom:var(--space-5);grid-template-columns:88px 1fr;align-items:start;display:grid}.sheet__img{object-fit:contain;border-radius:var(--radius-md);background:var(--bg-deep);width:88px;height:110px}.sheet__head .badge{margin-bottom:6px}.sheet__tagline{font-family:var(--font-ui);font-size:var(--fs-xs);color:var(--text-muted);margin-top:4px}.sheet__rating{font-size:var(--fs-xs);color:var(--accent-strong);margin-top:6px}.sheet__variants{margin:0 0 var(--space-4);border:0;padding:0}.sheet__variants legend{margin-bottom:var(--space-2);padding:0}.sheet__options{gap:var(--space-4);display:grid}.opt{align-items:center;gap:var(--space-3);min-height:58px;padding:0 var(--space-4);border:1.5px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface-strong);text-align:left;transition:border-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);grid-template-columns:1fr auto;display:grid;position:relative}.opt__w{font-family:var(--font-ui);font-size:var(--fs-body);font-weight:600}.opt__p{font-weight:700;font-size:var(--fs-body)}.opt__b{top:-9px;left:var(--space-4);border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent-strong);font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;font-weight:600;position:absolute}.opt[aria-checked=true]{border-color:var(--accent);background:#c29f4c12}.opt[aria-checked=true] .opt__w:after{content:" ✓";color:var(--accent-strong);font-weight:700}.sheet__fine{font-family:var(--font-ui);font-size:var(--fs-xs);color:var(--text-muted)}.sheet__action{gap:var(--space-2);padding:var(--space-4) var(--space-5) calc(var(--space-4) + var(--sab));border-top:1px solid var(--border-soft);background:var(--bg);display:grid}.sheet__link{min-height:44px;font-family:var(--font-ui);font-size:var(--fs-sm);color:var(--text-muted);place-items:center;display:grid}.sheet__tick{background:var(--accent-soft);width:52px;height:52px;color:var(--accent-strong);margin-bottom:var(--space-4);border-radius:50%;place-items:center;font-size:26px;display:grid}.sheet__donetitle{margin-bottom:2px}.sheet__also{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border-soft)}.sheet__alsocard{gap:var(--space-3);width:100%;margin-top:var(--space-2);padding:var(--space-3);border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface);text-align:left;grid-template-columns:56px 1fr auto;align-items:center;display:grid}.sheet__alsocard img{object-fit:contain;border-radius:var(--radius-sm);background:var(--bg-deep);width:56px;height:70px}.sheet__alsocard strong{font-family:var(--font-ui);font-size:var(--fs-sm);display:block}.sheet__alsocard small{font-family:var(--font-ui);font-size:var(--fs-xs);color:var(--text-muted)}.sheet__alsoadd{font-family:var(--font-ui);font-size:var(--fs-xs);color:var(--accent-strong);border-radius:var(--radius-pill);border:1px solid #c29f4c66;padding:8px 12px;font-weight:600}@media (width>=744px){.sheet__panel{--sheet-h:min(78svh, 720px);top:calc((var(--visual-viewport-height,100svh) - var(--sheet-h)) / 2);border-radius:var(--radius-xl);opacity:0;max-width:520px;transform:translateY(16px)scale(.98)}.sheet.is-open .sheet__panel{opacity:1;transform:none}.sheet__grabber{display:none}}.meter{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;display:grid}.meter i{background:var(--surface-sunk);height:7px;box-shadow:inset 0 0 0 1px var(--border-soft);border-radius:2px;display:block}.meter i.on{background:var(--gold);box-shadow:none}.meter--anim i.on{background-size:300% 100%}.meter--anim[data-level="2"] i.on{animation:3.6s linear infinite meter-flow;animation-delay:calc(var(--i) * -.25s)}.meter--anim[data-level="3"] i.on{animation:2.6s linear infinite meter-flow;animation-delay:calc(var(--i) * -.22s)}.meter--anim[data-level="4"] i.on{animation:1.9s linear infinite meter-flow,1.9s ease-in-out infinite meter-ripple;animation-delay:calc(var(--i) * -.2s)}.meter--anim[data-level="5"] i.on{animation:1.2s linear infinite meter-flow,1.2s ease-in-out infinite meter-ripple,4s linear infinite meter-hue;animation-delay:calc(var(--i) * -.15s)}.meter--rarity[data-level="2"] i.on{background-image:linear-gradient(90deg, var(--gold) 0%, #f0dca0 50%, var(--gold) 100%)}.meter--rarity[data-level="3"] i.on{background-image:linear-gradient(90deg, var(--gold), #e3a35a, #d9798f, #e3a35a, var(--gold))}.meter--rarity[data-level="4"] i.on{background-image:linear-gradient(90deg, var(--gold), #d4508a, #8a5cd6, #3fb8b0, var(--gold));box-shadow:0 0 6px #a05ac873}.meter--rarity[data-level="5"] i.on{background-image:linear-gradient(90deg,#ff5f6d,#ffc371,#f9f871,#5ee7a0,#4fa8ff,#b46cff,#ff5f6d);box-shadow:0 0 9px #b46cff99}.meter--potency[data-level="2"] i.on{background-image:linear-gradient(90deg, var(--gold) 0%, #e9b45a 50%, var(--gold) 100%)}.meter--potency[data-level="3"] i.on{background-image:linear-gradient(90deg, var(--gold), #e8963c, #e46b2e, #e8963c, var(--gold))}.meter--potency[data-level="4"] i.on{background-image:linear-gradient(90deg,#e8963c,#e5512e,#c4214a,#e5512e,#e8963c);box-shadow:0 0 6px #e5512e80}.meter--potency[data-level="5"] i.on{animation:1.2s linear infinite meter-flow,1.2s ease-in-out infinite meter-ripple,2.4s ease-in-out infinite alternate meter-hue-warm;animation-delay:calc(var(--i) * -.15s);background-image:linear-gradient(90deg,#ff7a18,#ff2d55,#d41fd4,#ff2d55,#ff7a18);box-shadow:0 0 9px #ff2d5599}@keyframes meter-flow{0%{background-position:0%}to{background-position:300%}}@keyframes meter-ripple{0%,to{transform:translateY(0)scaleY(1)}50%{transform:translateY(-1.5px)scaleY(1.35)}}@keyframes meter-hue{to{filter:hue-rotate(360deg)}}@keyframes meter-hue-warm{0%{filter:hue-rotate(-20deg)saturate(1.1)}to{filter:hue-rotate(28deg)saturate(1.35)}}@media (prefers-reduced-motion:reduce){.meter--anim[data-level] i.on{animation:none}}