.entry-screen:has(.meta-app){padding:0;background:#071f4b;overflow:hidden}.entry-screen:has(.meta-app)>.entry-card,.entry-screen:has(.meta-app)>.entry-collection-panel{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;pointer-events:none!important}.meta-app{position:fixed;inset:0;margin:auto;width:min(100%,480px);height:100dvh;overflow:hidden;color:#fff;background:#092a62;font-family:Inter,system-ui,sans-serif;isolation:isolate}.meta-hud{position:absolute;z-index:20;top:0;left:0;right:0;height:calc(54px + env(safe-area-inset-top));padding:calc(7px + env(safe-area-inset-top)) 10px 7px;display:flex;align-items:center;gap:7px;background:linear-gradient(#0d54a8,#063474);border-bottom:3px solid #031a3f;box-sizing:border-box;box-shadow:0 3px 0 #1477cf}.meta-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#2ed0ff;border:3px solid #04285f;box-shadow:inset 0 3px #a5f1ff,0 3px #031735;font-size:12px;font-weight:1000}.meta-hud>strong{font-size:14px;text-shadow:0 2px #02152f;margin-right:auto}.meta-wallet{padding:7px 8px;border-radius:9px;background:#06255a;border:2px solid #031a42;font-size:12px;font-weight:900}.meta-viewport{position:absolute;inset:calc(54px + env(safe-area-inset-top)) 0 calc(76px + env(safe-area-inset-bottom));overflow:hidden;touch-action:pan-y}.meta-track{display:flex;width:500%;height:100%;transition:transform 260ms cubic-bezier(.2,.8,.25,1)}.meta-page{position:relative;width:20%;height:100%;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:18px 14px 28px;background:radial-gradient(circle at 50% 5%,#1763b3,#082d69 58%,#061f4d);touch-action:pan-y}.meta-title{text-align:center;margin:2px 0 16px}.meta-title small,.lobby-label small{font-weight:900;letter-spacing:.16em;color:#77dfff}.meta-title h2{display:inline-block;margin:3px 0 0;padding:7px 25px 9px;border:3px solid #031a42;border-radius:9px;background:linear-gradient(#1373cf,#09509e);box-shadow:inset 0 3px #48a6ef,0 4px #031735;text-shadow:0 2px #031b3f;font-size:25px}.meta-nav{position:absolute;z-index:30;bottom:0;left:0;right:0;height:calc(76px + env(safe-area-inset-bottom));padding:5px 3px env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(5,1fr);background:linear-gradient(#0a57aa,#042b67);border-top:3px solid #03183a;box-sizing:border-box;box-shadow:inset 0 3px #1b7bd0}.meta-nav button{min-width:0;min-height:58px;border:0;background:transparent;color:#aad5ff;font-weight:900;font-size:10px;text-shadow:0 2px #031a3f}.meta-nav button i{display:grid;place-items:center;margin:auto;width:34px;height:34px;border:2px solid #05255a;border-radius:10px;background:#0b4387;color:#a9dfff;font-style:normal;font-size:20px;box-shadow:inset 0 2px #2878bd}.meta-nav button span{display:block}.meta-nav button[aria-current=page]{color:#fff;transform:translateY(-4px)}.meta-nav button[aria-current=page] i{background:linear-gradient(#2ddaff,#1487d9);color:#fff;box-shadow:inset 0 3px #a4f3ff,0 4px #031735}.meta-shop{background:radial-gradient(circle at 50% 12%,#6144b0,#172f76 55%,#0b2054)}.shop-hero{display:flex;align-items:center;gap:15px;padding:17px;border:3px solid #25175f;border-radius:16px;background:linear-gradient(135deg,#784fe1,#3e269a);box-shadow:inset 0 3px #a980ff,0 6px #070e35}.shop-hero h3{margin:3px 0;font-size:22px}.shop-hero p,.meta-honest{margin:3px 0;color:#d4caff;font-size:12px}.shop-cannon{position:relative;display:grid;place-items:center;width:92px;height:92px;border-radius:50%;background:#12265a;border:7px solid #f0a529;color:#ffd35a;font-size:54px;box-shadow:inset 0 0 0 5px #66410c}.shop-cannon i{position:absolute;width:62px;height:22px;background:#293d5c;border:5px solid #101c31;transform:rotate(-18deg);right:-18px;top:20px}.shop-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}.shop-grid article{min-height:112px;padding:14px;border:3px solid #061b46;border-radius:13px;background:linear-gradient(#1768b8,#0d4388);box-shadow:inset 0 3px #4ba1dd,0 5px #061633}.shop-grid article:last-child{grid-column:1/-1;min-height:80px}.shop-grid b,.shop-grid span{display:block}.shop-grid span{margin-top:35px;color:#a9d4ff;font-size:12px}.loadout-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:14px}.loadout-row article{position:relative;min-width:0;height:88px;border:3px solid #738091;border-radius:10px;background:#142842;box-shadow:inset 0 2px #b7c1cc,0 4px #031735;text-align:center;overflow:hidden}.loadout-row article[data-grade=rare]{border-color:#1aa5ff}.loadout-row article[data-grade=epic]{border-color:#a456ff}.loadout-row article[data-grade=legendary]{border-color:#ffb51f}.loadout-row article>b{position:absolute;z-index:2;top:2px;left:5px}.loadout-row small{position:absolute;bottom:2px;left:0;right:0;font-size:9px}.collection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding-bottom:10px}.collection-card{position:relative;min-width:0;height:112px;padding:4px;border:3px solid #778394;border-radius:9px;background:linear-gradient(#1b3559,#0c1c38);color:#fff;box-shadow:inset 0 2px #b9c4cf,0 4px #03142f;overflow:hidden}.collection-card[data-grade=rare]{border-color:#159efa}.collection-card[data-grade=epic]{border-color:#a353ff}.collection-card[data-grade=legendary]{border-color:#ffb51f}.collection-card[data-equipped=true]::after{content:'✓';position:absolute;right:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#59d633;border:2px solid #174c14}.collection-card>span:not(.meta-mob),.collection-card>small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px;font-weight:900}.meta-mob{position:relative;display:block;width:52px;height:58px;margin:5px auto 1px;--body:#61d34d;--dark:#27853d}.meta-mob[data-palette=azure]{--body:#3cbaff;--dark:#1764b5}.meta-mob[data-palette=rose]{--body:#b968ff;--dark:#6f38ad}.meta-mob[data-palette=amber]{--body:#ff9b33;--dark:#bf4c1f}.meta-mob i{position:absolute;inset:8px 4px 5px;border-radius:9px 9px 7px 7px;background:linear-gradient(135deg,#fff7,var(--body) 30%);border:3px solid var(--dark);box-shadow:inset 0 3px #fff6}.meta-mob b,.meta-mob em{position:absolute;z-index:2;top:25px;width:6px;height:8px;border-radius:50%;background:#09203a}.meta-mob b{left:17px}.meta-mob em{right:17px}.meta-lobby{padding:0;overflow:hidden;background:#83d7ff}.lobby-scene{position:absolute;inset:0}.lobby-scene canvas{display:block;width:100%;height:100%}.lobby-label{position:absolute;top:13px;left:14px;padding:8px 11px;border-radius:10px;background:#073779dd;border:2px solid #042151;box-shadow:0 3px #03162f}.lobby-label strong{display:block;font-size:17px}.battle-cta,.gacha-button{position:absolute;z-index:4;bottom:18px;left:7%;width:86%;min-height:64px;border:4px solid #6d3d00;border-radius:17px;background:linear-gradient(#ffd94d 0 12%,#ffb51e 13% 70%,#ed8710 71%);color:#fff;font-size:23px;font-weight:1000;text-shadow:0 3px #813c00;box-shadow:inset 0 3px #fff3a5,0 7px #4b2700}.scroll-balance{text-align:center;font-weight:900}.scroll-balance b{color:#ffe35c}.prize-machine{position:relative;width:230px;height:330px;margin:12px auto 90px;padding:24px;border:7px solid #071b48;border-radius:35px 35px 24px 24px;background:linear-gradient(135deg,#27a7ea,#1361b9);box-shadow:inset 0 5px #75dcff,0 9px #031531;box-sizing:border-box}.machine-window{height:190px;border:8px solid #ffba28;border-radius:25px;background:radial-gradient(circle,#d9f9ff,#5dc6f1);box-shadow:inset 0 0 0 5px #9b5500;display:grid;place-items:center}.machine-mob{transform:scale(1.7)}.machine-slot{width:48px;height:14px;margin:20px auto 8px;border-radius:8px;background:#031632;border:4px solid #0a3d79}.machine-base{text-align:center;font-size:14px;font-weight:1000;color:#9eeaff}.gacha-button{position:absolute;bottom:21px}.gacha-button:disabled{filter:grayscale(.7);opacity:.65}.gacha-status{text-align:center;margin-top:-76px;font-size:12px;color:#bceaff}.is-reveal .capsule{animation:reveal .55s ease-out}.meta-ranking{background:radial-gradient(circle at 50% 10%,#1673ba,#082b67 58%)}.ranking-podium{height:170px;display:flex;align-items:flex-end;justify-content:center;gap:7px;margin:10px}.ranking-podium span{display:grid;place-items:center;width:78px;height:95px;border:4px solid #08204d;border-radius:16px 16px 5px 5px;background:#2a89d1;font-size:32px;font-weight:1000;box-shadow:inset 0 4px #6fc9ff,0 5px #03152e}.ranking-podium span:nth-child(2){height:135px;background:#f0ad20;box-shadow:inset 0 4px #ffe784,0 5px #5e3100}.ranking-empty,.my-rank{margin:12px;padding:18px;border:3px solid #041a42;border-radius:13px;background:#0b4387;box-shadow:inset 0 3px #2678bf,0 5px #03142f;text-align:center}.ranking-empty p{color:#a9d4ff;font-size:12px}.my-rank{display:flex;justify-content:space-between}.collection-sheet{position:absolute;z-index:60;inset:auto 8px calc(8px + env(safe-area-inset-bottom));padding:24px 18px;border:4px solid #061a42;border-radius:22px;background:linear-gradient(#1769b8,#092b67);box-shadow:inset 0 4px #4da6e6,0 0 0 100vmax #020b1bbd;color:#fff;text-align:center}.sheet-close{position:absolute;right:10px;top:8px;width:44px;height:44px;border:0;border-radius:50%;background:#082653;color:#fff;font-size:30px}.sheet-mob{transform:scale(1.55);margin:25px auto}.sheet-content button{min-height:48px;padding:0 20px;border:3px solid #533100;border-radius:12px;background:#ffb51f;color:#fff;font-weight:900}.meta-app button:focus-visible{outline:3px solid #fff;outline-offset:2px}@keyframes reveal{0%{transform:scale(.3) rotate(-15deg)}65%{transform:scale(1.35) rotate(6deg)}100%{transform:scale(1)}}@media(max-width:340px){.meta-page{padding-left:8px;padding-right:8px}.meta-nav button{font-size:9px}.collection-grid{gap:4px}.collection-card{height:102px}.loadout-row{gap:3px}.shop-cannon{transform:scale(.84);margin-left:-7px}}@media(prefers-reduced-motion:reduce){.meta-track{transition:none}.is-reveal .capsule{animation:none}}

/* Hybrid resource layers: art never owns text, input, focus, or state. */
.meta-page { isolation: isolate; }
.screen-bg {
  position: absolute;
  z-index: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .26;
  pointer-events: none;
  user-select: none;
}
.meta-title,
.loadout-row,
.collection-grid,
.ranking-empty,
.my-rank,
.meta-honest { position: relative; z-index: 30; }
.meta-hud,
.meta-nav { z-index: 40; }
.collection-sheet { z-index: 60; }
.lobby-scene,
.gacha-scene,
.ranking-emblem,
.shop-featured-art { z-index: 10; pointer-events: none; }
.lobby-label,
.shop-featured-data { z-index: 30; }
.battle-cta.ui-plate-button,
.gacha-button.ui-plate-button,
.shop-product-card,
.collection-card { z-index: 40; }
.meta-shop > .screen-bg { opacity: .2; filter: hue-rotate(28deg) saturate(1.08); }
.meta-collection > .screen-bg,
.meta-ranking > .screen-bg { opacity: .2; }
.shop-hero {
  position: relative;
  min-height: 230px;
  overflow: hidden;
  align-items: flex-end;
  padding: 16px;
}
.shop-featured-art {
  position: absolute;
  top: -24px;
  left: -12px;
  width: 68%;
  height: 220px;
  object-fit: contain;
  object-position: 20% 80%;
  filter: drop-shadow(0 7px 1px #0a0e35aa);
}
.shop-featured-data {
  position: relative;
  width: 52%;
  margin-left: auto;
  padding: 10px 4px 12px 8px;
  text-align: left;
}
.shop-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.shop-product-card {
  position: relative;
  min-height: 118px;
  padding: 16px 12px;
  border: 0;
  border-radius: 15px;
  color: #fff;
  background: center / 100% 100% no-repeat var(--ui-asset-url, #0c4b91);
  font: inherit;
  text-align: left;
  opacity: 1;
}
.shop-product-card:last-child { grid-column: 1 / -1; min-height: 86px; }
.shop-product-card b,
.shop-product-card span { position: relative; display: block; }
.shop-product-card span { margin-top: 40px; color: #a9d4ff; font-size: 12px; }
.shop-product-card:last-child span { margin-top: 14px; }
.shop-product-card:disabled { cursor: not-allowed; }
.ranking-emblem {
  position: relative;
  display: block;
  width: min(100%, 330px);
  height: clamp(190px, 32vh, 300px);
  margin: -10px auto -24px;
  object-fit: contain;
  filter: drop-shadow(0 8px 1px #020b1baa);
}
.meta-app[data-assets-state='loading']::after {
  position: absolute;
  z-index: 55;
  inset: calc(54px + env(safe-area-inset-top)) 0 calc(76px + env(safe-area-inset-bottom));
  display: grid;
  place-items: center;
  content: '리소스 준비 중';
  color: #c9f3ff;
  background: #03142fe8;
  font-size: 13px;
  font-weight: 1000;
  letter-spacing: .06em;
}
@media (max-width: 340px) {
  .shop-hero { min-height: 206px; padding: 10px; }
  .shop-featured-art { width: 64%; height: 194px; }
  .shop-featured-data { width: 54%; }
  .shop-product-card { min-height: 104px; padding: 12px 9px; }
  .collection-card > small { font-size: 8px; }
}
@media (max-height: 650px) {
  .shop-hero { min-height: 174px; }
  .shop-featured-art { top: -20px; height: 170px; }
  .shop-product-card { min-height: 78px; }
  .shop-product-card span { margin-top: 14px; }
  .ranking-emblem { height: 160px; margin-bottom: -32px; }
}