:root {
  --rpack-green: #67ffb4;
  --rpack-green-strong: #22ef8d;
  --rpack-ink: #020705;
  --rpack-panel: rgba(3, 16, 11, 0.9);
  --rpack-line: rgba(103, 255, 180, 0.22);
  --rpack-muted: rgba(225, 242, 234, 0.62);
}

* { box-sizing: border-box; }

body[data-page="rinapackz"] {
  min-height: 100vh;
  overflow-x: hidden;
  background:
    radial-gradient(circle at 50% 12%, rgba(20, 190, 109, 0.14), transparent 30rem),
    linear-gradient(180deg, #020907 0%, #010504 56%, #020807 100%);
}

body[data-page="rinapackz"]::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  opacity: 0.24;
  background-image:
    linear-gradient(rgba(87, 255, 173, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(87, 255, 173, 0.025) 1px, transparent 1px);
  background-size: 38px 38px;
  mask-image: linear-gradient(to bottom, black, transparent 80%);
}

body.rpack-modal-open { overflow: hidden; }

.rinapackz-main {
  position: relative;
  width: min(100%, 1660px);
  margin: 0 auto;
  padding: clamp(1rem, 2vw, 2rem);
}

.rinapackz-heading,
.collection-rewards__head,
.rpack-modal__head,
.your-rina-panel__head,
.rina-direct-chat__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.rinapackz-heading { margin: 0 auto 1rem; }

.rinapackz-heading h1,
.collection-rewards h2,
.rpack-modal h2,
.your-rina-panel h2 {
  margin: 0;
  color: #f3fff8;
  text-transform: uppercase;
  letter-spacing: 0.035em;
  font-family: var(--font-realm-title, "Mountain King", serif);
}

.rinapackz-heading h1 { font-size: clamp(2.4rem, 5vw, 4.7rem); line-height: 0.88; }
.collection-rewards h2, .rpack-modal h2 { font-size: clamp(1.45rem, 3vw, 2.35rem); }
.your-rina-panel h2 { font-size: clamp(1.4rem, 2.5vw, 2rem); }

.rinapackz-kicker,
.your-rina-panel__head > div > span {
  display: block;
  margin-bottom: 0.35rem;
  color: var(--rpack-green);
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.collection-meter {
  min-width: min(22rem, 38vw);
  padding: 0.7rem 0.85rem;
  border: 1px solid var(--rpack-line);
  border-radius: 14px;
  background: rgba(3, 17, 12, 0.76);
}

.collection-meter > div:first-child { display: flex; justify-content: flex-end; align-items: baseline; gap: 0.28rem; }
.collection-meter strong { color: #fff; font-size: 1.25rem; }
.collection-meter span { color: var(--rpack-muted); font-size: 0.76rem; text-transform: uppercase; letter-spacing: 0.1em; }
.collection-meter__track { height: 4px; margin-top: 0.5rem; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.07); }
.collection-meter__track span { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #18d67a, #9affcf); box-shadow: 0 0 16px #36fa97; transition: width .5s ease; }

.rinapackz-stage {
  position: relative;
  display: grid;
  grid-template-columns: minmax(190px, 0.72fr) minmax(440px, 1.7fr) minmax(190px, 0.72fr);
  align-items: center;
  gap: clamp(0.75rem, 1.6vw, 1.5rem);
  min-height: min(72vh, 790px);
  padding: clamp(0.8rem, 1.6vw, 1.35rem);
  overflow: hidden;
  border: 1px solid rgba(87, 255, 174, 0.18);
  border-radius: 30px;
  background:
    radial-gradient(circle at 50% 50%, rgba(32, 255, 146, 0.09), transparent 35%),
    linear-gradient(135deg, rgba(4, 18, 13, 0.95), rgba(1, 7, 5, 0.98));
  box-shadow: inset 0 0 80px rgba(0,0,0,.58), 0 24px 80px rgba(0,0,0,.36);
}

.rinapackz-stage::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(0,0,0,.25), transparent 30%, transparent 70%, rgba(0,0,0,.25));
}

.side-action {
  position: relative;
  z-index: 1;
  display: grid;
  justify-items: center;
  gap: 0.8rem;
  width: 100%;
  min-width: 0;
  padding: 1.2rem 0.8rem;
  border: 1px solid rgba(100, 255, 181, 0.18);
  border-radius: 24px;
  color: #eafff2;
  background: linear-gradient(155deg, rgba(7, 30, 21, 0.72), rgba(1, 9, 6, 0.84));
  cursor: pointer;
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.side-action:hover,
.side-action:focus-visible {
  transform: translateY(-5px);
  border-color: rgba(103,255,180,.52);
  box-shadow: 0 18px 52px rgba(0,0,0,.35), 0 0 35px rgba(30,239,141,.11);
  outline: none;
}

.side-action__art { position: relative; display: block; width: min(100%, 190px); aspect-ratio: .76; }
.side-action__copy { display: grid; gap: .22rem; text-align: center; }
.side-action__copy strong { font: 700 1.15rem/1 var(--font-realm-ui, sans-serif); letter-spacing: .05em; text-transform: uppercase; }
.side-action__copy small { color: var(--rpack-muted); font-size: .78rem; }
.side-action__count { display:inline-grid; place-items:center; width:76px; height:76px; padding:0; border:1px solid rgba(103,255,180,.2); border-radius:50%; color:var(--rpack-green); font-size:.78rem; font-weight:1000; line-height:1; letter-spacing:.035em; text-align:center; text-transform:uppercase; font-variant-numeric:tabular-nums; }
.side-action__count--packs strong { font-size: 1rem; }

.inventory-art { border-radius: 20px; perspective: 800px; }
.inventory-art::before,
.inventory-art i {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 56%;
  height: 72%;
  border: 1px solid rgba(106,255,183,.72);
  border-radius: 12px;
  background: linear-gradient(145deg, rgba(29,114,76,.35), rgba(1,10,7,.96));
  box-shadow: 0 0 24px rgba(36,255,143,.14), inset 0 0 24px rgba(48,244,140,.05);
}
.inventory-art::before { transform: translate(-72%,-50%) rotate(-11deg); }
.inventory-art i:nth-child(1) { transform: translate(-28%,-50%) rotate(11deg); }
.inventory-art i:nth-child(2) { transform: translate(-50%,-54%); z-index: 2; }
.inventory-art i:nth-child(3) { left: 44%; top: 43%; z-index: 3; width: 12%; height: 12%; transform: rotate(45deg); border-radius: 1px; background: var(--rpack-green); box-shadow: 0 0 18px var(--rpack-green); }

.side-actions-stack { position:relative; z-index:1; align-self:stretch; display:grid; grid-template-rows:repeat(2,minmax(0,1fr)); gap:.85rem; min-width:0; }
.side-actions-stack .side-action { min-height:0; padding:.82rem .72rem; gap:.5rem; }
.side-actions-stack .side-action:hover,.side-actions-stack .side-action:focus-visible { transform:translateY(-3px); }
.rpack-action-art { width:min(100%,225px); aspect-ratio:1.08; overflow:visible; border:0; border-radius:0; isolation:isolate; background-image:url("ouija-assets/rinapackz/inventory-merge-icons-v1.png?v=rinapackz-merge-icons-v1-20260721a"); background-repeat:no-repeat; background-size:200% auto; box-shadow:none; -webkit-mask-image:radial-gradient(ellipse 76% 74% at 50% 50%,#000 48%,rgba(0,0,0,.9) 68%,transparent 96%); mask-image:radial-gradient(ellipse 76% 74% at 50% 50%,#000 48%,rgba(0,0,0,.9) 68%,transparent 96%); }
.rpack-action-art::before { content:""; position:absolute; inset:7% 5%; z-index:2; border-radius:50%; pointer-events:none; background:linear-gradient(115deg,transparent 28%,rgba(109,255,218,.1) 45%,transparent 61%) -170% 0 / 55% 100% no-repeat; animation:actionArtScan 5.6s ease-in-out infinite; }
.rpack-action-art--inventory { background-position:left 50%; }
.rpack-action-art--merge { background-position:right 50%; }
.rpack-action-art--merge::after { content:""; position:absolute; inset:auto 12% 3% 12%; height:28%; z-index:1; border-radius:50%; background:conic-gradient(from 90deg,#38ffc2,#56b9ff,#b66dff,#ff83bc,#ffd66a,#38ffc2); filter:blur(20px); opacity:.12; animation:mergeIconSpectrum 5s linear infinite; }
.side-action--merge .side-action__count { border-color:rgba(216,185,99,.28); color:#f5d77e; background:linear-gradient(90deg,rgba(245,204,103,.05),rgba(167,102,255,.06)); }
.side-action__count--merge i { padding:0 .18rem; color:rgba(235,255,246,.56); font-style:normal; }

.your-rina-panel {
  position: relative;
  z-index: 2;
  min-width: 0;
  padding: 0.85rem;
  border: 1px solid rgba(105,255,183,.24);
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(2,15,10,.72), rgba(1,8,5,.9));
  box-shadow: 0 24px 70px rgba(0,0,0,.4), inset 0 0 50px rgba(37,255,148,.035);
}

.your-rina-panel__head { justify-content: flex-start; padding: .3rem .45rem .65rem; }
.your-rina-name-row { display: flex; min-width: 0; align-items: center; gap: .55rem; }
#yourRinaTitle { max-width: min(70vw, 28rem); overflow-wrap: anywhere; }
.your-rina-name-edit {
  display: grid;
  flex: 0 0 auto;
  width: 31px;
  height: 31px;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(103,255,180,.28);
  border-radius: 7px;
  color: var(--rpack-green);
  background: rgba(103,255,180,.07);
  cursor: pointer;
  transition: border-color .2s ease, background .2s ease, box-shadow .2s ease, transform .2s ease;
}
.your-rina-name-edit:hover,
.your-rina-name-edit:focus-visible { border-color: rgba(103,255,180,.68); background: rgba(103,255,180,.14); box-shadow: 0 0 20px rgba(37,242,143,.14); outline: none; transform: translateY(-1px); }
.your-rina-name-edit svg { width: 15px; height: 15px; fill: currentColor; }
.rina-mood { display: inline-flex; align-items: center; gap: .4rem; padding: .36rem .62rem; border: 1px solid rgba(103,255,180,.2); border-radius: 999px; color: var(--rpack-muted); font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; }
.rina-mood i { width: .45rem; height: .45rem; border-radius: 50%; background: var(--rpack-green); box-shadow: 0 0 12px var(--rpack-green); }
.rina-mood[data-mood="happy"] i { background:#ff81b6; box-shadow:0 0 12px #ff81b6; }
.rina-mood[data-mood="sad"] i { background:#61b8ff; box-shadow:0 0 12px #61b8ff; }
.rina-mood[data-mood="angry"] i { background:#ff456a; box-shadow:0 0 12px #ff456a; }
.rina-mood[data-motion="thinking"] i,.rina-mood[data-motion="speaking"] i { animation:moodPulse .7s infinite alternate; }

.your-rina-scene {
  position: relative;
  display: grid;
  place-items: end center;
  height: clamp(430px, 56vh, 560px);
  overflow: hidden;
  border: 1px solid rgba(104,255,181,.12);
  border-radius: 22px;
  background:
    radial-gradient(ellipse at 50% 74%, rgba(41,255,148,.16), transparent 38%),
    linear-gradient(180deg, rgba(0,8,5,.2), rgba(0,5,3,.95));
}

.your-rina-scene__sigil { position:absolute; top:10%; left:50%; width:48%; aspect-ratio:1; transform:translateX(-50%); border:1px solid rgba(91,255,177,.12); border-radius:50%; box-shadow:inset 0 0 50px rgba(52,255,154,.04); transition:opacity .45s ease; }
.your-rina-scene__sigil::before,.your-rina-scene__sigil::after { content:""; position:absolute; inset:13%; border:1px dashed rgba(91,255,177,.12); border-radius:50%; animation:sigilSpin 24s linear infinite; }
.your-rina-scene__sigil::after { inset:31%; border-style:solid; animation-direction:reverse; animation-duration:14s; }
.your-rina-scene__floor { position:absolute; left:20%; right:20%; bottom:2%; height:8%; border-radius:50%; background:radial-gradient(ellipse, rgba(65,255,159,.2), transparent 70%); filter:blur(3px); }

.your-rina {
  position: absolute;
  left: 50%;
  bottom: clamp(12px, 3%, 20px);
  z-index: 2;
  width: auto;
  /* The whole 3:4 registration canvas remains inside the scene, including
     crown/hair apexes during jump, sway, and entrance animation peaks. */
  height: min(calc(94% - 12px), 520px);
  aspect-ratio: 3 / 4;
  translate: -50% 0;
  transform-origin: 50% 100%;
}
.your-rina__gesture,.your-rina__breath,.your-rina__canvas { position:absolute; inset:0; transform-origin:50% 100%; }
.your-rina__breath { animation:rinaBreath 5.4s cubic-bezier(.45,0,.55,1) infinite; }
.your-rina__sprite,.your-rina__wearables,.your-rina__face,.wearable,.wearable-shell {
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:contain;
  pointer-events:none;
  user-select:none;
}
.your-rina__sprite { z-index:20; }
.your-rina__sprite--identity-guard {
  z-index:35;
  opacity:0;
  -webkit-mask-image:
    radial-gradient(ellipse 22% 18% at 50% 15%,#000 0 88%,transparent 100%),
    radial-gradient(ellipse 8% 18% at 39% 27%,#000 0 82%,transparent 100%),
    radial-gradient(ellipse 8% 18% at 61% 27%,#000 0 82%,transparent 100%),
    radial-gradient(ellipse 8% 5% at 50% 26%,#000 0 80%,transparent 100%),
    radial-gradient(ellipse 8% 9% at 36.5% 31%,#000 0 82%,transparent 100%),
    radial-gradient(ellipse 8% 9% at 63.5% 31%,#000 0 82%,transparent 100%),
    radial-gradient(ellipse 10% 6.5% at 40% 35%,#000 0 82%,transparent 100%),
    radial-gradient(ellipse 10% 6.5% at 60% 35%,#000 0 82%,transparent 100%),
    radial-gradient(ellipse 8% 5.5% at 46% 35.5%,#000 0 82%,transparent 100%),
    radial-gradient(ellipse 8% 5.5% at 54% 35.5%,#000 0 82%,transparent 100%);
  mask-image:
    radial-gradient(ellipse 22% 18% at 50% 15%,#000 0 88%,transparent 100%),
    radial-gradient(ellipse 8% 18% at 39% 27%,#000 0 82%,transparent 100%),
    radial-gradient(ellipse 8% 18% at 61% 27%,#000 0 82%,transparent 100%),
    radial-gradient(ellipse 8% 5% at 50% 26%,#000 0 80%,transparent 100%),
    radial-gradient(ellipse 8% 9% at 36.5% 31%,#000 0 82%,transparent 100%),
    radial-gradient(ellipse 8% 9% at 63.5% 31%,#000 0 82%,transparent 100%),
    radial-gradient(ellipse 10% 6.5% at 40% 35%,#000 0 82%,transparent 100%),
    radial-gradient(ellipse 10% 6.5% at 60% 35%,#000 0 82%,transparent 100%),
    radial-gradient(ellipse 8% 5.5% at 46% 35.5%,#000 0 82%,transparent 100%),
    radial-gradient(ellipse 8% 5.5% at 54% 35.5%,#000 0 82%,transparent 100%);
  transition:opacity .45s ease;
}
.your-rina-scene[data-special-theme]:not([data-special-theme="rinas-true-name"]) .your-rina__sprite--identity-guard { opacity:1; }
.your-rina__wearables--back { z-index:10; }
.your-rina__wearables--body { z-index:30; }
.your-rina__face { z-index:40; opacity:0; }
.your-rina__face[hidden] { display:none; }
.your-rina__face--expression { opacity:1; transition:opacity .18s ease; }
.your-rina__face--gaze.is-active,.your-rina__face--blink.is-active { opacity:1; }
.your-rina__face--talk { opacity:0; }
.your-rina__wearables--top { z-index:50; }
.wearable-shell { z-index:var(--rig-layer,1); transform-origin:50% 50%; }
.wearable { z-index:1; }
.wearable-shell[data-slot="aura"] { animation:auraLumen 3.8s ease-in-out infinite alternate; }
.wearable-shell[data-rarity="secret"] { animation:secretWearableLumen 4.8s ease-in-out infinite alternate; }
.wearable-shell--secret-regalia { --secret-fit-y:4%;--secret-fit-scale:.96; }
.wearable-shell--secret-regalia .wearable { transform:translateY(var(--secret-fit-y)) scale(var(--secret-fit-scale)); transform-origin:50% 50%; }
.wearable-shell--secret-regalia[data-item="digital-overlord-rina"] { --secret-fit-y:4.5%;--secret-fit-scale:.93; }
.wearable-shell--secret-regalia[data-item="void-queen-rina"] { --secret-fit-y:5%;--secret-fit-scale:.93; }
.wearable-shell--secret-regalia[data-item="dreamwalker-rina"] { --secret-fit-y:5%;--secret-fit-scale:.95; }
.wearable-shell[data-motion-profile="hair"] { transform-origin:50% 18%; animation:cosmeticHairSway 4.8s ease-in-out infinite alternate; }
.wearable-shell[data-motion-profile="cloth"] { transform-origin:50% 38%; animation:cosmeticClothSettle 5.4s ease-in-out infinite alternate; }
.wearable-shell[data-motion-profile="wing"] { transform-origin:50% 34%; animation:cosmeticWingBreath 4.2s ease-in-out infinite alternate; }
.wearable-shell[data-motion-profile="held-prop"] { transform-origin:68% 46%; animation:cosmeticPropIdle 3.6s ease-in-out infinite alternate; }
.wearable-shell[data-slot="pet"] { isolation:isolate; pointer-events:none; }
.pet-stage,.pet-actor,.pet-hover,.pet-blink { position:absolute; inset:0; transform-origin:50% 50%; }
.pet-stage { z-index:1; }
.pet-actor { clip-path:inset(var(--pet-clip,0%)); will-change:transform; }
.pet-hover { animation:petHover 3.2s cubic-bezier(.45,0,.55,1) infinite alternate; animation-delay:var(--pet-hover-delay,0s); }
.pet-blink { filter:drop-shadow(0 7px 12px rgba(0,0,0,.38)) drop-shadow(0 0 8px color-mix(in srgb,var(--cosmetic-accent) 45%,transparent)); animation:petFocus 6.4s ease-in-out infinite; animation-delay:var(--pet-blink-delay,0s); }
.pet-wearable { animation:petBlink 5.7s linear infinite; animation-delay:var(--pet-blink-delay,0s); }
.pet-stage[data-pet-profile="drone-swarm"] .pet-actor[data-pet-actor="1"] { animation:petDroneOrbitA 15s cubic-bezier(.45,0,.2,1) infinite; }
.pet-stage[data-pet-profile="drone-swarm"] .pet-actor[data-pet-actor="2"] { animation:petDroneOrbitB 15s cubic-bezier(.45,0,.2,1) infinite; }
.pet-stage[data-pet-profile="drone-swarm"] .pet-actor[data-pet-actor="3"] { animation:petDroneOrbitC 15s cubic-bezier(.45,0,.2,1) infinite; }
.pet-stage[data-pet-profile="tinwhisper-beetle"] .pet-actor { animation:petBeetleInspect 15s cubic-bezier(.45,0,.25,1) infinite; }
.pet-stage[data-pet-profile="hexwing-moth"] .pet-actor { animation:petMothFigureEight 15s cubic-bezier(.45,0,.35,1) infinite; }
.pet-stage[data-pet-profile="hexwing-moth"] .pet-hover { animation-duration:1.85s; }
.pet-stage[data-pet-profile="cathedral-raven"] .pet-actor { animation:petRavenPatrol 15s cubic-bezier(.4,0,.22,1) infinite; }
.pet-stage[data-pet-profile="moonbound-oni-cub"] .pet-actor { transform-origin:72% 88%;animation:petOniPounce 15s cubic-bezier(.45,0,.2,1) infinite; }
.pet-stage[data-pet-profile="moonbound-oni-cub"] .pet-hover { animation:petOniGroundIdle 4.1s cubic-bezier(.45,0,.55,1) infinite alternate; }
.pet-stage[data-pet-profile="astral-serpent-whelp"] .pet-actor { animation:petSerpentConstellation 15s cubic-bezier(.42,0,.25,1) infinite; }
.pet-stage[data-pet-profile="astral-serpent-whelp"] .pet-blink { filter:drop-shadow(0 8px 16px rgba(0,0,0,.42)) drop-shadow(0 0 12px rgba(255,65,107,.42)); }
.pet-stage[data-pet-profile="astral-serpent-whelp"] .pet-wearable { animation-duration:6.8s; }
.pet-stage[data-pet-profile="the-unwritten"] .pet-actor { animation:petUnwrittenEclipse 15s cubic-bezier(.4,0,.2,1) infinite; }
.pet-stage[data-pet-profile="the-unwritten"][data-pet-variant="crown"] .pet-actor { animation-name:petUnwrittenCrown; }
.pet-stage[data-pet-profile="the-unwritten"][data-pet-variant="phase"] .pet-actor { animation-name:petUnwrittenPhase; }
.pet-stage[data-pet-profile="the-unwritten"] .pet-hover { animation-duration:4.7s; }
.pet-stage[data-pet-profile="the-unwritten"] .pet-blink { filter:drop-shadow(0 9px 18px rgba(0,0,0,.5)) drop-shadow(0 0 13px rgba(155,224,255,.3)) drop-shadow(0 0 8px rgba(255,79,75,.16)); }
.pet-stage[data-pet-profile="the-unwritten"] .pet-wearable { animation-duration:7.4s; }
.pet-drone-life,.pet-life-fx { position:absolute; inset:0; z-index:3; pointer-events:none; }
.pet-stage[data-pet-profile="drone-swarm"] .pet-actor[data-pet-actor="1"] { --drone-core-x:32.7%;--drone-core-y:26.2%;--drone-flame-a:20% 70% 67% 13%;--drone-flame-b:100%;--drone-engine-delay:-.08s; }
.pet-stage[data-pet-profile="drone-swarm"] .pet-actor[data-pet-actor="2"] { --drone-core-x:63.4%;--drone-core-y:31.4%;--drone-flame-a:26% 40% 64% 52%;--drone-flame-b:26% 20% 63% 68%;--drone-engine-delay:-.24s; }
.pet-stage[data-pet-profile="drone-swarm"] .pet-actor[data-pet-actor="3"] { --drone-core-x:61.5%;--drone-core-y:65.4%;--drone-flame-a:61% 20% 28% 67%;--drone-flame-b:100%;--drone-engine-delay:-.39s; }
.pet-drone-life { animation:petDroneEngineBoost 15s ease-in-out infinite; }
.pet-drone-core-art,.pet-drone-flame-art { position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:contain;pointer-events:none;user-select:none; }
.pet-drone-core-art { clip-path:circle(2.2% at var(--drone-core-x) var(--drone-core-y));mix-blend-mode:screen;animation:petDronePaintedCore 2.35s cubic-bezier(.45,0,.55,1) var(--drone-engine-delay) infinite; }
.pet-drone-flame-art { mix-blend-mode:screen;animation:petDronePaintedFlame .78s cubic-bezier(.36,0,.6,1) var(--drone-engine-delay) infinite alternate; }
.pet-drone-flame-art--a { clip-path:inset(var(--drone-flame-a)); }
.pet-drone-flame-art--b { clip-path:inset(var(--drone-flame-b));animation-duration:1.03s;animation-direction:alternate-reverse; }
.pet-unwritten-life { position:absolute;inset:0;z-index:3;pointer-events:none; }
.pet-unwritten-eyes-art,.pet-unwritten-crown-art,.pet-unwritten-eclipse-art { position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:contain;mix-blend-mode:screen;pointer-events:none;user-select:none; }
.pet-unwritten-eyes-art { clip-path:ellipse(4.4% 2.1% at 74.4% 23.5%);animation:petUnwrittenEyes 15s ease-in-out infinite; }
.pet-unwritten-crown-art { clip-path:inset(13.5% 18% 77% 69%);animation:petUnwrittenCrownLumen 15s cubic-bezier(.4,0,.2,1) infinite; }
.pet-unwritten-eclipse-art { clip-path:polygon(63% 17%,70% 14%,72% 19%,69% 26%,67% 33%,69% 41%,75% 43%,69% 45%,63% 39%,61% 29%);animation:petUnwrittenEclipseLumen 15s ease-in-out infinite; }
.pet-stage[data-pet-profile="the-unwritten"][data-pet-variant="crown"] .pet-unwritten-crown-art { animation-name:petUnwrittenCrownAscend; }
.pet-stage[data-pet-profile="the-unwritten"][data-pet-variant="phase"] .pet-unwritten-eyes-art { animation-name:petUnwrittenPhaseEyes; }
.pet-life-fx i { position:absolute;display:block;opacity:0;pointer-events:none; }
.pet-stage[data-pet-profile="tinwhisper-beetle"] .pet-life-fx i:first-child { left:12.5%;top:30%;width:17%;height:13%;border:1px solid rgba(220,235,231,.48);border-color:rgba(220,235,231,.55) transparent transparent;border-radius:50%;transform-origin:70% 70%;animation:petBeetleAntennaSignal 15s ease-out infinite; }
.pet-stage[data-pet-profile="tinwhisper-beetle"] .pet-life-fx i:last-child { left:16%;top:35.5%;width:11%;height:1px;background:linear-gradient(90deg,transparent,rgba(236,255,248,.72),transparent);filter:drop-shadow(0 0 4px rgba(213,237,229,.4));animation:petBeetleShellGlint 15s ease-in-out infinite; }
.pet-stage[data-pet-profile="hexwing-moth"] .pet-life-fx i { top:24.5%;width:13%;height:15%;background:linear-gradient(125deg,transparent 25%,rgba(151,255,203,.08) 42%,rgba(152,255,210,.7) 49%,rgba(65,255,165,.05) 57%,transparent 72%);mix-blend-mode:screen;filter:drop-shadow(0 0 5px rgba(75,255,165,.26));animation:petMothWingGlint 15s ease-in-out infinite; }
.pet-stage[data-pet-profile="hexwing-moth"] .pet-life-fx i:first-child { left:66%;clip-path:polygon(0 8%,100% 0,68% 100%,18% 73%); }
.pet-stage[data-pet-profile="hexwing-moth"] .pet-life-fx i:last-child { left:78%;clip-path:polygon(0 0,100% 8%,82% 73%,32% 100%);animation-delay:.18s; }
.pet-stage[data-pet-profile="cathedral-raven"] .pet-life-fx i:first-child { left:5.5%;top:26.2%;width:16%;height:1.8%;background:linear-gradient(90deg,transparent 0%,rgba(66,183,255,.16) 30%,rgba(117,216,255,.8) 82%,#e7f9ff 100%);clip-path:polygon(0 42%,100% 0,100% 100%);filter:drop-shadow(0 0 5px rgba(66,183,255,.5));transform-origin:100% 50%;animation:petRavenEyeScan 15s cubic-bezier(.45,0,.2,1) infinite; }
.pet-stage[data-pet-profile="cathedral-raven"] .pet-life-fx i:last-child { left:20.2%;top:25.8%;width:1.5%;aspect-ratio:1;border-radius:50%;background:#dff8ff;box-shadow:0 0 5px #42b7ff,0 0 12px rgba(66,183,255,.55);animation:petRavenEyeWake 15s ease-in-out infinite; }
.pet-stage[data-pet-profile="moonbound-oni-cub"] .pet-life-fx i:first-child { left:58%;top:66%;width:22%;aspect-ratio:1;border:2px solid transparent;border-right-color:rgba(188,168,255,.78);border-bottom-color:rgba(122,99,255,.4);border-radius:50%;filter:drop-shadow(0 0 6px rgba(161,132,255,.34));transform-origin:50% 50%;animation:petOniMoonArc 15s cubic-bezier(.35,0,.2,1) infinite; }
.pet-stage[data-pet-profile="moonbound-oni-cub"] .pet-life-fx i:last-child { left:59%;top:86%;width:19%;height:3%;border-top:1px solid rgba(201,187,255,.68);border-radius:50%;filter:drop-shadow(0 0 5px rgba(137,105,255,.38));animation:petOniLandingRing 15s ease-out infinite; }
.pet-stage[data-pet-profile="astral-serpent-whelp"] .pet-life-fx i { left:67%;top:19%;width:22%;aspect-ratio:1;border:1px solid transparent;border-right-color:rgba(255,85,119,.7);border-bottom-color:rgba(255,184,102,.42);border-radius:50%;filter:drop-shadow(0 0 5px rgba(255,65,107,.32));animation:petSerpentOrbitTrace 15s cubic-bezier(.42,0,.25,1) infinite; }
.pet-stage[data-pet-profile="astral-serpent-whelp"] .pet-life-fx i:last-child { left:70%;top:22%;width:16%;border-right-color:rgba(255,216,139,.76);border-bottom-color:rgba(255,65,107,.32);animation-direction:reverse;animation-delay:-.28s; }
.wearable-particles { position:absolute; inset:0; z-index:2; opacity:.7; background:radial-gradient(circle at 28% 32%,var(--cosmetic-accent) 0 1px,transparent 2px),radial-gradient(circle at 72% 44%,var(--cosmetic-accent) 0 1.5px,transparent 2.5px),radial-gradient(circle at 58% 72%,var(--cosmetic-accent) 0 1px,transparent 2px); background-size:31px 37px,43px 47px,53px 59px; filter:drop-shadow(0 0 5px var(--cosmetic-accent)); animation:cosmeticParticleDrift 5.8s linear infinite; }

.secret-aura {
  --aura-primary:#f3d69b;
  --aura-secondary:#d6e9ff;
  --aura-highlight:#fff9e7;
  --aura-shadow:#6e8ed6;
  --particle-atlas:url("ouija-assets/rinapackz/particles/secret-celestial-atlas.png?v=secret-particles-v1-20260721a");
  position:absolute;
  z-index:1;
  top:4%;
  bottom:1%;
  left:50%;
  width:min(78%,700px);
  opacity:0;
  translate:-50% 0;
  transition:opacity .6s ease;
  pointer-events:none;
}
.your-rina-scene[data-special-theme] .secret-aura { opacity:1; }
.your-rina-scene[data-special-theme] .your-rina-scene__sigil { opacity:0; }
.secret-aura--front { z-index:3; top:5%; width:min(72%,650px); }
.your-rina-scene[data-special-theme="overlord"] .secret-aura { --aura-primary:#9d82ff;--aura-secondary:#5df2ff;--aura-highlight:#f4f0ff;--aura-shadow:#4631a7;--particle-atlas:url("ouija-assets/rinapackz/particles/secret-overlord-atlas.png?v=secret-particles-v1-20260721a"); }
.your-rina-scene[data-special-theme="void-queen"] .secret-aura { --aura-primary:#ff657f;--aura-secondary:#a897ff;--aura-highlight:#ffe4e9;--aura-shadow:#6f1530;--particle-atlas:url("ouija-assets/rinapackz/particles/secret-void-queen-atlas.png?v=secret-particles-v1-20260721a"); }
.your-rina-scene[data-special-theme="dreamwalker"] .secret-aura { --aura-primary:#c9a8ff;--aura-secondary:#ff9fcf;--aura-highlight:#ecfbff;--aura-shadow:#6546a5;--particle-atlas:url("ouija-assets/rinapackz/particles/secret-dreamwalker-atlas.png?v=secret-particles-v1-20260721a"); }
.your-rina-scene[data-special-theme="rinas-true-name"] .secret-aura { --aura-primary:#72fff0;--aura-secondary:#ff7dda;--aura-highlight:#f0ffff;--aura-shadow:#157f8b;--particle-atlas:url("ouija-assets/rinapackz/particles/secret-rinas-true-name-atlas.png?v=secret-particles-v1-20260721a"); }
.secret-aura__wash { position:absolute; inset:6% 5% 2%; border-radius:48%; background:radial-gradient(ellipse at 50% 50%,color-mix(in srgb,var(--aura-primary) 15%,transparent),transparent 45%),radial-gradient(ellipse at 50% 82%,color-mix(in srgb,var(--aura-secondary) 14%,transparent),transparent 50%); filter:blur(12px); animation:secretAuraBreathe 7.6s ease-in-out infinite alternate; }
.secret-aura__orbit { position:absolute; border:1px solid color-mix(in srgb,var(--aura-primary) 48%,transparent); border-radius:50%; opacity:.5; box-shadow:inset 0 0 22px color-mix(in srgb,var(--aura-primary) 5%,transparent),0 0 10px color-mix(in srgb,var(--aura-primary) 8%,transparent); -webkit-mask:conic-gradient(from 12deg,transparent 0 9%,#000 13% 28%,transparent 32% 48%,#000 53% 72%,transparent 77% 88%,#000 92% 97%,transparent); mask:conic-gradient(from 12deg,transparent 0 9%,#000 13% 28%,transparent 32% 48%,#000 53% 72%,transparent 77% 88%,#000 92% 97%,transparent); }
.secret-aura__orbit::before,.secret-aura__orbit::after { content:""; position:absolute; width:7px; height:7px; background:var(--aura-highlight); clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%); filter:drop-shadow(0 0 5px var(--aura-primary)); }
.secret-aura__orbit::before { left:17%; top:8%; }
.secret-aura__orbit::after { right:11%; bottom:18%; scale:.72; }
.secret-aura__orbit--far { inset:3% 0 7%; rotate:-7deg; animation:secretOrbitFar 28s linear infinite; }
.secret-aura__orbit--near { inset:16% 16% 13%; border-color:color-mix(in srgb,var(--aura-secondary) 52%,transparent); opacity:.42; rotate:11deg; animation:secretOrbitNear 18s linear infinite reverse; }
.your-rina-scene[data-special-theme="overlord"] .secret-aura__orbit { border-width:2px; border-style:dashed; border-radius:34%; opacity:.52; }
.your-rina-scene[data-special-theme="void-queen"] .secret-aura__orbit { border-width:2px; border-radius:46% 54% 44% 56%; box-shadow:0 0 14px color-mix(in srgb,var(--aura-primary) 14%,transparent); }
.your-rina-scene[data-special-theme="dreamwalker"] .secret-aura__orbit { border-style:dotted; opacity:.34; filter:blur(.2px); }
.your-rina-scene[data-special-theme="rinas-true-name"] .secret-aura__orbit { border-style:double; border-width:3px; opacity:.36; }
.secret-aura__motes { position:absolute; inset:0; }
.secret-aura__motes i { position:absolute; left:var(--x); top:var(--y); width:calc(var(--size) + 26px); aspect-ratio:1; opacity:.46; transform:translate(-50%,-50%); background-image:var(--particle-atlas); background-repeat:no-repeat; background-size:300% 300%; filter:drop-shadow(0 0 5px color-mix(in srgb,var(--aura-primary) 68%,transparent)); animation:secretMoteFloat var(--duration) ease-in-out var(--delay) infinite alternate; will-change:transform,opacity; }
.secret-aura--front .secret-aura__motes i { width:calc(var(--size) + 34px); opacity:.42; filter:drop-shadow(0 0 7px color-mix(in srgb,var(--aura-primary) 62%,transparent)); }
.secret-aura__motes i:nth-child(9n+1) { background-position:0 0; }
.secret-aura__motes i:nth-child(9n+2) { background-position:50% 0; }
.secret-aura__motes i:nth-child(9n+3) { background-position:100% 0; }
.secret-aura__motes i:nth-child(9n+4) { background-position:0 50%; }
.secret-aura__motes i:nth-child(9n+5) { background-position:50% 50%; }
.secret-aura__motes i:nth-child(9n+6) { background-position:100% 50%; }
.secret-aura__motes i:nth-child(9n+7) { background-position:0 100%; }
.secret-aura__motes i:nth-child(9n+8) { background-position:50% 100%; }
.secret-aura__motes i:nth-child(9n) { background-position:100% 100%; }
.secret-aura__motes i:nth-child(3n+2) { animation-direction:alternate-reverse; }
.secret-aura__motes i:nth-child(4n) { filter:drop-shadow(0 0 9px color-mix(in srgb,var(--aura-secondary) 75%,transparent)); }

.your-rina-scene[data-cosmetic-transition="equip"] .your-rina__canvas { animation:cosmeticEquipIn .82s cubic-bezier(.18,.82,.2,1) both; }
.your-rina-scene[data-cosmetic-transition="unequip"] .your-rina__canvas { animation:cosmeticUnequip .56s ease both; }
.your-rina-scene[data-special-theme] { box-shadow:inset 0 0 64px color-mix(in srgb,var(--special-accent) 8%,transparent),0 0 26px color-mix(in srgb,var(--special-accent) 7%,transparent); }
.your-rina-scene[data-special-theme]::before { content:""; position:absolute; z-index:1; inset:0; border-radius:inherit; background:radial-gradient(ellipse at 50% 48%,color-mix(in srgb,var(--special-accent) 7%,transparent),transparent 44%),linear-gradient(180deg,transparent 58%,color-mix(in srgb,var(--special-accent) 5%,transparent)); opacity:.82; animation:secretSceneLumen 8s ease-in-out infinite alternate; pointer-events:none; }
.your-rina-scene.is-special-entering .your-rina { animation:secretEntrance 1.65s cubic-bezier(.15,.8,.16,1) both; }

.your-rina-scene[data-motion="attentive"] .your-rina__gesture { animation:rinaNotice .85s ease-out both; }
.your-rina-scene[data-motion="thinking"] .your-rina__gesture { animation:rinaThinking 2.2s ease-in-out infinite; }
.your-rina-scene[data-motion="speaking"] .your-rina__gesture { animation:rinaSpeaking 1.25s ease-in-out infinite; }
.your-rina-scene[data-motion="speaking"] .your-rina__face--talk { animation:rinaTalkPulse .34s step-end infinite; }
.your-rina-scene[data-motion="reacting"][data-mood="happy"] .your-rina__gesture { animation:rinaHappy 1.05s cubic-bezier(.2,.8,.2,1) both; }
.your-rina-scene[data-motion="reacting"][data-mood="sad"] .your-rina__gesture { animation:rinaSoft 1.25s ease both; }
.your-rina-scene[data-motion="reacting"][data-mood="angry"] .your-rina__gesture { animation:rinaIrritated .55s ease both; }
.your-rina-scene[data-motion="reacting"][data-mood="teasing"] .your-rina__gesture { animation:rinaTease 1.1s ease both; }
.your-rina-scene[data-motion="offline"] .your-rina__gesture { animation:rinaOffline 1.4s ease both; }
.your-rina[data-clip="weight-shift"] .your-rina__gesture { animation:rinaWeightShift 1.8s ease-in-out both; }
.your-rina[data-clip="settle"] .your-rina__gesture { animation:rinaSettle 1.55s ease-in-out both; }
.your-rina[data-clip="notice"] .your-rina__gesture { animation:rinaNotice .85s ease-out both; }
.your-rina[data-clip] .your-rina__gesture,.your-rina-scene:not([data-motion="idle"]) .your-rina__gesture { will-change:transform; }

.rina-direct-chat { margin-top:.72rem; padding:.7rem; border:1px solid rgba(103,255,180,.14); border-radius:19px; background:rgba(0,8,5,.72); }
.rina-direct-chat__messages { display:grid; gap:.42rem; max-height:112px; overflow:auto; padding:0 .15rem .55rem; scrollbar-width:thin; }
.rina-direct-message { max-width:88%; padding:.5rem .62rem; border-radius:13px; background:rgba(255,255,255,.045); }
.rina-direct-message.is-user { justify-self:end; background:rgba(41,213,126,.12); border:1px solid rgba(89,255,175,.14); }
.rina-direct-message span { display:block; margin-bottom:.14rem; color:var(--rpack-green); font-size:.65rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.rina-direct-message p { margin:0; color:rgba(239,255,247,.82); font-size:.82rem; line-height:1.42; white-space:pre-wrap; }
.rina-direct-message.is-typing p::after { content:""; display:inline-block; width:.4rem; height:.9rem; margin-left:.15rem; vertical-align:-.1rem; background:var(--rpack-green); animation:cursorBlink .65s step-end infinite; }
.rina-direct-chat__form { display:grid; grid-template-columns:1fr auto; gap:.5rem; }
.rina-direct-chat__form input { min-width:0; height:45px; padding:0 .85rem; border:1px solid rgba(104,255,181,.22); border-radius:13px; color:#effff7; background:rgba(1,12,8,.92); outline:none; }
.rina-direct-chat__form input:focus { border-color:rgba(103,255,180,.6); box-shadow:0 0 0 3px rgba(55,255,151,.08); }
.rina-direct-chat__form button { display:grid; place-items:center; width:45px; height:45px; border:1px solid rgba(104,255,181,.32); border-radius:13px; color:#021008; background:var(--rpack-green); cursor:pointer; }
.rina-direct-chat__form button:disabled { opacity:.45; cursor:wait; }
.rina-direct-chat__form svg { width:20px; fill:currentColor; }
.rina-direct-chat__meta { margin-top:.48rem; color:rgba(223,243,233,.45); font-size:.65rem; letter-spacing:.04em; }
.rina-direct-chat__meta span:first-child { color:var(--rpack-green); text-transform:uppercase; font-weight:800; }

.pack-art {
  --pack-accent:#39ef96;
  --pack-art-image:url("ouija-assets/rinapackz/packs-transparent-v1/pack-standard.png?v=rinapackz-pack-depth-v1-20260721a");
  position:relative;
  display:block;
  overflow:visible;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  isolation:isolate;
  transform-style:preserve-3d;
}
.pack-art[data-pack-type="rare"] { --pack-accent:#42a8ff; --pack-art-image:url("ouija-assets/rinapackz/packs-transparent-v1/pack-rare.png?v=rinapackz-pack-depth-v1-20260721a"); }
.pack-art[data-pack-type="epic"] { --pack-accent:#bc5cff; --pack-art-image:url("ouija-assets/rinapackz/packs-transparent-v1/pack-epic.png?v=rinapackz-pack-depth-v1-20260721a"); }
.pack-art[data-pack-type="mythic"] { --pack-accent:#ff354f; --pack-art-image:url("ouija-assets/rinapackz/packs-transparent-v1/pack-mythic.png?v=rinapackz-pack-depth-v1-20260721a"); }
.pack-art[data-pack-type="secret"] { --pack-accent:#ff72de; --pack-art-image:url("ouija-assets/rinapackz/packs-transparent-v1/pack-secret.png?v=rinapackz-pack-depth-v1-20260721a"); }
.pack-art::before { display:none; }
.pack-art::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:9;
  background:linear-gradient(108deg,transparent 38%,rgba(255,255,255,.26) 48%,transparent 58%) 135% 50% / 300% 100% no-repeat;
  mix-blend-mode:screen;
  animation:foilShine 4.8s cubic-bezier(.38,0,.2,1) infinite;
  -webkit-mask:var(--pack-art-image) center/contain no-repeat;
  mask:var(--pack-art-image) center/contain no-repeat;
  will-change:background-position;
  pointer-events:none;
}
.pack-art__foil {
  position:absolute;
  inset:0;
  z-index:8;
  background:
    radial-gradient(circle at 38% 26%,rgba(255,255,255,.16),transparent 19%) 38% 26% / 100% 100% no-repeat,
    linear-gradient(112deg,transparent 38%,color-mix(in srgb,var(--pack-accent) 12%,transparent) 49%,transparent 60%) 115% 50% / 220% 100% no-repeat;
  mix-blend-mode:screen;
  opacity:.52;
  -webkit-mask:var(--pack-art-image) center/contain no-repeat;
  mask:var(--pack-art-image) center/contain no-repeat;
  animation:packFoilLumen 4.2s ease-in-out infinite alternate;
  will-change:background-position,opacity;
  pointer-events:none;
}
.pack-art__atmosphere { position:absolute; inset:-13% -24%; z-index:0; overflow:visible; pointer-events:none; transform:translateZ(-34px); transition:opacity .3s ease,transform .5s cubic-bezier(.2,.8,.2,1); }
.pack-art__atmosphere::before { content:""; position:absolute; inset:10% 22%; border-radius:44%; background:radial-gradient(ellipse at 50% 48%,color-mix(in srgb,var(--pack-accent) 42%,transparent),color-mix(in srgb,var(--pack-accent) 13%,transparent) 42%,transparent 72%); filter:blur(20px); opacity:.78; animation:packAuraBreath 2.8s ease-in-out infinite alternate; }
.pack-art__atmosphere::after { content:""; position:absolute; left:14%; right:14%; bottom:4%; height:28%; border:1px solid color-mix(in srgb,var(--pack-accent) 42%,transparent); border-radius:50%; box-shadow:0 0 22px color-mix(in srgb,var(--pack-accent) 32%,transparent),inset 0 0 20px color-mix(in srgb,var(--pack-accent) 12%,transparent); opacity:.55; transform:perspective(320px) rotateX(72deg); animation:packGroundPulse 2.8s ease-in-out infinite alternate; }
.pack-art__atmosphere i { --x:50%; --y:50%; --size:1rem; --depth:0px; --drift-x:8px; --drift-y:-12px; --duration:2.8s; --delay:0s; position:absolute; left:var(--x); top:var(--y); color:color-mix(in srgb,var(--pack-accent) 86%,white); font:900 var(--size)/1 ui-monospace,SFMono-Regular,Consolas,monospace; font-style:normal; text-shadow:0 0 7px currentColor,0 0 18px color-mix(in srgb,var(--pack-accent) 58%,transparent); opacity:.72; transform:translate3d(-50%,-50%,var(--depth)); animation:packPlusDrift var(--duration) ease-in-out var(--delay) infinite alternate; }
.pack-art__atmosphere i::before { content:"+"; }
.pack-art__atmosphere i:nth-child(1) { --x:16%;--y:19%;--size:.72rem;--depth:-10px;--drift-x:-5px;--drift-y:-9px;--duration:2.3s;--delay:-.8s; }
.pack-art__atmosphere i:nth-child(2) { --x:82%;--y:15%;--size:1.18rem;--depth:18px;--drift-x:8px;--drift-y:-14px;--duration:3.1s;--delay:-1.7s; }
.pack-art__atmosphere i:nth-child(3) { --x:8%;--y:43%;--size:1.3rem;--depth:28px;--drift-x:-8px;--drift-y:-8px;--duration:2.7s;--delay:-.3s; }
.pack-art__atmosphere i:nth-child(4) { --x:91%;--y:39%;--size:.68rem;--depth:-12px;--drift-x:6px;--drift-y:-17px;--duration:3.5s;--delay:-2.1s; }
.pack-art__atmosphere i:nth-child(5) { --x:15%;--y:70%;--size:.9rem;--depth:14px;--drift-x:-9px;--drift-y:-13px;--duration:3.2s;--delay:-1.2s; }
.pack-art__atmosphere i:nth-child(6) { --x:87%;--y:72%;--size:1.25rem;--depth:34px;--drift-x:9px;--drift-y:-10px;--duration:2.5s;--delay:-1.8s; }
.pack-art__atmosphere i:nth-child(7) { --x:28%;--y:89%;--size:.62rem;--depth:-8px;--drift-x:5px;--drift-y:-15px;--duration:2.9s;--delay:-2.4s; }
.pack-art__atmosphere i:nth-child(8) { --x:72%;--y:91%;--size:.78rem;--depth:16px;--drift-x:-7px;--drift-y:-11px;--duration:3.4s;--delay:-.6s; }
.pack-art[data-pack-type="secret"] .pack-art__atmosphere { filter:hue-rotate(0deg); animation:secretBorderHue 7s linear infinite; }
.pack-art__brand,.pack-art__sigil,.pack-art__edition { display:none; }
.side-action--pack { perspective:850px; }
.pack-art--small { width:min(100%,150px); aspect-ratio:.564; rotate:0 1 0 0deg; transform:rotate(1.4deg); animation:packSmallPresence 4.6s cubic-bezier(.45,0,.55,1) infinite; transition:scale .3s cubic-bezier(.2,.8,.2,1); }
.pack-art--small .pack-shell--preview { inset:0; z-index:5; border-radius:0; background-size:contain; filter:none; animation:none; }
.side-action:hover .pack-art--small,.side-action:focus-visible .pack-art--small { scale:1.075; }

.collection-rewards { margin-top:1rem; padding:clamp(1rem,2vw,1.35rem); border:1px solid var(--rpack-line); border-radius:24px; background:rgba(2,13,9,.82); }
.text-button { border:0; color:var(--rpack-green); background:none; font:800 .75rem/1 sans-serif; letter-spacing:.1em; text-transform:uppercase; cursor:pointer; }
.collection-rewards__rail { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.7rem; margin-top:1rem; }
.reward-node { position:relative; padding:.85rem; overflow:hidden; border:1px solid rgba(104,255,181,.13); border-radius:16px; background:rgba(255,255,255,.025); }
.reward-node::after { content:""; position:absolute; inset:auto 0 0; height:3px; background:rgba(255,255,255,.06); }
.reward-node.is-unlocked { border-color:rgba(103,255,180,.42); background:rgba(32,213,124,.08); }
.reward-node.is-unlocked::after { background:var(--rpack-green); box-shadow:0 0 12px var(--rpack-green); }
.reward-node span,.reward-node small { display:block; color:var(--rpack-muted); font-size:.7rem; text-transform:uppercase; letter-spacing:.09em; }
.reward-node strong { display:block; margin:.28rem 0; color:#f0fff7; }

.rinapackz-ambient span { position:absolute; z-index:0; width:4px; height:4px; background:var(--rpack-green); box-shadow:0 0 12px var(--rpack-green); animation:ambientRise 9s linear infinite; opacity:0; }
.rinapackz-ambient span:nth-child(1){left:8%;animation-delay:0s}.rinapackz-ambient span:nth-child(2){left:24%;animation-delay:3s}.rinapackz-ambient span:nth-child(3){left:43%;animation-delay:6s}.rinapackz-ambient span:nth-child(4){left:64%;animation-delay:1.5s}.rinapackz-ambient span:nth-child(5){left:82%;animation-delay:4.5s}.rinapackz-ambient span:nth-child(6){left:94%;animation-delay:7.5s}

.rpack-modal[hidden] { display:none; }
.rpack-modal { position:fixed; inset:0; z-index:10030; display:grid; place-items:center; padding:clamp(.7rem,2vw,1.5rem); }
.rpack-modal__scrim { position:absolute; inset:0; width:100%; height:100%; border:0; background:rgba(0,5,3,.82); backdrop-filter:blur(14px) saturate(80%); }
.rpack-modal__dialog { position:relative; z-index:1; width:min(1120px,96vw); max-height:92vh; overflow:auto; padding:clamp(1rem,2vw,1.45rem); border:1px solid rgba(103,255,180,.28); border-radius:25px; background:linear-gradient(145deg,rgba(4,20,14,.98),rgba(1,8,5,.99)); box-shadow:0 30px 100px rgba(0,0,0,.68),0 0 55px rgba(34,255,143,.09); animation:modalIn .28s ease both; }
.rpack-close { display:grid; place-items:center; width:38px; height:38px; border:1px solid rgba(103,255,180,.22); border-radius:50%; color:#eafff2; background:rgba(255,255,255,.035); font-size:1.45rem; cursor:pointer; }
.rina-rename-dialog { width: min(430px, 94vw); padding: clamp(1.1rem, 4vw, 1.55rem); }
.rina-rename-dialog .rpack-modal__head { align-items: center; }
.rina-rename-dialog h2 { font-size: clamp(1.35rem, 6vw, 2rem); }
.rina-rename-form { display: grid; gap: .85rem; margin-top: 1.25rem; }
.rina-rename-field { display: grid; gap: .45rem; }
.rina-rename-field > span { color: var(--rpack-muted); font-size: .7rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.rina-rename-field input {
  width: 100%;
  height: 50px;
  padding: 0 .9rem;
  border: 1px solid rgba(103,255,180,.28);
  border-radius: 12px;
  color: #f3fff8;
  background: rgba(0,8,5,.82);
  font: inherit;
  font-size: 1rem;
  font-weight: 700;
  outline: none;
}
.rina-rename-field input:focus { border-color: rgba(103,255,180,.7); box-shadow: 0 0 0 3px rgba(55,255,151,.09); }
.rina-rename-error { min-height: 1rem; margin: -.25rem 0 0; color: #ff9cae; font-size: .74rem; }
.rina-rename-submit { width: 100%; }
.inventory-toolbar { display:flex; align-items:center; justify-content:space-between; gap:.65rem; margin:1rem 0; }
.inventory-filters { display:flex; flex-wrap:wrap; gap:.38rem; }
.inventory-search { flex:1 1 210px; min-width:160px; max-width:280px; }
.inventory-search input,.inventory-sort select { width:100%; min-height:38px; padding:.52rem .68rem; border:1px solid rgba(103,255,180,.2); border-radius:10px; color:#effff7; background:#06110d; outline:none; }
.inventory-search input:focus,.inventory-sort select:focus { border-color:rgba(103,255,180,.62); box-shadow:0 0 0 3px rgba(64,255,157,.08); }
.inventory-sort { flex:0 0 122px; }
.inventory-filter { padding:.48rem .7rem; border:1px solid rgba(103,255,180,.14); border-radius:999px; color:var(--rpack-muted); background:rgba(255,255,255,.025); font-size:.68rem; letter-spacing:.08em; text-transform:uppercase; cursor:pointer; }
.inventory-filter.is-active { color:#06130d; border-color:var(--rpack-green); background:var(--rpack-green); }
.inventory-owned-toggle { color:var(--rpack-muted); font-size:.75rem; white-space:nowrap; }
.inventory-layout { display:grid; grid-template-columns:220px minmax(0,1fr); gap:1rem; }
.loadout-panel { padding:.8rem; border:1px solid rgba(103,255,180,.12); border-radius:18px; background:rgba(0,7,4,.55); }
.loadout-panel__head { display:flex; align-items:center; justify-content:space-between; gap:.55rem; margin:.1rem 0 .75rem; }
.loadout-panel h3 { margin:0; color:#effff7; font-size:.8rem; letter-spacing:.1em; text-transform:uppercase; }
.random-outfit-button { display:inline-flex; align-items:center; justify-content:center; gap:.32rem; min-height:32px; padding:.38rem .55rem; border:1px solid rgba(103,255,180,.38); border-radius:9px; color:var(--rpack-green); background:linear-gradient(145deg,rgba(66,255,159,.12),rgba(255,255,255,.025)); box-shadow:inset 0 0 15px rgba(61,255,155,.035); font-size:.62rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; cursor:pointer; transition:border-color .2s ease,background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease; }
.random-outfit-button svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.random-outfit-button:hover,.random-outfit-button:focus-visible { color:#04110a; border-color:var(--rpack-green); background:var(--rpack-green); box-shadow:0 0 18px rgba(61,255,155,.18); transform:translateY(-1px); outline:none; }
.random-outfit-button:disabled { opacity:.6; cursor:wait; transform:none; }
.random-outfit-button[aria-busy="true"] svg { animation:randomOutfitSpin .75s linear infinite; }
.loadout-slot { display:grid; grid-template-columns:1fr auto; gap:.45rem; align-items:center; padding:.48rem 0; border-bottom:1px solid rgba(255,255,255,.05); }
.loadout-slot span { color:var(--rpack-muted); font-size:.67rem; text-transform:uppercase; }
.loadout-slot strong { display:block; margin-top:.1rem; color:#effff7; font-size:.75rem; }
.loadout-slot button { border:0; color:#ff718d; background:none; cursor:pointer; }
.inventory-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.7rem; }

.rina-card { --rarity:#c7ced0; position:relative; min-width:0; overflow:hidden; border:1px solid color-mix(in srgb,var(--rarity) 48%,transparent); border-radius:17px; background:linear-gradient(155deg,color-mix(in srgb,var(--rarity) 9%,#07100d),#020605 65%); box-shadow:inset 0 0 30px color-mix(in srgb,var(--rarity) 5%,transparent); }
.rina-card::before { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.1) 28%,transparent 36%); transform:translateX(-120%); }
.rina-card:hover::before { animation:cardShine 1s ease; }
.rina-card.is-locked { filter:saturate(.2); opacity:.42; }
.rina-card__art { position:relative; display:grid; place-items:center; min-height:135px; overflow:hidden; background:radial-gradient(circle,color-mix(in srgb,var(--rarity) 17%,transparent),transparent 65%); }
.rina-card__art::before { content:""; width:58%; aspect-ratio:1; transform:rotate(45deg); border:1px solid color-mix(in srgb,var(--rarity) 55%,transparent); box-shadow:0 0 30px color-mix(in srgb,var(--rarity) 15%,transparent),inset 0 0 25px color-mix(in srgb,var(--rarity) 8%,transparent); }
.rina-card__item-art { position:absolute; inset:7%; width:86%; height:86%; object-fit:contain; filter:drop-shadow(0 8px 12px rgba(0,0,0,.6)) drop-shadow(0 0 9px color-mix(in srgb,var(--rarity) 30%,transparent)); transition:transform .28s ease; }
.rina-card:hover .rina-card__item-art { transform:scale(1.045) translateY(-2px); }
.rina-card.has-animated-thumbnail .rina-card__item-art { animation:secretThumbnail 3.1s ease-in-out infinite alternate; }
.rina-card__body { display:grid; gap:.3rem; padding:.7rem; }
.rina-card__rarity { color:var(--rarity); font-size:.6rem; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }
.rina-card__body h3 { margin:0; color:#f3fff8; font-size:.86rem; line-height:1.1; }
.rina-card__body p { margin:0; min-height:2.4em; color:var(--rpack-muted); font-size:.68rem; line-height:1.3; }
.rina-card__meta { display:flex; justify-content:space-between; align-items:center; gap:.35rem; }
.rina-card__count { padding:.2rem .4rem; border-radius:999px; color:#fff; background:rgba(255,255,255,.07); font-size:.62rem; }
.rina-card__equip { width:100%; padding:.48rem; border:1px solid color-mix(in srgb,var(--rarity) 40%,transparent); border-radius:9px; color:var(--rarity); background:color-mix(in srgb,var(--rarity) 8%,transparent); font-size:.65rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; cursor:pointer; }
.rina-card__equip.is-equipped { color:#06100b; background:var(--rarity); }

.rina-card[data-rarity="secret"],
.reveal-card[data-rarity="secret"],
.history-card[data-rarity="secret"] {
  --rarity:#ff72de;
  border-color:transparent;
  box-shadow:0 0 22px rgba(255,82,196,.19),0 0 42px rgba(72,193,255,.1),inset 0 0 34px rgba(165,93,255,.08);
}
.history-card[data-rarity="secret"] { position:relative; }
.rina-card[data-ui-border]:not([data-ui-border=""]),.reveal-card[data-ui-border]:not([data-ui-border=""]) { box-shadow:0 0 26px color-mix(in srgb,var(--special-accent) 32%,transparent),0 0 54px color-mix(in srgb,var(--special-accent) 13%,transparent),inset 0 0 38px color-mix(in srgb,var(--special-accent) 11%,transparent); }
.rina-card[data-rarity="secret"]::after,
.reveal-card[data-rarity="secret"]::after,
.history-card[data-rarity="secret"]::after {
  content:"";
  position:absolute;
  z-index:8;
  inset:0;
  border-radius:inherit;
  padding:2px;
  background:conic-gradient(from 10deg,#ff4f75,#ffca3a,#47ef9a,#3abfff,#a66cff,#ff55cf,#ff4f75);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
  animation:secretBorderHue 5s linear infinite;
}
.rina-card[data-rarity="secret"] .rina-card__rarity,
.reveal-card[data-rarity="secret"] .reveal-card__body span,
.history-card[data-rarity="secret"] span,
.history-entry[data-highest-rarity="secret"] .history-entry__head strong,
.inventory-filter[data-rarity="secret"],
.pack-opening-modal[data-pack-type="secret"] .pack-opening-copy .rinapackz-kicker,
.pack-opening-modal[data-pack-type="secret"] .pack-tier-readout strong {
  color:transparent;
  background:linear-gradient(90deg,#ff4f75,#ffca3a,#47ef9a,#3abfff,#a66cff,#ff55cf,#ff4f75) 0 50% / 240% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  text-shadow:0 0 16px rgba(189,101,255,.24);
  animation:secretSpectrumShift 3.4s linear infinite;
}
.inventory-filter[data-rarity="secret"] { position:relative; border-color:rgba(180,112,255,.5); box-shadow:0 0 14px rgba(76,196,255,.1); }
.inventory-filter[data-rarity="secret"].is-active { background-color:rgba(9,8,18,.96); }
.pack-opening-modal[data-pack-type="secret"] .pack-opening-dialog { border-color:rgba(204,118,255,.46); box-shadow:0 30px 100px rgba(0,0,0,.68),0 0 30px rgba(255,77,198,.14),0 0 58px rgba(68,196,255,.09); }
.pack-opening-modal[data-pack-type="secret"] .pack-tier-readout { border-color:rgba(197,117,255,.48); box-shadow:0 10px 30px rgba(0,0,0,.42),0 0 22px rgba(255,74,202,.1); }

.pack-opening-modal {
  padding:12px;
  padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));
}
.pack-opening-dialog {
  width:min(840px,calc(100vw - 24px));
  height:min(780px,calc(100vh - 24px));
  height:min(780px,calc(100dvh - 24px));
  min-height:0;
  max-height:none;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  gap:clamp(6px,1.2dvh,12px);
  padding:clamp(12px,2dvh,20px);
  overflow:hidden;
  text-align:center;
}
.pack-opening-close { position:absolute; top:clamp(.65rem,1.8dvh,1rem); right:clamp(.65rem,1.8dvh,1rem); z-index:30; }
.pack-opening-copy { position:relative; z-index:25; padding-inline:2.5rem; }
.pack-opening-copy .rinapackz-kicker { margin-bottom:.22rem; color:var(--pack-accent,#39ef96); text-shadow:0 0 16px color-mix(in srgb,var(--pack-accent,#39ef96) 34%,transparent); }
.pack-opening-copy h2 { font-size:clamp(1.55rem,4.2dvh,2.35rem); line-height:.98; }
.pack-opening-copy p { margin:.25rem 0 0; color:var(--rpack-muted); font-size:clamp(.72rem,1.8dvh,.92rem); line-height:1.25; }
.pack-opening-stage { position:relative; display:grid; grid-template-rows:minmax(0,1fr) auto; gap:8px; min-height:0; height:100%; }
.pack-opening-viewport { position:relative; z-index:1; display:grid; place-items:center; box-sizing:border-box; width:100%; min-height:0; padding-block:clamp(10px,1.6dvh,14px); overflow:hidden; border-radius:18px; perspective:1000px; }
.pack-art--opening {
  --seal-drag-y:0px;
  --seal-progress:0;
  --seal-direction:1;
  width:min(300px,62vw,calc((100vh - 225px) * .564));
  width:min(300px,62vw,calc((100dvh - 225px) * .564));
  aspect-ratio:.564;
  overflow:visible;
  background:none;
  box-shadow:none;
  touch-action:none;
  cursor:grab;
  isolation:isolate;
  transform-origin:50% 0;
  transform-style:preserve-3d;
  animation:packDepthBreath 4.4s cubic-bezier(.45,0,.55,1) infinite;
  transition:scale .3s cubic-bezier(.2,.8,.2,1);
  grid-area:1 / 1;
}
.pack-art--opening:hover,.pack-art--opening:focus-visible { scale:1.025; outline:none; }
.pack-art--opening[data-dragging="true"] { cursor:grabbing; animation-play-state:paused; }
.pack-shell { position:absolute; inset:0; z-index:5; border-radius:0; background-image:var(--pack-art-image); background-position:center; background-size:contain; background-repeat:no-repeat; filter:none; will-change:transform,opacity; transition:transform .28s cubic-bezier(.2,.82,.2,1),opacity .2s ease; }
.pack-shell--top {
  clip-path:polygon(0 0,100% 0,100% 48.6%,96% 51.3%,92% 48.4%,88% 51.2%,84% 48.5%,80% 51.5%,76% 48.2%,72% 51.1%,68% 48.7%,64% 51.4%,60% 48.3%,56% 51.2%,52% 48.5%,48% 51.5%,44% 48.2%,40% 51.3%,36% 48.6%,32% 51.5%,28% 48.2%,24% 51.1%,20% 48.5%,16% 51.4%,12% 48.2%,8% 51.2%,4% 48.6%,0 51%);
  transform-origin:50% 100%;
  transform:translate3d(0,calc(var(--seal-progress) * -22px),0) rotate(calc(var(--seal-direction) * -.32deg));
}
.pack-shell--bottom {
  clip-path:polygon(0 49%,4% 51.4%,8% 48.8%,12% 51.8%,16% 48.6%,20% 51.5%,24% 48.9%,28% 51.8%,32% 48.5%,36% 51.4%,40% 48.7%,44% 51.8%,48% 48.5%,52% 51.5%,56% 48.8%,60% 51.7%,64% 48.6%,68% 51.3%,72% 48.9%,76% 51.8%,80% 48.5%,84% 51.5%,88% 48.8%,92% 51.6%,96% 48.7%,100% 51.4%,100% 100%,0 100%);
  transform-origin:50% 0;
  transform:translate3d(0,calc(var(--seal-progress) * 22px),0) rotate(calc(var(--seal-direction) * .32deg));
}
.pack-card-back { position:absolute; inset:2% 4%; z-index:2; display:grid; place-items:center; opacity:calc(var(--seal-progress) * .88); transform:translate3d(0,calc((1 - var(--seal-progress)) * 18px),0) scale(calc(.88 + var(--seal-progress) * .06)); filter:drop-shadow(0 0 28px color-mix(in srgb,var(--pack-accent) 40%,transparent)); transition:opacity .22s ease,transform .28s cubic-bezier(.2,.8,.2,1); will-change:transform,opacity; }
.pack-card-back::before { content:""; position:absolute; inset:5%; z-index:-1; border-radius:18px; background:color-mix(in srgb,var(--pack-accent) 26%,transparent); filter:blur(28px); opacity:.72; }
.pack-card-back img { display:block; width:100%; height:100%; border-radius:7%; object-fit:contain; clip-path:inset(8% 7% round 7%); user-select:none; -webkit-user-drag:none; }
.pack-rip-flare { position:absolute; z-index:7; left:8%; right:8%; top:50%; height:3px; border-radius:999px; background:linear-gradient(90deg,transparent,var(--pack-accent) 18% 82%,transparent); box-shadow:0 0 10px var(--pack-accent),0 0 28px color-mix(in srgb,var(--pack-accent) 68%,transparent); opacity:calc(.18 + var(--seal-progress) * .82); transform:translateY(-50%) scaleX(calc(.56 + var(--seal-progress) * .44)); pointer-events:none; }
.pack-seal { position:absolute; z-index:11; left:7%; right:7%; top:50%; height:44px; display:flex; align-items:center; justify-content:center; border-block:1px solid color-mix(in srgb,var(--pack-accent) 78%,white); background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(1,4,3,.98) 24% 74%,rgba(255,255,255,.1)); box-shadow:0 4px 12px rgba(0,0,0,.72),0 0 calc(10px + var(--seal-progress) * 24px) color-mix(in srgb,var(--pack-accent) 44%,transparent),inset 0 0 0 1px rgba(255,255,255,.055); transform:translateY(calc(-50% + var(--seal-drag-y))) rotate(calc(var(--seal-direction) * var(--seal-progress) * .65deg)); transition:transform .3s cubic-bezier(.18,.82,.2,1),box-shadow .2s ease,opacity .2s ease; will-change:transform; }
.pack-art--opening[data-dragging="true"] .pack-seal,.pack-art--opening[data-dragging="true"] .pack-shell { transition-duration:.04s; transition-timing-function:linear; }
.pack-seal::before,.pack-seal::after { content:""; position:absolute; left:0; right:0; height:7px; opacity:.7; background:repeating-linear-gradient(135deg,transparent 0 5px,color-mix(in srgb,var(--pack-accent) 62%,white) 5px 6px,transparent 6px 11px); }
.pack-seal::before { top:2px; }
.pack-seal::after { bottom:2px; transform:scaleY(-1); }
.pack-seal__fibres { position:absolute; inset:0; opacity:.55; background:linear-gradient(90deg,transparent,rgba(255,255,255,.15) 8%,transparent 9% 18%,rgba(255,255,255,.08) 19%,transparent 20% 78%,rgba(255,255,255,.1) 80%,transparent 82%); mix-blend-mode:screen; }
.pack-seal__label { position:relative; z-index:2; padding:.24rem .55rem; color:color-mix(in srgb,var(--pack-accent) 78%,white); font-size:clamp(.47rem,1.2dvh,.6rem); font-weight:900; line-height:1; letter-spacing:.18em; text-transform:uppercase; text-shadow:0 0 10px var(--pack-accent); }
.pack-seal__handle { position:absolute; z-index:3; right:-17px; top:50%; display:grid; place-items:center; width:34px; height:34px; border:1px solid color-mix(in srgb,var(--pack-accent) 82%,white); border-radius:50%; color:#f5fff9; background:radial-gradient(circle at 35% 28%,color-mix(in srgb,var(--pack-accent) 45%,#102018),#020807 68%); box-shadow:0 0 18px color-mix(in srgb,var(--pack-accent) 36%,transparent),0 5px 12px rgba(0,0,0,.55); transform:translateY(-50%); }
.pack-seal__handle span { display:block; font:900 1rem/1 sans-serif; animation:sealHandleNudge 1.15s ease-in-out infinite alternate; }
.pack-art--opening > .pack-art__foil { z-index:9; border-radius:0; opacity:.44; pointer-events:none; }
.pack-tier-arrow { position:absolute; top:50%; z-index:16; display:grid; place-items:center; width:52px; height:52px; border:1px solid color-mix(in srgb,var(--pack-accent,#39ef96) 46%,transparent); border-radius:50%; color:#effff7; background:rgba(2,14,9,.88); box-shadow:0 0 24px color-mix(in srgb,var(--pack-accent,#39ef96) 18%,transparent); font:300 2.2rem/1 sans-serif; cursor:pointer; transform:translateY(-50%); transition:opacity .2s ease,transform .2s ease,border-color .2s ease; }
.pack-tier-arrow:hover:not(:disabled) { transform:translateY(-50%) scale(1.08); border-color:var(--pack-accent,#39ef96); }
.pack-tier-arrow:disabled { opacity:.22; cursor:not-allowed; }
.pack-tier-arrow--previous { left:clamp(.25rem,8vw,5.5rem); }
.pack-tier-arrow--next { right:clamp(.25rem,8vw,5.5rem); }
.pack-tier-readout { z-index:7; display:grid; justify-self:center; width:min(360px,92%); min-width:0; gap:.14rem; padding:.48rem .75rem .52rem; border:1px solid color-mix(in srgb,var(--pack-accent,#39ef96) 30%,transparent); border-radius:14px; background:rgba(1,10,6,.93); box-shadow:0 10px 30px rgba(0,0,0,.38); text-align:center; }
.pack-tier-readout strong { color:var(--pack-accent,#39ef96); font-size:.78rem; line-height:1.15; letter-spacing:.1em; text-transform:uppercase; }
.pack-tier-readout span { color:#f4fff8; font-size:.69rem; font-weight:800; line-height:1.15; }
.pack-tier-readout small { color:rgba(225,244,234,.72); font-size:.64rem; line-height:1.25; }
.pack-opening-stage[data-phase="opening"] .pack-art--opening,.pack-opening-stage[data-phase="card-back"] .pack-art--opening { animation:none; }
.pack-opening-stage[data-phase="opening"] .pack-art__atmosphere { animation:packAtmosphereBurst .8s cubic-bezier(.2,.8,.2,1) forwards; }
.pack-opening-stage[data-phase="opening"] .pack-art--opening::after,.pack-opening-stage[data-phase="card-back"] .pack-art--opening::after { opacity:0; transition:opacity .18s ease; }
.pack-opening-stage[data-phase="opening"] .pack-shell--top { animation:packShellTopBreak .72s cubic-bezier(.18,.74,.16,1) forwards; }
.pack-opening-stage[data-phase="opening"] .pack-shell--bottom { animation:packShellBottomBreak .72s cubic-bezier(.18,.74,.16,1) forwards; }
.pack-opening-stage[data-phase="opening"] .pack-seal { animation:packSealBreak .48s cubic-bezier(.2,.8,.2,1) forwards; }
.pack-opening-stage[data-phase="opening"] .pack-card-back { animation:packCardBackReveal .84s .16s cubic-bezier(.18,.78,.18,1) forwards; }
.pack-opening-stage[data-phase="card-back"] .pack-shell,.pack-opening-stage[data-phase="card-back"] .pack-seal,.pack-opening-stage[data-phase="card-back"] .pack-art__foil { opacity:0; pointer-events:none; }
.pack-opening-stage[data-phase="card-back"] .pack-art__atmosphere { opacity:.2; transform:translateZ(-60px) scale(1.2); }
.pack-opening-stage[data-phase="card-back"] .pack-rip-flare { opacity:0; transition:opacity .28s ease; }
.pack-opening-stage[data-phase="card-back"] .pack-shell--top { transform:translate3d(0,-58%,0) rotate(-4deg); }
.pack-opening-stage[data-phase="card-back"] .pack-shell--bottom { transform:translate3d(0,58%,0) rotate(4deg); }
.pack-opening-stage[data-phase="card-back"] .pack-card-back { opacity:1; transform:translate3d(0,0,0) scale(.97); animation:cardBackHover 1.1s ease-in-out infinite alternate; }
.pack-opening-stage[data-phase="cards"] .pack-art--opening { display:none; }
.pack-opening-stage:not([data-phase="sealed"]) .pack-tier-arrow { opacity:0; pointer-events:none; }
.pack-opening-stage:not([data-phase="sealed"]) .pack-tier-readout { display:none; }
.pack-tear-particles { position:absolute; inset:0; z-index:18; overflow:hidden; pointer-events:none; }
.pack-opening-stage[data-phase="opening"] .pack-tear-particles::before,.pack-opening-stage[data-phase="opening"] .pack-tear-particles::after { content:""; position:absolute; left:50%; top:50%; width:84%; height:18px; background:radial-gradient(circle,currentColor 0 1.5px,transparent 2px) 0 0/24px 12px,radial-gradient(circle,currentColor 0 1px,transparent 2px) 12px 4px/31px 15px; color:var(--pack-accent,#39ef96); filter:drop-shadow(0 0 6px currentColor); transform:translate(-50%,-50%); animation:packParticleBurst .9s ease-out both; }
.pack-opening-stage[data-phase="opening"] .pack-tear-particles::after { width:64%; animation-delay:.08s; animation-direction:reverse; opacity:.7; }
.pack-opening-actions { position:relative; z-index:25; min-height:44px; display:flex; align-items:center; justify-content:center; }
.rpack-primary { min-width:180px; padding:.76rem 1.15rem; border:1px solid rgba(103,255,180,.58); border-radius:12px; color:#05120c; background:linear-gradient(180deg,#80ffc3,#39ef96); box-shadow:0 0 28px rgba(39,255,143,.18); font-weight:900; letter-spacing:.1em; text-transform:uppercase; cursor:pointer; }
.rpack-primary--claim { background:linear-gradient(180deg,#fff0a2,#ffc94d); border-color:#ffe487; }
.rpack-primary:disabled { opacity:.5; cursor:wait; }
.card-stack { position:relative; grid-area:1 / 1; width:min(340px,76vw,calc((100vh - 185px) * .68)); width:min(340px,76vw,calc((100dvh - 185px) * .68)); min-height:0; aspect-ratio:.68; touch-action:pan-y; cursor:grab; user-select:none; }
.card-stack.is-dragging { cursor:grabbing; }
.reveal-card { --rarity:#c7ced0; position:absolute; inset:0; display:grid; grid-template-rows:minmax(0,1fr) auto; overflow:hidden; border:2px solid var(--rarity); border-radius:clamp(18px,2.4dvh,24px); background:linear-gradient(150deg,color-mix(in srgb,var(--rarity) 16%,#07110d),#010504 68%); box-shadow:0 0 48px color-mix(in srgb,var(--rarity) 27%,transparent),inset 0 0 42px color-mix(in srgb,var(--rarity) 10%,transparent); transform:translateX(calc(var(--stack-depth,0) * 6px)) translateY(calc(var(--stack-depth,0) * -6px)) scale(calc(1 - var(--stack-depth,0) * .025)); transition:transform .42s cubic-bezier(.18,.82,.2,1),opacity .32s ease,filter .32s ease; will-change:transform,opacity; }
.reveal-card.is-current { cursor:grab; }
.reveal-card.is-dragging { cursor:grabbing; transform:translate3d(var(--drag-x,0px),0,0) rotate(var(--drag-rotate,0deg)) scale(calc(1 + var(--drag-progress,0) * .014)); transition:none; }
.reveal-card.is-upcoming { filter:brightness(calc(1 - var(--stack-depth,0) * .055)); }
.card-stack.is-dragging .reveal-card.is-upcoming { transform:translateX(calc(var(--stack-depth,0) * 4px)) translateY(calc(var(--stack-depth,0) * -4px)) scale(calc(1 - var(--stack-depth,0) * .018)); }
.reveal-card.is-past { pointer-events:none; }
.reveal-card.is-gone { opacity:0; pointer-events:none; }
.reveal-card.is-gone-left { transform:translate3d(-145%,8%,0) rotate(-16deg); }
.reveal-card.is-gone-right { transform:translate3d(145%,8%,0) rotate(16deg); }
.reveal-card__art { position:relative; display:grid; place-items:center; min-height:0; overflow:hidden; background:radial-gradient(circle,color-mix(in srgb,var(--rarity) 28%,transparent),transparent 58%); }
.reveal-card__art::before,.reveal-card__art::after { content:""; position:absolute; width:58%; aspect-ratio:1; border:2px solid color-mix(in srgb,var(--rarity) 55%,transparent); transform:rotate(45deg); box-shadow:0 0 35px color-mix(in srgb,var(--rarity) 20%,transparent); }
.reveal-card__art::after { width:42%; border-style:dashed; animation:sigilSpin 8s linear infinite; }
.reveal-card__item-art { position:absolute; z-index:2; inset:7%; width:86%; height:86%; object-fit:contain; filter:drop-shadow(0 16px 20px rgba(0,0,0,.68)) drop-shadow(0 0 18px color-mix(in srgb,var(--rarity) 38%,transparent)); animation:itemRevealFloat 2.6s ease-in-out infinite alternate; user-select:none; -webkit-user-drag:none; }
.reveal-card__body { padding:clamp(.62rem,1.4dvh,.9rem); border-top:1px solid color-mix(in srgb,var(--rarity) 25%,transparent); text-align:left; }
.reveal-card__body span { color:var(--rarity); font-size:clamp(.58rem,1.35dvh,.68rem); font-weight:900; letter-spacing:.16em; text-transform:uppercase; }
.reveal-card__body h3 { margin:.2rem 0; color:#fff; font-size:clamp(1rem,2.2dvh,1.2rem); line-height:1.08; }
.reveal-card__body p { margin:0; display:-webkit-box; overflow:hidden; color:var(--rpack-muted); font-size:clamp(.66rem,1.5dvh,.76rem); line-height:1.3; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.duplicate-badge { position:absolute; top:clamp(.55rem,1.5dvh,1rem); right:clamp(.55rem,1.5dvh,1rem); z-index:4; padding:.32rem .5rem; border-radius:999px; color:#fff; background:rgba(0,0,0,.64); font-size:.58rem; letter-spacing:.08em; text-transform:uppercase; }

.history-list { display:grid; gap:.7rem; margin-top:1rem; }
.history-entry { padding:.85rem; border:1px solid rgba(103,255,180,.12); border-radius:16px; background:rgba(255,255,255,.025); }
.history-entry__head { display:flex; align-items:center; justify-content:space-between; gap:.7rem; }
.history-entry__head strong { color:#effff7; }.history-entry__head time { color:var(--rpack-muted); font-size:.72rem; }
.history-entry__cards { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:.4rem; margin-top:.6rem; }
.history-card { padding:.55rem; overflow:hidden; border:1px solid var(--rarity); border-radius:10px; background:color-mix(in srgb,var(--rarity) 6%,transparent); }
.history-card__thumb { display:block; width:100%; height:72px; margin-bottom:.45rem; object-fit:contain; filter:drop-shadow(0 5px 7px rgba(0,0,0,.58)); }
.history-card span { display:block; color:var(--rarity); font-size:.56rem; text-transform:uppercase; }.history-card strong { display:block; margin-top:.18rem; color:#fff; font-size:.68rem; }
.history-empty { padding:2rem; color:var(--rpack-muted); text-align:center; }

.rpack-toast { position:fixed; z-index:10100; left:50%; bottom:1.2rem; max-width:min(92vw,520px); padding:.72rem 1rem; border:1px solid rgba(103,255,180,.34); border-radius:999px; color:#effff7; background:rgba(3,18,12,.94); box-shadow:0 14px 40px rgba(0,0,0,.46); transform:translate(-50%,150%); opacity:0; transition:.28s ease; pointer-events:none; }
.rpack-toast.is-visible { transform:translate(-50%,0); opacity:1; }.rpack-toast.is-error { border-color:rgba(255,72,108,.5); color:#ffb5c3; }
.sr-only { position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important; }

/* Merge Forge */
.merge-modal { --forge-gold:#f5cc67; --forge-rainbow:#bd8cff; }
.merge-dialog { width:min(1220px,97vw); height:min(850px,94vh); height:min(850px,94dvh); max-height:none; overflow:hidden; display:grid; grid-template-rows:auto minmax(0,1fr); gap:1rem; padding:1.1rem; border-color:rgba(117,255,194,.24); background:radial-gradient(circle at 30% 42%,rgba(44,255,154,.055),transparent 34%),linear-gradient(145deg,rgba(4,20,14,.99),rgba(1,7,5,.995)); }
.merge-dialog__head { min-width:0; padding:.1rem .15rem .75rem; border-bottom:1px solid rgba(103,255,180,.1); }
.merge-tier-key { display:flex; align-items:center; gap:.45rem; padding:.45rem .65rem; border:1px solid rgba(255,255,255,.08); border-radius:999px; color:rgba(229,244,236,.48); background:rgba(0,0,0,.22); font-size:.6rem; font-weight:900; letter-spacing:.09em; text-transform:uppercase; }
.merge-tier-key i { color:rgba(255,255,255,.28); font-style:normal; }
.merge-tier-key [data-tier="gold"] { color:var(--forge-gold); }
.merge-tier-key [data-tier="rainbow"] { color:transparent; background:linear-gradient(90deg,#55ffd1,#55baff,#b47aff,#ff77b4,#ffe06d); -webkit-background-clip:text; background-clip:text; }
.merge-workbench { min-height:0; display:grid; grid-template-columns:minmax(340px,.78fr) minmax(0,1.35fr); gap:1rem; }
.merge-forge,.merge-vault { min-height:0; border:1px solid rgba(103,255,180,.12); border-radius:20px; background:linear-gradient(155deg,rgba(255,255,255,.024),rgba(0,7,4,.66)); }
.merge-forge { position:relative; overflow:hidden; display:grid; grid-template-rows:auto minmax(220px,1fr) auto auto auto; gap:.72rem; padding:.9rem; }
.merge-forge::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.32; background-image:linear-gradient(rgba(102,255,181,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(102,255,181,.035) 1px,transparent 1px); background-size:24px 24px; mask-image:linear-gradient(#000,transparent 86%); }
.merge-panel-label { position:relative; z-index:2; min-width:0; }
.merge-panel-label span { display:block; margin-bottom:.18rem; color:var(--rpack-green); font-size:.56rem; font-weight:900; letter-spacing:.16em; text-transform:uppercase; }
.merge-panel-label strong { display:block; overflow:hidden; color:#f2fff8; font-size:.84rem; letter-spacing:.035em; text-overflow:ellipsis; white-space:nowrap; }
.merge-slots { position:relative; z-index:2; align-self:stretch; display:grid; grid-template:repeat(3,1fr)/repeat(3,1fr); place-items:center; min-height:230px; }
.merge-slot { position:relative; z-index:2; display:grid; place-items:center; width:min(82px,21vw); aspect-ratio:1; overflow:hidden; border:1px solid rgba(199,215,207,.19); border-radius:15px; color:rgba(223,235,229,.34); background:linear-gradient(145deg,rgba(146,158,152,.1),rgba(37,45,41,.2)); box-shadow:inset 0 0 22px rgba(255,255,255,.02),0 8px 18px rgba(0,0,0,.22); cursor:default; transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease; }
.merge-slot:nth-child(1){grid-area:1/1}.merge-slot:nth-child(2){grid-area:1/3}.merge-slot:nth-child(3){grid-area:2/2}.merge-slot:nth-child(4){grid-area:3/1}.merge-slot:nth-child(5){grid-area:3/3}
.merge-slot > span { position:absolute; top:7px; left:8px; z-index:3; font-size:.52rem; font-weight:900; letter-spacing:.12em; }
.merge-slot::before,.merge-slot::after { content:""; position:absolute; pointer-events:none; }
.merge-slot::before { inset:9px; border:1px dashed rgba(218,231,224,.1); border-radius:10px; }
.merge-slot::after { width:22%; aspect-ratio:1; border:1px solid rgba(222,235,228,.16); transform:rotate(45deg); }
.merge-slot img { position:absolute; inset:8%; z-index:2; width:84%; height:84%; object-fit:contain; filter:grayscale(.16) drop-shadow(0 6px 8px rgba(0,0,0,.55)); }
.merge-slot small { position:absolute; right:6px; bottom:5px; z-index:3; color:var(--rpack-green); font-size:.42rem; font-weight:900; letter-spacing:.08em; }
.merge-slot.is-filled { border-color:color-mix(in srgb,var(--slot-accent,var(--rpack-green)) 50%,transparent); background:radial-gradient(circle,color-mix(in srgb,var(--slot-accent,var(--rpack-green)) 12%,transparent),rgba(2,9,6,.82)); box-shadow:0 0 20px color-mix(in srgb,var(--slot-accent,var(--rpack-green)) 10%,transparent),inset 0 0 18px rgba(255,255,255,.025); cursor:pointer; }
.merge-slot[data-tier="gold"] { --slot-accent:var(--forge-gold); }
.merge-slot[data-tier="gold"] img { filter:sepia(.28) saturate(1.2) brightness(1.05) drop-shadow(0 6px 8px rgba(0,0,0,.55)) drop-shadow(0 0 6px rgba(245,204,103,.34)); }
.merge-slot.is-filled:hover { transform:scale(.97); border-color:#ff879b; }
.merge-conduit { position:absolute; z-index:1; inset:10%; pointer-events:none; }
.merge-conduit::before,.merge-conduit::after,.merge-conduit i { content:""; position:absolute; top:50%; left:50%; border:1px solid rgba(104,255,182,.1); transform:translate(-50%,-50%) rotate(45deg); }
.merge-conduit::before { width:63%; aspect-ratio:1; }
.merge-conduit::after { width:37%; aspect-ratio:1; border-style:dashed; animation:sigilSpin 18s linear infinite; }
.merge-conduit i:nth-child(1){width:74%;height:1px}.merge-conduit i:nth-child(2){width:1px;height:74%}.merge-conduit i:nth-child(3){width:10px;aspect-ratio:1;background:var(--rpack-green);box-shadow:0 0 20px rgba(63,255,159,.55)}
.merge-output { position:relative; z-index:2; display:grid; grid-template-columns:66px minmax(0,1fr); align-items:center; gap:.75rem; min-height:78px; padding:.62rem .7rem; overflow:hidden; border:1px solid rgba(245,204,103,.2); border-radius:14px; background:linear-gradient(100deg,rgba(245,204,103,.07),rgba(0,0,0,.28)); }
.merge-output[data-tier="rainbow"] { border-color:rgba(183,126,255,.34); background:linear-gradient(100deg,rgba(64,255,198,.05),rgba(124,99,255,.08),rgba(255,95,178,.05)); }
.merge-output__halo { position:absolute; left:34px; top:50%; width:88px; aspect-ratio:1; transform:translate(-50%,-50%); border:1px solid rgba(245,204,103,.18); border-radius:50%; }
.merge-output__halo i { position:absolute; inset:12%; border:1px dashed rgba(245,204,103,.22); border-radius:50%; animation:sigilSpin 12s linear infinite; }.merge-output__halo i+ i{inset:30%;animation-direction:reverse;animation-duration:7s}
.merge-output[data-tier="rainbow"] .merge-output__halo,.merge-output[data-tier="rainbow"] .merge-output__halo i { border-color:rgba(181,128,255,.32); }
.merge-output__art { position:relative; z-index:2; width:58px; aspect-ratio:1; }
.merge-output__art img { width:100%;height:100%;object-fit:contain;filter:sepia(.25) saturate(1.25) drop-shadow(0 0 10px rgba(245,204,103,.38)); }
.merge-output[data-tier="rainbow"] .merge-output__art img { animation:rainbowItemLumen 4s linear infinite; }
.merge-output__copy { position:relative; z-index:2; min-width:0; }.merge-output__copy span{display:block;color:rgba(229,244,236,.45);font-size:.5rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.merge-output__copy strong{display:block;overflow:hidden;margin:.18rem 0;color:var(--forge-gold);font-size:.8rem;text-overflow:ellipsis;white-space:nowrap}.merge-output[data-tier="rainbow"] .merge-output__copy strong{color:transparent;background:linear-gradient(90deg,#55ffd1,#55baff,#b47aff,#ff77b4,#ffe06d,#55ffd1) 0 50%/220% 100%;-webkit-background-clip:text;background-clip:text;animation:mergeSpectrum 3.4s linear infinite}.merge-output__copy small{display:block;color:var(--rpack-muted);font-size:.58rem;line-height:1.35}
.merge-commit { position:relative; z-index:2; display:grid; justify-items:center; width:100%; min-height:52px; padding:.55rem 1rem; border:1px solid rgba(245,204,103,.48); border-radius:12px; color:#171105; background:linear-gradient(135deg,#ffe59b,#eab84c); box-shadow:0 0 24px rgba(245,204,103,.13),inset 0 1px rgba(255,255,255,.52); cursor:pointer; transition:transform .2s ease,box-shadow .2s ease,filter .2s ease; }
.merge-commit span { font-size:.72rem;font-weight:1000;letter-spacing:.12em;text-transform:uppercase}.merge-commit small{font-size:.52rem;font-weight:800;opacity:.68}.merge-commit:not(:disabled):hover,.merge-commit:not(:disabled):focus-visible{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.28),0 0 28px rgba(245,204,103,.22);outline:none}.merge-commit:disabled{color:rgba(233,244,238,.35);border-color:rgba(205,219,212,.12);background:rgba(151,165,157,.08);box-shadow:none;cursor:not-allowed}.merge-commit[aria-busy="true"]{color:#effff7;border-color:rgba(103,255,180,.5);background:linear-gradient(90deg,#146d49,#2b9070,#146d49) 0 0/200% 100%;animation:forgeButtonFlow 1s linear infinite}
.merge-rule { position:relative;z-index:2;margin:0;color:rgba(221,239,230,.42);font-size:.55rem;line-height:1.4;text-align:center; }
.merge-vault { display:grid; grid-template-rows:auto auto minmax(0,1fr); gap:.68rem; padding:.9rem; overflow:hidden; }
.merge-vault__head { display:flex;align-items:flex-end;justify-content:space-between;gap:.75rem; }
.merge-search { flex:0 1 230px; }.merge-search input{width:100%;min-height:36px;padding:.5rem .65rem;border:1px solid rgba(103,255,180,.16);border-radius:9px;color:#effff7;background:#06110d;outline:none;font-size:.7rem}.merge-search input:focus{border-color:rgba(103,255,180,.55);box-shadow:0 0 0 3px rgba(64,255,157,.07)}
.merge-vault__legend { display:flex;justify-content:space-between;gap:.6rem;padding:.48rem .55rem;border-block:1px solid rgba(255,255,255,.045);color:rgba(222,239,230,.42);font-size:.54rem;letter-spacing:.06em;text-transform:uppercase}.merge-vault__legend span:first-child{color:var(--rpack-green)}.merge-vault__legend i{display:inline-block;width:6px;height:6px;margin-right:.28rem;border-radius:50%;background:var(--rpack-green);box-shadow:0 0 8px var(--rpack-green)}
.merge-inventory { min-height:0; overflow:auto; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-content:start; gap:.55rem; padding:.05rem .25rem .35rem .05rem; scrollbar-width:thin; scrollbar-color:rgba(103,255,180,.25) transparent; }
.merge-vault-card { --stack-accent:#67ffb4; position:relative; display:grid; grid-template-columns:76px minmax(0,1fr); align-items:center; gap:.62rem; min-width:0; min-height:92px; padding:.5rem; overflow:hidden; border:1px solid color-mix(in srgb,var(--stack-accent) 18%,rgba(255,255,255,.06)); border-radius:13px; color:inherit; background:linear-gradient(140deg,color-mix(in srgb,var(--stack-accent) 5%,rgba(255,255,255,.025)),rgba(0,5,3,.65)); text-align:left; transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease; }
.merge-vault-card::before { content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.08) 38%,transparent 50%);transform:translateX(-120%)}.merge-vault-card.is-ready{cursor:pointer}.merge-vault-card.is-ready:hover,.merge-vault-card.is-ready:focus-visible{transform:translateY(-2px);border-color:color-mix(in srgb,var(--stack-accent) 62%,transparent);box-shadow:0 10px 22px rgba(0,0,0,.28),0 0 18px color-mix(in srgb,var(--stack-accent) 8%,transparent);outline:none}.merge-vault-card.is-ready:hover::before{animation:cardShine .8s ease}.merge-vault-card.is-selected{border-color:var(--stack-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--stack-accent) 14%,transparent),0 0 26px color-mix(in srgb,var(--stack-accent) 14%,transparent)}.merge-vault-card:disabled{opacity:.52;filter:saturate(.7);cursor:not-allowed}
.merge-vault-card__art { position:relative;display:grid;place-items:center;width:76px;aspect-ratio:1;border-radius:10px;background:radial-gradient(circle,color-mix(in srgb,var(--stack-accent) 16%,transparent),transparent 68%)}.merge-vault-card__art i{position:absolute;width:54%;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--stack-accent) 34%,transparent);transform:rotate(45deg)}.merge-vault-card__art img{position:absolute;inset:5%;width:90%;height:90%;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(0,0,0,.58))}.merge-vault-card[data-tier="gold"] .merge-vault-card__art img{filter:sepia(.3) saturate(1.25) brightness(1.05) drop-shadow(0 6px 8px rgba(0,0,0,.58)) drop-shadow(0 0 7px rgba(245,204,103,.38))}.merge-vault-card[data-tier="rainbow"] .merge-vault-card__art img{animation:rainbowItemLumen 4s linear infinite}
.merge-vault-card__copy { min-width:0; }.merge-vault-card__copy small,.merge-vault-card__copy strong,.merge-vault-card__copy em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.merge-vault-card__copy small{color:var(--stack-accent);font-size:.48rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.merge-vault-card__copy strong{margin:.2rem 0;color:#f1fff7;font-size:.68rem}.merge-vault-card__copy em{color:rgba(225,242,234,.46);font-size:.53rem;font-style:normal;text-transform:uppercase}.merge-vault-card.is-ready .merge-vault-card__copy em{color:var(--rpack-green)}
.merge-vault-card__count { position:absolute;right:6px;top:6px;padding:.18rem .34rem;border:1px solid color-mix(in srgb,var(--stack-accent) 22%,transparent);border-radius:999px;color:#fff;background:rgba(0,0,0,.58);font-size:.52rem;font-weight:900}.merge-empty{grid-column:1/-1;display:grid;place-items:center;align-content:center;gap:.45rem;min-height:220px;padding:1.2rem;border:1px dashed rgba(103,255,180,.12);border-radius:14px;color:var(--rpack-muted);text-align:center}.merge-empty span{color:var(--rpack-green);font-size:.58rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.merge-empty strong{max-width:330px;font-size:.72rem;line-height:1.45}.merge-empty button{margin-top:.4rem;padding:.55rem .8rem;border:1px solid var(--rpack-green);border-radius:9px;color:#06110b;background:var(--rpack-green);font-size:.62rem;font-weight:900;text-transform:uppercase;cursor:pointer}
.merge-result[hidden] { display:none; }
.merge-result { position:absolute; z-index:20; inset:0; display:grid; place-content:center; justify-items:center; gap:1rem; overflow:hidden; border-radius:inherit; background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--result-accent) 19%,transparent),transparent 34%),rgba(0,6,4,.94); backdrop-filter:blur(14px); --result-accent:var(--forge-gold); }
.merge-result[data-tier="rainbow"] { --result-accent:#b77cff; background:radial-gradient(circle at 50% 45%,rgba(81,255,205,.11),transparent 23%),radial-gradient(circle at 58% 42%,rgba(179,113,255,.16),transparent 38%),rgba(1,5,5,.95); }
.merge-result__atmosphere { position:absolute;inset:0;pointer-events:none}.merge-result__atmosphere i{position:absolute;left:50%;top:48%;width:5px;aspect-ratio:1;border-radius:50%;background:var(--result-accent);box-shadow:0 0 10px var(--result-accent);animation:mergeResultParticle 1.9s ease-out infinite}.merge-result__atmosphere i:nth-child(1){--x:-190px;--y:-120px;animation-delay:-.2s}.merge-result__atmosphere i:nth-child(2){--x:170px;--y:-150px;animation-delay:-.8s}.merge-result__atmosphere i:nth-child(3){--x:-220px;--y:30px;animation-delay:-1.3s}.merge-result__atmosphere i:nth-child(4){--x:210px;--y:65px;animation-delay:-.55s}.merge-result__atmosphere i:nth-child(5){--x:-120px;--y:180px;animation-delay:-1.6s}.merge-result__atmosphere i:nth-child(6){--x:130px;--y:170px;animation-delay:-1s}
.merge-result__card { position:relative;display:grid;justify-items:center;width:min(330px,80vw);padding:1rem 1rem 1.25rem;overflow:hidden;border:1px solid var(--forge-gold);border-radius:22px;background:linear-gradient(150deg,rgba(245,204,103,.13),rgba(2,7,5,.98) 68%);box-shadow:0 0 42px rgba(245,204,103,.22),inset 0 0 35px rgba(245,204,103,.06);animation:mergeResultReveal .85s cubic-bezier(.16,.85,.2,1) both}.merge-result__card[data-tier="rainbow"]{border-color:transparent;background:linear-gradient(150deg,rgba(93,255,207,.1),rgba(114,82,230,.09),rgba(2,6,5,.98) 70%);box-shadow:0 0 38px rgba(94,244,214,.18),0 0 70px rgba(183,102,255,.16),inset 0 0 35px rgba(176,97,255,.08)}.merge-result__card[data-tier="rainbow"]::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:conic-gradient(from 0deg,#54ffd3,#59afff,#b575ff,#ff70b7,#ffdc66,#54ffd3);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:secretBorderHue 3s linear infinite;pointer-events:none}
.merge-result__eyebrow{color:var(--result-accent);font-size:.57rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.merge-result__art{position:relative;display:grid;place-items:center;width:210px;aspect-ratio:1;margin:.4rem 0}.merge-result__art::before{content:"";position:absolute;width:64%;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--result-accent) 48%,transparent);transform:rotate(45deg);box-shadow:0 0 28px color-mix(in srgb,var(--result-accent) 18%,transparent)}.merge-result__rings{position:absolute;inset:9%;border:1px dashed color-mix(in srgb,var(--result-accent) 34%,transparent);border-radius:50%;animation:sigilSpin 13s linear infinite}.merge-result__rings::after{content:"";position:absolute;inset:17%;border:1px solid color-mix(in srgb,var(--result-accent) 22%,transparent);border-radius:50%;animation:sigilSpin 7s linear infinite reverse}.merge-result__art img{position:absolute;inset:4%;z-index:2;width:92%;height:92%;object-fit:contain;filter:sepia(.3) saturate(1.2) brightness(1.08) drop-shadow(0 12px 15px rgba(0,0,0,.68)) drop-shadow(0 0 15px rgba(245,204,103,.42));animation:mergeResultFloat 2.8s ease-in-out infinite alternate}.merge-result__card[data-tier="rainbow"] .merge-result__art img{animation:mergeResultFloat 2.8s ease-in-out infinite alternate,rainbowItemLumen 4s linear infinite}.merge-result__card>strong{max-width:100%;color:var(--forge-gold);font-size:1rem;text-align:center}.merge-result__card[data-tier="rainbow"]>strong{color:transparent;background:linear-gradient(90deg,#55ffd1,#55baff,#b47aff,#ff77b4,#ffe06d,#55ffd1) 0 50%/220% 100%;-webkit-background-clip:text;background-clip:text;animation:mergeSpectrum 3.4s linear infinite}.merge-result__card>small{margin-top:.32rem;color:var(--rpack-muted);font-size:.58rem;letter-spacing:.1em;text-transform:uppercase}.merge-result__continue{position:relative;z-index:2;padding:.7rem 1rem;border:1px solid color-mix(in srgb,var(--result-accent) 52%,transparent);border-radius:10px;color:#effff7;background:rgba(255,255,255,.045);font-size:.64rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.merge-result__continue:hover,.merge-result__continue:focus-visible{border-color:var(--result-accent);box-shadow:0 0 22px color-mix(in srgb,var(--result-accent) 15%,transparent);outline:none}

/* Inventory-only merge tiers */
.inventory-filter[data-rarity="gold-tier"]{border-color:rgba(245,204,103,.35);color:#f5cc67}.inventory-filter[data-rarity="gold-tier"].is-active{color:#1c1405;border-color:#f5cc67;background:#f5cc67}.inventory-filter[data-rarity="rainbow-tier"]{border-color:rgba(180,118,255,.4);color:#caa1ff}.inventory-filter[data-rarity="rainbow-tier"].is-active{color:#fff;background:linear-gradient(100deg,#168f72,#5269c9,#a246a4);border-color:rgba(255,255,255,.35)}
.rina-card__tier-aura{display:none}.rina-card.is-merged-cosmetic{overflow:hidden}.rina-card.is-merged-cosmetic.is-locked{opacity:.65}.rina-card[data-merge-tier="gold"]{border-color:rgba(245,204,103,.64);background:linear-gradient(150deg,rgba(245,204,103,.13),#090a06 68%);box-shadow:0 0 22px rgba(245,204,103,.12),inset 0 0 32px rgba(245,204,103,.055)}.rina-card[data-merge-tier="gold"]::after{content:"";position:absolute;z-index:5;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(120deg,transparent 8%,#ffeaa6 38%,#b78129 52%,transparent 82%) -180% 0/70% 100% no-repeat;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:goldBorderSweep 4.5s ease-in-out infinite;pointer-events:none}.rina-card[data-merge-tier="gold"] .rina-card__item-art{filter:sepia(.28) saturate(1.18) brightness(1.08) drop-shadow(0 8px 12px rgba(0,0,0,.65)) drop-shadow(0 0 11px rgba(245,204,103,.44));animation:goldItemBreath 2.8s ease-in-out infinite alternate}.rina-card[data-merge-tier="gold"] .rina-card__rarity{color:#f5cc67;text-shadow:0 0 12px rgba(245,204,103,.26)}
.rina-card[data-merge-tier="rainbow"]{border-color:transparent;background:linear-gradient(150deg,rgba(64,255,202,.08),rgba(126,84,222,.09),#050706 70%);box-shadow:0 0 24px rgba(82,239,211,.15),0 0 45px rgba(184,101,255,.1),inset 0 0 34px rgba(177,98,255,.07)}.rina-card[data-merge-tier="rainbow"]::after{content:"";position:absolute;z-index:8;inset:0;border-radius:inherit;padding:2px;background:conic-gradient(from 10deg,#ff5e87,#ffd568,#52f3a8,#44bfff,#a270ff,#ff66cd,#ff5e87);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;animation:secretBorderHue 4s linear infinite}.rina-card[data-merge-tier="rainbow"] .rina-card__item-art{animation:rainbowInventoryFloat 3.2s ease-in-out infinite alternate,rainbowItemLumen 5s linear infinite}.rina-card[data-merge-tier="rainbow"] .rina-card__rarity,.rina-card[data-merge-tier="rainbow"] h3{color:transparent;background:linear-gradient(90deg,#55ffd1,#55baff,#b47aff,#ff77b4,#ffe06d,#55ffd1) 0 50%/230% 100%;-webkit-background-clip:text;background-clip:text;animation:mergeSpectrum 3.6s linear infinite}.rina-card.is-merged-cosmetic .rina-card__tier-aura{display:block;position:absolute;z-index:0;width:68%;aspect-ratio:1;border:1px dashed color-mix(in srgb,var(--rarity) 38%,transparent);border-radius:50%;animation:sigilSpin 14s linear infinite}.rina-card__vaulted{display:flex;align-items:center;justify-content:center;gap:.35rem;width:100%;min-height:31px;border:1px solid color-mix(in srgb,var(--rarity) 26%,transparent);border-radius:9px;color:color-mix(in srgb,var(--rarity) 85%,#fff);background:color-mix(in srgb,var(--rarity) 6%,transparent);font-size:.55rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.rina-card__vaulted i{width:5px;height:5px;border-radius:50%;background:var(--rarity);box-shadow:0 0 8px var(--rarity)}
.merge-forge.is-forging .merge-slot{pointer-events:none;animation:mergeSlotCollapse .82s cubic-bezier(.2,.78,.22,1) both}.merge-forge.is-forging .merge-slot:nth-child(1){--collapse-x:112px;--collapse-y:78px}.merge-forge.is-forging .merge-slot:nth-child(2){--collapse-x:-112px;--collapse-y:78px}.merge-forge.is-forging .merge-slot:nth-child(3){--collapse-x:0px;--collapse-y:0px}.merge-forge.is-forging .merge-slot:nth-child(4){--collapse-x:112px;--collapse-y:-78px}.merge-forge.is-forging .merge-slot:nth-child(5){--collapse-x:-112px;--collapse-y:-78px}.merge-forge.is-forging .merge-conduit::before,.merge-forge.is-forging .merge-conduit::after{animation:mergeConduitCharge .82s ease-in-out both}.merge-forge.is-forging .merge-conduit i:nth-child(3){animation:mergeCoreFlash .95s ease-out both}.merge-forge.is-forging .merge-output{animation:mergeOutputCharge 1.05s .35s ease-in-out both}

@keyframes rinaBreath { 0%,100%{transform:translate3d(0,0,0)} 42%{transform:translate3d(0,-1px,0)} 68%{transform:translate3d(0,-2px,0)} }
@keyframes rinaThinking { 0%,100%{transform:translate3d(0,0,0) rotate(0)} 35%{transform:translate3d(-1px,-2px,0) rotate(-.22deg)} 70%{transform:translate3d(1px,-1px,0) rotate(.14deg)} }
@keyframes rinaSpeaking { 0%,100%{transform:translate3d(0,0,0) rotate(0)} 35%{transform:translate3d(0,-2px,0) rotate(-.12deg)} 70%{transform:translate3d(1px,-1px,0) rotate(.12deg)} }
@keyframes rinaTalkPulse { 0%,42%{opacity:0} 43%,100%{opacity:1} }
@keyframes rinaHappy { 0%,100%{transform:translate3d(0,0,0) scale(1)} 38%{transform:translate3d(0,-9px,0) scale(1.012)} 68%{transform:translate3d(0,-2px,0) scale(1.004)} }
@keyframes rinaSoft { 0%{transform:translate3d(0,0,0)} 48%,100%{transform:translate3d(0,2px,0) rotate(-.18deg)} }
@keyframes rinaIrritated { 0%,100%{transform:translate3d(0,0,0)} 28%{transform:translate3d(-1.5px,0,0) rotate(-.12deg)} 55%{transform:translate3d(1.5px,0,0) rotate(.12deg)} }
@keyframes rinaTease { 0%{transform:translate3d(0,0,0)} 48%,100%{transform:translate3d(2px,-2px,0) rotate(.32deg)} }
@keyframes rinaOffline { 0%{transform:translate3d(0,0,0)} 100%{transform:translate3d(0,3px,0) rotate(-.16deg)} }
@keyframes rinaWeightShift { 0%,100%{transform:translate3d(0,0,0) rotate(0)} 35%{transform:translate3d(-2px,-1px,0) rotate(-.28deg)} 72%{transform:translate3d(1px,0,0) rotate(.1deg)} }
@keyframes rinaSettle { 0%,100%{transform:translate3d(0,0,0)} 28%{transform:translate3d(0,-3px,0) scale(1.004)} 62%{transform:translate3d(0,1px,0)} }
@keyframes rinaNotice { 0%,100%{transform:translate3d(0,0,0) scale(1)} 45%{transform:translate3d(0,-3px,0) scale(1.007)} }
@keyframes sigilSpin { to{transform:rotate(360deg)} }
@keyframes auraLumen { from{opacity:.78} to{opacity:1} }
@keyframes secretWearableLumen { from{opacity:.94;filter:brightness(.98)} to{opacity:1;filter:brightness(1.035)} }
@keyframes cosmeticHairSway { from{translate:-.35px 0;rotate:-.045deg} to{translate:.35px -.4px;rotate:.045deg} }
@keyframes cosmeticClothSettle { from{translate:0 0;scale:1 1} to{translate:0 -.35px;scale:1.0004 1.0008} }
@keyframes cosmeticWingBreath { from{scale:.998 1;filter:brightness(.96)} to{scale:1.003 1.001;filter:brightness(1.06)} }
@keyframes cosmeticPropIdle { from{translate:0 0;rotate:-.08deg} to{translate:0 -.7px;rotate:.08deg} }
@keyframes petHover { 0%{transform:translate3d(0,1.8px,0) rotate(-.08deg)} 52%{transform:translate3d(.5px,-2.2px,0) rotate(.12deg)} 100%{transform:translate3d(-.35px,-.5px,0) rotate(-.04deg)} }
@keyframes petFocus { 0%,42%,48%,82%,100%{scale:1} 45%{scale:1.006} 85%{scale:.997} }
@keyframes petBlink { 0%,44%,46.6%,71%,73.1%,100%{filter:brightness(1) saturate(1)} 45%,72%{filter:brightness(.45) saturate(.65)} 45.5%,72.5%{filter:brightness(.78) saturate(.9)} }
@keyframes petDroneOrbitA { 0%,54%,96%,100%{transform:translate3d(0,0,0) rotate(0) scale(1)} 61%{transform:translate3d(24%,8%,0) rotate(4deg) scale(1.04)} 70%{transform:translate3d(50%,34%,0) rotate(9deg) scale(.92)} 80%{transform:translate3d(34%,58%,0) rotate(-7deg) scale(.86);filter:brightness(.72)} 89%{transform:translate3d(8%,27%,0) rotate(-3deg) scale(.96)} }
@keyframes petDroneOrbitB { 0%,54%,96%,100%{transform:translate3d(0,0,0) rotate(0) scale(1)} 61%{transform:translate3d(-18%,20%,0) rotate(-6deg) scale(.95)} 70%{transform:translate3d(-48%,44%,0) rotate(-10deg) scale(.86);filter:brightness(.72)} 80%{transform:translate3d(-54%,-4%,0) rotate(7deg) scale(1.05)} 89%{transform:translate3d(-15%,-19%,0) rotate(3deg) scale(1.02)} }
@keyframes petDroneOrbitC { 0%,54%,96%,100%{transform:translate3d(0,0,0) rotate(0) scale(1)} 61%{transform:translate3d(-21%,-26%,0) rotate(5deg) scale(.9);filter:brightness(.76)} 70%{transform:translate3d(-47%,-49%,0) rotate(11deg) scale(.86)} 80%{transform:translate3d(-26%,-70%,0) rotate(-8deg) scale(1.06)} 89%{transform:translate3d(7%,-32%,0) rotate(-3deg) scale(1.02)} }
@keyframes petOniGroundIdle { 0%{transform:translate3d(0,0,0) rotate(-.08deg) scale(1)} 52%{transform:translate3d(.35px,0,0) rotate(.08deg) scale(1.002,.997)} 100%{transform:translate3d(-.25px,0,0) rotate(-.03deg) scale(.999,1.002)} }
@keyframes petBeetleInspect { 0%,54%,96%,100%{transform:translate3d(0,0,0) rotate(0) scale(1)} 61%{transform:translate3d(3%,-1%,0) rotate(1deg) scale(1.015)} 69%{transform:translate3d(7%,1%,0) rotate(-1.2deg) scale(.99)} 78%{transform:translate3d(4%,3%,0) rotate(.7deg) scale(1.01)} 88%{transform:translate3d(-2%,-1%,0) rotate(-.4deg) scale(1)} }
@keyframes petMothFigureEight { 0%,54%,96%,100%{transform:translate3d(0,0,0) rotate(0) scale(1)} 61%{transform:translate3d(-7%,-5%,0) rotate(-2.4deg) scale(1.02)} 70%{transform:translate3d(4%,3%,0) rotate(1.6deg) scale(.985)} 79%{transform:translate3d(9%,-6%,0) rotate(2.5deg) scale(1.025)} 89%{transform:translate3d(-3%,2%,0) rotate(-1deg) scale(.995)} }
@keyframes petRavenPatrol { 0%,54%,96%,100%{transform:translate3d(0,0,0) rotate(0) scale(1)} 61%{transform:translate3d(-2%,-3%,0) rotate(1deg) scale(1.02)} 70%{transform:translate3d(-10%,-11%,0) rotate(-4deg) scale(.96)} 79%{transform:translate3d(-18%,5%,0) rotate(-7deg) scale(.9);filter:brightness(.82)} 89%{transform:translate3d(-6%,9%,0) rotate(3deg) scale(.96)} }
@keyframes petOniPounce { 0%,54%,96%,100%{transform:translate3d(0,0,0) rotate(0) scale(1)} 59%{transform:translate3d(0,1.2%,0) rotate(-1deg) scale(1.025,.965)} 66%{transform:translate3d(-6%,-7%,0) rotate(-4deg) scale(.95,1.055)} 74%{transform:translate3d(-10%,-3%,0) rotate(3deg) scale(1.025,.985)} 82%{transform:translate3d(-4%,.8%,0) rotate(-1.5deg) scale(.985,1.015)} 89%{transform:translate3d(.5%,0,0) rotate(.4deg) scale(1)} }
@keyframes petSerpentConstellation { 0%,54%,96%,100%{transform:translate3d(0,0,0) rotate(0) scale(1)} 61%{transform:translate3d(-7%,-7%,0) rotate(-3deg) scale(1.035)} 70%{transform:translate3d(-16%,3%,0) rotate(-6deg) scale(.96);filter:brightness(1.08)} 79%{transform:translate3d(-5%,10%,0) rotate(4deg) scale(.92);filter:brightness(.78)} 89%{transform:translate3d(7%,-2%,0) rotate(3deg) scale(1.04);filter:brightness(1.16)} }
@keyframes petUnwrittenEclipse { 0%,54%,96%,100%{transform:translate3d(0,0,0) rotate(0) scale(1);filter:brightness(1)} 61%{transform:translate3d(1%,-3%,0) rotate(2deg) scale(1.025);filter:brightness(1.08)} 70%{transform:translate3d(4%,-8%,0) rotate(5deg) scale(.96);filter:brightness(1.18)} 80%{transform:translate3d(6%,3%,0) rotate(-5deg) scale(.9);filter:brightness(.74)} 89%{transform:translate3d(2%,2%,0) rotate(2deg) scale(1.03);filter:brightness(1.2)} }
@keyframes petUnwrittenCrown { 0%,54%,96%,100%{transform:translate3d(0,0,0) rotate(0) scale(1)} 61%{transform:translate3d(0,-2%,0) rotate(0) scale(1.025)} 69%{transform:translate3d(-2%,-5%,0) rotate(-1.5deg) scale(1.055)} 78%{transform:translate3d(2%,-4%,0) rotate(1.5deg) scale(.985)} 88%{transform:translate3d(0,1%,0) rotate(0) scale(1.015)} }
@keyframes petUnwrittenPhase { 0%,54%,96%,100%{transform:translate3d(0,0,0) rotate(0) scale(1);opacity:1;filter:brightness(1)} 62%{transform:translate3d(2%,-3%,0) rotate(3deg) scale(.94);opacity:.82;filter:brightness(1.2)} 69%{transform:translate3d(5%,-7%,0) rotate(7deg) scale(.85);opacity:.18;filter:brightness(1.65)} 75%{transform:translate3d(7%,3%,0) rotate(-6deg) scale(.83);opacity:.06;filter:brightness(.65)} 81%{transform:translate3d(4%,7%,0) rotate(-4deg) scale(.93);opacity:.9;filter:brightness(1.35)} 90%{transform:translate3d(1%,1%,0) rotate(1deg) scale(1.02);opacity:1;filter:brightness(1.1)} }
@keyframes petDronePaintedCore { 0%,100%{opacity:.24;filter:brightness(1.05) saturate(1.04) drop-shadow(0 0 2px rgba(89,255,182,.28))} 43%{opacity:.64;filter:brightness(1.55) saturate(1.25) drop-shadow(0 0 5px rgba(89,255,182,.62))} 58%{opacity:.36;filter:brightness(1.22) saturate(1.12) drop-shadow(0 0 3px rgba(89,255,182,.38))} }
@keyframes petDroneEngineBoost { 0%,54%,96%,100%{opacity:.6;filter:brightness(1) saturate(1)} 61%{opacity:.78;filter:brightness(1.06) saturate(1.05)} 70%,89%{opacity:1;filter:brightness(1.18) saturate(1.14)} }
@keyframes petDronePaintedFlame { 0%{opacity:.2;filter:brightness(1.06) saturate(1.08) drop-shadow(0 0 2px rgba(55,255,165,.22))} 31%{opacity:.52;filter:brightness(1.42) saturate(1.3) drop-shadow(0 0 4px rgba(55,255,165,.5))} 67%{opacity:.3;filter:brightness(1.2) saturate(1.18) drop-shadow(0 0 3px rgba(55,255,165,.32))} 100%{opacity:.68;filter:brightness(1.62) saturate(1.36) drop-shadow(0 0 5px rgba(55,255,165,.58))} }
@keyframes petBeetleAntennaSignal { 0%,56%,91%,100%{opacity:0;scale:.68;rotate:-12deg} 62%{opacity:.58} 78%{opacity:.2;scale:1.16;rotate:8deg} }
@keyframes petBeetleShellGlint { 0%,55%,92%,100%{opacity:0;translate:-30% 0} 64%{opacity:.74} 82%{opacity:.18;translate:58% 0} }
@keyframes petMothWingGlint { 0%,56%,92%,100%{opacity:0;translate:-16% 8%} 63%{opacity:.24} 72%{opacity:.72;translate:8% -4%} 84%{opacity:.12;translate:22% -9%} }
@keyframes petRavenEyeScan { 0%,56%,92%,100%{opacity:0;scale:.05 1} 62%{opacity:.86} 76%{opacity:.34;scale:1 1} 86%{opacity:0;scale:1.1 .7} }
@keyframes petRavenEyeWake { 0%,55%,92%,100%{opacity:0;scale:.72} 62%,76%{opacity:1;scale:1.12} 86%{opacity:.28;scale:.9} }
@keyframes petOniMoonArc { 0%,56%,90%,100%{opacity:0;scale:.72;rotate:-32deg} 62%{opacity:.22} 72%{opacity:.74;scale:1.04;rotate:12deg} 84%{opacity:.12;scale:1.18;rotate:26deg} }
@keyframes petOniLandingRing { 0%,69%,94%,100%{opacity:0;scale:.5 1} 76%{opacity:.68;scale:.72 1} 88%{opacity:.08;scale:1.32 .7} }
@keyframes petSerpentOrbitTrace { 0%,55%,94%,100%{opacity:0;scale:.82;rotate:-24deg} 62%{opacity:.2} 72%{opacity:.72;scale:1.02;rotate:34deg} 84%{opacity:.3;scale:1.11;rotate:88deg} 91%{opacity:0;scale:1.18;rotate:126deg} }
@keyframes petUnwrittenEyes { 0%,54%,96%,100%{opacity:.18;filter:brightness(1.05) saturate(1.08) drop-shadow(0 0 2px rgba(140,226,255,.22))} 63%{opacity:.52;filter:brightness(1.45) saturate(1.25) drop-shadow(0 0 5px rgba(140,226,255,.48))} 76%{opacity:.78;filter:brightness(1.8) saturate(1.42) drop-shadow(0 0 8px rgba(255,87,78,.42))} 89%{opacity:.34;filter:brightness(1.25) saturate(1.16)} }
@keyframes petUnwrittenCrownLumen { 0%,56%,94%,100%{opacity:.08;filter:brightness(1)} 64%{opacity:.35;filter:brightness(1.3)} 77%{opacity:.68;filter:brightness(1.72) drop-shadow(0 0 6px rgba(203,239,255,.42))} 88%{opacity:.16;filter:brightness(1.12)} }
@keyframes petUnwrittenCrownAscend { 0%,54%,96%,100%{opacity:.1;translate:0 0;filter:brightness(1)} 62%{opacity:.46;translate:0 -1%;filter:brightness(1.42)} 74%{opacity:.84;translate:0 -3%;filter:brightness(1.9) drop-shadow(0 0 8px rgba(218,244,255,.52))} 86%{opacity:.26;translate:0 -1%;filter:brightness(1.2)} }
@keyframes petUnwrittenEclipseLumen { 0%,55%,95%,100%{opacity:.08;filter:brightness(1)} 63%{opacity:.3;filter:brightness(1.25)} 77%{opacity:.62;filter:brightness(1.66) drop-shadow(0 0 7px rgba(161,224,255,.34))} 88%{opacity:.16;filter:brightness(1.1)} }
@keyframes petUnwrittenPhaseEyes { 0%,54%,96%,100%{opacity:.2;filter:brightness(1.1)} 63%{opacity:.82;filter:brightness(1.8) saturate(1.4)} 70%,77%{opacity:.06;filter:brightness(2.2)} 82%{opacity:1;filter:brightness(2) saturate(1.55) drop-shadow(0 0 9px rgba(191,235,255,.58))} 90%{opacity:.32;filter:brightness(1.25)} }
@keyframes cosmeticParticleDrift { from{background-position:0 0,0 0,0 0;opacity:.42} 50%{opacity:.86} to{background-position:31px -37px,-43px -47px,53px -59px;opacity:.42} }
@keyframes cosmeticEquipIn { 0%{opacity:.25;filter:brightness(2.2) saturate(.4)} 42%{opacity:1;filter:brightness(1.35) saturate(1.3)} 100%{filter:none} }
@keyframes cosmeticUnequip { 0%{filter:brightness(1.4)} 100%{filter:none} }
@keyframes secretAuraBreathe { from{opacity:.52;scale:.975 1} to{opacity:.9;scale:1.025 1.018} }
@keyframes secretOrbitFar { to{rotate:353deg} }
@keyframes secretOrbitNear { to{rotate:371deg} }
@keyframes secretMoteFloat { from{opacity:.34;transform:translate(-50%,-50%) scale(.78) rotate(-7deg)} to{opacity:.96;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1.08) rotate(7deg)} }
@keyframes secretSceneLumen { from{opacity:.54} to{opacity:.88} }
@keyframes secretEntrance { 0%{opacity:0;scale:.88;filter:blur(10px) brightness(2.5)} 62%{opacity:1;scale:1.025;filter:blur(0) brightness(1.35)} 100%{scale:1;filter:none} }
@keyframes secretThumbnail { from{transform:translateY(1px) scale(1);filter:drop-shadow(0 6px 10px rgba(0,0,0,.6)) drop-shadow(0 0 7px var(--rarity))} to{transform:translateY(-4px) scale(1.035);filter:drop-shadow(0 11px 15px rgba(0,0,0,.7)) drop-shadow(0 0 18px var(--rarity)) hue-rotate(18deg)} }
@keyframes haloFloat { to{transform:translateY(-5px) rotate(-5deg)} }
@keyframes moodPulse { to{transform:scale(1.5);opacity:.45} }
@keyframes foilShine { 0%,46%{background-position:135% 50%} 72%,100%{background-position:-35% 50%} }
@keyframes packFoilLumen { from{opacity:.26;background-position:36% 27%,115% 50%} to{opacity:.62;background-position:40% 24%,-15% 50%} }
@keyframes packAuraBreath { from{opacity:.52;transform:scale(.92)} to{opacity:.9;transform:scale(1.075)} }
@keyframes packGroundPulse { from{opacity:.28;scale:.82} to{opacity:.68;scale:1.08} }
@keyframes packPlusDrift {
  from{opacity:.25;transform:translate3d(-50%,-50%,var(--depth)) scale(.72) rotate(-8deg)}
  to{opacity:.92;transform:translate3d(calc(-50% + var(--drift-x)),calc(-50% + var(--drift-y)),var(--depth)) scale(1.1) rotate(8deg)}
}
@keyframes packSmallPresence {
  0%,100%{transform:translate3d(0,2px,0) rotateX(1deg) rotateY(-4deg) rotateZ(1.4deg)}
  50%{transform:translate3d(0,-5px,18px) rotateX(-1.5deg) rotateY(4deg) rotateZ(-.7deg)}
}
@keyframes packDepthBreath {
  0%,100%{transform:translate3d(0,4px,0) rotateX(1deg) rotateY(-2.4deg) scale(.988)}
  50%{transform:translate3d(0,4px,24px) rotateX(-1.4deg) rotateY(2.6deg) scale(1)}
}
@keyframes packAtmosphereBurst { 0%{opacity:1;transform:translateZ(-34px) scale(1)} 34%{opacity:1} 100%{opacity:0;transform:translateZ(-70px) scale(1.42)} }
@keyframes sealHandleNudge { from{transform:translateY(-2px)} to{transform:translateY(2px)} }
@keyframes packShellTopBreak { 42%{opacity:1} to{transform:translate3d(-4%,-46%,0) rotate(-5deg);opacity:0} }
@keyframes packShellBottomBreak { 42%{opacity:1} to{transform:translate3d(4%,46%,0) rotate(5deg);opacity:0} }
@keyframes packSealBreak { 35%{opacity:1} to{transform:translate3d(calc(var(--seal-direction) * 14px),calc(-50% + var(--seal-direction) * 56px),0) rotate(calc(var(--seal-direction) * 10deg)) scaleX(.34);opacity:0} }
@keyframes packCardBackReveal { from{opacity:0;transform:translate3d(0,30px,0) scale(.8) rotate(2deg)} 58%{opacity:.84} to{opacity:1;transform:translate3d(0,0,0) scale(.97) rotate(0)} }
@keyframes cardBackHover { to{transform:translate3d(0,-6px,0) scale(.985);filter:drop-shadow(0 0 38px color-mix(in srgb,var(--pack-accent) 54%,transparent))} }
@keyframes packParticleBurst { from{transform:translate(-50%,-50%) scale(.3);opacity:0} 35%{opacity:1} to{transform:translate(-50%,calc(-50% - 46px)) scale(1.35);opacity:0} }
@keyframes cardShine { to{transform:translateX(120%)} }
@keyframes itemRevealFloat { to{transform:translateY(-6px) scale(1.018)} }
@keyframes secretSpectrumShift { to{background-position:240% 50%} }
@keyframes secretBorderHue { to{filter:hue-rotate(360deg)} }
@keyframes modalIn { from{transform:translateY(18px) scale(.98);opacity:0} to{transform:none;opacity:1} }
@keyframes randomOutfitSpin { to{transform:rotate(360deg)} }
@keyframes cursorBlink { 50%{opacity:0} }
@keyframes ambientRise { 0%{bottom:0;opacity:0;transform:translateX(0)} 15%{opacity:.6} 80%{opacity:.15} 100%{bottom:90%;opacity:0;transform:translateX(45px)} }
@keyframes actionArtScan { 0%,48%{background-position:-170% 0} 72%,100%{background-position:270% 0} }
@keyframes mergeIconSpectrum { to{filter:blur(20px) hue-rotate(360deg)} }
@keyframes mergeSpectrum { to{background-position:220% 50%} }
@keyframes forgeButtonFlow { to{background-position:200% 0} }
@keyframes mergeSlotCollapse { 0%{opacity:1;filter:brightness(1);transform:translate3d(0,0,0) scale(1) rotate(0)} 44%{opacity:1;filter:brightness(1.7);transform:translate3d(calc(var(--collapse-x) * .45),calc(var(--collapse-y) * .45),0) scale(.88) rotate(5deg)} 100%{opacity:0;filter:brightness(3) blur(3px);transform:translate3d(var(--collapse-x),var(--collapse-y),0) scale(.12) rotate(28deg)} }
@keyframes mergeConduitCharge { 0%{opacity:.35;filter:none} 65%{opacity:1;filter:drop-shadow(0 0 10px #67ffb4);transform:translate(-50%,-50%) rotate(140deg) scale(1.12)} 100%{opacity:0;transform:translate(-50%,-50%) rotate(180deg) scale(.2)} }
@keyframes mergeCoreFlash { 0%{transform:translate(-50%,-50%) rotate(45deg) scale(1)} 62%{background:#fff;box-shadow:0 0 42px 18px rgba(103,255,180,.7);transform:translate(-50%,-50%) rotate(180deg) scale(2.4)} 100%{opacity:0;transform:translate(-50%,-50%) rotate(260deg) scale(5)} }
@keyframes mergeOutputCharge { 0%{filter:brightness(1)} 48%{filter:brightness(2.4);box-shadow:0 0 40px color-mix(in srgb,var(--forge-gold) 42%,transparent)} 100%{filter:brightness(1)} }
@keyframes rainbowItemLumen { 0%{filter:drop-shadow(0 7px 10px rgba(0,0,0,.62)) drop-shadow(0 0 8px #56ffd0) hue-rotate(0deg)} 33%{filter:drop-shadow(0 7px 10px rgba(0,0,0,.62)) drop-shadow(0 0 12px #5aaeff) hue-rotate(24deg)} 66%{filter:drop-shadow(0 7px 10px rgba(0,0,0,.62)) drop-shadow(0 0 12px #d576ff) hue-rotate(-18deg)} 100%{filter:drop-shadow(0 7px 10px rgba(0,0,0,.62)) drop-shadow(0 0 8px #ff83b8) hue-rotate(0deg)} }
@keyframes mergeResultParticle { 0%{opacity:0;transform:translate(-50%,-50%) scale(.3)} 25%{opacity:1} 100%{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(1.35)} }
@keyframes mergeResultReveal { 0%{opacity:0;transform:scale(.74) rotate(-2deg);filter:blur(12px) brightness(2.8)} 62%{opacity:1;transform:scale(1.035) rotate(.3deg);filter:blur(0) brightness(1.35)} 100%{transform:scale(1);filter:none} }
@keyframes mergeResultFloat { to{transform:translateY(-7px) scale(1.025)} }
@keyframes goldBorderSweep { 0%,28%{background-position:-180% 0} 72%,100%{background-position:280% 0} }
@keyframes goldItemBreath { from{transform:translateY(1px) scale(1);filter:sepia(.28) saturate(1.18) brightness(1.03) drop-shadow(0 8px 12px rgba(0,0,0,.65)) drop-shadow(0 0 7px rgba(245,204,103,.3))} to{transform:translateY(-4px) scale(1.035);filter:sepia(.32) saturate(1.28) brightness(1.12) drop-shadow(0 11px 15px rgba(0,0,0,.7)) drop-shadow(0 0 17px rgba(245,204,103,.52))} }
@keyframes rainbowInventoryFloat { from{transform:translateY(1px) scale(1)} to{transform:translateY(-5px) scale(1.04)} }

@media (max-width: 1080px) {
  .rinapackz-stage { grid-template-columns:150px minmax(390px,1fr) 150px; }
  .side-action { padding:.8rem .5rem; }.side-action__art{width:130px}.side-action__copy small{display:none}
  .side-actions-stack{gap:.62rem}.side-actions-stack .side-action{padding:.62rem .45rem}.side-actions-stack .side-action__art{width:138px}.side-actions-stack .side-action__count{width:62px;height:62px;font-size:.66rem}
  .inventory-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .merge-workbench{grid-template-columns:minmax(315px,.8fr) minmax(0,1.2fr)}.merge-inventory{grid-template-columns:1fr}.merge-vault-card{min-height:84px}
}

@media (max-width: 780px) {
  .rinapackz-main { padding:.7rem; }
  .rinapackz-heading { align-items:flex-end; }.collection-meter{min-width:42vw}
  .rinapackz-stage { grid-template-columns:1fr 1fr; min-height:0; padding:.65rem; border-radius:22px; }
  .your-rina-panel { grid-column:1/-1; grid-row:1; border-radius:20px; }
  .side-actions-stack{grid-column:1/-1;grid-row:2;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1fr;align-self:auto;gap:.65rem}
  .side-action { min-height:125px; grid-template-columns:auto 1fr; justify-items:start; text-align:left; border-radius:18px; }
  .side-action__art { width:78px; grid-row:1/3; }.side-action__copy{text-align:left}.side-action__copy small{display:block}.side-action__count{justify-self:start}
  .side-actions-stack .side-action{padding:.72rem}.side-actions-stack .side-action__art{width:98px}.side-actions-stack .side-action__count,.side-action--pack .side-action__count{width:56px;height:56px;font-size:.62rem}.side-action--pack{grid-column:1/-1;grid-row:3}
  .your-rina-scene { height:440px; }
  .collection-rewards__rail { grid-template-columns:repeat(2,1fr); }
  .inventory-layout { grid-template-columns:1fr; }.loadout-panel>div{display:grid;grid-template-columns:repeat(2,1fr);gap:0 .7rem}
  .inventory-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.inventory-toolbar{align-items:stretch;justify-content:flex-start;flex-direction:column;gap:.6rem}.inventory-search{width:100%;max-width:none}.inventory-sort{flex:none;width:100%}.inventory-owned-toggle{padding:.15rem .1rem}
  .history-entry__cards { grid-template-columns:repeat(2,1fr); }
  .merge-modal{padding:7px}.merge-dialog{display:block;width:calc(100vw - 14px);height:calc(100vh - 14px);height:calc(100dvh - 14px);padding:.8rem;overflow:auto}.merge-dialog__head{align-items:flex-start;margin-bottom:.75rem}.merge-tier-key{display:none}.merge-workbench{grid-template-columns:1fr;min-height:auto;overflow:visible}.merge-forge{min-height:610px;grid-template-rows:auto minmax(240px,300px) auto auto auto}.merge-vault{min-height:470px;overflow:visible}.merge-inventory{max-height:420px;grid-template-columns:repeat(2,minmax(0,1fr))}.merge-result{position:fixed;inset:7px;border-radius:20px}
}

@media (max-width: 480px) {
  .rinapackz-heading { align-items:stretch; flex-direction:column; }
  .rinapackz-heading h1 { max-width:100%; font-size:clamp(2.2rem,12vw,3rem); white-space:nowrap; }
  .rinapackz-kicker{font-size:.61rem}
  .collection-meter{width:100%;min-width:0;padding:.5rem}
  .your-rina-scene { height:390px; }
  .side-action { grid-template-columns:60px 1fr;padding:.65rem}.side-action__art{width:58px}.side-action__copy strong{font-size:.83rem}.side-action__copy small{font-size:.63rem}
  .side-actions-stack{grid-template-columns:1fr}.side-actions-stack .side-action__art{width:84px}.side-actions-stack .side-action__count,.side-action--pack .side-action__count{width:52px;height:52px;font-size:.58rem;letter-spacing:.02em}.side-action--pack{grid-row:4}
  .collection-rewards__head { align-items:flex-start; }.collection-rewards__rail { grid-template-columns:1fr; }
  .inventory-grid { gap:.45rem; }.rina-card__art{min-height:105px}.rina-card__body p{display:none}
  .pack-opening-modal{padding:8px;padding:max(6px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left))}
  .pack-opening-dialog{width:calc(100vw - 16px);height:calc(100vh - 16px);height:calc(100dvh - 16px);padding:10px;border-radius:20px}
  .pack-opening-copy{padding-inline:2.2rem}.pack-opening-copy .rinapackz-kicker{font-size:.58rem}.pack-opening-copy p{font-size:.7rem}
  .pack-tier-arrow{width:42px;height:42px;font-size:1.75rem}.pack-tier-arrow--previous{left:0}.pack-tier-arrow--next{right:0}
  .pack-tier-readout{width:min(330px,96%);padding:.4rem .58rem .44rem}.pack-tier-readout small{font-size:.59rem}
  .pack-seal{left:5%;right:5%;height:40px}.pack-seal__handle{right:-12px;width:30px;height:30px}.pack-seal__label{letter-spacing:.13em}
  .rpack-primary{min-width:166px;padding:.7rem 1rem;font-size:.76rem}
  .rina-direct-chat__meta span:last-child{display:none}
  .rina-direct-chat__form input,.inventory-search input,.inventory-sort select,.merge-search input{font-size:16px}
  .merge-dialog{padding:.65rem;border-radius:18px}.merge-dialog__head h2{font-size:1.38rem}.merge-workbench{gap:.7rem}.merge-forge,.merge-vault{padding:.68rem;border-radius:16px}.merge-forge{min-height:560px}.merge-slots{min-height:220px}.merge-slot{width:67px;border-radius:12px}.merge-output{grid-template-columns:58px minmax(0,1fr)}.merge-output__copy small{display:none}.merge-vault__head{align-items:stretch;flex-direction:column}.merge-search{flex:auto;width:100%}.merge-vault{min-height:440px}.merge-inventory{grid-template-columns:1fr;max-height:380px}.merge-vault__legend span:last-child{display:none}.merge-result__card{width:min(310px,88vw)}.merge-result__art{width:180px}
}

@media (max-height: 680px) {
  .pack-opening-copy .rinapackz-kicker{margin-bottom:.1rem;font-size:.58rem}.pack-opening-copy p{font-size:.68rem}
  .pack-opening-dialog{gap:5px;padding-block:10px}.pack-opening-actions{min-height:40px}.rpack-primary{padding:.62rem 1rem}
  .pack-tier-readout{padding:.36rem .62rem .4rem}.pack-tier-readout small{font-size:.58rem}
}

@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
  .pack-art[data-pack-type="secret"]::before,
  .rina-card[data-rarity="secret"]::after,
  .reveal-card[data-rarity="secret"]::after,
  .history-card[data-rarity="secret"]::after,
  .rina-card[data-rarity="secret"] .rina-card__rarity,
  .reveal-card[data-rarity="secret"] .reveal-card__body span,
  .history-card[data-rarity="secret"] span,
  .history-entry[data-highest-rarity="secret"] .history-entry__head strong,
  .inventory-filter[data-rarity="secret"],
  .pack-opening-modal[data-pack-type="secret"] .pack-opening-copy .rinapackz-kicker,
  .pack-opening-modal[data-pack-type="secret"] .pack-tier-readout strong { animation:none!important; background-position:50% 50%; }
}