/* ===================================================================
   pokemon.css  -  w_pokemon_event.html ÀζóÀÎ ½ºÅ¸ÀÏ Á¤¸®
   (5°³ <style> ºí·ÏÀ» ¹®¼­ ¼ø¼­´ë·Î ÅëÇÕ. @import ´Â ÆÄÀÏ ÃÖ»ó´Ü À¯Áö)
   =================================================================== */

/* ===== [1] base / oripa layout ===== */
      @import url('https://cdn.jsdelivr.net/npm/pretendard@1.3.5/dist/web/static/pretendard.css');
      .tcg-page button, .tcg-modal-layer button, .oripa-wrap button {font-family: 'Pretendard'}
      .tcg-page textarea, .tcg-modal-layer textarea, .oripa-wrap textarea {font-family: 'Pretendard'}
            .oripa-wrap * {
        box-sizing: border-box;
      }
            .wrap {
        max-width: 1080px;
        margin: auto;
        padding: 0 26px;
      }
      .oripa-wrap header {
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid var(--line);
      }
      .fileball-guide-wrap {
        padding-top: 14px;
      }
      .fileball-guide {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        align-items: center;
        gap: 18px;
        padding: 11px 13px;
        border: 1px solid rgba(20,200,230, 0.25);
        border-radius: 13px;
        background:
          linear-gradient(90deg, rgba(20,200,230, 0.07), transparent 46%),
          var(--panel);
        box-shadow: inset 3px 0 0 var(--acid);
      }
      .fileball-guide-mark {
        display: flex;
        align-items: center;
        gap: 9px;
        min-width: max-content;
      }
      .fileball-guide-mark span {
        display: grid;
        place-items: center;
        width: 34px;
        height: 34px;
        border-radius: 9px;
        color: #08222a;
        background: var(--acid);
        font: 900 13px var(--type-number);
        box-shadow: 0 0 18px rgba(20,200,230, 0.16);
      }
      .fileball-guide-mark b {
        color: var(--acid-ink);
        font-size: 13px;
        letter-spacing: 0.13em;
      }
      .fileball-guide-copy {
        margin: 0;
        color: #16141f;
        font-size: 13px;
        line-height: 1.55;
      }
      .fileball-guide-copy strong {
        color: #16141f;
      }
      .fileball-guide-rate {
        display: grid;
        gap: 2px;
        min-width: max-content;
        padding: 8px 11px;
        border: 1px solid var(--line);
        border-radius: 9px;
        background: rgba(0, 0, 0, 0.24);
      }
      .fileball-guide-rate small {
        color: #6c6885;
        font-size: 13px;
      }
      .fileball-guide-rate b {
        display: grid;
        gap: 2px;
        color: var(--acid-ink);
        font-size: 13px;
      }
      .logo {
        font: 700 23px var(--type-display);
        letter-spacing: 0.06em;
      }
      .logo i {
        display: inline-block;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: var(--acid);
        box-shadow: 0 0 16px var(--acid);
      }
      .oripa-wrap nav {
        display: flex;
        gap: 7px;
      }
      .oripa-wrap button {
        font-family: inherit;
      }
      .navbtn {
        border: 0;
        background: transparent;
        color: #6c6885;
        padding: 10px 14px;
        font-weight: 700;
        cursor: pointer;
      }
      .navbtn.active {
        color: #16141f;
        border-bottom: 2px solid var(--acid-ink);
      }
      .wallet {
        display: flex;
        align-items: center;
        gap: 12px;
      }
      .wallet small {
        display: block;
        color: #6c6885;
        font-size: 13px;
      }
      .wallet b {
        font-size: 16px;
      }
      .outline {
        border: 1px solid rgba(20,18,40,.14);
        border-radius: 9px;
        padding: 9px 13px;
        background: transparent;
        color: #16141f;
        font-weight: 700;
        cursor: pointer;
      }
      .headline {
        display: flex;
        justify-content: space-between;
        align-items: end;
        padding: 44px 0 28px;
      }
      .wpe-eyebrow {
        color: var(--acid-ink);
        font-size: 13px;
        font-weight: 800;
        letter-spacing: 0.16em;
      }
      .headline h1 {
        font: 700 clamp(42px, 5vw, 72px)/0.95 var(--type-display);
        letter-spacing: -.055em;
        margin: 9px 0;
      }
      .headline p {
        color: var(--muted);
        max-width: 460px;
        font-size: 13px;
        line-height: 1.7;
      }
      .showcase-label {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 12px;
      }
      .showcase-label b {
        font-size: 13px;
      }
      .showcase-label span:last-child {
        color: #6c6885;
        font-size: 13px;
      }
      .store-shelf {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
        padding: 48px 14px 34px;
        margin-bottom: 18px;
        overflow-x: visible;
        position: relative;
        background:
          linear-gradient(180deg, #ffffff 0%, #ece8f7 76%, rgba(20,18,40,.14) 77%, #ece8f7 82%),
          repeating-linear-gradient(90deg, transparent 0 8%, rgba(255,255,255,.025) 8.2% 8.4%);
        border: 1px solid var(--line);
        border-radius: 15px;
      }
            .shelf-product {
        min-width: 145px;
        border: 1px solid rgba(20,18,40,.10);
        border-radius: 10px 10px 4px 4px;
        color: var(--paper);
        background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.015));
        padding: 8px 8px 0;
        cursor: pointer;
        text-align: left;
        position: relative;
        transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease;
      }
      .shelf-product:hover {
        transform: translateY(-7px) scale(1.015);
        border-color: rgba(20,200,230,.55);
        background: linear-gradient(180deg, rgba(20,200,230,.08), rgba(255,255,255,.015));
      }
      .shelf-product:nth-child(odd) .shelf-image img {
        transform: rotate(-1.3deg);
      }
      .shelf-product:nth-child(even) .shelf-image img {
        transform: rotate(1.2deg);
      }
      .shelf-product:hover .shelf-image img {
        transform: rotate(0deg) translateY(-4px);
        filter: drop-shadow(0 20px 12px rgba(0, 0, 0, 0.42));
      }
            .shelf-image {
        height: 205px;
        display: grid;
        place-items: end center;
        position: relative;
        overflow: hidden;
        border-radius: 6px;
        background:
          radial-gradient(circle at 50% 25%, #f2f0f9 0 24%, #f7f6fc 65%, #ffffff 100%);
        box-shadow:
          inset 0 0 0 1px rgba(255,255,255,.45),
          inset 0 -22px 30px rgba(20,18,40,.14),
          0 8px 18px rgba(0,0,0,.22);
      }
      .shelf-image::before {
        content: "";
        position: absolute;
        left: 15%;
        right: 15%;
        bottom: 5px;
        height: 16px;
        border-radius: 50%;
        background: rgba(20,18,40,.28);
        filter: blur(7px);
        z-index: 0;
      }
      .shelf-image img {
        display: block;
        max-width: 100%;
        height: 195px;
        object-fit: contain;
        mix-blend-mode: normal;
        filter: drop-shadow(0 15px 10px rgba(0, 0, 0, 0.38));
        position: relative;
        z-index: 1;
        transition: transform .22s ease, filter .22s ease;
      }
      .shelf-meta {
        min-height: 108px;
        padding: 10px 8px 0;
        border-top: 1px solid rgba(20,18,40,.10);
        background: none;
        margin: 0 -8px;
        padding-left: 10px;
        padding-right: 10px;
      }
      .shelf-meta small {
        display: block;
        color: var(--acid-ink);
        font-size: 13px;
        font-weight: 800;
        letter-spacing: 0.12em;
      }
      .shelf-meta b {
        display: block;
        margin: 4px 0 5px;
        font-size: 13px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .shelf-meta span {
        display: inline-flex;
        align-items: center;
        line-height: 21px;
        gap: 4px;
        margin: 8px 0 10px;
        padding: 6px 11px;
        border: 1px solid var(--acid-ink);
        border-radius: 999px;
        color: var(--acid-ink);
        background: none;
        font-size: 13px;
        font-weight: 800;
      }
      .hit-tabs {
        display: flex;
        gap: 6px;
        overflow-x: auto;
        padding-bottom: 10px;
        margin: 14px 0;
      }
      .hit-tab {
        flex: 0 0 auto;
        border: 1px solid var(--line);
        border-radius: 999px;
        padding: 8px 11px;
        color: #6c6885;
        background: #ffffff;
        font-size: 13px;
        font-weight: 700;
        cursor: pointer;
      }
      .hit-tab.active {
        border-color: var(--acid-ink);
        color: #08222a;
        background: var(--acid);
      }
      .hit-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
      }
      .hit-set-summary {
        grid-column: 1 / -1;
        display: flex;
        align-items: center;
        gap: 14px;
        min-width: 0;
        padding: 13px 15px;
        border: 1px solid rgba(20,200,230, 0.26);
        border-radius: 13px;
        background:
          radial-gradient(circle at 6% 0, rgba(20,200,230, 0.12), transparent 38%),
          #ffffff;
      }
      .hit-set-summary img {
        width: 62px;
        height: 76px;
        flex: 0 0 auto;
        object-fit: contain;
        filter: drop-shadow(0 10px 12px rgba(0, 0, 0, 0.42));
      }
      .hit-set-summary div {
        min-width: 0;
      }
      .hit-set-summary small,
      .hit-set-summary b,
      .hit-set-summary span {
        display: block;
      }
      .hit-set-summary small {
        color: var(--acid-ink);
        font-size: 13px;
        font-weight: 900;
        letter-spacing: 0.12em;
      }
      .hit-set-summary b {
        margin: 4px 0 3px;
        overflow: hidden;
        color: #16141f;
        font-size: 16px;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
      .hit-set-summary span {
        color: #6c6885;
        font-size: 13px;
      }
      .hit-card {
        position: relative;
        min-width: 0;
        padding: 10px;
        border: 1px solid var(--line);
        border-radius: 13px;
        background: linear-gradient(180deg, #f4f2fb, #ffffff);
        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2);
      }
      .hit-card-media {
        position: relative;
        width: 100%;
        overflow: hidden;
        border-radius: 9px;
        background: #f7f6fc;
        box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
      }
      .hit-card-media img {
        position: absolute;
        top: var(--guide-top);
        left: var(--guide-left);
        width: var(--guide-width);
        max-width: none;
        height: auto;
        pointer-events: none;
        user-select: none;
      }
      .hit-rarity {
        display: inline-flex;
        align-items: center;
        min-height: 19px;
        margin-top: 9px;
        padding: 0 7px;
        border-radius: 999px;
        color: #08222a;
        background: var(--acid);
        font: 900 13px var(--type-number);
        letter-spacing: 0.08em;
      }
      .hit-card b {
        display: block;
        min-height: 30px;
        margin: 7px 0 5px;
        overflow-wrap: anywhere;
        font-size: 13px;
        line-height: 1.35;
      }
      .hit-card small {
        display: block;
        color: #6c6885;
        font-size: 13px;
        line-height: 1.4;
      }
      .hit-card small strong {
        display: block;
        margin-top: 2px;
        color: var(--acid-ink);
        font: 900 13px var(--type-number);
      }
      .wpe-summary {
        display: grid;
        grid-template-columns: 1.2fr repeat(3, 0.6fr);
        gap: 1px;
        background: var(--line);
        border: 1px solid var(--line);
        border-radius: 14px;
        overflow: hidden;
        margin-bottom: 18px;
      }
      .wpe-summary > div {
        background: #ffffff;
        padding: 16px 18px;
      }
      .wpe-summary small {
        display: block;
        color: #6c6885;
        font-size: 13px;
        letter-spacing: 0.08em;
        margin-bottom: 5px;
      }
      .wpe-summary b {
        font-size: 15px;
      }
      .wpe-summary .mainstat {
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
            .progress i {
        display: block;
        width: 76.8%;
        height: 100%;
        background: var(--acid);
      }
      .boardShell {
        display: grid;
        grid-template-columns: 1fr;
        gap: 14px;
        padding-bottom: 18px;
      }
      .event-notice {
        position: relative;
        overflow: hidden;
        margin: 44px 0 110px;
        border: 1px solid var(--line);
        border-radius: var(--r);
        background:
          linear-gradient(135deg, rgba(20,200,230, 0.045), transparent 32%),
          #ffffff;
      }
      .event-notice::before {
        content: "";
        position: absolute;
        inset: 0 auto 0 0;
        width: 3px;
        background: var(--acid);
      }
      .event-notice-head {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: end;
        gap: 22px;
        height: auto;
        min-height: 96px;
        padding: 24px 26px 21px;
        border-bottom: 1px solid var(--line);
      }
      .event-notice-head h2 {
        margin: 6px 0 0;
        font-size: clamp(24px, 3vw, 34px);
        line-height: 1;
        letter-spacing: -0.045em;
      }
      .event-notice-head p {
        margin: 0;
        color: var(--muted);
        font-size: 13px;
      }
      .conversion-panel {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 24px;
        padding: 21px 26px;
        border-bottom: 1px solid rgba(20,200,230, 0.18);
        background:
          repeating-linear-gradient(-45deg, transparent 0 12px, rgba(20,200,230, 0.025) 12px 24px),
          rgba(20,200,230, 0.06);
      }
      .conversion-panel p {
        margin: 0;
        color: #16141f;
        font-size: 13px;
        line-height: 1.55;
      }
      .conversion-panel p b {
        display: block;
        margin-bottom: 3px;
        color: #16141f;
        font-size: 14px;
      }
      .conversion-rate {
        flex: 0 0 auto;
        color: var(--acid-ink);
        font: 800 clamp(20px, 2.5vw, 28px)/1 var(--type-number);
        letter-spacing: -0.035em;
        white-space: nowrap;
      }
      .notice-list {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin: 0;
        padding: 0;
        list-style: none;
      }
      .notice-list li {
        display: grid;
        grid-template-columns: 88px minmax(0, 1fr);
        gap: 14px;
        min-height: 67px;
        padding: 16px 22px 16px 26px;
        border-bottom: 1px solid var(--line);
        color: #6c6885;
        font-size: 13px;
        line-height: 1.6;
      }
      .notice-list li:nth-child(odd) {
        border-right: 1px solid var(--line);
      }
      .notice-list li:nth-last-child(-n + 2) {
        border-bottom: 0;
      }
      .notice-list b {
        color: #16141f;
        font-size: 13px;
      }
      .winner-archive {
        position: static;
        display: grid;
        grid-template-columns: minmax(0, 1fr) 300px;
        column-gap: 18px;
        height: max-content;
        overflow: hidden;
        padding: 18px 20px;
        border: 1px solid var(--line);
        border-radius: var(--r);
        background:
          linear-gradient(145deg, rgba(20,200,230, 0.07), transparent 40%),
          var(--panel);
        cursor: pointer;
        transition: border-color .18s, transform .18s;
      }
      .winner-archive:hover,
      .winner-archive:focus-visible {
        border-color: rgba(20,200,230, .62);
        outline: none;
        transform: translateY(-2px);
      }
            .archive-count {
        display: block;
        color: #6c6885;
        font-size: 13px;
      }
      .archive-stack {
        position: relative;
        height: 205px;
        margin: 16px 0 18px;
      }
      .archive-thumb {
        position: absolute;
        top: 14px;
        left: 50%;
        width: 116px;
        height: 170px;
        object-fit: cover;
        border: 4px solid #ffffff;
        border-radius: 9px;
        background: #f7f6fc;
        box-shadow: 0 8px 18px rgba(0, 0, 0, .28);
        transition: transform .2s;
      }
      .archive-thumb:nth-child(1) { transform: translateX(-76%) rotate(-8deg); }
      .archive-thumb:nth-child(2) { z-index: 2; transform: translateX(-50%) translateY(-5px); }
      .archive-thumb:nth-child(3) { transform: translateX(-24%) rotate(8deg); }
      .winner-archive:hover .archive-thumb:nth-child(1) { transform: translateX(-84%) rotate(-11deg); }
      .winner-archive:hover .archive-thumb:nth-child(3) { transform: translateX(-16%) rotate(11deg); }
      .archive-recent {
        display: grid;
        gap: 7px;
        padding: 12px 0;
        border-top: 1px solid var(--line);
        border-bottom: 1px solid var(--line);
      }
      .archive-recent span {
        display: flex;
        justify-content: space-between;
        gap: 8px;
        font-size: 13px;
        color: #6c6885;
      }
      .archive-recent b { color: var(--paper); font-size: 13px; }
      .archive-recent span > b {
        display: grid;
        gap: 3px;
      }
      .archive-recent small {
        color: #6c6885;
        font-size: 13px;
        font-weight: 400;
      }
      .archive-recent strong {
        align-self: center;
        color: #6c6885;
        font-size: 13px;
      }
      .archive-open {
        line-height: 21px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        gap: 6px;
        justify-self: center;
        margin-top: 8px;
        padding: 9px 18px;
        border: 1px solid var(--acid-ink);
        border-radius: 999px;
        color: var(--acid-ink);
        background: none;
        font-size: 13px;
        font-weight: 800;
        cursor: pointer;
      }
      .winner-archive .wpe-eyebrow { grid-column: 1; }
      .winner-archive h3 {
  margin: 7px 0 5px;
        font-size: 23px;
        line-height: 1.15;
        letter-spacing: -.04em;
  grid-column: 1; margin: 4px 0; font-size: 20px;
}
      .winner-archive .archive-count { grid-column: 1; }
      .winner-archive .archive-stack {
        grid-column: 2;
        grid-row: 1 / span 4;
        align-self: center;
        width: 100%;
        height: 200px;
        margin: 0;
      }
      .winner-archive .archive-thumb { width: 118px; height: 168px; }
      .winner-archive .archive-recent { grid-column: 1; }
      .winner-archive .archive-open { grid-column: 1 / -1; }
      .board {
        border: 1px solid var(--line);
        background: #ffffff;
        border-radius: var(--r);
        overflow: hidden;
      }
      .boardtop {
        padding: 16px 18px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid var(--line);
      }
      .boardtop b {
        font-size: 14px;
      }
      .legend {
        display: flex;
        gap: 14px;
        color: #6c6885;
        font-size: 13px;
      }
      .legend span {
        display: flex;
        align-items: center;
        gap: 6px;
      }
            .legend .open i {
        background: #ffffff;
      }
      .legend .chosen i {
        background: var(--acid);
        border-color: var(--acid-ink);
      }
      .legend .hit i {
        border-color: var(--foil);
        background: var(--foil);
      }
      .legend .mine i {
        border-color: var(--acid-ink);
        background: transparent;
        box-shadow: inset 0 0 0 2px #14c8e6;
      }
      .numbers {
        display: grid;
        grid-template-columns: repeat(20, minmax(0, 1fr));
        gap: 5px;
        padding: 16px;
        overflow: visible;
      }
            .pick-back {
        position: absolute;
        inset: 3px;
        z-index: 1;
        border-radius: 3px;
        background: var(--oripa-card-back) center / contain no-repeat;
        filter: brightness(.82) saturate(.88);
        transition: transform .16s ease, filter .16s ease;
      }
      .pick-back::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(145deg, rgba(255,255,255,.13), transparent 34%, rgba(0,0,0,.2));
        pointer-events: none;
      }
      .pick:hover:not(:disabled) {
        border-color: var(--acid-ink);
        color: var(--acid-ink);
        transform: translateY(-2px);
        background: #ffffff;
      }
      .pick:hover:not(:disabled) .pick-back,
      .pick:focus-visible .pick-back {
        filter: brightness(1.12) saturate(1.05);
        transform: scale(1.055);
      }
            .pick.card-hit,
      .pick.my-pick,
      .pick.my-hit {
        text-decoration: none;
      }
      .pick.card-hit {
        border-color: rgba(122,61,240,.76);
        color: #7a3df0;
        background: linear-gradient(145deg, #f3ebfb, #efe9fa 72%);
        box-shadow: inset 0 0 0 1px rgba(122,61,240,.06);
      }
      .pick.my-pick {
        border-color: rgba(20,200,230,.72);
        color: var(--acid-ink);
        background: linear-gradient(145deg, #f3ebfb, #ffffff 72%);
      }
      .pick.my-hit {
        border-color: var(--acid-ink);
        color: #08222a;
        background: linear-gradient(145deg, #14c8e6, #7a3df0);
        box-shadow: 0 0 17px rgba(20,200,230,.2);
      }
                  .pick.my-hit .pick-state { color: #08222a; background: rgba(255,255,255,.45); text-shadow: none; }
      .pick.selected {
        background: #f3ebfb;
        color: var(--acid-ink);
        border-color: var(--acid-ink);
        box-shadow: 0 0 15px rgba(20,200,230, 0.25);
      }
      .pick.selected .pick-back {
        inset: 2px;
        filter: brightness(1.25) saturate(1.12);
        box-shadow: inset 0 0 0 1px rgba(20,200,230,.45);
      }
      .pick.selected .pick-state {
        color: #08222a;
        background: var(--acid);
        text-shadow: none;
      }
      .pick.selected .pick-number { transform: translateY(-3px) scale(1.08); }
            .stickybar.show {
        transform: translate(-50%, 0);
        opacity: 1;
      }
      .stickybar span {
        font-size: 13px;
      }
      .stickybar b {
        font-size: 18px;
        margin-left: 5px;
      }
      .cta {
        border: 0;
        border-radius: 10px;
        background: var(--acid);
        color: #08222a;
        padding: 14px 19px;
        font-weight: 800;
        cursor: pointer;
      }
      .stickybar .cta {
        background: var(--acid-ink);
        color: #ffffff;
      }
            .modalback.open {
        display: flex;
      }
      .modal {
        width: min(900px, 100%);
        max-height: calc(100vh - 36px);
        overflow-y: auto;
        background: #ffffff;
        border: 1px solid rgba(20,18,40,.14);
        border-radius: 20px;
        padding: 24px;
        animation: up 0.22s;
      }
      .modal.wide {
        width: calc(100vw - 36px);
        max-width: 1080px;
        max-height: calc(100vh - 36px);
        overflow-y: auto;
      }
      .modal.wide .history-layout {
        align-items: start;
      }
      .modal.wide .history-group > div {
        max-height: 160px;
        overflow-y: auto;
      }
      .winner-history-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
        margin: 16px 0 18px;
      }
      .winner-history-card {
        position: relative;
        overflow: hidden;
        padding: 9px;
        border: 1px solid var(--line);
        border-radius: 12px;
        background: #ffffff;
      }
      .winner-history-card img {
        display: block;
        width: 100%;
        height: 220px;
        object-fit: contain;
        border-radius: 8px;
        background: #ffffff;
      }
      .winner-history-card .grade {
        position: absolute;
        top: 16px;
        left: 16px;
        z-index: 2;
        padding: 4px 7px;
        border-radius: 4px;
        background: var(--acid);
        color: #08222a;
        font-size: 13px;
        font-weight: 900;
      }
      .winner-history-card b {
        display: block;
        margin: 9px 0 5px;
        font-size: 13px;
      }
      .winner-history-card small {
        display: flex;
        justify-content: space-between;
        gap: 8px;
        color: #6c6885;
        font-size: 13px;
      }
      @keyframes up {
        from {
          opacity: 0;
          transform: translateY(12px);
        }
      }
      .mtop {
        display: flex;
        justify-content: space-between;
      }
      .mtop h2 {
        font: 400 28px 'Pretendard';
        margin: 6px 0;
      }
                              @keyframes turnRev { to { transform: rotate(-360deg); } }
      @keyframes turn {
        to {
          transform: rotate(360deg);
        }
      }
      .seal b {
        font: 400 62px 'Pretendard';
        z-index: 1;
      }
      .seal small {
        display: block;
        color: var(--acid-ink);
        font: 10px 'Pretendard';
        letter-spacing: 0.15em;
        margin-top: 6px;
      }
      .cost {
        display: flex;
        justify-content: space-between;
        background: #ffffff;
        border: 1px solid var(--line);
        border-radius: 11px;
        padding: 14px;
        margin: 14px 0;
      }
      .cost span {
        color: #6c6885;
        font-size: 13px;
      }
      .cost b {
        color: var(--acid-ink);
      }
      .check {
        display: flex;
        gap: 9px;
        color: #6c6885;
        font-size: 13px;
        line-height: 1.5;
      }
      .check input {
        accent-color: var(--acid-ink);
      }
      .mactions {
        display: flex;
        gap: 9px;
        margin-top: 18px;
      }
      .mactions button {
        flex: 1;
      }
                        .result h2 {
        font: 400 34px 'Pretendard';
        margin: 5px;
      }
      .result p,
      .modal p {
        font-size: 13px;
        color: #6c6885;
        line-height: 1.7;
      }
            .item {
        border: 1px solid var(--line);
        background: #ffffff;
        border-radius: 9px;
        padding: 9px;
      }
      .thumb {
        height: 74px;
        border-radius: 6px;
        background: linear-gradient(145deg, #f3ebfb, #ffffff);
        display: grid;
        place-items: center;
        color: #6c6885;
        font: 400 22px 'Pretendard';
      }
      .item b {
        display: block;
        font-size: 13px;
        margin-top: 7px;
      }
      .item small {
        color: #6c6885;
        font-size: 13px;
      }
      .toast {
        position: fixed;
        left: 50%;
        bottom: 20px;
        background: var(--acid);
        color: #08222a;
        border-radius: 9px;
        padding: 12px 16px;
        font-size: 13px;
        font-weight: 800;
        transform: translate(-50%, 70px);
        opacity: 0;
        transition: 0.25s;
        z-index: 50;
      }
      .toast.show {
        transform: translate(-50%, 0);
        opacity: 1;
      }
      @media (max-width: 1050px) {
        .numbers {
          grid-template-columns: repeat(15, minmax(0, 1fr));
        }
      }
      @media (max-width: 760px) {
        .oripa-wrap nav { display: inline-flex !important;
        }
        .fileball-guide {
          grid-template-columns: 1fr;
          gap: 8px;
          padding: 12px;
        }
        .fileball-guide-mark span {
          width: 30px;
          height: 30px;
        }
        .fileball-guide-copy {
          font-size: 13px;
        }
        .fileball-guide-rate {
          min-width: 0;
          width: 100%;
        }
        .hit-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 8px;
        }
        .hit-set-summary {
          gap: 11px;
          padding: 11px 12px;
        }
        .hit-set-summary img {
          width: 52px;
          height: 66px;
        }
        .hit-set-summary b {
          font-size: 14px;
        }
        .hit-card {
          padding: 8px;
          border-radius: 11px;
        }
        .hit-card b {
          min-height: 29px;
          font-size: 13px;
        }
        .hit-card small strong {
          font-size: 13px;
        }
        .headline {
          align-items: start;
          flex-direction: column;
        }
        .wpe-summary {
          grid-template-columns: 1fr 1fr;
        }
        .boardShell {
          grid-template-columns: 1fr;
        }
        .winner-archive {
          position: static;
          display: grid;
          grid-template-columns: minmax(150px, 1fr) 230px;
          column-gap: 18px;
          padding: 18px;
        }
        .winner-archive .wpe-eyebrow { grid-column: 1; }
        .winner-archive h3 { grid-column: 1; margin-bottom: 4px; }
        .winner-archive .archive-count { grid-column: 1; }
        .winner-archive .archive-stack {
          grid-column: 2;
          grid-row: 1 / span 3;
          align-self: center;
          width: 100%;
          height: 170px;
          margin: 0;
        }
        .winner-archive .archive-thumb {
          width: 100px;
          height: 146px;
        }
        .winner-archive .archive-recent,
        .winner-archive .archive-open {
          grid-column: 1 / -1;
        }
        .numbers {
          grid-template-columns: repeat(auto-fill, minmax(40px, 1fr));
          padding: 10px;
        }
        .boardtop {
          align-items: flex-start;
          flex-direction: column;
          gap: 10px;
        }
        .legend {
          width: 100%;
          flex-wrap: wrap;
          gap: 8px 12px;
          padding-bottom: 2px;
        }
        .items {
          grid-template-columns: 1fr 1fr;
        }
        .wallet div {
          display: none;
        }
        .winner-history-grid {
          grid-template-columns: 1fr 1fr;
        }
        .event-notice-head {
          grid-template-columns: 1fr;
          gap: 8px;
          padding: 22px 22px 19px;
        }
        .conversion-panel {
          display: grid;
          gap: 15px;
          padding: 19px 22px;
        }
        .notice-list {
          grid-template-columns: 1fr;
        }
        .notice-list li,
        .notice-list li:nth-child(odd),
        .notice-list li:nth-last-child(-n + 2) {
          border-right: 0;
          border-bottom: 1px solid var(--line);
        }
        .notice-list li:last-child {
          border-bottom: 0;
        }
      }
      @media (max-width: 430px) {
        .wrap {
          padding: 0 15px;
        }
        .numbers {
          grid-template-columns: repeat(5, minmax(0, 1fr));
          gap: 5px;
        }
        .wpe-summary {
          grid-template-columns: 1fr;
        }
        .pick { min-width: 0; font-size: 13px; }
        .pick-state { font-size: 13px; }
        .winner-archive {
          grid-template-columns: minmax(0, 1fr) 142px;
          column-gap: 8px;
          padding: 16px;
        }
        .winner-archive h3 { font-size: 21px; }
        .winner-archive .archive-stack { height: 145px; }
        .winner-archive .archive-thumb {
          width: 82px;
          height: 120px;
          top: 12px;
          border-width: 3px;
        }
        .event-notice {
          margin-bottom: 92px;
        }
        .event-notice-head,
        .conversion-panel {
          padding-left: 17px;
          padding-right: 17px;
        }
        .conversion-rate {
          font-size: 21px;
        }
        .notice-list li {
          grid-template-columns: 1fr;
          gap: 3px;
          min-height: 0;
          padding: 15px 17px;
        }
      }
      .shelf-product:nth-child(2)::before,
      .shelf-product:nth-child(5)::before {
        position: absolute;
        left: 8px;
        top: 8px;
        z-index: 4;
        padding: 6px 8px;
        border-radius: 5px;
        color: #ffffff;
        background: #e0187f;
        box-shadow: 0 5px 14px rgba(0,0,0,.34);
        font-size: 13px;
        font-weight: 800;
        line-height: 1.35;
        letter-spacing: .04em;
        white-space: pre;
        text-align: left;
      }
      .shelf-product:nth-child(2)::before { content: "´ç÷ ¿Ï·á\A user_17***"; }
      .shelf-product:nth-child(5)::before { content: "´ç÷ ¿Ï·á\A card_82***"; }
      .daily-hit-zone {
        display: grid;
        grid-template-columns: 1fr;
        gap: 12px;
        margin: 18px 0;
      }
      .hit-showcase {
        position: relative;
        overflow: visible;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: none;
      }
      .hit-showcase.tomorrow {
        background: none;
      }
      .hit-zone-head {
        display: flex;
        align-items: end;
        justify-content: space-between;
        gap: 12px;
        margin-bottom: 15px;
      }
      .hit-zone-head h2 {
        margin: 5px 0 0;
        font-size: 21px;
      }
      .hit-zone-head p {
        margin: 0;
        color: #6c6885;
        font-size: 13px;
      }
                  .daily-card:hover {
        border-color: rgba(20,200,230,.42);
        box-shadow: 0 16px 34px rgba(0,0,0,.32);
        transform: translateY(-2px);
      }
      .daily-card:focus-visible {
        outline: 2px solid var(--acid-ink);
        outline-offset: 3px;
      }
      .daily-card img {
        display: block;
        width: 100%;
        height: 235px;
        object-fit: contain;
        border-radius: 7px;
        background: #ffffff;
        filter: drop-shadow(0 3px 3px rgba(0,0,0,.3));
        transition: transform .22s ease;
      }
            .daily-card-info { padding: 9px 2px 2px; }
      .daily-card-info b {
        display: block;
        margin: 4px 0;
        font-size: 13px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .daily-card-info small { color: #6c6885; font-size: 13px; }
      .market-price {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        margin: 8px 0 6px;
        padding: 8px 9px;
        border: 1px solid rgba(20,200,230,.18);
        border-radius: 8px;
        color: #16141f;
        background: rgba(20,200,230,.055);
      }
      .market-label {
        overflow: hidden;
        font-size: 13px;
        font-weight: 700;
        letter-spacing: -.02em;
        white-space: nowrap;
        text-overflow: ellipsis;
      }
      .market-value {
        color: var(--acid-ink);
        font-size: 13px;
        font-weight: 900;
        white-space: nowrap;
      }
      .card-market-detail {
        display: grid;
        grid-template-columns: minmax(210px, 290px) minmax(0, 1fr);
        gap: 26px;
        align-items: center;
      }
      .card-market-visual {
        position: relative;
        padding: 18px;
        overflow: hidden;
        border: 1px solid rgba(20,18,40,.10);
        border-radius: 16px;
        background:
          radial-gradient(circle at 50% 14%, rgba(20,200,230,.18), transparent 46%),
          linear-gradient(145deg, #f7f6fc, #ffffff);
      }
      .card-market-visual::after {
        content: "KREAM REFERENCE";
        position: absolute;
        right: 12px;
        bottom: 9px;
        color: rgba(20,18,40,.14);
        font-size: 13px;
        font-weight: 900;
        letter-spacing: .13em;
      }
      .card-market-visual img {
        display: block;
        width: 100%;
        height: 340px;
        object-fit: contain;
        filter: drop-shadow(0 20px 18px rgba(0,0,0,.48));
      }
      .market-chip {
        display: inline-flex;
        padding: 6px 8px;
        border: 1px solid rgba(20,200,230,.32);
        border-radius: 999px;
        color: var(--acid-ink);
        background: rgba(20,200,230,.07);
        font-size: 13px;
        font-weight: 900;
        letter-spacing: .08em;
      }
      .card-market-copy h3 {
        margin: 12px 0 4px;
        font-size: clamp(24px, 4vw, 38px);
        letter-spacing: -.05em;
      }
      .card-market-copy > p { margin: 0 0 14px; }
      .wpe-market-hero {
        margin: 14px 0 10px;
        padding: 17px;
        border: 1px solid rgba(20,200,230,.24);
        border-radius: 13px;
        background: linear-gradient(145deg, rgba(20,200,230,.1), rgba(20,200,230,.025));
      }
      .wpe-market-hero span,
      .wpe-market-hero small {
        display: block;
        color: #6c6885;
        font-size: 13px;
      }
      .wpe-market-hero strong {
        display: block;
        margin: 3px 0 6px;
        color: var(--acid-ink);
        font-size: clamp(30px, 5vw, 46px);
        letter-spacing: -.06em;
      }
      .market-stats {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
      }
      .market-stats span {
        padding: 11px 12px;
        border: 1px solid var(--line);
        border-radius: 10px;
        background: #ffffff;
      }
      .market-stats small,
      .market-stats b { display: block; }
      .market-stats small { color: #6c6885; font-size: 13px; }
      .market-stats b { margin-top: 4px; font-size: 13px; }
      .market-note {
        margin: 10px 0 14px;
        padding: 11px 12px;
        border-left: 2px solid #7a3df0;
        color: #6c6885;
        background: rgba(122,61,240,.06);
        font-size: 13px;
        line-height: 1.65;
      }
      .market-actions {
        display: grid;
        grid-template-columns: 1fr 1.2fr;
        gap: 8px;
      }
      .market-source-link {
        display: grid;
        place-items: center;
        text-decoration: none;
      }
      .market-chart-wrap {
        margin: 11px 0;
        padding: 13px 13px 9px;
        border: 1px solid rgba(255,255,255,.085);
        border-radius: 12px;
        background: linear-gradient(180deg, rgba(20,200,230,.045), rgba(5,8,6,.34));
      }
      .market-chart-head,
      .market-chart-axis {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
      }
      .market-chart-head b {
        font-size: 13px;
        letter-spacing: -.02em;
      }
      .market-chart-note {
        color: #6c6885;
        font-size: 13px;
      }
      .market-chart-change {
        color: var(--acid-ink);
        font: 800 13px var(--type-number);
      }
      .market-chart-change.down { color: #e0187f; }
      .market-chart {
        display: block;
        width: 100%;
        height: 142px;
        margin-top: 10px;
        overflow: visible;
      }
      .market-chart-grid {
        stroke: rgba(20,18,40,.09);
        stroke-width: 1;
      }
      .market-chart-area { fill: rgba(20,200,230,.1); }
      .market-chart-line {
        fill: none;
        stroke: var(--acid);
        stroke-width: 3;
        stroke-linecap: round;
        stroke-linejoin: round;
      }
      .market-chart-dot {
        fill: var(--acid);
        stroke: #14c8e6;
        stroke-width: 4;
      }
      .market-chart-axis {
        color: #6c6885;
        font-size: 13px;
      }
      .rarity {
        position: absolute;
        top: 16px;
        left: 16px;
        z-index: 2;
        padding: 5px 7px;
        border-radius: 5px;
        color: #fff;
        background: #e0187f;
        font-size: 13px;
        font-weight: 900;
      }
      /* ¿À´ÃÀÇ HIT Ä«µå: ´ç÷ ¿Ï·á ¹îÁö(Á»ó´Ü) + rarity ¿ì»ó´Ü À̵¿ */
      .today .daily-card .rarity { left: auto; right: 16px; }
      .today .daily-card::before {
        position: absolute;
        left: 9px;
        top: 9px;
        z-index: 4;
        padding: 6px 8px;
        border-radius: 5px;
        color: #ffffff;
        background: #e0187f;
        box-shadow: 0 5px 14px rgba(0,0,0,.34);
        font-size: 13px;
        font-weight: 800;
        line-height: 1.35;
        letter-spacing: .04em;
        white-space: pre;
        text-align: left;
        pointer-events: none;
      }
      .today .daily-card:nth-child(1)::before { content: "´ç÷ ¿Ï·á\A user_17***"; }
      .today .daily-card:nth-child(2)::before { content: "´ç÷ ¿Ï·á\A card_82***"; }
      .today .daily-card:nth-child(3)::before { content: "´ç÷ ¿Ï·á\A bigf_41***"; }
      .tomorrow .daily-card img {
        filter: grayscale(.7) brightness(.46) blur(1.2px);
      }
      .tomorrow .daily-card::after {
        position: absolute;
        inset: 9px 9px 54px;
        display: grid;
        place-items: center;
        border-radius: 7px;
        color: rgba(20,18,40,.72);
        /*content: "TOMORROW";
        background: linear-gradient(180deg, rgba(8,10,9,.08), rgba(8,10,9,.42));*/
        font-size: 13px;
        font-weight: 800;
        letter-spacing: .14em;
      }
      @media (max-width: 900px) {
        .daily-hit-zone { grid-template-columns: 1fr; }
      }
      @media (max-width: 760px) {
        .hit-showcase.tomorrow { padding: 14px; }
        .tomorrow .hit-zone-head { margin-bottom: 10px; }
        .tomorrow .hit-zone-head p { display: none; }
        .tomorrow .daily-card-row {
          grid-template-columns: repeat(3, minmax(0, 1fr));
          gap: 8px;
          overflow: visible;
        }
        .tomorrow .daily-card { padding: 7px; }
        .tomorrow .daily-card img { height: 128px; }
        .tomorrow .daily-card-info { padding: 7px 0 0; }
        .tomorrow .daily-card-info small { display: none; }
        .tomorrow .daily-card-info b { font-size: 13px; }
        .tomorrow .market-price { display: flex; padding: 7px 6px; }
        .tomorrow .market-label { display: none; }
        .tomorrow .market-value { width: 100%; text-align: center; }
        .tomorrow .daily-card::after { inset: 7px 7px 36px; font-size: 13px; }
      }
      @media (max-width: 560px) {
        .today .hit-zone-head {
          align-items: flex-start;
          flex-direction: column;
          gap: 6px;
        }
        .today .daily-card-row { overflow-x: auto; grid-template-columns: repeat(3, 155px); }
        .today .daily-card img { height: 210px; }
      }
      @media (max-width: 520px) {
        .modal { padding: 18px; }
        .mtop h2 { font-size: 23px; }
        .card-market-detail { grid-template-columns: 1fr; gap: 16px; }
        .card-market-visual { padding: 12px; }
        .card-market-visual img { height: min(42vh, 300px); }
        .card-market-copy h3 { margin-top: 9px; }
        .wpe-market-hero { margin-top: 10px; padding: 14px; }
        .market-actions { grid-template-columns: 1fr; }
        .winner-history-grid { grid-template-columns: 1fr; }
        .winner-history-card {
          display: grid;
          grid-template-columns: 98px minmax(0, 1fr);
          grid-template-rows: auto auto;
          gap: 5px 12px;
          min-height: 142px;
        }
        .winner-history-card img {
          grid-column: 1;
          grid-row: 1 / span 2;
          height: 124px;
        }
        .winner-history-card b {
          align-self: end;
          margin: 0;
          font-size: 14px;
        }
        .winner-history-card small {
          align-self: start;
          flex-direction: column;
          justify-content: start;
        }
      }
      /* ===== card-squeeze reveal ===== */
                              .card-layer { position:absolute; inset:0; border-radius:12px; overflow:hidden; box-shadow:0 12px 26px rgba(0,0,0,.3); }
                  .card-front img { width:100%; height:100%; object-fit:cover; display:block; }
      .card-front .shine { position:absolute; inset:0; pointer-events:none; transform:translateX(-130%);
        background:linear-gradient(115deg, transparent 32%, rgba(255,255,255,.85) 48%, transparent 62%); }
            .card-front.revealed .shine { animation: shineSweep .7s .08s ease-out forwards; }
      @keyframes cardpop { 0%{transform:scale(.92)} 42%{transform:scale(1.08)} 100%{transform:scale(1)} }
      @keyframes flipInReveal { 0%{transform:rotateY(-180deg) scale(.9);opacity:0} 50%{opacity:1} 100%{transform:rotateY(0deg) scale(1);opacity:1} }
      @keyframes shineSweep { to { transform: translateX(130%); } }
            .card-back.grabbing { cursor:grabbing; }
      .card-back.snap { transition: transform .4s cubic-bezier(.34,1.56,.64,1); }
      .card-back.gone { transform: rotateY(180deg) scale(.9) !important; opacity:0;
        transition: transform .55s cubic-bezier(.4,0,.2,1), opacity .5s ease-out; }
      .seal-burst { position:absolute; left:50%; top:50%; width:8px; height:8px; z-index:5; border-radius:50%;
        transform:translate(-50%,-50%); pointer-events:none; opacity:0; }
      .seal-burst.go { animation: sealBurst .6s ease-out; }
      @keyframes sealBurst { 0%{opacity:1; box-shadow:0 0 0 0 rgba(212,23,154,.95), 0 0 12px 6px rgba(212,23,154,.7);}
        100%{opacity:0; box-shadow:0 0 60px 50px rgba(212,23,154,0), 0 0 120px 90px rgba(212,23,154,0);} }
      .drag-hint { position:absolute; left:0; right:0; bottom:6px; text-align:center; z-index:4; pointer-events:none;
        color:var(--acid-ink); font:800 13px 'Pretendard'; letter-spacing:.05em; }
      .seal.dragging .drag-hint, .card-stage.opened ~ .drag-hint { opacity:0; }
      .seal-impact { position:absolute; inset:0; z-index:6; pointer-events:none; }
                  /* ===== bling enhancement (multi-color + glitter + live background.png) ===== */
                                    .seal-sparkle { position:absolute; inset:0; z-index:7; pointer-events:none; mix-blend-mode:screen;
          background-image:
            radial-gradient(circle, #ffffff 0 1.2px, transparent 2px),
            radial-gradient(circle, #14c8e6 0 1.2px, transparent 2px),
            radial-gradient(circle, #14c8e6 0 1px, transparent 2px),
            radial-gradient(circle, #e0187f 0 1px, transparent 2px),
            radial-gradient(circle, #ffffff 0 1px, transparent 2px);
          background-size: 70px 70px, 100px 100px, 130px 130px, 90px 90px, 55px 55px;
          background-position: 12px 20px, 45px 65px, 8px 95px, 65px 35px, 30px 120px;
          opacity:.55; animation: twinkle 1.3s ease-in-out infinite, sparkleDrift 6s linear infinite; }
      .seal.dragging .seal-sparkle { animation-duration: .7s, 4s; filter: brightness(1.6) drop-shadow(0 0 3px #fff); }
      @keyframes twinkle { 0%,100%{opacity:.25} 50%{opacity:.95} }
      @keyframes sparkleDrift { to { background-position: 12px -50px, 45px -5px, 8px 25px, 65px -35px, 30px 50px; } }
      @keyframes bgPulse { 0%,100%{transform:scale(1)} 50%{transform:scale(1.06)} }
      @keyframes sealBurst {
        0%{opacity:1; box-shadow:0 0 0 0 rgba(255,255,255,.95), 0 0 16px 8px rgba(212,23,154,.85);}
        50%{box-shadow:0 0 42px 26px rgba(20,200,230,.45), 0 0 74px 44px rgba(212,23,154,.4);}
        100%{opacity:0; box-shadow:0 0 96px 74px rgba(20,200,230,0), 0 0 150px 110px rgba(224,24,127,0);} }
      /* ===== multi-spin reveal + 360 background ===== */
            @keyframes flipInReveal {
        0%   { transform: rotateY(-1080deg) scale(.72); opacity: 0; }
        18%  { opacity: .4; }
        78%  { opacity: 1; }
        100% { transform: rotateY(0deg) scale(1); opacity: 1; }
      }
                  @keyframes bgSpin { from { transform: translate(-50%,-50%) rotate(0deg); } to { transform: translate(-50%,-50%) rotate(360deg); } }
      /* ===== vivid + soft lines + faster flip ===== */
                        .seal.dragging:before {
  animation-duration: 2s; filter: brightness(1.3) saturate(1.2);
  filter: blur(2px) brightness(1.35) saturate(1.35); animation-duration: 1.2s;
}
      .seal.dragging:after {
  animation-duration: 1.5s; filter: brightness(1.5) saturate(1.35);
  filter: blur(2.5px) brightness(1.55) saturate(1.4); animation-duration: .9s;
}
      @keyframes sealBurst {
        0%{opacity:1; box-shadow:0 0 0 0 rgba(255,255,255,.95), 0 0 18px 9px rgba(212,23,154,.9);}
        45%{box-shadow:0 0 46px 28px rgba(224,24,127,.5), 0 0 80px 48px rgba(62,220,190,.42);}
        100%{opacity:0; box-shadow:0 0 104px 80px rgba(20,200,230,0), 0 0 160px 120px rgba(224,24,127,0);} }
            /* drag-accelerated background rotation (JS-driven) */
                                    @keyframes flipInReveal {
        0%   { transform: rotateY(-1800deg) scale(.66); opacity: 0; }
        14%  { opacity: .35; }
        80%  { opacity: 1; }
        100% { transform: rotateY(0deg) scale(1); opacity: 1; }
      }
            /* background2 to front */
                  /* card flip: fast spin -> gradual slow-down landing */
      @keyframes flipInReveal {
        0%   { transform: rotateY(-1800deg) scale(.62); opacity: 0; }
        12%  { opacity: .4; }
        40%  { opacity: 1; }
        50%  { transform: rotateY(-540deg) scale(.9); }
        75%  { transform: rotateY(-180deg) scale(.97); }
        90%  { transform: rotateY(-55deg) scale(.99); }
        100% { transform: rotateY(0deg) scale(1); opacity: 1; }
      }
            .card-front.revealed:after { opacity: 0 !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
      /* both background images behind the front card */
                  /* background2 in front of card face, translucent glare */
                  /* background2 blinks while dragging; background.png flashes in on reveal */
            .seal-bg.show {
  opacity:1;
  opacity: 1;
  opacity: 1;
  animation: bgFlash .95s ease-out both !important;
}
      @keyframes bgFlash { 0%,68%{opacity:0} 80%{opacity:1} 100%{opacity:1} }
            @keyframes bg2Blink { 0%,44%{opacity:.6} 48%,100%{opacity:0} }
      /* steady background2 (no blink) */
            .seal.dragging .seal-bg2 {
  animation: bg2Blink .3s steps(1,end) infinite;
  animation: none;
}
      /* soft/hazy background.png */
            /* background2 behind the front card */
            /* background pop (shrink->grow) driven by --bgScale */
                        /* background2: in front of back card while dragging, behind once opened */
            .seal-bg2.show {
  opacity: .92 !important;
  opacity: .8 !important;
  opacity: .9 !important;
  opacity: .45 !important;
  opacity: 1 !important;
  z-index: 1;
}
      /* background2 rotates slightly slower */
      .seal-bg2 {
  position:absolute; inset:auto; left:50%; top:50%; width:1240px; height:827px;
        /*background:url("/_template/service/images/07event_images/2026/08_pokemon/background2.png") center/contain no-repeat; */z-index:1; pointer-events:none; mix-blend-mode:screen;
        -webkit-mask-image:radial-gradient(circle closest-side, #000 58%, transparent 97%); mask-image:radial-gradient(circle closest-side, #000 58%, transparent 97%);
        opacity: calc(.22 + var(--p,0) * .5); transition:opacity .3s ease;
        transform: translate(-50%,-50%) rotate(calc(var(--spinBg,0deg) * -1));
  z-index: 8;
  z-index: 1;
  z-index: 8; opacity: calc(.18 + var(--p,0) * .32);
  opacity: .35;
  z-index: 1;
  transform: translate(-50%,-50%) rotate(calc(var(--spinBg,0deg) * -1)) scale(var(--bgScale,1));
  z-index: 8;
  transform: translate(-50%,-50%) rotate(calc(var(--spinBg,0deg) * -0.8)) scale(var(--bgScale,1));
}
      /* burst badge to the left of the title, sized to the text */
      .result {
  text-align: center;
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 14px;
}
      .burst {
  width: 110px;
        height: 110px;
        border-radius: 50%;
        background: rgba(20,200,230, 0.09);
        border: 1px solid rgba(20,200,230, 0.32);
        display: grid;
        place-items: center;
        margin: 14px auto;
        font: 400 38px 'Pretendard';
        box-shadow: 0 0 50px rgba(20,200,230, 0.12);
  width: 40px; height: 40px; margin: 0; font: 700 19px 'Pretendard'; box-shadow: 0 0 22px rgba(212,23,154,.18);
}
      .result h2 { margin: 0; }
      .result p { flex-basis: 100%; margin-top: 8px; }
      /* headline accent color */
      .headline h1 .ora { background: linear-gradient(120deg, #14c8e6, #ff8a2b); -webkit-background-clip: text; background-clip: text; color: transparent; }
      .headline h1 .hit { color: #14c8e6; }
      /* white flash on reveal */
      .seal-flash { position:absolute; inset:0; z-index:9; background:#fff; opacity:0; pointer-events:none; }
            @keyframes sealFlash { 0%{opacity:0} 30%{opacity:1} 46%{opacity:1} 100%{opacity:0} }
      /* spinning impact background: gold + white only */
            .seal:after {
  content: "";
        position: absolute;
        inset: -70%;
        background:
          conic-gradient(from 0deg, transparent, rgba(255,255,255,.42), transparent 16%),
          conic-gradient(from 150deg, transparent, rgba(20,200,230,.55), transparent 15%),
          conic-gradient(from 280deg, transparent, rgba(20,200,230,.48), transparent 14%);
        mix-blend-mode: screen;
        animation: turnRev 4.5s linear infinite;
  background:
          conic-gradient(from 0deg, transparent, rgba(255,255,255,.6), transparent 13%),
          conic-gradient(from 90deg, transparent, rgba(20,200,230,.62), transparent 13%),
          conic-gradient(from 180deg, transparent, rgba(212,23,154,.68), transparent 13%),
          conic-gradient(from 270deg, transparent, rgba(224,24,127,.5), transparent 12%);
  filter: blur(3px); background:
          conic-gradient(from 0deg, transparent, rgba(255,255,255,.6), transparent 12%),
          conic-gradient(from 72deg, transparent, rgba(20,200,230,.62), transparent 12%),
          conic-gradient(from 144deg, transparent, rgba(212,23,154,.68), transparent 12%),
          conic-gradient(from 216deg, transparent, rgba(224,24,127,.55), transparent 12%),
          conic-gradient(from 288deg, transparent, rgba(62,220,190,.5), transparent 11%);
  animation: none !important; transform: rotate(calc(var(--spinA, 0deg) * -1));
  background:
          conic-gradient(from 0deg,   transparent, rgba(20,200,230,.70), transparent 12%),
          conic-gradient(from 60deg,  transparent, rgba(122,61,240,.62), transparent 12%),
          conic-gradient(from 120deg, transparent, rgba(255,255,255,.62), transparent 12%),
          conic-gradient(from 180deg, transparent, rgba(212,23,154,.60), transparent 12%),
          conic-gradient(from 240deg, transparent, rgba(224,24,127,.55), transparent 12%),
          conic-gradient(from 300deg, transparent, rgba(122,61,240,.52), transparent 12%);
}
      .seal-glow {
  position:absolute; inset:-25%; z-index:0; pointer-events:none; filter:blur(8px);
        background: radial-gradient(circle at 50% 58%, rgba(212,23,154,.5), transparent 62%);
        opacity: calc(.22 + var(--p,0) * .78); transition: opacity .1s linear;
  background:
          radial-gradient(circle at 50% 60%, rgba(212,23,154,.55), transparent 60%),
          radial-gradient(circle at 28% 32%, rgba(20,200,230,.42), transparent 55%),
          radial-gradient(circle at 72% 40%, rgba(224,24,127,.30), transparent 55%);
  filter: blur(16px); background:
          radial-gradient(circle at 50% 60%, rgba(212,23,154,.55), transparent 60%),
          radial-gradient(circle at 28% 32%, rgba(20,200,230,.48), transparent 55%),
          radial-gradient(circle at 72% 40%, rgba(224,24,127,.42), transparent 55%),
          radial-gradient(circle at 55% 78%, rgba(62,220,190,.36), transparent 55%);
  background:
          radial-gradient(circle at 50% 60%, rgba(20,200,230,.55), transparent 60%),
          radial-gradient(circle at 30% 34%, rgba(122,61,240,.46), transparent 55%),
          radial-gradient(circle at 70% 40%, rgba(212,23,154,.40), transparent 55%),
          radial-gradient(circle at 55% 80%, rgba(224,24,127,.34), transparent 55%);
}
      /* longer white flash */
            @keyframes sealFlash { 0%{opacity:0} 18%{opacity:1} 52%{opacity:1} 100%{opacity:0} }
      /* multi-color pinwheel rays (cyan ¡¤ purple ¡¤ magenta ¡¤ pink) */
      .seal:before {
  content: "";
        position: absolute;
        inset: -70%;
        background: repeating-conic-gradient(from 0deg,
          rgba(20,200,230,0) 0deg 9deg,
          rgba(20,200,230,.30) 11deg 12deg,
          rgba(255,238,160,.62) 13deg 14deg,
          rgba(20,200,230,.30) 15deg 16deg,
          rgba(20,200,230,0) 18deg 24deg);
        animation: turn 7s linear infinite;
  background: repeating-conic-gradient(from 0deg,
          rgba(212,23,154,0) 0deg 6deg,
          rgba(212,23,154,.5) 7deg 8deg,
          rgba(255,255,255,.65) 8deg 9deg,
          rgba(20,200,230,.45) 10deg 12deg,
          rgba(255,255,255,.35) 12deg 13deg,
          rgba(212,23,154,0) 15deg 20deg);
  filter: blur(2.5px); background: repeating-conic-gradient(from 0deg,
          rgba(212,23,154,0) 0deg 5deg,
          rgba(212,23,154,.5) 6deg 7deg,
          rgba(255,255,255,.6) 7deg 8deg,
          rgba(20,200,230,.5) 9deg 11deg,
          rgba(224,24,127,.45) 12deg 14deg,
          rgba(62,220,190,.4) 15deg 16deg,
          rgba(212,23,154,0) 18deg 22deg);
  animation: none !important; transform: rotate(var(--spinA, 0deg));
  background: repeating-conic-gradient(from 0deg,
          rgba(20,200,230,0) 0deg 5deg,
          rgba(20,200,230,.55) 6deg 7deg,
          rgba(255,255,255,.72) 8deg 9deg,
          rgba(20,200,230,.5) 10deg 11deg,
          rgba(255,255,255,.4) 12deg 13deg,
          rgba(20,200,230,0) 16deg 21deg);
  background: repeating-conic-gradient(from 0deg,
          rgba(20,200,230,0) 0deg 4deg,
          rgba(20,200,230,.58) 5deg 9deg,
          rgba(122,61,240,.52) 10deg 14deg,
          rgba(255,255,255,.6) 15deg 17deg,
          rgba(212,23,154,.5) 18deg 22deg,
          rgba(224,24,127,.45) 23deg 27deg,
          rgba(20,200,230,0) 30deg 36deg);
}
      /* obscured card a bit more visible (less black) */
            /* pick state shown by background color only (labels removed) */
      .pick-state {
  position: absolute;
        left: 2px;
        right: 2px;
        bottom: 3px;
        z-index: 2;
        padding: 1px 0;
        border-radius: 2px;
        background: linear-gradient(90deg, transparent, rgba(5,8,6,.86) 22%, rgba(5,8,6,.86) 78%, transparent);
        overflow: hidden;
        font: 900 11px/1 var(--type-number);
        letter-spacing: .035em;
        text-align: center;
        white-space: nowrap;
        text-shadow: 0 1px 2px #000;
  display: none !important;
}
      /* center the pick number */
      .pick-number {
  position: relative;
        z-index: 1;
        display: block;
        transform: translateY(-3px);
        letter-spacing: .02em;
  position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; text-align: center;
}
      /* reveal video (black bg -> transparent via screen) */
      .seal-video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:10; opacity:0; pointer-events:none; mix-blend-mode:screen; transition:opacity .18s ease; }
      .seal-video.go { opacity:1; }
      /* removed micro-labels */
      .shelf-product::after {
  content: "MARKET";
        position: absolute;
        top: 8px;
        right: 8px;
        z-index: 2;
        padding: 4px 6px;
        color: var(--acid-ink);
        background: rgba(20,18,40,.06);
        border: 1px solid rgba(20,200,230,.25);
        border-radius: 4px;
        font-size: 13px;
        font-weight: 800;
        letter-spacing: .12em;
  display: none !important;
}
      .shelf-meta small { display: none !important; }
      /* full-bleed top background (excludes header), centered & stays centered */
                  .top-hero img { display: block; margin: 0 auto; max-width: min(1080px, 100%); }
      /* bg2 full (bigger, extends down & overlaps shelf); img1 on top */
            .top-hero img { position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: min(1080px, 100%); z-index: 1; }
      /* bg2 as fixed-size, non-shrinking, centered layer BEHIND everything (meshes with shelf, no gap) */
                  .top-hero img { position: static; display: block; margin: 0 auto; width: min(1080px, 100%); transform: none; z-index: auto; }
      /* img1 also fixed native size so it never drifts from bg2 on resize */
            .top-hero img { width: 1080px; max-width: none; margin: 0 auto; }
      /* keep top-hero open so bg2 can extend down; center img1 by transform (aligns with bg2, no drift) */
            .top-hero img { position: relative; left: 50%; transform: translateX(-50%); width: 1080px; max-width: none; margin: 0; }
      /* bg2 as a real layer behind hero content (not clipped by oripa-wrap bg) */
                  .hero-zone > .top-hero, .hero-zone > .showcase-label { position: relative; z-index: 1; }
            /* match '»ó½Ã ¿À¸®ÆÄ ¶óÀξ÷' to '¿À´ÃÀÇ HIT Ä«µå' size */
      .showcase-label b { font-size: 21px; }
      /* bigger reveal card */
      .seal {
  height: 500px;
        margin: 16px 0;
        background: radial-gradient(circle at 50% 42%, #ffffff, #e4dcf6 72%);
        border: 0;
        border-radius: 12px;
        display: grid;
        place-items: center;
        text-align: center;
        position: relative;
        overflow: hidden;
  height: 400px;
}
            /* restore big responsive top image */
            .top-hero img { position: static; left: auto; transform: none; width: 100%; max-width: min(1080px, 100%); margin: 0 auto; display: block; }
      /* relocated centered nav + wallet (header removed) */
                  .oripa-topnav .wallet { position: absolute; right: 0; bottom: 40px; transform: translateY(-50%); display: flex; align-items: center; gap: 10px; }
      .hero-zone > *:not(.hero-bg) { position: relative; z-index: 1; }
      /* card BACK image -> card_jp.png */
            @media (max-width: 620px) {
        .oripa-topnav { flex-direction: column; gap: 10px; }
        .oripa-topnav .wallet { position: static; transform: none; }
      }
      /* pretty nav (segmented pill, centered) + wallet pill */
      .oripa-topnav {
  position: relative; z-index: 1; display: flex; justify-content: center; align-items: center; padding: 10px 0 16px;
  padding: 14px 0 20px;
}
            .oripa-nav .navbtn { border: 0; background: transparent; color: #6c6885; padding: 5px 20px; font-weight: 800; font-size: 14px; border-radius: 999px; cursor: pointer; transition: background .15s, color .15s; }
      .oripa-nav .navbtn:hover { color: #16141f; background: rgba(20,200,230,.08); }
            .oripa-topnav .wallet { position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: flex; align-items: center; gap: 8px; background: #fff; border: 1px solid var(--line); border-radius: 999px; padding: 5px 5px 5px 15px; box-shadow: 0 6px 18px rgba(20,18,40,.07); }
      .oripa-topnav .wallet > div { display: flex !important; align-items: baseline; gap: 6px; }
      .oripa-topnav .wallet small { display: inline; color: #6c6885; font-size: 11px; font-weight: 800; letter-spacing: .04em; }
      .oripa-topnav .wallet b { font-size: 16px; color: var(--acid-ink); }
      .oripa-topnav .outline { border: 0; background: var(--acid-ink); color: #fff; border-radius: 999px; padding: 8px 16px; font-weight: 800; font-size: 13px; }
      .oripa-topnav .outline:hover { filter: brightness(1.1); }
      @media (max-width: 620px) { .oripa-topnav .wallet { position: static; transform: none; } }
      /* popup card frame matched to card_jp.png ratio (1824:2328) */
            /* card frame back to pokemon ratio so front shows right & back (cover) fully hides it */
      .card-stage {
  position:relative; width:150px; height:210px; margin:0 auto; z-index:2; perspective:1000px;
        touch-action:none; user-select:none; -webkit-user-select:none;
  width: 230px; height: 322px;
  width: 240px; height: 306px;
  width: 230px; height: 322px;
}
            .oripa-topnav .wallet .fb-icon { height: 24px; width: auto; display: block; }
      /* bg2 scales with img1 (1920/1080 of content width) so they stay aligned */
            /* faster spin, card barely visible mid-spin, pops in on landing */
      @keyframes flipInReveal {
        0%   { transform: rotateY(-2160deg) scale(.68); opacity: 0; }
        55%  { opacity: 0; }
        72%  { opacity: .35; }
        100% { transform: rotateY(0deg) scale(1); opacity: 1; }
      }
            /* visible-but-fast spin */
      @keyframes flipInReveal {
        0%   { transform: rotateY(-1440deg) scale(.75); opacity: 0; }
        18%  { opacity: 1; }
        55%  { transform: rotateY(-360deg) scale(.95); }
        80%  { transform: rotateY(-120deg) scale(.98); }
        100% { transform: rotateY(0deg) scale(1); opacity: 1; }
      }
            /* revert to original reveal spin */
      @keyframes flipInReveal {
        0%   { transform: rotateY(-1800deg) scale(.62); opacity: 0; }
        12%  { opacity: .4; }
        40%  { opacity: 1; }
        50%  { transform: rotateY(-540deg) scale(.9); }
        75%  { transform: rotateY(-180deg) scale(.97); }
        90%  { transform: rotateY(-55deg) scale(.99); }
        100% { transform: rotateY(0deg) scale(1); opacity: 1; }
      }
      .card-front.revealed {
  animation: flipInReveal .62s cubic-bezier(.2,.8,.25,1.15) both;
  animation: flipInReveal .95s cubic-bezier(.15,.72,.2,1) both;
  animation: flipInReveal .6s cubic-bezier(.12,.7,.2,1) both;
  animation: flipInReveal .85s cubic-bezier(.14,.72,.2,1) both;
  animation: flipInReveal 1.05s linear both;
  animation: flipInReveal 0.55s cubic-bezier(.2,.78,.25,1) both;
  animation: flipInReveal 0.85s cubic-bezier(.15,.72,.2,1) both;
  animation: flipInReveal 1.05s linear both;
}
      /* keep card visible while spinning; flash only briefly at landing */
      .card-front {
  background:#fff; z-index:1; isolation:isolate; backface-visibility:hidden;
  backface-visibility: visible !important;
}
      .card-back {
  z-index:3; cursor:grab; touch-action:none; will-change:transform; backface-visibility:hidden;
        background: var(--oripa-card-back) center/cover no-repeat;
        border:1px solid #cfc7e6; box-shadow:0 12px 26px rgba(0,0,0,.34), inset 0 0 0 1px rgba(255,255,255,.15);
  background: url("/_template/service/images/07event_images/2026/08_pokemon/card_jp.png") center / cover no-repeat;
  background: url("/_template/service/images/07event_images/2026/08_pokemon/card_jp.png") center / cover no-repeat;
  backface-visibility: visible !important;
}
      .seal-flash.go {
  animation: sealFlash .66s ease-out;
  animation: sealFlash 1.15s ease-out;
  animation: sealFlash 0.5s ease-out;
}
      @keyframes sealFlash { 0%{opacity:0} 30%{opacity:1} 45%{opacity:1} 100%{opacity:0} }
      /* unify all section titles: same size (21px), bold */
      .hit-zone-head h2,
      .showcase-label b,
      .boardtop b,
      .winner-archive h3,
      .event-notice-head h2 { font-size: 21px !important; font-weight: 800 !important; }
      .seal-subtitle { text-align: center; color: #6c6885; font-size: 13px; font-weight: 700; margin: 0 0 10px; }
      /* daily hit card: hover spin + background3 video overlay */
      .daily-card {
  position: relative;
        min-width: 0;
        padding: 9px;
        overflow: hidden;
        border: 1px solid rgba(255,255,255,.1);
        border-radius: 11px;
        background: linear-gradient(180deg, #f4f2fb, #ffffff);
        cursor: pointer;
        transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
  perspective: 700px;
}
      .daily-card img { backface-visibility: visible; }
      .daily-card:hover img {
  transform: translateY(-4px) rotate(-.5deg);
  animation: dcSpin 1.4s linear infinite;
}
      @keyframes dcSpin { to { transform: rotateY(360deg); } }
      .dc-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 5; opacity: 0; pointer-events: none; mix-blend-mode: screen; border-radius: 11px; transition: opacity .2s ease; }
      .daily-card:hover .dc-video { opacity: 1; }
      /* === TOP simplified: single w_top_bg4a banner, centered, dark base #ecebf9 === */
            body, .oripa-wrap { background: #ecebf9 !important; }
      .hero-zone {
  position: relative; isolation: isolate;
  background: #ecebf9 !important;
}
      .hero-bg {
  position: absolute; top: 0; left: 50%; transform: translateX(-50%);
        width: 100vw; height: 771px;
        background: url("/_template/service/images/07event_images/2026/08_pokemon/w_top_bg_new2.jpg") center top no-repeat;
        background-size: auto;
        z-index: 0; pointer-events: none;
  width: 177.78%; height: auto; aspect-ratio: 1920 / 771; background: url("/_template/service/images/07event_images/2026/08_pokemon/w_top_bg_new2.jpg") center top / 100% 100% no-repeat;
  display: none !important;
}
      .top-hero::before {
  content: "";
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 100vw;
        height: 771px;
        background: url("/_template/service/images/07event_images/2026/08_pokemon/w_top_bg_new2.jpg") center top no-repeat;
        background-size: auto;
        z-index: -1;
        pointer-events: none;
  content: none !important;
  content: none !important;
}
      .top-hero img { display: block !important; width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; height: auto !important; max-width: none !important; position: static !important; left: auto !important; transform: none !important; }
            .hero-zone .showcase-label b, .hero-zone > b { color: #16141f !important; }
      /* nav + wallet overlap up into the banner image */
      .hero-zone .oripa-topnav { margin-top: -400px !important; position: relative !important; z-index: 3 !important; }
      /* dark text on green accents */
      .oripa-nav .navbtn.active {
  color: #16141f; background: var(--acid); box-shadow: 0 3px 10px rgba(20,200,230,.45);
  color: #08222a !important;
}
      .navbtn.active { color: #08222a !important; }
      .store-shelf > .showcase-label { grid-column: 1 / -1; margin: 0 0 6px; }
      /* full responsive: tracks & items shrink so nothing overflows */
      .store-shelf { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
      .items {
  display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 8px;
        margin: 14px 0;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
      .shelf-image { min-width: 0 !important; }
      .store-shelf img, .daily-card img, .hit-card img, .items img, .card-market-visual img, .winner-history-card img, .shelf-image img { max-width: 100% !important; }
      @media (max-width: 860px){
        .store-shelf { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
        .items { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
        .hero-zone .oripa-topnav { margin-top: 6px !important; }
      }
      @media (max-width: 440px){
        .store-shelf { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
      }
      /* scroll-to-top button beside content (right) */
      .w-to-top { position: fixed; bottom: 26px; right: max(16px, calc((100vw - 1080px) / 2 - 56px)); z-index: 60; width: 46px; height: 46px; border-radius: 50%; background: var(--acid); color: #08222a; border: 0; font-size: 20px; font-weight: 900; line-height: 46px; text-align: center; cursor: pointer; opacity: 0; pointer-events: none; transition: opacity .25s ease, transform .2s ease; box-shadow: 0 8px 22px rgba(0,0,0,.45); }
      .w-to-top.show { opacity: 1; pointer-events: auto; }
            .daily-card, .shelf-product, .pick, .hit-card, .items > *, .store-shelf > * { min-width: 0 !important; }
    
      /* === mobile isolation + responsive fixes (2026 added) === */
      html, body {
  margin: 0 !important; padding: 0 !important; overflow-x: hidden !important; overflow-x: clip !important;
  min-width: 0 !important;
}
      @media (max-width: 1180px){
        #wrapper,#container,#contents_main,#contents_body,#footer,.con,.bot_t,.top_wrap,.top_h,.search_top,.sub_con,.sitemapin,.gnb ul { width:100% !important; min-width:0 !important; max-width:100% !important; box-sizing:border-box; }
      }
      .daily-card-row {
  display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 9px;
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
}
      .w-to-top { width:54px !important; height:54px !important; line-height:54px !important; font-size:26px !important; z-index:120 !important; background:#16141f !important; color:#08222a !important; border:1px solid rgba(20,200,230,.5) !important; box-shadow:0 6px 18px rgba(0,0,0,.35) !important; }
      @media (max-width: 620px){
        /* 2-up removed; horizontal slide applies below */
        .store-shelf { padding-top: 58px !important; }
        .store-shelf::before { white-space: pre !important; height:auto !important; line-height:1.35 !important; padding-top:6px !important; padding-bottom:6px !important; content:"TODAY'S HIT BOX SHOWCASE\A OPEN 22:00" !important; }
        .w-to-top { bottom: 84px !important; }
      }
    
      /* top banner: fixed size (no shrink) + center crop; scale only on mobile (<=860px) */
      .top-hero {
  margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        background: url("/_template/service/images/07event_images/2026/08_pokemon/w_top_bg_new2.jpg") center center no-repeat;
        background-size: cover;
        display: flex;
        justify-content: center;
        align-items: center;
  display: block; position: relative; aspect-ratio: 1920 / 771; background-position: center top; margin-bottom: -5vw; z-index: 0;
  display: block; position: relative; margin: 0; aspect-ratio: auto; background: none; z-index: auto; overflow: visible;
  width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); overflow: hidden;
  width: auto; margin: 0; overflow: visible;
  width: auto; margin: 0; overflow: visible;
  display: block !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        height: auto !important;
        background: #ecebf9 !important;
        overflow: visible !important;
  width:100vw !important; margin-left:calc(50% - 50vw) !important; margin-right:calc(50% - 50vw) !important; overflow:hidden !important; display:block !important;
}
      .top-hero picture { display:block !important; width:100% !important; }
      .top-hero img { display:block !important; width:1920px !important; min-width:0 !important; max-width:none !important; height:auto !important; margin:0 !important; position:relative !important; left:50% !important; transform:translateX(-50%) !important; }
      @media (max-width:860px){
        .top-hero img { width:100% !important; min-width:0 !important; left:auto !important; transform:none !important; }
      }
      /* »ó´Ü ¹è³Ê ÇÏ´Ü Åõ¸í ÆäÀ̵å (w_top_bg_new2 / m_top_bg4 °øÅë) */
      .top-hero img { -webkit-mask-image: linear-gradient(to bottom, #000 66%, transparent 100%) !important; mask-image: linear-gradient(to bottom, #000 66%, transparent 100%) !important; }

      /* HIT cards: mobile horizontal slide (2 full + 1 half visible) */
      @media (max-width:860px){
        .daily-hit-zone, .hit-showcase { min-width:0 !important; max-width:100% !important; }
        .today .daily-card-row, .tomorrow .daily-card-row { display:block !important; grid-template-columns:none !important; white-space:nowrap !important; overflow-x:auto !important; overflow-y:hidden !important; -webkit-overflow-scrolling:touch !important; min-width:0 !important; max-width:100% !important; padding-bottom:6px !important; }
        .today .daily-card, .tomorrow .daily-card { display:inline-block !important; white-space:normal !important; vertical-align:top !important; width:40% !important; min-width:40% !important; margin:0 9px 0 0 !important; }
      }
    
      /* mobile: menu overlaps banner bottom, in-flow (never disappears) */
      @media (max-width:860px){
        .top-hero { min-height:0 !important; }
        .hero-zone { position:relative !important; }
        .hero-zone .oripa-topnav { position:relative !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; gap:10px !important; margin:-24vw 0 14px !important; padding:0 12px !important; z-index:20 !important; }
        .oripa-topnav .oripa-nav { position:relative !important; margin:0 auto !important; max-width:100% !important; }
        .oripa-topnav .wallet { position:static !important; transform:none !important; right:auto !important; top:auto !important; left:auto !important; margin:0 auto !important; }
      }
    
      /* center the product list-view pill (dae-bak card list button) */
      .shelf-meta span { display:flex !important; width:fit-content !important; max-width:100% !important; margin-left:auto !important; margin-right:auto !important; }
    
      /* fixes: hit img height on mobile, nav hover text color, list-pill text size */
      .oripa-nav .navbtn:hover { color:#08222a !important; background:rgba(20,200,230,.16) !important; }
      @media (max-width:860px){
        .today .daily-card img, .tomorrow .daily-card img { height:auto !important; }
      }
      @media (max-width:600px){
        .shelf-meta span { font-size:11px !important; padding:5px 9px !important; white-space:nowrap !important; letter-spacing:0 !important; }
      }
    
      /* mobile: shelf product image + background height 150px */
      @media (max-width:600px){
        .shelf-image { height:150px !important; }
        .shelf-image img { height:150px !important; }
      }
    
      /* mobile menu polish: floating rounded nav pill + wallet, centered */
      @media (max-width:860px){
        .oripa-topnav .oripa-nav { flex-wrap:nowrap !important; justify-content:center !important; gap:1px !important; padding:0 !important; background:transparent !important; border:0 !important; box-shadow:none !important; backdrop-filter:none !important; max-width:100% !important; overflow:visible !important; }
        .oripa-nav .navbtn { flex:0 0 auto !important; padding:6px 6px !important; font-size:11px !important; letter-spacing:0 !important; white-space:nowrap !important; color:#16141f !important; text-shadow:0 1px 3px rgba(0,0,0,.65) !important; }
        .oripa-nav .navbtn.active { color:#08222a !important; text-shadow:none !important; }
        .oripa-topnav .wallet { gap:8px !important; padding:6px 10px 6px 14px !important; border-radius:999px !important; box-shadow:0 12px 28px rgba(0,0,0,.34) !important; }
      }
    
      /* mobile: pull content block up (tighter under banner/menu) */
      @media (max-width:860px){
        .oripa-topnav { margin-bottom:6px !important; }
        .store-shelf { margin-top:0 !important; }
      }
    
      /* winners menu label: PC full text, mobile short */
      .oripa-nav .wn-mo { display:none; }
      @media (max-width:860px){
        .oripa-nav .wn-pc { display:none !important; }
        .oripa-nav .wn-mo { display:inline !important; }
      }
    
      /* PC: semi-transparent glass menu + wallet */
      @media (min-width:861px){
        .oripa-nav { background:rgba(255,255,255,.6) !important; -webkit-backdrop-filter:blur(9px) !important; backdrop-filter:blur(9px) !important; border-color:rgba(255,255,255,.32) !important; }
        .oripa-nav .navbtn { color:#16141f !important; text-shadow:none !important; }
        .oripa-nav .navbtn.active { color:#08222a !important; text-shadow:none !important; }
        .oripa-topnav .wallet { background:rgba(255,255,255,.6) !important; -webkit-backdrop-filter:blur(9px) !important; backdrop-filter:blur(9px) !important; border-color:rgba(255,255,255,.32) !important; }
        .oripa-topnav .wallet small { color:#16141f !important; }
        .oripa-topnav .wallet b { color:#16141f !important; }
      }
    
      /* mobile: full-bleed menu area, buttons spread across full width (no scroll) */
      @media (max-width:860px){
        .hero-zone .oripa-topnav { width:100vw !important; margin-left:calc(50% - 50vw) !important; margin-right:calc(50% - 50vw) !important; }
        .oripa-topnav .oripa-nav { width:100% !important; max-width:100% !important; gap:0 !important; flex-wrap:nowrap !important; }
        .oripa-nav .navbtn { flex:1 1 auto !important; min-width:0 !important; text-align:center !important; padding:8px 4px !important; font-size:15px !important; }
      }
    
      /* FB mark -> fileball.png image (sized to text) */
      .fileball-guide-mark span { background:none !important; box-shadow:none !important; width:auto !important; height:auto !important; }
      .fileball-guide-mark span img { height:26px !important; width:auto !important; display:block !important; } 
    
      /* soften rotating background image (background.png) - paler than gold */
      .seal-bg {
  position:absolute; inset:0; z-index:1; background:url("/_template/service/images/07event_images/2026/08_pokemon/background.png") center/cover no-repeat; opacity:0; transition:opacity .55s ease; pointer-events:none;
  opacity: calc(.30 + var(--p,0) * .55); transition: opacity .3s ease;
          animation: bgPulse 3.4s ease-in-out infinite;
  inset: auto; left: 50%; top: 50%; width: 1040px; height: 1040px;
        background: url("/_template/service/images/07event_images/2026/08_pokemon/background.png") center/cover no-repeat; z-index: 1; pointer-events: none;
        opacity: calc(.30 + var(--p,0) * .55); transition: opacity .3s ease;
        -webkit-mask-image:radial-gradient(circle closest-side, #000 62%, transparent 98%); mask-image:radial-gradient(circle closest-side, #000 62%, transparent 98%);
        transform: translate(-50%,-50%); animation: bgSpin 12s linear infinite;
  animation: none !important; transform: translate(-50%, -50%) rotate(var(--spinBg, 0deg));
  opacity: 0;
  filter: blur(8px);
  transform: translate(-50%,-50%) rotate(var(--spinBg,0deg)) scale(var(--bgScale,1));
  filter: saturate(1.4) brightness(1.15) hue-rotate(198deg) !important;
}
    
      /* top button - landing.html skin */
      .w-to-top{position:fixed !important;right:max(16px,calc((100vw - 1080px)/2 - 56px)) !important;left:auto !important;bottom:26px !important;width:48px !important;height:48px !important;line-height:1 !important;border-radius:50% !important;background:#d4179a !important;color:#fff !important;border:0 !important;font-size:22px !important;font-weight:700 !important;box-shadow:0 10px 26px rgba(255,255,255,.28) !important;}
      .w-to-top:hover {
  transform: translateY(-2px);
  transform:translateY(-2px) !important;
}
      body:has(.modalback.open) .w-to-top{display:none !important;}
          /* full-screen card reveal popup: bg + card + title + drag hint only */
      /* backdrop-filter on .modalback makes it the containing block for the fixed modal,
         so its 18px padding leaves a frame - zero it out so the popup is truly full screen */
                  .modal:has(#seal) #mBody{width:100vw !important;height:100vh !important;position:relative !important;}
      /* seal fills the whole screen; padding reserves the top title + bottom result panel.
         backgrounds are absolute (referenced to the full padding-box) so they always fill the screen,
         while the card + arrows are grid items that center in the content-box (the gap) - so the card
         never bites the title, and the background is never cut. */
      .modal:has(#seal) .seal{position:absolute !important;inset:0 !important;width:100vw !important;height:100vh !important;box-sizing:border-box !important;padding-top:68px !important;padding-bottom:68px !important;margin:0 !important;border-radius:0 !important;overflow:hidden !important;display:grid !important;place-items:center !important;grid-template:1fr/1fr !important;perspective:1400px !important;}
      @keyframes resultPop{0%{opacity:0;transform:scale(.4) rotateY(-720deg);}40%{opacity:1;}100%{opacity:1;transform:scale(1) rotateY(0deg);}}
      .modal.show-result:has(#seal) .card-stage.result-pop{animation:resultPop .9s cubic-bezier(.16,.8,.28,1.04) both;}
      .modal:has(#seal) .card-stage{grid-area:1/1 !important;width:min(78vw,360px) !important;height:auto !important;aspect-ratio:63/88 !important;place-self:center !important;margin:0 !important;}
      /* drag hint: front card stays put, only the BACK card slides up/down (drag signal) */
      .modal:has(#seal) .seal:not(.dragging) .card-back:not(.gone){animation:backNudge 1.25s ease-in-out infinite;}
      @keyframes backNudge{0%,100%{transform:translateY(-9px);}50%{transform:translateY(9px);}}
      /* fixed (non-animated) up/down arrows: thin shaft, thick head */
      .modal:has(#seal) .drag-arrows{position:relative;grid-area:1/1;place-self:center;width:min(78vw,360px);aspect-ratio:63/88;pointer-events:none;z-index:9;transition:opacity .25s ease;}
      .drag-arrows .drag-arrow{position:absolute;left:50%;width:32px;height:42px;filter:drop-shadow(0 2px 5px rgba(0,0,0,.6));}
                  .drag-arrows .up{bottom:100%;margin-bottom:12px;transform:translateX(-50%);}
      .drag-arrows .down{top:100%;margin-top:12px;transform:translateX(-50%) rotate(180deg);}
      .seal.dragging .drag-arrows, .card-stage.opened ~ .drag-arrows{opacity:0;}
      .modal:has(#seal) .mtop{position:absolute !important;top:16px !important;left:0 !important;right:0 !important;margin:0 !important;padding:0 20px !important;justify-content:center !important;z-index:30 !important;}
            .modal:has(#seal) .mtop > div{width:auto !important;max-width:calc(100% - 96px) !important;text-align:center !important;background:rgba(255,255,255,.62) !important;padding:7px 20px !important;border-radius:16px !important;}
      .modal:has(#seal) .mtop h2,.modal:has(#seal) .mtop .wpe-eyebrow{text-shadow:0 1px 5px rgba(0,0,0,.7) !important;}
            .modal:has(#seal) .mtop .close{position:absolute !important;right:16px !important;top:-2px !important;}
      /* result view: card + backgrounds auto-center in the space above the result panel (structure-driven, no manual offsets) */
      .modal.show-result:has(#seal) .card-stage{width:min(78vw,360px) !important;}
      .modal.show-result:has(#seal) #postReveal{position:absolute !important;left:0 !important;right:0 !important;bottom:0 !important;display:block !important;width:100% !important;box-sizing:border-box !important;z-index:20 !important;overflow-y:auto !important;padding:12px 22px calc(14px + env(safe-area-inset-bottom)) !important;background:linear-gradient(to top, rgba(255,255,255,.95) 84%, rgba(255,255,255,.55) 94%, rgba(255,255,255,0)) !important;text-align:center !important;}
      .modal.show-result:has(#seal) #postReveal .result{margin:0 !important;gap:9px !important;}
      .modal.show-result:has(#seal) #postReveal .result .burst{width:40px !important;height:40px !important;font-size:17px !important;margin:0 !important;box-shadow:0 0 20px rgba(20,200,230,.12) !important;}
      .modal.show-result:has(#seal) #postReveal .result h2{font-weight:800 !important;font-size:23px !important;margin:0 !important;}
      .modal.show-result:has(#seal) #postReveal .result p{font-weight:700 !important;color:#16141f !important;font-size:13px !important;line-height:1.4 !important;margin:1px 0 0 !important;white-space:nowrap !important;}
      /* buttons as small as possible, pushed to the right (PC) */
      .modal.show-result:has(#seal) #postReveal .mactions{max-width:360px !important;margin:8px auto 0 !important;gap:8px !important;justify-content:center !important;}
      .modal.show-result:has(#seal) #postReveal .mactions button{flex:0 0 auto !important;width:auto !important;padding:8px 14px !important;font-size:13px !important;}
      /* mobile: clean & tight */
      @media (max-width:600px){
        .modal.show-result:has(#seal) .card-stage{width:min(78vw,360px) !important;}
        .modal.show-result:has(#seal) #postReveal{padding:10px 14px calc(10px + env(safe-area-inset-bottom)) !important;}
        .modal.show-result:has(#seal) #postReveal .result .burst{width:36px !important;height:36px !important;font-size:15px !important;margin:0 !important;}
        .modal.show-result:has(#seal) #postReveal .result h2{font-size:19px !important;}
        .modal.show-result:has(#seal) #postReveal .result p{font-size:11px !important;white-space:normal !important;}
        .modal.show-result:has(#seal) #postReveal .mactions{justify-content:center !important;gap:8px !important;}
        .modal.show-result:has(#seal) #postReveal .mactions button{padding:8px 10px !important;font-size:12px !important;}
      }
      /* mobile: images 1 & 2 a bit smaller */
      @media (max-width:600px){
        .seal-bg{width:720px !important;height:720px !important;}
        .seal-bg2{width:880px !important;height:587px !important;}
      }
            .modal:has(#seal) .seal.dragging .drag-hint, .modal:has(#seal) .card-stage.opened ~ .drag-hint{opacity:0 !important;}
      /* ===== casino-grade reveal FX ===== */
      .seal.fx-shake{animation:fxShake .58s cubic-bezier(.36,.07,.19,.97) both;}
      @keyframes fxShake{0%{transform:translate(0,0) scale(1.06)}12%{transform:translate(-8px,6px) scale(1.045)}24%{transform:translate(9px,-7px) scale(1.032)}36%{transform:translate(-10px,7px) scale(1.022)}48%{transform:translate(8px,-6px) scale(1.015)}60%{transform:translate(-6px,5px) scale(1.009)}72%{transform:translate(5px,-4px) scale(1.005)}84%{transform:translate(-3px,3px) scale(1.002)}100%{transform:translate(0,0) scale(1)}}
            .seal.fx-lit .fx-vignette{opacity:1;}
      .fx-charge{position:absolute;left:50%;top:50%;width:min(86vw,440px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%) scale(calc(.5 + var(--p,0)*.75));opacity:calc(var(--p,0)*.9);pointer-events:none;z-index:1;background:radial-gradient(circle,rgba(122,61,240,.6) 0%,rgba(224,24,127,.3) 36%,transparent 66%);mix-blend-mode:screen;filter:blur(3px);transition:opacity .12s linear;}
      .seal.fx-lit .fx-charge{opacity:0 !important;transition:opacity .45s ease;}
      .fx-shockwave{position:absolute;left:50%;top:50%;width:64px;height:64px;border-radius:50%;transform:translate(-50%,-50%) scale(.15);pointer-events:none;z-index:12;border:3px solid rgba(122,61,240,.95);box-shadow:0 0 52px 12px rgba(224,24,127,.55),inset 0 0 34px rgba(224,24,127,.45);opacity:0;}
      .fx-shockwave.go{animation:fxShock .72s cubic-bezier(.15,.75,.25,1) forwards;}
      @keyframes fxShock{0%{opacity:0;transform:translate(-50%,-50%) scale(.15);}10%{opacity:1;}100%{opacity:0;transform:translate(-50%,-50%) scale(12);border-width:1px;}}
      .fx-particle{position:absolute;left:50%;top:50%;width:var(--sz,8px);height:var(--sz,8px);border-radius:50%;pointer-events:none;z-index:13;background:radial-gradient(circle at 38% 32%,#ffffff,#e0187f 52%,#7a3df0 100%);box-shadow:0 0 10px 2px rgba(224,24,127,.85);opacity:0;}
      .fx-particle.go{animation:fxPart var(--dur,.9s) cubic-bezier(.1,.65,.28,1) forwards;}
      @keyframes fxPart{0%{opacity:1;transform:translate(-50%,-50%);}70%{opacity:1;}100%{opacity:0;transform:translate(calc(-50% + var(--tx,0px)),calc(-50% + var(--ty,0px))) scale(.25);}}
      .card-front.fx-rim{box-shadow:0 0 0 2px rgba(122,61,240,.95),0 0 46px 9px rgba(224,24,127,.62),0 14px 34px rgba(0,0,0,.45) !important;}
      @media (prefers-reduced-motion: reduce){.seal.fx-shake{animation:none !important;}}
      /* ===== NEW cinematic full-screen reveal (multi-phase, European casino style) ===== */
      .cine{position:absolute;inset:0;z-index:9999;overflow:hidden;pointer-events:none;font-family:'Pretendard';}
      /* darken surroundings */
            .cine.run .cine-back{opacity:1;}
      .cine.white .cine-back,.cine.reveal .cine-back,.cine.out .cine-back{opacity:0;transition:opacity .5s ease;}
      /* zigzag stream of card-backs flowing behind (rows alternate L/R) */
            .cine.run .cine-stream{opacity:.4;}
      .cine.charge .cine-stream{opacity:.5;}
      .cine.white .cine-stream,.cine.reveal .cine-stream,.cine.out .cine-stream{opacity:0;}
      .cine-row{display:flex;flex:1;overflow:hidden;}
      .cine-row>span{display:flex;flex:none;gap:0;will-change:transform;}
      .cine-row.L>span{animation:streamL 9s linear infinite;}
      .cine-row.R>span{animation:streamR 9s linear infinite;}
      @keyframes streamL{from{transform:translateX(0);}to{transform:translateX(-50%);}}
      @keyframes streamR{from{transform:translateX(-50%);}to{transform:translateX(0);}}
      .cine-tile{flex:none;height:100%;aspect-ratio:63/88;background:var(--oripa-card-back) center/cover no-repeat;}
      /* spotlight cone from top onto the card */
      .cine-spot{position:absolute;left:50%;top:-10%;width:min(128vw,720px);height:122%;transform:translateX(-50%);opacity:0;z-index:2;pointer-events:none;mix-blend-mode:screen;transition:opacity .6s ease;
        background:radial-gradient(ellipse 58% 62% at 50% 24%, rgba(235,240,255,.6), rgba(255,231,158,.26) 50%, transparent 78%);clip-path:polygon(28% 0,72% 0,99% 100%,1% 100%);}
      .cine.run .cine-spot{opacity:.95;}
      .cine.white .cine-spot,.cine.reveal .cine-spot,.cine.out .cine-spot{opacity:0;}
      /* light.mp4 shining from above (replaces spotlight) */
      .cine-light{position:absolute;left:50%;top:0;width:min(120vw,780px);height:100%;transform:translateX(-50%);object-fit:cover;object-position:center top;opacity:0;z-index:2;pointer-events:none;mix-blend-mode:screen;transition:opacity .5s ease;filter:blur(9px);-webkit-mask-image:radial-gradient(ellipse 74% 80% at 50% 24%, #000 28%, transparent 96%);mask-image:radial-gradient(ellipse 74% 80% at 50% 24%, #000 28%, transparent 96%);}
      .cine.run .cine-light{opacity:.8;}
      .cine.white .cine-light,.cine.reveal .cine-light,.cine.out .cine-light{opacity:0;}
      /* rotating radiant rays (build up) */
      .cine-rays{position:absolute;left:50%;top:44%;width:230vmax;height:230vmax;margin-left:-115vmax;margin-top:-115vmax;opacity:0;mix-blend-mode:screen;filter:blur(1px);animation:cineSpin 9s linear infinite;transition:opacity .6s ease;
        background:repeating-conic-gradient(from 0deg, rgba(224,24,127,0) 0deg 6deg, rgba(20,200,230,.28) 7deg 9deg, rgba(160,225,245,.55) 9.4deg 10.6deg, rgba(20,200,230,.28) 11deg 12deg, rgba(224,24,127,0) 13deg 18deg);}
      .cine.build .cine-rays{opacity:.55;}
      .cine.charge .cine-rays{opacity:.95;animation-duration:2.4s;}
      .cine.white .cine-rays,.cine.out .cine-rays{opacity:0;}
      @keyframes cineSpin{to{transform:rotate(360deg);}}
      /* glowing aura behind card */
      .cine-halo{position:absolute;left:50%;top:44%;width:min(110vw,640px);height:min(110vw,640px);opacity:0;z-index:3;pointer-events:none;mix-blend-mode:screen;transform:translate(-50%,-50%) scale(.85);
        background:radial-gradient(circle, rgba(122,61,240,.7), rgba(224,24,127,.28) 42%, transparent 66%);transition:opacity .5s ease;}
      .cine.build .cine-halo{opacity:.7;animation:haloPulse 1s ease-in-out infinite;}
      .cine.charge .cine-halo{opacity:1;animation:haloPulse .42s ease-in-out infinite;}
      .cine.white .cine-halo,.cine.out .cine-halo{opacity:0;animation:none;}
      @keyframes haloPulse{0%,100%{transform:translate(-50%,-50%) scale(.85);}50%{transform:translate(-50%,-50%) scale(1.12);}}
      /* full-screen fluorescent glow flooding in as it charges */
      .cine-fluor{position:absolute;inset:0;z-index:5;opacity:0;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle at 50% 44%, rgba(200,230,250,.55), rgba(224,24,127,.14) 46%, transparent 74%);}
      .cine.charge .cine-fluor{animation:fluorPulse .4s ease-in-out infinite;}
      .cine.vanish .cine-fluor{opacity:1;transition:opacity .3s ease;}
      .cine.white .cine-fluor,.cine.out .cine-fluor{opacity:0;}
      @keyframes fluorPulse{0%,100%{opacity:.25;}50%{opacity:.72;}}
      /* face-down mystery card: appears, shakes L-R harder, then spins away & vanishes */
      .cine-cardback{position:absolute;left:50%;top:44%;width:min(72vw,340px);aspect-ratio:63/88;z-index:6;border-radius:14px;overflow:hidden;opacity:0;transform:translate(-50%,-50%) scale(.55);
        background:var(--oripa-card-back) center/cover no-repeat, linear-gradient(145deg,#f3ebfb,#ffffff);border:1px solid rgba(122,61,240,.55);box-shadow:0 18px 46px rgba(0,0,0,.6);transition:opacity .4s ease, transform .4s cubic-bezier(.2,.9,.3,1.2);}
      .cine.run .cine-cardback{opacity:1;transform:translate(-50%,-50%) scale(1);}
      .cine.build .cine-cardback{animation:cardShakeLR .5s ease-in-out infinite;}
      .cine.charge .cine-cardback{animation:cardShakeLR .13s ease-in-out infinite;box-shadow:0 0 46px 10px rgba(224,24,127,.65),0 18px 46px rgba(0,0,0,.6);}
      .cine.frenzy .cine-cardback{animation:cardShakeHard .05s linear infinite;filter:blur(.5px);box-shadow:0 0 66px 18px rgba(224,24,127,.85),0 18px 46px rgba(0,0,0,.6);}
      .cine.vanish .cine-cardback{animation:cardVanish .5s cubic-bezier(.5,0,.85,.35) forwards;}
      @keyframes cardShakeLR{0%{transform:translate(-50%,-50%) translateX(-8px) rotate(-3deg);}50%{transform:translate(-50%,-50%) translateX(8px) rotate(3deg);}100%{transform:translate(-50%,-50%) translateX(-8px) rotate(-3deg);}}
      @keyframes cardShakeHard{0%{transform:translate(-50%,-50%) translateX(-13px) rotate(-5deg);}50%{transform:translate(-50%,-50%) translateX(13px) rotate(5deg);}100%{transform:translate(-50%,-50%) translateX(-13px) rotate(-5deg);}}
      @keyframes cardVanish{0%{opacity:1;transform:translate(-50%,-50%) scale(1) rotateY(0deg);}70%{opacity:1;}100%{opacity:0;transform:translate(-50%,-50%) scale(.12) rotateY(1080deg);}}
      /* round light that explodes right before the white-out */
      .cine-orb{position:absolute;left:50%;top:44%;width:64px;height:64px;border-radius:50%;transform:translate(-50%,-50%) scale(.1);opacity:0;z-index:19;background:radial-gradient(circle,#fff 0%,#ffffff 34%,rgba(224,24,127,.6) 60%,transparent 73%);box-shadow:0 0 90px 34px rgba(20,200,230,.7);}
      .cine-orb.go{animation:cineOrb .55s cubic-bezier(.42,0,.7,.42) forwards;}
      @keyframes cineOrb{0%{opacity:0;transform:translate(-50%,-50%) scale(.1);}18%{opacity:1;}100%{opacity:1;transform:translate(-50%,-50%) scale(28);}}
      /* the 1-second pure WHITE-OUT */
            .cine.white .cine-white{opacity:1;transition:opacity .16s ease-in;}
      .cine.reveal .cine-white{opacity:0;transition:opacity .35s ease-out;}
      /* the real card front: spins out of the white */
      .cine-cardfront{position:absolute;left:50%;top:44%;width:min(62vw,290px);aspect-ratio:63/88;z-index:24;border-radius:14px;overflow:hidden;opacity:0;transform:translate(-50%,-50%) scale(.3) rotateY(-1080deg);box-shadow:0 22px 58px rgba(0,0,0,.5);}
      .cine-cardfront img{width:100%;height:100%;object-fit:cover;display:block;}
      .cine.reveal .cine-cardfront{animation:cardOut 1.05s cubic-bezier(.16,.8,.28,1.04) .12s both;}
      @keyframes cardOut{0%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotateY(-1080deg);}26%{opacity:1;}100%{opacity:1;transform:translate(-50%,-50%) scale(1) rotateY(0deg);box-shadow:0 0 0 2px rgba(122,61,240,.95),0 0 56px 10px rgba(224,24,127,.6),0 22px 52px rgba(0,0,0,.5);}}
      .cine.out .cine-cardfront{opacity:0;transition:opacity .4s ease;}
      /* burst flash + title stamp on reveal */
      .cine-flash{position:absolute;inset:0;z-index:22;opacity:0;background:radial-gradient(circle at 50% 44%, #fff, rgba(235,240,255,.75) 38%, transparent 68%);}
      .cine-flash.go{animation:cineFlash .55s ease-out;}
      @keyframes cineFlash{0%{opacity:0;}10%{opacity:1;}100%{opacity:0;}}
            .cine-title.go{animation:cineStamp .55s cubic-bezier(.2,1.45,.35,1) forwards;}
      @keyframes cineStamp{0%{opacity:0;transform:scale(2.6);}58%{opacity:1;transform:scale(.9);}100%{opacity:1;transform:scale(1);}}
      .cine.out .cine-title{opacity:0;transition:opacity .3s ease;}
      .cine.shake{animation:fxShake .55s cubic-bezier(.36,.07,.19,.97) both;}
      .cine-part{position:absolute;left:50%;top:44%;width:10px;height:10px;border-radius:50%;z-index:25;opacity:0;background:radial-gradient(circle at 38% 32%,#ffffff,#e0187f 52%,#7a3df0);box-shadow:0 0 11px 2px rgba(224,24,127,.85);}
      .cine-part.go{animation:cinePart var(--dur,1s) cubic-bezier(.1,.65,.28,1) forwards;}
      @keyframes cinePart{0%{opacity:1;transform:translate(-50%,-50%);}72%{opacity:1;}100%{opacity:0;transform:translate(calc(-50% + var(--tx,0px)),calc(-50% + var(--ty,0px))) scale(.3);}}
            .cine-conf.go{animation:cineConf var(--dur,1.3s) cubic-bezier(.2,.55,.3,1) forwards;}
      @keyframes cineConf{0%{opacity:1;transform:translate(-50%,-50%) rotate(0deg);}12%{opacity:1;}100%{opacity:0;transform:translate(calc(-50% + var(--tx,0px)),calc(-50% + var(--ty,0px) + 300px)) rotate(var(--rot,540deg));}}
      @media (prefers-reduced-motion: reduce){.cine.shake{animation:none !important;}.cine-cardback{animation:none !important;}}

      /* ================= NEW02 : HOLO PRISM (light) ================= */
      html,body,.oripa-wrap,.hero-zone,.top-hero{background:#ecebf9 !important;}
            .store-shelf{background:linear-gradient(180deg,#ffffff 0%,#f1edfa 76%,rgba(20,18,40,.16) 77%,#f1edfa 82%) !important;border-color:rgba(20,18,40,.12) !important;}
      .store-shelf::before {
  box-sizing: border-box;
        content: "TODAY'S HIT BOX SHOWCASE  /  OPEN 22:00"; border-radius: 15px 15px 0 0;
        position: absolute;
        top: 0;
        left: 0;
        min-width: 100%;
        height: 32px;
        padding: 0 18px;
        display: flex;
        align-items: center;
        color: #08222a;
        background: var(--acid-ink);
        color: #fff;
        font-size: 13px;
        font-weight: 800;
        letter-spacing: 0.15em;
        white-space: nowrap;
  background:linear-gradient(90deg,#e0187f,#7a3df0 48%,#14c8e6) !important;color:#fff !important;
}
      .shelf-image{background:radial-gradient(circle at 50% 25%,#ffffff 0 26%,#f4f1fb 66%,#ece7f7 100%) !important;box-shadow:inset 0 0 0 1px rgba(20,18,40,.07),0 8px 18px rgba(20,18,40,.07) !important;}
      .shelf-product,.hit-card,.daily-card{background:linear-gradient(180deg,#ffffff,#faf9fe) !important;border-color:rgba(20,18,40,.12) !important;box-shadow:0 8px 22px rgba(20,18,40,.07) !important;}
      .shelf-product:hover,.daily-card:hover{border-color:rgba(20,200,230,.65) !important;background:linear-gradient(180deg,rgba(20,200,230,.10),#ffffff) !important;box-shadow:0 16px 36px rgba(122,61,240,.18) !important;}
      .board,.wpe-summary>div,.event-notice,.modal,.item,.cost,.market-stats span,.winner-history-card{background:#fff !important;}
      .oripa-nav {
  display: flex; gap: 8px; flex-wrap: wrap; justify-content: center;
  display: inline-flex; gap: 6px; justify-content: center; flex-wrap: wrap; background: #fff; border: 1px solid var(--line); border-radius: 999px; padding: 6px; box-shadow: 0 6px 18px rgba(20,18,40,.07);
  background:rgba(255,255,255,.82) !important;border-color:rgba(20,18,40,.12) !important;box-shadow:0 8px 22px rgba(20,18,40,.10) !important;
}
      @media (min-width:861px){.oripa-nav{background:rgba(255,255,255,.82) !important;border-color:rgba(20,18,40,.12) !important;}
        .oripa-nav .navbtn{color:#16141f !important;}
        .oripa-topnav .wallet{background:rgba(255,255,255,.88) !important;border-color:rgba(20,18,40,.12) !important;}
        .oripa-topnav .wallet small{color:#6c6885 !important;}.oripa-topnav .wallet b{color:#d4179a !important;}}
      @media (max-width:860px){.oripa-nav .navbtn{color:#fff !important;text-shadow:0 1px 4px rgba(0,0,0,.7) !important;}
        .oripa-nav .navbtn.active{color:#08222a !important;text-shadow:none !important;}}
      .oripa-nav .navbtn.active,.oripa-nav .navbtn.active:hover{background:linear-gradient(90deg,#14c8e6,#7a3df0) !important;color:#fff !important;box-shadow:0 3px 14px rgba(122,61,240,.35) !important;}
      .oripa-nav .navbtn:hover{color:#d4179a !important;background:rgba(224,24,127,.09) !important;}
                  .progress {
  height: 4px;
        background: rgba(20,18,40,.14);
        width: 45%;
        border-radius: 10px;
        overflow: hidden;
  background:rgba(20,18,40,.12) !important;
}
      .progress i{background:linear-gradient(90deg,#e0187f,#14c8e6) !important;}
      .legend i {
  width: 9px;
        height: 9px;
        border-radius: 3px;
        background: #ffffff;
        border: 1px solid rgba(20,18,40,.14);
  background:#fff !important;border-color:rgba(20,18,40,.2) !important;
}
      .legend .chosen i,.legend .hit i{background:#14c8e6 !important;border-color:#14c8e6 !important;}
      .pick {
  aspect-ratio: auto;
        height: 0;
        padding: 0 0 100%;
        border: 1px solid rgba(20,18,40,.14);
        background: #ffffff;
        color: #16141f;
        border-radius: 7px;
        font: 800 13px var(--type-number);
        font-weight: 700;
        cursor: pointer;
        transition: 0.14s;
        position: relative;
        overflow: hidden;
        isolation: isolate;
  background:#fff !important;border-color:rgba(20,18,40,.14) !important;
}
      .pick.used {
  background: #ffffff;
        color: #6c6885;
        border-color: #ffffff;
        text-decoration: line-through;
        cursor: not-allowed;
  background:#f0eef7 !important;border-color:#f0eef7 !important;color:#9a96ae !important;
}
      .stickybar {
  position: fixed;
        left: 50%;
        bottom: 20px;
        transform: translate(-50%, 100px);
        opacity: 0;
        background: #ffffff;
        color: #16141f;
        border-radius: 14px;
        padding: 10px 12px 10px 18px;
        display: flex;
        align-items: center;
        gap: 18px;
        box-shadow: 0 18px 50px #000;
        z-index: 15;
        transition: 0.25s;
  background:#fff !important;color:#16141f !important;box-shadow:0 18px 44px rgba(20,18,40,.24) !important;
}
      .modalback {
  position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.8);
        backdrop-filter: blur(8px);
        display: none;
        align-items: center;
        justify-content: center;
        padding: 18px;
        z-index: 30;
  background:rgba(20,18,40,.42) !important;
}
            .secondary {
  border: 1px solid rgba(20,18,40,.14);
        background: #ffffff;
        color: #16141f;
        border-radius: 10px;
        padding: 13px;
        font-weight: 700;
        cursor: pointer;
  background:#fff !important;color:#16141f !important;border-color:rgba(20,18,40,.16) !important;
}
      .w-to-top{background:linear-gradient(135deg,#14c8e6,#7a3df0) !important;color:#fff !important;border:0 !important;box-shadow:0 10px 26px rgba(20,18,40,.22) !important;}
      .modalback:has(#seal) {
  padding:0 !important;background:#ecebf9 !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;
  background:#ecebf9 !important;
}
            .modal:has(#seal) .mtop>div{background:rgba(255,255,255,.82) !important;box-shadow:0 6px 18px rgba(20,18,40,.10) !important;}
      .modal:has(#seal) .mtop h2 {
  font-size:20px !important;font-weight:800 !important;text-align:center !important;color:#fff !important;
  color:#16141f !important;text-shadow:none !important;
}
      .modal:has(#seal) .mtop .wpe-eyebrow {
  display:block !important;text-align:center !important;color:#d4179a !important;
  color:#d4179a !important;text-shadow:none !important;
}
      .modal:has(#seal) .drag-hint {
  opacity:1 !important;color:#16141f !important;font-size:15px !important;font-weight:800 !important;letter-spacing:.02em !important;text-shadow:0 2px 6px rgba(0,0,0,.85) !important;bottom:26px !important;left:50% !important;right:auto !important;transform:translateX(-50%) !important;width:max-content !important;background:rgba(0,0,0,.4) !important;padding:7px 15px !important;border-radius:999px !important;
  color:#16141f !important;background:rgba(255,255,255,.78) !important;border:1px solid rgba(20,18,40,.12) !important;text-shadow:none !important;
}
      .drag-arrows .ar-shaft {
  stroke:#16141f;stroke-width:6;stroke-linecap:round;fill:none;
  stroke:#7a3df0 !important;
}.drag-arrows .ar-head {
  fill:#16141f;
  fill:#7a3df0 !important;
}
      .card-front:after {
  content:""; position:absolute; inset:0; pointer-events:none; background:rgba(14,16,24,.62); -webkit-backdrop-filter:blur(11px); backdrop-filter:blur(11px); opacity: calc(.74 + var(--p,0) * .26); transition: opacity .12s linear;
  background:rgba(22,24,34,.46); -webkit-backdrop-filter:blur(7px); backdrop-filter:blur(7px); opacity: calc(.4 + var(--p,0) * .28);
  background:rgba(238,234,250,.5) !important;
}
      .modal.show-result:has(#seal) #postReveal{background:linear-gradient(to top,rgba(255,255,255,.97) 84%,rgba(255,255,255,.6) 94%,rgba(255,255,255,0)) !important;}
      .modal.show-result:has(#seal) #postReveal .result h2,.modal.show-result:has(#seal) #postReveal .result p{color:#16141f !important;}
      .cine-back {
  position:absolute;inset:0;z-index:0;opacity:0;background:#000;transition:opacity .35s ease;
  background:#ecebf9 !important;
}
      .cine-stream {
  position:absolute;inset:-20%;z-index:1;display:flex;flex-direction:column;gap:0;opacity:0;transform:rotate(-8deg) scale(1.45);filter:brightness(.8);transition:opacity .5s ease;pointer-events:none;
  filter:brightness(1) !important;
}
      .cine-white {
  position:absolute;inset:0;z-index:20;background:#fff;opacity:0;
  background:#fff !important;
}
      .cine-title {
  position:absolute;left:0;right:0;top:61%;text-align:center;z-index:26;font-weight:800;font-size:min(9.5vw,46px);color:#fff;letter-spacing:.02em;opacity:0;transform:scale(2.4);text-shadow:0 2px 0 #e4dcf6,0 0 28px rgba(224,24,127,.9),0 8px 24px rgba(0,0,0,.6);
  color:#16141f !important;text-shadow:0 0 16px rgba(20,200,230,.6),0 0 34px rgba(224,24,127,.4),0 2px 0 #fff !important;
}
      .cine-conf {
  position:absolute;left:50%;top:42%;width:10px;height:15px;border-radius:2px;z-index:25;opacity:0;background:hsl(var(--hue,45deg) 92% 60%);box-shadow:0 0 6px rgba(0,0,0,.2);
  background:hsl(calc(var(--hue,45deg) + 250deg) 88% 58%) !important;
}
      .fx-vignette {
  position:absolute;inset:0;z-index:11;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 50% 46%,transparent 40%,rgba(0,0,0,.52) 100%);transition:opacity .6s ease;
  background:radial-gradient(ellipse at 50% 46%,transparent 42%,rgba(20,18,40,.22) 100%) !important;
}

      /* ===== NEW02 patch : °¡µ¶¼º ===== */
      .oripa-nav .navbtn.active,.oripa-nav .navbtn.active:hover,.navbtn.active{
        background:linear-gradient(90deg,#0a9fbe,#6a2fe0) !important;color:#fff !important;
        text-shadow:0 1px 2px rgba(0,0,0,.28) !important;box-shadow:0 4px 14px rgba(106,47,224,.32) !important;}
      .cta,.hit-tab.active,.hit-rarity,.toast,.stickybar .cta {
  background:linear-gradient(90deg,#14c8e6,#7a3df0) !important;color:#fff !important;border-color:transparent !important;
  background:linear-gradient(90deg,#0a9fbe,#6a2fe0) !important;color:#fff !important;
}
      .rarity,.winner-history-card .grade {
  background:linear-gradient(90deg,#e0187f,#7a3df0) !important;color:#fff !important;
  background:linear-gradient(90deg,#d4177f,#6a2fe0) !important;color:#fff !important;
}
      .w-to-top{background:linear-gradient(135deg,#0a9fbe,#6a2fe0) !important;color:#fff !important;}
      .shelf-meta span,.archive-open,.market-value,.hit-card small strong,.shelf-meta small,.wpe-eyebrow{color:#b0138c !important;}
      .shelf-meta span,.archive-open{border-color:rgba(176,19,140,.5) !important;}
      .conversion-rate,.wpe-market-hero strong,.cost b,.oripa-topnav .wallet b{color:#b0138c !important;}
      .oripa-wrap {
  --bg: #ecebf9;
        --panel: #ffffff;
        --panel2: #f4f2fb;
        --paper: #16141f;
        --muted: #6c6885;
        --line: rgba(20,18,40,.14);
        --acid: #14c8e6;
      --acid-ink: #d4179a;
--oripa-card-back: url("/_template/service/images/07event_images/2026/08_pokemon/card_jp.png");
        --foil: #7a3df0;
        --orange: #ff7b45;
        --r: 15px;
        --type-display: "Pretendard", sans-serif;
        --type-number: "Pretendard", sans-serif;
  margin: 0;
        background: var(--bg);
        color: var(--paper);
        font-family: var(--type-display);
  overflow-x: hidden;
  color:#16141f !important;
  color:#16141f !important;
}
      .oripa-wrap small,.notice-list li,.legend,.archive-recent span,.market-stats small{color:#5d5977 !important;}

      /* ===== NEW02 : bg_new2 Àüü ¹è°æ (parallax + blur, opacity .8) ===== */
      html { background: #ecebf9 !important; }
      body, .oripa-wrap, .hero-zone, .top-hero { background: transparent !important; }
      body::before {
        content: "";
        position: fixed;
        top: -80vh; left: -40px; right: -40px; height: 300vh;
        z-index: -1;
        background: url("/_template/service/images/07event_images/2026/08_pokemon/bg_new2.jpg") center center / 1920px auto no-repeat;
        filter: blur(18px);
        opacity: 0.3;
        transform: translate3d(0, var(--bgY, 0px), 0);
        will-change: transform;
        pointer-events: none;
      }
      /* event02 Ä«µå °³ºÀ Æ˾÷ ¿µ»ó ÇÊÅÍ ·¹À̾î */
      .seal-bgvideo, .seal-resultvideo { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0; pointer-events:none; transition:opacity .4s ease; }
            .seal:has(.card-stage.opened) .seal-bgvideo { opacity:0; }
      .seal-resultvideo { opacity:0; }
      .seal:has(.card-stage.opened) .seal-resultvideo { opacity:1; }
      .cine-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;opacity:0;pointer-events:none;transition:opacity .5s ease;}
      .cine.run .cine-video{opacity:.85;}
      .cine.charge .cine-video{opacity:1;}
      .cine.white .cine-video,.cine.reveal .cine-video,.cine.out .cine-video{opacity:0;}
      /* X(´Ý±â) ¹öÆ° Àß º¸ÀÌ°Ô */
      .close {
  width: 34px;
        height: 34px;
        border-radius: 50%;
        border: 1px solid var(--line);
        background: transparent;
        color: #16141f;
        cursor: pointer;
  color:#16141f !important;border-color:rgba(20,18,40,.16) !important;
  width:42px !important; height:42px !important; border-radius:50% !important; background:rgba(20,18,40,.62) !important; color:#fff !important; border:2px solid rgba(255,255,255,.9) !important; font:900 24px/1 'Pretendard' !important; box-shadow:0 4px 14px rgba(0,0,0,.35) !important; display:flex !important; align-items:center !important; justify-content:center !important; padding:0 !important; cursor:pointer !important;
}
      .close:hover { background:#e0187f !important; }
      .modal:has(#seal) .close { position:fixed !important; right:18px !important; top:18px !important; z-index:60 !important; }
      /* °³ºÀ Æ˾÷ ÀÌÁß Ç¥½Ã ¹æÁö: ¾Á ¸ð´Þ ÁøÀÔ ¾Ö´Ï Á¦°Å + ¹è°æ¿µ»ó ºÎµå·´°Ô ÆäÀ̵åÀÎ */
      .modal:has(#seal) {
  position:fixed !important;inset:0 !important;width:100vw !important;height:100vh !important;max-width:none !important;max-height:none !important;min-height:100vh !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:radial-gradient(circle at 50% 40%, #ffffff, #e4dcf6 74%) !important;overflow:hidden !important;display:flex !important;align-items:center !important;justify-content:center !important;
  background:radial-gradient(circle at 50% 40%,#ffffff 0%,#f2ecfc 56%,#e6dff7 100%) !important;
  animation:none !important;
}
      @keyframes sealVidFade { from { opacity:0; } }
      .seal-bgvideo {
  opacity:1;
  animation: sealVidFade .55s ease;
}
        

/* ===== [2] weekend surprise (wk-*) ===== */
        /* ÁÖ¸» ·£´ý¹Ú½º (WEEKEND SURPRISE) - Ȧ·Î ¶óÀÌÆ® ½ºÅ² */
        .wk-surprise{position:relative;margin:14px 0 0;border:1px solid rgba(20,18,40,.12);border-radius:15px;overflow:hidden;background:linear-gradient(120deg,rgba(255,123,69,.08),#ffffff)}
        .wk-toggle{appearance:none;display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px;width:100%;min-height:92px;padding:18px 22px;border:0;background:transparent;color:#16141f;text-align:left;cursor:pointer;font-family:inherit}
        .wk-toggle:focus-visible{outline:2px solid #ff7b45;outline-offset:-4px}
        .wk-eyebrow{color:#d4179a;font:900 11px/1.4 'Pretendard';letter-spacing:.15em}
        .wk-copy h3{margin:4px 0 5px;font-size:21px;letter-spacing:-.03em}
        .wk-desc{margin:0;color:#6c6885;font-size:12px;line-height:1.55}
        .wk-desc em{color:#ff7b45;font-style:normal;font-weight:900}
        .wk-meta{display:flex;align-items:center;gap:10px}
        .wk-chip{display:inline-flex;align-items:center;padding:6px 11px;border-radius:999px;white-space:nowrap;font:900 11px 'Pretendard';color:#fff;background:linear-gradient(90deg,#e0187f,#7a3df0)}
        .wk-arrow{width:30px;height:30px;border:1px solid rgba(255,123,69,.4);border-radius:50%;display:grid;place-items:center;color:#ff7b45;font-size:15px;transition:transform .2s ease}
        .wk-toggle[aria-expanded="true"] .wk-arrow{transform:rotate(180deg)}
        .wk-summary{margin:0;padding:0 22px 8px;color:#6c6885;font-size:11px}
        .wk-summary strong{color:#16141f}
        .wk-disclaimer{display:block;margin:0;padding:0 22px 15px;color:#9a96ae;font-size:9px}
        .wk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:0 18px 15px}
        .wk-grid[hidden]{display:none}
        .wk-slot{min-height:120px;border:1px dashed rgba(255,123,69,.42);border-radius:13px;background:#faf7ff;display:grid;place-items:center;align-content:center;padding:14px;text-align:center}
        .wk-slot span{color:#6c6885;font:900 8px 'Pretendard';letter-spacing:.12em}
        .wk-slot b{margin:6px 0;color:#ff7b45;font:900 40px 'Pretendard'}
        .wk-slot strong{font-size:12px}
        .wk-slot small{margin-top:4px;color:#9a96ae;font-size:9px}
        .wk-product{min-height:190px;border:1px solid rgba(20,18,40,.12);border-radius:13px;background:#fff;padding:12px;text-align:center;box-shadow:0 8px 20px rgba(20,18,40,.07)}
        .wk-product img{width:100%;height:130px;object-fit:contain}
        .wk-product .wk-type{display:inline-flex;margin-top:4px;padding:3px 7px;border-radius:5px;background:#14c8e6;color:#08222a;font:900 8px 'Pretendard'}
        .wk-product .wk-edition{display:block;margin-top:5px;color:#6c6885;font:800 8px 'Pretendard'}
        .wk-product strong{display:block;margin-top:7px;font-size:12px}
        .wk-empty{grid-column:1/-1;padding:18px;border:1px dashed rgba(20,18,40,.14);border-radius:13px;text-align:center;color:#6c6885;font-size:12px}
        .wk-empty strong{display:block;margin-bottom:5px;color:#16141f;font-size:14px} 
        @media(max-width:620px){.wk-grid{grid-template-columns:repeat(3,1fr);gap:6px}.wk-toggle{min-height:88px;padding:14px}.wk-copy h3{font-size:17px}}
      

/* ===== [3] flow (wk-flow) ===== */
        .wk-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0 0}
        .wk-flow article{padding:20px;border:1px solid rgba(20,18,40,.12);border-radius:14px;background:linear-gradient(180deg,#ffffff,#faf9fe);box-shadow:0 10px 24px rgba(20,18,40,.07)}
        .wk-flow b{display:block;color:#d4179a;font:900 11px 'Pretendard';letter-spacing:.06em}
        .wk-flow strong{display:block;margin:9px 0;font-size:16px;letter-spacing:-.02em;color:#16141f}
        .wk-flow p{margin:0;color:#6c6885;font-size:12px;line-height:1.65}
        @media(max-width:700px){.wk-flow{grid-template-columns:1fr}}
      

/* ===== [4] notice & policy (we-*) ===== */
        /* À¯ÀÇ»çÇ× + °øÅë Á¤Ã¥ (Ȧ·Î ¶óÀÌÆ® ½ºÅ² À̽Ä) */
        .we-notice{margin:44px 0 22px;padding:20px 22px;border:1px solid rgba(20,18,40,.12);border-left:3px solid #14c8e6;border-radius:14px;background:linear-gradient(90deg,rgba(20,200,230,.06),transparent 55%),#fff;color:#6c6885;font-size:13px;line-height:1.7}
        .we-notice strong{display:block;margin-bottom:6px;color:#16141f;font-size:14px}
        .wpe-we-policy{margin:0 0 110px;padding:26px;border:1px solid rgba(20,18,40,.12);border-radius:15px;background:#fff;box-shadow:0 12px 30px rgba(20,18,40,.08)}
        .wpe-we-policy-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:18px}
        .wpe-we-policy-head .wpe-eyebrow{margin:0;color:#d4179a;font:900 11px 'Pretendard';letter-spacing:.15em}
        .wpe-we-policy-head h2{margin:6px 0 0;font-size:24px;letter-spacing:-.04em;color:#16141f}
        .wpe-we-policy-head .desc{margin:6px 0 0;color:#6c6885;font-size:13px}
        .wpe-we-policy-chip{display:inline-flex;align-items:center;padding:6px 11px;border-radius:999px;white-space:nowrap;font:900 11px 'Pretendard';color:#fff;background:linear-gradient(90deg,#e0187f,#7a3df0)}
        .wpe-we-policy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
        .wpe-we-policy-grid article{padding:16px;border:1px solid rgba(20,18,40,.1);border-radius:12px;background:#faf9fe}
        .wpe-we-policy-grid strong{display:block;margin-bottom:7px;font-size:13px;color:#d4179a}
        .wpe-we-policy-grid p{margin:0;color:#6c6885;font-size:12px;line-height:1.7}
        .wpe-we-policy-grid b{color:#16141f}
        .wpe-we-policy-detail{margin-top:14px;border:1px solid rgba(20,18,40,.12);border-radius:12px;background:#faf9fe}
        .wpe-we-policy-detail summary{cursor:pointer;padding:14px 16px;font-size:13px;font-weight:900;color:#16141f}
        .wpe-we-policy-detail>div{display:grid;gap:10px;padding:0 16px 16px}
        .wpe-we-policy-detail p{margin:0;color:#6c6885;font-size:12px;line-height:1.75}
        .wpe-we-policy-detail b{color:#16141f}
        .wpe-we-policy-detail a{color:#0a9fbe;font-weight:800}
        /* ¸ðµç ÅؽºÆ® ±âº» 13px À¯Áö (½Å±Ô ¼½¼Ç ÀÛÀº ±Û¾¾ ÅëÀÏ) */
        .wk-eyebrow,.wk-desc,.wk-summary,.wk-disclaimer,.wk-chip,.wk-slot span,.wk-slot strong,.wk-slot small,.wk-product strong,.wk-product .wk-type,.wk-product .wk-edition,.wk-empty,.wk-flow b,.wk-flow p,.we-notice,.wpe-we-policy-head .wpe-eyebrow,.wpe-we-policy-head .desc,.wpe-we-policy-chip,.wpe-we-policy-grid strong,.wpe-we-policy-grid p,.wpe-we-policy-detail summary,.wpe-we-policy-detail p{font-size:13px!important}
        @media(max-width:760px){.wpe-we-policy-grid{grid-template-columns:1fr}}
      

/* ===== [5] sticky nav & store shelf ===== */
    /* °íÁ¤ ½Ã body Á÷¼ÓÀ¸·Î À̵¿ÇÏ¿© stacking context Å»Ãâ ¡æ Ç×»ó ÄÜÅÙÃ÷ À§ */
    .oripa-nav.is-stuck{position:fixed!important;top:12px!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translateX(-50%)!important;margin:0!important;z-index:900!important;max-width:calc(100vw - 20px)!important;background:rgba(255,255,255,.94)!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;box-shadow:0 10px 28px rgba(20,18,40,.22)!important;}
    /* ¸ð´Þ(Ä«µå °³ºÀ µî) ¿­¸± ¶§´Â °íÁ¤ nav ¼û±è */
    body:has(.modalback.open) .oripa-nav.is-stuck{display:none!important;}
    /* »ó½Ã ¿À¸®ÆÄ ¶óÀξ÷ 7°³: À§ 3 / ¾Æ·¡ 4 */
    @media (min-width:621px){
      .store-shelf{grid-template-columns:repeat(12,1fr)!important}
      .store-shelf > .showcase-label{grid-column:1 / -1!important}
      .store-shelf .shelf-product:nth-of-type(-n+3){grid-column:span 4!important}
      .store-shelf .shelf-product:nth-of-type(n+4){grid-column:span 3!important}
    }
    /* ³»ÀÏÀÇ HIT ¿¹°í rarity(µî±Þ ¹îÁö) ¿ìÃø Á¤·Ä */
    .tomorrow .daily-card .rarity{left:auto!important;right:16px!important}
  



/* ===== BIGFILE TCG theme (copied from tcg-common.css so pokemon.css owns memory theme) ===== */
/* BIGFILE TCG °ø¿ë Å׸¶ - Holo Light (w_pokemon_event/new02 ½ºÅ²) */
:root{
  --vault:#ecebf9;--vault-2:#f4f2fb;--slab:#ffffff;--slab-2:#faf9fe;
  --sleeve:#e6dff7;--fileball:#0a9fbe;--fileball-ink:#ffffff; 
  --certificate:#16141f;--muted:#6c6885;--line:rgba(20,18,40,.14);
  --warning:#e0851a;--transfer:#7a3df0;--danger:#e0187f;--success:#0a9fbe;
  --ink-soft:#f4f2fb;--text:#16141f;
  --radius:18px;--page:1100px;--sans:Pretendard,"Apple SD Gothic Neo","Noto Sans KR",system-ui,-apple-system,sans-serif;
  --mono:Pretendard,"SFMono-Regular",Consolas,"Liberation Mono",monospace;
} 
/* »çÀÌÆ® ·¹À̾ƿô(ºòÆÄÀÏ Çì´õ) ¾È¿¡ »ðÀԵǹǷΠÀü¿ª ¸®¼ÂÀ» À̺¥Æ® ¿µ¿ªÀ¸·Î ½ºÄÚÇÁÇÑ´Ù */
.tcg-topbar,.tcg-topbar *,.tcg-global-nav,.tcg-global-nav *,.tcg-page,.tcg-page *,.tcg-modal-layer,.tcg-modal-layer *,.tcg-footer,.tcg-footer *,.tcg-toast,.tcg-to-top{box-sizing:border-box}
html{background:var(--vault);scroll-behavior:smooth}
body{margin:0;overflow-x:hidden;background:radial-gradient(circle at 80% 0,rgba(20,200,230,.07),transparent 28rem),radial-gradient(circle at 8% 46%,rgba(122,61,240,.06),transparent 30rem),transparent}
.tcg-topbar,.tcg-global-nav,.tcg-page,.tcg-modal-layer,.tcg-footer,.tcg-toast,.tcg-to-top{color:var(--certificate);font-family:var(--sans);letter-spacing:-.02em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
@supports(overflow:clip){body{overflow-x:clip}}
/* Àüü ¹è°æ ÆĶö·º½º (bg_new2) */
body::before{content:"";position:fixed;top:-80vh;left:-40px;right:-40px;height:300vh;z-index:-1;background:url("/_template/service/images/07event_images/2026/08_pokemon/bg_new2.jpg") center center / 1920px auto no-repeat;filter:blur(18px);opacity:.3;transform:translate3d(0,var(--bgY,0px),0);will-change:transform;pointer-events:none}
.tcg-topbar a,.tcg-topbar button,.tcg-global-nav a,.tcg-page a,.tcg-page button,.tcg-page input,.tcg-page select,.tcg-page textarea,.tcg-modal-layer a,.tcg-modal-layer button,.tcg-modal-layer input,.tcg-modal-layer select,.tcg-modal-layer textarea{font:inherit}
.tcg-topbar a,.tcg-global-nav a,.tcg-page a,.tcg-modal-layer a,.tcg-footer a{color:inherit;text-decoration:none}
.tcg-topbar a,.tcg-topbar button,.tcg-global-nav a,.tcg-page a,.tcg-page button,.tcg-modal-layer a,.tcg-modal-layer button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.tcg-topbar button,.tcg-page button,.tcg-modal-layer button,.tcg-to-top{cursor:pointer}
.tcg-topbar img,.tcg-page img,.tcg-modal-layer img{display:block;max-width:100%}
[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--fileball);outline-offset:3px}
.tcg-shell{width:min(calc(100% - 36px),var(--page));margin:auto}
.tcg-topbar{position:relative;z-index:1;border-bottom:1px solid var(--line);background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.tcg-topbar__inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.tcg-brand{display:flex;align-items:center;gap:11px;font-weight:950;letter-spacing:-.035em;color:var(--text)}
.tcg-brand__mark{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;color:#fff;background:linear-gradient(135deg,#14c8e6,#7a3df0);font:900 10px var(--mono);letter-spacing:.08em;box-shadow:0 6px 16px rgba(122,61,240,.26)}
.tcg-brand__mark img{width:24px;height:24px;object-fit:contain;filter:brightness(0) invert(1)}
.tcg-brand small{display:block;margin-bottom:2px;color:var(--muted);font:800 9px var(--mono);letter-spacing:.13em}
.tcg-user{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:13px;font-weight:750}
.tcg-wallet{min-height:42px;display:inline-flex;align-items:center;gap:7px;padding:0 13px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--text);font-size:13px;font-weight:800;box-shadow:0 5px 14px rgba(20,18,40,.06)}
.tcg-wallet strong{color:#d4179a;font:900 14px var(--mono)}
.tcg-wallet .tcg-fileball{height:16px;width:16px;object-fit:contain;flex:0 0 auto}
.tcg-global-nav{position:sticky;top:12px;z-index:90;width:min(calc(100% - 36px),var(--page));display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:12px auto 0;padding:6px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 22px rgba(20,18,40,.07)}
.tcg-global-nav a{min-height:46px;display:flex;align-items:center;justify-content:center;padding:0 10px;border-radius:9px;color:var(--muted);font-size:13px;font-weight:850;text-align:center}
.tcg-global-nav a:hover{color:var(--text);background:rgba(20,200,230,.09)}
.tcg-global-nav a[aria-current="page"]{background:linear-gradient(90deg,#14c8e6,#7a3df0);color:#fff}
.tcg-global-nav a img{height:22px;width:auto;opacity:.72}
.tcg-global-nav a:hover img{opacity:1}
.tcg-global-nav a[aria-current="page"] img{opacity:1;filter:brightness(0) invert(1)}
.tcg-page{width:min(calc(100% - 36px),var(--page));margin:auto;padding:28px 0 88px}
.tcg-eyebrow{margin:0 0 11px;color:#d4179a;font:900 10px var(--mono);letter-spacing:.15em}
.tcg-title{margin:0;font-size:clamp(36px,6vw,68px);line-height:.98;letter-spacing:-.065em;color:var(--text)}
.tcg-lead{max-width:650px;margin:16px 0 0;color:var(--muted);font-size:14px;line-height:1.75;word-break:keep-all}
.tcg-lead strong{color:var(--text)}
.tcg-section{margin-top:46px}
.tcg-section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}
.tcg-section-head h2{margin:0;font-size:26px; font-weight:600; letter-spacing:-.045em}
.tcg-section-head p{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.6}
.tcg-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--slab);box-shadow:0 10px 26px rgba(20,18,40,.08)}
.tcg-card{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--slab);box-shadow:0 10px 24px rgba(20,18,40,.08)}
.tcg-status{min-height:27px;display:inline-flex;align-items:center;gap:6px;padding:0 9px;border:0;border-radius:999px;background:#14c8e6;color:#08222a;font:850 9px var(--mono);letter-spacing:.04em}
.tcg-status--warning{background:linear-gradient(90deg,#e0187f,#7a3df0);color:#fff}
.tcg-status--blue{background:#7a3df0;color:#fff}
.tcg-status--danger{background:var(--danger);color:#fff}
.tcg-button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px; border:0;border-radius:10px;background:linear-gradient(90deg,#14c8e6,#7a3df0);color:#fff;font-size:13px;font-weight:950;box-shadow:0 10px 24px rgba(122,61,240,.22)}
.tcg-button:hover{filter:brightness(1.05)}
.tcg-button--ghost{background:#fff;border:1px solid var(--line);color:var(--text);box-shadow:0 6px 16px rgba(20,18,40,.07)}
.tcg-button--ghost:hover{border-color:#7a3df0;color:#7a3df0}
.tcg-button--danger{background:var(--danger);color:#fff}
.tcg-button:disabled{cursor:not-allowed;opacity:.45;box-shadow:none;filter:grayscale(.3)}
.tcg-button-row{display:flex;gap:8px;flex-wrap:wrap}
.fileball-amount{color:#d4179a;font-family:var(--mono);font-weight:900}
.decision-clock{display:grid;gap:4px;padding:11px 12px;border-left:3px solid var(--warning);background:rgba(224,133,26,.08)}
.decision-clock small{color:#8a6a2a;font:800 9px var(--mono);letter-spacing:.08em}
.decision-clock strong{color:var(--warning);font:900 15px var(--mono)}
.tcg-form{display:grid;gap:14px}
.tcg-field{display:grid;gap:7px}
.tcg-field label{color:var(--text);font-size:13px;font-weight:850}
.tcg-field input,.tcg-field select,.tcg-field textarea{width:100%;min-height:46px;padding:0 13px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--text);outline:none}
.tcg-field textarea{min-height:110px;padding-block:12px;resize:vertical}
.tcg-field input:focus,.tcg-field select:focus,.tcg-field textarea:focus{border-color:#14c8e6;box-shadow:0 0 0 3px rgba(20,200,230,.16)}
.tcg-notice{padding:15px 16px;border:1px solid rgba(20,200,230,.28);border-left:3px solid #14c8e6;border-radius:12px;background:linear-gradient(90deg,rgba(20,200,230,.07),transparent 60%),#fff;color:var(--muted);font-size:13px;line-height:1.7;word-break:keep-all}
.tcg-notice strong{color:var(--text)}
.tcg-notice--buyback{border-color:rgba(224,24,127,.3);border-left-color:var(--danger);background:linear-gradient(90deg,rgba(224,24,127,.06),transparent 60%),#fff}
.tcg-modal-layer{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:18px;background:rgba(20,18,40,.42);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}
.tcg-modal{width:min(680px,100%);max-height:90vh;overflow:auto;border:1px solid var(--line);border-radius:19px;background:#fff;box-shadow:0 28px 74px rgba(20,18,40,.28)}
.tcg-modal__head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line);background:#fff}
.tcg-modal__head h2{margin:0;font-size:20px;letter-spacing:-.04em}
.tcg-modal__close{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--text);font-size:20px}
.tcg-modal__close:hover{background:#7a3df0;color:#fff;border-color:#7a3df0}
.tcg-modal__body{padding:20px}
.tcg-toast{position:fixed;z-index:1200;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));transform:translate(-50%,14px);max-width:calc(100% - 28px);padding:12px 16px;border:0;border-radius:999px;background:#16141f;color:#fff;font-size:13px;font-weight:850;box-shadow:0 18px 44px rgba(20,18,40,.3);opacity:0;pointer-events:none;transition:.18s}
.tcg-toast.is-visible{opacity:1;transform:translate(-50%,0)}
.tcg-footer{padding:26px 18px calc(26px + env(safe-area-inset-bottom));border-top:1px solid var(--line);color:var(--muted);text-align:center;font-size:13px;line-height:1.6}
.prototype-switcher{position:fixed;z-index:80;right:14px;bottom:14px;display:flex;gap:5px;padding:6px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);box-shadow:0 8px 22px rgba(20,18,40,.12)}
.prototype-switcher button{min-height:34px;padding:0 9px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--muted);font-size:13px;font-weight:800}
.prototype-switcher button:hover{color:#16141f;border-color:#7a3df0}
.tcg-to-top{position:fixed;right:max(16px,calc((100vw - var(--page))/2 - 56px));bottom:24px;z-index:95;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.6);background:linear-gradient(135deg,#14c8e6,#7a3df0);color:#fff;font-size:20px;font-weight:900;line-height:1;display:grid;place-items:center;box-shadow:0 10px 26px rgba(122,61,240,.32);opacity:0;pointer-events:none;transform:translateY(6px);transition:opacity .25s,transform .2s;cursor:pointer}
.tcg-to-top.show{opacity:1;pointer-events:auto;transform:none}
.tcg-to-top:hover{transform:translateY(-2px)}
@media(max-width:900px){.tcg-global-nav{grid-template-columns:repeat(6,1fr)}.tcg-page{padding-top:36px}}
@media(max-width:580px){
  .tcg-shell,.tcg-page{width:calc(100% - 22px)}
  .tcg-topbar__inner{min-height:62px}.tcg-brand__mark{width:34px;height:34px}.tcg-user>span{display:none}.tcg-wallet{padding:0 10px}.tcg-wallet .outline,.oripa-topnav .outline{padding:8px 10px}
  .tcg-global-nav{top:12px;width:calc(100% - 10px);grid-template-columns:repeat(3,1fr);gap:5px;margin-top:8px;padding:5px}
  .tcg-global-nav a{min-height:42px;padding:0 6px;font-size:13px}.tcg-page{padding:10px 0 70px}.tcg-title{font-size:39px}
  .tcg-section{margin-top:15px}.tcg-section-head{align-items:flex-start;flex-direction:column}.tcg-button-row{display:grid;grid-template-columns:1fr}.tcg-button{width:100%}
  .tcg-modal-layer{align-items:center;padding:16px}.tcg-modal{width:100%;max-height:80vh;border-radius:19px;border:1px solid var(--line)}.prototype-switcher{left:10px;right:10px;justify-content:center}.prototype-switcher button{flex:1}
}

/* Shared policy and irreversible-action consent */
.tcg-policy{margin-top:44px;padding:26px;border:1px solid rgba(20,18,40,.12);border-radius:15px;background:#fff;box-shadow:0 12px 30px rgba(20,18,40,.08)}
.tcg-policy__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;background:none;border:0;border-radius:0;overflow:visible}
.tcg-policy__grid article{padding:16px;border:1px solid rgba(20,18,40,.1);border-radius:12px;background:#faf9fe}
.tcg-policy__grid strong{display:block;margin-bottom:7px;font-size:13px;color:#d4179a}
.tcg-policy__grid p,.tcg-policy__detail p{margin:0;color:#6c6885;font-size:13px;line-height:1.7;word-break:keep-all}
.tcg-policy__detail{margin-top:14px;border:1px solid rgba(20,18,40,.12);border-radius:12px;background:#faf9fe}
.tcg-policy__detail summary{cursor:pointer;padding:14px 16px;font-size:13px;font-weight:900;color:var(--text)}
.tcg-policy__detail>div{display:grid;gap:10px;padding:0 16px 16px}
.tcg-policy a{color:#0a9fbe;font-weight:850}
/* w_pokemon_eventÀÇ Âü¿© Àü ²À È®ÀÎÇϼ¼¿ä(we-policy)¿Í µ¿ÀÏ */
.we-policy{margin:44px 0 0;padding:26px;border:1px solid rgba(20,18,40,.12);border-radius:15px;background:#fff;box-shadow:0 12px 30px rgba(20,18,40,.08)}
.we-policy-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:18px}
.we-policy-head .eyebrow{margin:0;color:#d4179a;font:900 13px 'Pretendard';letter-spacing:.15em}
.we-policy-head h2{margin:6px 0 0;font-size:24px;letter-spacing:-.04em;color:#16141f}
.we-policy-head .desc{margin:6px 0 0;color:#6c6885;font-size:13px}
.we-policy-chip{display:inline-flex;align-items:center;padding:6px 11px;border-radius:999px;white-space:nowrap;font:900 13px 'Pretendard';color:#fff;background:linear-gradient(90deg,#e0187f,#7a3df0)}
.we-policy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.we-policy-grid article{padding:16px;border:1px solid rgba(20,18,40,.1);border-radius:12px;background:#faf9fe}
.we-policy-grid strong{display:block;margin-bottom:7px;font-size:13px;color:#d4179a}
.we-policy-grid p{margin:0;color:#6c6885;font-size:13px;line-height:1.7}
.we-policy-grid b{color:#16141f}
.we-policy-detail{margin-top:14px;border:1px solid rgba(20,18,40,.12);border-radius:12px;background:#faf9fe}
.we-policy-detail summary{cursor:pointer;padding:14px 16px;font-size:13px;font-weight:900;color:#16141f}
.we-policy-detail>div{display:grid;gap:10px;padding:0 16px 16px}
.we-policy-detail p{margin:0;color:#6c6885;font-size:13px;line-height:1.75}
.we-policy-detail b{color:#16141f}
.we-policy-detail a{color:#0a9fbe;font-weight:800}
@media(max-width:760px){.we-policy-grid{grid-template-columns:1fr}}
.tcg-consent{display:flex;align-items:flex-start;gap:9px;padding:13px;border:1px solid rgba(224,133,26,.35);border-radius:9px;background:rgba(224,133,26,.07);color:var(--text);font-size:13px;line-height:1.6;word-break:keep-all}
.tcg-consent input{flex:0 0 auto;width:18px;height:18px;margin-top:1px;accent-color:#7a3df0}
.tcg-privacy-box{margin:12px 0;padding:13px;border:1px solid var(--line);border-radius:9px;background:var(--ink-soft);color:var(--muted);font-size:13px;line-height:1.7}
.tcg-privacy-box strong{color:var(--text)}
@media(max-width:820px){.tcg-policy__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:580px){.tcg-policy{padding:18px}.tcg-policy__grid{grid-template-columns:1fr}.tcg-policy__detail summary{min-height:44px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.daily-hit-card .hit-price{display:block;margin-top:7px;color:#d4179a;font:950 15px var(--mono)}
.hit-market{display:flex;justify-content:space-between;align-items:end;margin:18px 0 8px}.hit-market small{display:block;color:var(--muted);font-size:13px}.hit-market strong{font:950 26px var(--mono);color:#d4179a}
.hit-sparkline{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#faf9fe}.hit-sparkline svg{display:block;width:100%;height:92px}.hit-sparkline .grid{stroke:rgba(20,18,40,.12);stroke-width:1}.hit-sparkline .line{fill:none;stroke:#14c8e6;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.hit-sparkline__axis{display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.hit-source{margin:8px 0 16px;color:var(--muted);font-size:13px;line-height:1.55}
.lineup-hint{align-self:flex-end;color:#d4179a;font:850 9px var(--mono);letter-spacing:.06em}.pack{appearance:none;width:100%;color:var(--text);cursor:pointer;transition:border-color .16s ease,transform .16s ease,background .16s ease}.pack:hover,.pack:focus-visible{border-color:rgba(20,200,230,.6);background:#faf9fe;transform:translateY(-3px)}.pack:focus-visible{outline:2px solid #14c8e6;outline-offset:3px}.pack small{display:block;margin-top:7px;color:#d4179a;font:800 8px var(--mono);letter-spacing:-.03em}.tcg-modal--wide{width:min(1040px,calc(100vw - 32px))}.pack-hit-body{padding-top:14px}.pack-hit-tabs{display:flex;gap:7px;overflow-x:auto;padding:2px 2px 10px;scrollbar-width:thin}.pack-hit-tab{flex:0 0 auto;padding:9px 12px;border:1px solid var(--line);border-radius:7px;background:#f4f2fb;color:var(--muted);font:800 9px var(--mono);cursor:pointer}.pack-hit-tab.is-active{border-color:transparent;background:linear-gradient(90deg,#14c8e6,#7a3df0);color:#fff}.pack-hit-summary{display:grid;grid-template-columns:90px 1fr;gap:16px;align-items:center;margin:5px 0 16px;padding:14px;border:1px solid var(--line);border-radius:10px;background:#faf9fe}.pack-hit-summary img{width:90px;height:92px;object-fit:contain;filter:drop-shadow(0 8px 7px rgba(20,18,40,.18))}.pack-hit-summary h3{margin:4px 0;font-size:20px}.pack-hit-summary p:last-child{margin:0;color:var(--muted);font-size:13px}.pack-hit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.pack-hit-card{position:relative;min-width:0;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff}.hit-guide-crop{position:relative;overflow:hidden;width:100%;aspect-ratio:170/235;background:#eef2ef;border-radius:7px}.hit-guide-crop img{position:absolute;max-width:none;width:var(--guide-width);height:auto;left:var(--guide-left);top:var(--guide-top)}.pack-hit-rarity{position:absolute;z-index:2;top:16px;left:16px;padding:4px 6px;border-radius:5px;background:#14c8e6;color:#08222a;font:900 8px var(--mono)}.pack-hit-card strong{display:block;min-height:32px;margin-top:9px;font-size:13px;line-height:1.4}.pack-hit-card small{display:block;color:var(--muted);font-size:13px}.pack-hit-price{display:block;margin-top:4px;color:#d4179a;font:900 13px var(--mono)}@media(max-width:700px){.lineup-hint{display:none}.tcg-modal--wide{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.pack-hit-body{padding:10px}.pack-hit-tabs{margin:0 -10px;padding:2px 10px 9px}.pack-hit-summary{grid-template-columns:66px 1fr;gap:11px;padding:10px}.pack-hit-summary img{width:66px;height:70px}.pack-hit-summary h3{font-size:16px}.pack-hit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.pack-hit-card{padding:7px}.pack-hit-rarity{top:11px;left:11px}.pack-hit-card strong{min-height:30px;font-size:13px}.pack-hit-price{font-size:13px}}
#alwaysLineup .lineup{grid-template-columns:repeat(7,minmax(0,1fr))}
@media(max-width:1180px){#alwaysLineup .lineup{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){#alwaysLineup .lineup{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:580px){#alwaysLineup .lineup{grid-template-columns:repeat(2,minmax(0,1fr))}#alwaysLineup .pack:first-child{grid-column:1 / span 2}}


/* ===== sub-page layouts (from tcg-common.css) ===== */
/* ===== auction ===== */
.auction-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.auction-hero__copy{padding:34px}.auction-hero__schedule{display:grid;grid-template-columns:1fr 1fr;gap:1px;overflow:hidden;background:var(--line)}.auction-hero__schedule div{display:grid;align-content:center;padding:24px;background:var(--slab)}.auction-hero__schedule small{color:var(--muted);font:800 9px var(--mono);letter-spacing:.1em}.auction-hero__schedule strong{margin-top:7px;font-size:24px}.lot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.lot-card{display:flex;flex-direction:column;min-width:0}.lot-card__visual{position:relative;height:250px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#f4f2fb,#ffffff)}.lot-card__visual:after{content:"";position:absolute;inset:auto 12% 8%;height:18px;border-radius:50%;background:#000;filter:blur(14px);opacity:.55}.lot-card__visual img{position:relative;z-index:1;height:206px;width:auto;object-fit:contain;filter:drop-shadow(0 14px 18px rgba(0,0,0,.5))}.lot-card__badge{position:absolute;z-index:2;left:14px;top:14px}.lot-card__body{display:flex;flex:1;flex-direction:column;padding:18px}.lot-card__body h3{min-height:46px;margin:12px 0 4px;font-size:18px;line-height:1.28}.lot-card__grade{color:#6c6885;font:800 10px var(--mono)}.lot-card__metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}.lot-metric{padding:11px;border:1px solid var(--line);border-radius:9px;background:#f4f2fb}.lot-metric small{display:block;color:#6c6885;font-size:13px}.lot-metric strong{display:block;margin-top:5px;font:900 15px var(--mono)}.lot-card__foot{margin-top:auto;display:grid;gap:9px}.lot-card__time{display:flex;justify-content:space-between;color:#6c6885;font-size:13px}.policy-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.policy-strip article{padding:18px}.policy-strip strong{display:block;margin-bottom:6px;font-size:14px}.policy-strip p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}.archive-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.archive-row article{padding:14px}.archive-row small{color:#6c6885}.archive-row strong{display:block;margin-top:8px}.archive-row span{display:block;margin-top:4px;color:var(--muted);font-size:13px}@media(max-width:900px){.auction-hero{grid-template-columns:1fr}.lot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.auction-hero__copy{padding:25px 20px}.auction-hero__schedule div{padding:18px}.auction-hero__schedule strong{font-size:19px}.lot-grid{grid-template-columns:1fr}.lot-card__visual{height:220px}.lot-card__visual img{height:182px}.policy-strip{grid-template-columns:1fr}.archive-row{grid-template-columns:repeat(2,1fr)}}

/* ===== auction-detail ===== */
.detail-layout{display:grid;grid-template-columns:.86fr 1.14fr;gap:18px}.grade-stage{min-height:620px;display:grid;place-items:center;padding:32px;background:radial-gradient(circle at 50% 30%,rgba(122,61,240,.14),transparent 48%),var(--slab)}.grade-stage img{max-height:510px;filter:drop-shadow(0 24px 26px rgba(0,0,0,.55))}.detail-copy{padding:28px}.detail-copy h1{margin:12px 0 6px;font-size:34px;letter-spacing:-.05em}.cert{color:#6c6885;font:800 10px var(--mono)}.price-board{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0}.price-board div{padding:13px;border:1px solid var(--line);border-radius:10px;background:#f4f2fb}.price-board small{display:block;color:var(--muted);font-size:13px}.price-board strong{display:block;margin-top:6px;font:900 17px var(--mono)}.gate{padding:18px;border:1px solid rgba(122,61,240,.3);border-radius:14px;background:rgba(122,61,240,.055)}.gate h2{margin:0 0 7px;font-size:19px}.gate p{margin:0 0 16px;color:#6c6885;font-size:13px;line-height:1.65}.lock{display:grid;place-items:center;min-height:180px;margin-top:14px;border:1px dashed rgba(20,18,40,.22);border-radius:13px;color:#6c6885;text-align:center}.bid-panel{display:grid;gap:12px;margin-top:18px}.bid-row{display:grid;grid-template-columns:1fr auto;gap:8px}.history{display:grid;gap:7px;max-height:230px;overflow:auto;margin:14px 0 0;padding:0;list-style:none}.history li{display:grid;grid-template-columns:1fr auto auto;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line);color:#6c6885;font-size:13px}.history strong{color:#16141f;font-family:var(--mono)}.win-panel{margin-top:18px;padding:18px;border:1px solid rgba(255,189,83,.38);border-radius:14px;background:rgba(255,189,83,.07)}.win-panel h2{margin:0 0 8px}.error{padding:28px;text-align:center}@media(max-width:820px){.detail-layout{grid-template-columns:1fr}.grade-stage{min-height:390px}.grade-stage img{max-height:330px}}@media(max-width:580px){.detail-copy{padding:20px}.price-board{grid-template-columns:1fr 1fr}.price-board div:last-child{grid-column:1/-1}.bid-row{grid-template-columns:1fr}.grade-stage{min-height:330px;padding:20px}.grade-stage img{max-height:285px}}

/* ===== market-detail ===== */
.product{display:grid;grid-template-columns:1fr 1fr;gap:18px}.product__visual{min-height:520px;display:grid;place-items:center;padding:28px;background:#edf2ec}.product__visual img{max-height:450px;width:auto}.product__copy{padding:30px}.product__copy h1{margin:15px 0 8px;font-size:34px;letter-spacing:-.05em}.product__price{margin:24px 0;color:var(--fileball);font:950 35px var(--mono)}.spec{display:grid;gap:1px;margin:20px 0;background:var(--line)}.spec div{display:flex;justify-content:space-between;padding:12px;background:var(--slab);font-size:13px}.spec span{color:var(--muted)}@media(max-width:700px){.product{grid-template-columns:1fr}.product__visual{min-height:330px}.product__visual img{max-height:285px}.product__copy{padding:21px}}

/* ===== mypage ===== */
.item__actions .tcg-button{min-height:40px;padding:0 14px;font-size:12px;border-radius:8px}
.item__actions .tcg-button:not(.tcg-button--ghost):not(.physical){background:#6366f1;box-shadow:0 4px 12px rgba(99,102,241,.25)}
.item__actions .tcg-button.physical{background:#0891b2;box-shadow:0 4px 12px rgba(8,145,178,.25)}
@media(max-width:580px){.item__actions .tcg-button{width:auto;min-width:0;font-size:11px;padding:0 10px}}
.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.summary div{padding:17px}.summary small{color:var(--muted);font-size:13px}.summary strong{display:block;margin-top:7px;font:950 20px var(--mono)}.tabs{display:flex;gap:6px;overflow:auto;margin-top:28px;padding:5px;border:1px solid var(--line);border-radius:12px;background:var(--slab)}.tabs button{min-width:max-content;min-height:42px;padding:0 16px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:13px;font-weight:850}.tabs button.active{background:var(--fileball);color:var(--fileball-ink)}.pane{margin-top:16px}.decision-list{display:grid;gap:9px}.item{display:grid;grid-template-columns:64px 1fr auto;gap:13px;align-items:center;padding:12px}.item img{width:64px;height:76px;object-fit:contain;border-radius:8px;background:#edf2ec}.item h3{margin:0;font-size:14px}.item p{margin:3px 0 0;color:var(--muted);font-size:13px}.item .tcg-status{color:#fff}.item__actions{display:flex;gap:6px}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.day{min-height:118px;padding:11px}.day strong{font-size:13px}.day span{display:block;margin-top:12px;color:var(--muted);font-size:13px;line-height:1.5}.day.accent{border-color:rgba(185,242,47,.35)}.day.deadline{border-color:rgba(255,189,83,.42)}.shipping-box{display:grid;grid-template-columns:.82fr 1.18fr;gap:12px;align-items:start}.address{padding:20px}.address h2{margin-top:0}.ship-ready{padding:20px}.shipping-manifest{margin:18px 0;border-top:1px solid var(--line)}.shipping-manifest__head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0 9px}.shipping-manifest__head strong{font-size:13px}.shipping-manifest__head label{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:13px}.shipping-list{display:grid;gap:7px}.shipping-item{display:grid;grid-template-columns:auto 54px 1fr;gap:11px;align-items:center;padding:9px;border:1px solid var(--line);border-radius:9px;background:var(--ink-soft)}.shipping-item:has(.shipping-select:checked){border-color:rgba(185,242,47,.35);background:rgba(185,242,47,.055)}.shipping-item input{width:17px;height:17px;accent-color:var(--fileball)}.shipping-item img{width:54px;height:64px;object-fit:contain;border-radius:7px;background:#edf2ec}.shipping-item strong{display:block;font-size:13px}.shipping-item small{display:block;margin-top:4px;color:var(--muted);font-size:13px}.shipping-empty{padding:18px;border:1px dashed var(--line);border-radius:9px;color:var(--muted);font-size:13px;text-align:center}.shipping-summary{margin-top:12px}.shipment-items{margin-top:7px;color:var(--muted);font-size:13px}.ledger{display:grid;gap:1px;background:var(--line)}.ledger li{display:grid;grid-template-columns:1fr auto;gap:10px;padding:13px;background:var(--slab);font-size:13px}.ledger small{display:block;color:var(--muted);margin-top:4px}.ledger strong.positive{color:var(--fileball)}.ledger strong.negative{color:var(--danger)}@media(max-width:800px){.summary{grid-template-columns:repeat(2,1fr)}.shipping-box{grid-template-columns:1fr}.calendar{grid-template-columns:repeat(4,1fr)}}@media(max-width:580px){.item{grid-template-columns:54px 1fr}.item img{width:54px;height:66px}.item__actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr)}.shipping-item{grid-template-columns:auto 48px 1fr}.shipping-item img{width:48px;height:58px}.calendar{grid-template-columns:repeat(2,1fr)}.tabs{margin-inline:-5px}}

/* ===== reviewhit ===== */
.review-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.review-copy{padding:34px}.reward{padding:24px;background:linear-gradient(145deg,rgba(122,61,240,.11),var(--slab))}.reward h2{margin:8px 0 10px;font-size:26px}.reward p{color:#6c6885;font-size:13px;line-height:1.7}.sort-rule{display:flex;gap:7px;flex-wrap:wrap}.review-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.review-card{padding:0;text-align:left}.review-thumb{height:170px;display:grid;place-items:center;overflow:hidden;background:#e9eeea}.review-thumb img{width:100%;height:100%;object-fit:contain}.review-card__copy{padding:14px}.review-card h3{min-height:39px;margin:9px 0 5px;font-size:14px}.review-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.my-review{display:grid;grid-template-columns:84px 1fr auto;gap:14px;align-items:center;padding:14px;border:1px solid rgba(122,61,240,.35);border-radius:16px;background:rgba(122,61,240,.055)}.my-review img{width:84px;height:100px;object-fit:contain;background:#edf2ec;border-radius:9px}.my-review h3{margin:0 0 5px}.write-cta{min-width:190px}.photo-drop{display:grid;place-items:center;min-height:150px;border:2px dashed rgba(20,18,40,.25);border-radius:12px;background:#f4f2fb;text-align:center}.photo-drop strong{color:var(--fileball)}.photo-drop.is-drag{border-color:var(--fileball);background:rgba(20,200,230,.12)}.photo-drop{cursor:pointer;transition:border-color .15s,background .15s}.preview{max-height:180px;margin:auto}.review-detail-photo{max-height:420px;margin:0 auto 18px;border-radius:10px}.seo-copy{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.seo-copy article{padding:16px}.seo-copy h3{margin:0 0 8px;font-size:13px}.seo-copy p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}@media(max-width:900px){.review-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.review-hero{grid-template-columns:1fr}.review-grid{grid-template-columns:repeat(2,1fr)}.my-review{grid-template-columns:68px 1fr}.my-review img{width:68px;height:84px}.write-cta{grid-column:1/-1;width:100%}.seo-copy{grid-template-columns:1fr}}@media(max-width:390px){.review-grid{grid-template-columns:1fr}.review-thumb{height:190px}}

/* ===== market ===== */
.tcg-consent{display:flex;align-items:flex-start;gap:9px;padding:13px;border:1px solid rgba(255,189,83,.38);border-radius:9px;background:rgba(255,189,83,.07);color:var(--text);font-size:13px;line-height:1.6;word-break:keep-all}
.tcg-consent input{flex:0 0 auto;width:18px;height:18px;margin-top:1px;accent-color:var(--fileball)}
.tcg-privacy-box{margin:12px 0;padding:13px;border:1px solid var(--line);border-radius:9px;background:var(--ink-soft);color:var(--muted);font-size:13px;line-height:1.7}
.tcg-privacy-box strong{color:var(--text)}
@media(max-width:820px){.tcg-policy__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:580px){.tcg-policy{padding:18px}.tcg-policy__grid{grid-template-columns:1fr}.tcg-policy__detail summary{min-height:44px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.daily-hit-card .hit-price{display:block;margin-top:7px;color:var(--fileball);font:950 15px var(--mono)}
.hit-market{display:flex;justify-content:space-between;align-items:end;margin:18px 0 8px}.hit-market small{display:block;color:var(--muted);font-size:13px}.hit-market strong{font:950 26px var(--mono);color:var(--fileball)}
.hit-sparkline{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#faf9fe}.hit-sparkline svg{display:block;width:100%;height:92px}.hit-sparkline .grid{stroke:#263128;stroke-width:1}.hit-sparkline .line{fill:none;stroke:var(--fileball);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.hit-sparkline__axis{display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.hit-source{margin:8px 0 16px;color:var(--muted);font-size:13px;line-height:1.55}
.lineup-hint{align-self:flex-end;color:var(--fileball);font:850 9px var(--mono);letter-spacing:.06em}.pack{appearance:none;width:100%;color:var(--text);cursor:pointer;transition:border-color .16s ease,transform .16s ease,background .16s ease}.pack:hover,.pack:focus-visible{border-color:rgba(20,200,230,.6);background:#faf9fe;transform:translateY(-3px)}.pack:focus-visible{outline:2px solid var(--fileball);outline-offset:3px}.pack small{display:block;margin-top:7px;color:var(--fileball);font:800 8px var(--mono);letter-spacing:-.03em}.tcg-modal--wide{width:min(1040px,calc(100vw - 32px))}.pack-hit-body{padding-top:14px}.pack-hit-tabs{display:flex;gap:7px;overflow-x:auto;padding:2px 2px 10px;scrollbar-width:thin}.pack-hit-tab{flex:0 0 auto;padding:9px 12px;border:1px solid var(--line);border-radius:7px;background:#f4f2fb;color:#6c6885;font:800 9px var(--mono);cursor:pointer}.pack-hit-tab.is-active{border-color:var(--fileball);background:var(--fileball);color:var(--fileball-ink)}.pack-hit-summary{display:grid;grid-template-columns:90px 1fr;gap:16px;align-items:center;margin:5px 0 16px;padding:14px;border:1px solid var(--line);border-radius:10px;background:#faf9fe}.pack-hit-summary img{width:90px;height:92px;object-fit:contain;filter:drop-shadow(0 8px 7px rgba(0,0,0,.4))}.pack-hit-summary h3{margin:4px 0;font-size:20px}.pack-hit-summary p:last-child{margin:0;color:var(--muted);font-size:13px}.pack-hit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.pack-hit-card{position:relative;min-width:0;padding:10px;border:1px solid var(--line);border-radius:10px;background:#ffffff}.hit-guide-crop{position:relative;overflow:hidden;width:100%;aspect-ratio:170/235;background:#eef2ef}.hit-guide-crop img{position:absolute;max-width:none;width:var(--guide-width);height:auto;left:var(--guide-left);top:var(--guide-top)}.pack-hit-rarity{position:absolute;z-index:2;top:16px;left:16px;padding:4px 6px;border-radius:5px;background:var(--fileball);color:var(--fileball-ink);font:900 8px var(--mono)}.pack-hit-card strong{display:block;min-height:32px;margin-top:9px;font-size:13px;line-height:1.4}.pack-hit-card small{display:block;color:var(--muted);font-size:13px}.pack-hit-price{display:block;margin-top:4px;color:var(--fileball);font:900 13px var(--mono)}@media(max-width:700px){.lineup-hint{display:none}.tcg-modal--wide{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.pack-hit-body{padding:10px}.pack-hit-tabs{margin:0 -10px;padding:2px 10px 9px}.pack-hit-summary{grid-template-columns:66px 1fr;gap:11px;padding:10px}.pack-hit-summary img{width:66px;height:70px}.pack-hit-summary h3{font-size:16px}.pack-hit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.pack-hit-card{padding:7px}.pack-hit-rarity{top:11px;left:11px}.pack-hit-card strong{min-height:30px;font-size:13px}.pack-hit-price{font-size:13px}}
.market-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.market-copy{padding:34px}.buyback{padding:24px;border-color:rgba(255,189,83,.35);background:linear-gradient(145deg,rgba(255,189,83,.1),var(--slab))}.buyback h2{margin:10px 0;font-size:27px}.buyback p{color:#16141f;font-size:13px;line-height:1.7}.decision-rule{padding:22px 24px;border-color:rgba(20,200,230,.45);background:linear-gradient(135deg,rgba(20,200,230,.13),#ffffff)}.decision-rule__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.decision-rule h2{margin:5px 0 3px;font-size:24px}.decision-rule__head p{margin:0;color:var(--muted);font-size:13px}.decision-rule__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:17px}.decision-rule__steps div{padding:13px;border:1px solid var(--line);border-radius:12px;background:#f4f2fb}.decision-rule__steps b{display:block;margin-bottom:4px;color:var(--fileball);font:900 11px var(--mono)}.decision-rule__steps strong{font-size:14px}.decision-rule__foot{margin:14px 0 0;color:#6c6885;font-size:13px;line-height:1.6}.decision-rule__foot em{color:var(--fileball);font-style:normal;font-weight:900}.rule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.rule-grid div{padding:15px}.rule-grid strong{display:block;margin-bottom:5px}.rule-grid span{color:var(--muted);font-size:13px;line-height:1.55}.sale-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.sale-card__image{height:210px;display:grid;place-items:center;background:#eef2ed}.sale-card__image img{height:178px;width:auto;object-fit:contain}.sale-card__body{padding:16px}.sale-card h3{margin:8px 0;font-size:16px}.sale-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.sale-price{margin:14px 0;font:950 23px var(--mono);color:var(--fileball)}.holding-list{display:grid;gap:9px}.holding{display:grid;grid-template-columns:62px 1fr auto;gap:14px;align-items:center;padding:12px}.holding img{width:62px;height:72px;object-fit:contain;border-radius:8px;background:#eef2ed}.holding h3{margin:0 0 5px;font-size:14px}.holding p{margin:0;color:var(--muted);font-size:13px}.holding-actions{display:flex;gap:7px}.sheet-form{display:grid;gap:12px}@media(max-width:820px){.market-hero{grid-template-columns:1fr}.sale-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:580px){.market-copy{padding:24px 20px}.decision-rule{padding:19px 17px}.decision-rule__head{display:block}.decision-rule__steps{grid-template-columns:1fr}.rule-grid,.sale-grid{grid-template-columns:1fr}.holding{grid-template-columns:52px 1fr}.holding img{width:52px}.holding-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.sale-card__image{height:190px}}
/* ÀçÆǸŠÀåÅÍ ÇÏ´Ü(³» »óÇ°) ¹öÆ° ºÓÀº»ö */
.holding-actions .tcg-button{background:linear-gradient(90deg,#e0187f,#f0506b)!important;color:#fff!important;box-shadow:0 10px 24px rgba(224,24,127,.28)!important}


/* ===== memory.html(°°Àº ±×¸² ã±â) page styles - moved from inline, light-reskinned ===== */
    :root{--memory-table:#eef1fb;--memory-line:rgba(20,18,40,.14);--memory-live:#0a9fbe;--memory-warn:#e0851a}
    .memory-hero{display:grid;grid-template-columns:1fr;gap:16px}.memory-copy{padding:34px;border-color:rgba(20,200,230,.45);background:linear-gradient(135deg,rgba(20,200,230,.13),#ffffff)}.memory-copy h1 em{color:var(--memory-live)}.memory-entry{padding:24px}.memory-entry__price{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:22px 0}.memory-entry__price strong{font:950 38px var(--mono);color:var(--memory-live)}.memory-entry__price small{color:var(--muted);font-size:13px}.prize-strip{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:8px}.prize{display:grid;grid-template-columns:54px 1fr;gap:11px;align-items:center;padding:12px}.prize img{width:54px;height:68px;object-fit:contain;border-radius:7px;background:#edf2ec}.prize b{color:var(--memory-live);font:900 13px var(--mono)}.prize strong{display:block;margin-top:4px;font-size:13px}.memory-stage{position:relative;padding:18px;overflow:hidden;background:var(--memory-table);max-width:640px;margin-inline:auto;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.memory-stage__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.memory-metrics{display:flex;gap:7px}.memory-metric{min-width:82px;padding:8px 10px;border:1px solid var(--memory-line);border-radius:8px}.memory-metric small{display:block;color:var(--muted);font-size:13px}.memory-metric strong{display:block;margin-top:3px;font:900 16px var(--mono)}.memory-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;perspective:1000px}.memory-card{position:relative;aspect-ratio:5/7;padding:0;border:0;border-radius:7px;background:transparent;cursor:pointer;transform-style:preserve-3d;transition:transform .2s ease;touch-action:manipulation}.memory-card.is-open,.memory-card.is-matched{transform:rotateY(180deg)}.memory-card:disabled{cursor:default}.memory-face{position:absolute;inset:0;display:grid;place-items:center;border-radius:7px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}.memory-back{border:1px solid rgba(20,18,40,.14);background:radial-gradient(circle at 50% 38%,#14c8e6 0 8%,#bfe8f2 9% 26%,#f4f2fb 27% 100%);color:#0a7d95;font:900 13px var(--mono);letter-spacing:.08em}.memory-front{transform:rotateY(180deg);border:1px solid rgba(255,255,255,.45);background:var(--card-color);color:white;text-shadow:0 1px 2px #000}.memory-front span{font-size:22px}.memory-front b{position:absolute;right:5px;bottom:4px;font:900 13px var(--mono)}.memory-card.is-matched .memory-front{box-shadow:inset 0 0 0 2px var(--memory-live)}.memory-lock{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:22px;background:rgba(244,242,251,.82);backdrop-filter:blur(5px)}.memory-lock[hidden]{display:none}.memory-lock__box{max-width:440px;text-align:center}.memory-lock__box strong{display:block;font-size:28px}.memory-lock__box p{color:#6c6885;font-size:13px;line-height:1.7}.memory-watermark{pointer-events:none;position:absolute;inset:0;z-index:4;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;opacity:.08;transform:rotate(-18deg);font:900 13px var(--mono);letter-spacing:.12em}.memory-watermark span{text-align:center}.leaderboard{width:100%;border-collapse:collapse}.leaderboard th,.leaderboard td{padding:12px;border-bottom:1px solid var(--line);text-align:left;font-size:13px}.leaderboard th{color:var(--muted);font-size:13px;letter-spacing:.08em}.leaderboard tr.mine{background:rgba(20,200,230,.08)}.leaderboard td:first-child{font:900 14px var(--mono)}.memory-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.memory-rules article{padding:16px}.memory-rules strong{display:block;margin-bottom:6px;font-size:13px}.memory-rules p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}.memory-result{text-align:center}.memory-result strong{display:block;color:var(--memory-live);font:950 44px var(--mono)}.memory-result p{color:var(--muted);font-size:13px;line-height:1.7}
    @media(max-width:850px){.memory-hero{grid-template-columns:1fr}.memory-grid{grid-template-columns:repeat(5,1fr)}.memory-rules{grid-template-columns:1fr}.prize-strip{grid-template-columns:1fr 1fr 1fr}}
    @media(max-width:560px){.memory-copy{padding:24px}.memory-entry{padding:18px}.prize-strip{grid-template-columns:1fr}.memory-stage{padding:11px}.memory-stage__head{align-items:flex-start;flex-direction:column}.memory-grid{gap:4px}.memory-back{font-size:13px}.memory-front span{font-size:17px}.memory-metric{min-width:74px}.memory-watermark{grid-template-columns:repeat(2,1fr);font-size:13px}}
  

/* fileball ¾ÆÀÌÄÜ Å©±â (tcg-common°ú µ¿ÀÏ) */
.tcg-wallet .tcg-fileball{height:16px;width:16px;object-fit:contain;flex:0 0 auto}

/* ¸Þ¸ð¸® Ä«µå: µÞ¸é card_jp.png / ¾Õ¸é brfa0N.png */
.memory-back img,.memory-front img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:7px;display:block}
.memory-front b{z-index:2}

/* ¸Ç À§·Î ¹öÆ° (auction°ú µ¿ÀÏ) */
.tcg-to-top{position:fixed;right:max(16px,calc((100vw - var(--page))/2 - 56px));bottom:24px;z-index:95;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.6);background:linear-gradient(135deg,#14c8e6,#7a3df0);color:#fff;font-size:20px;font-weight:900;line-height:1;display:grid;place-items:center;box-shadow:0 10px 26px rgba(122,61,240,.32);opacity:0;pointer-events:none;transform:translateY(6px);transition:opacity .25s,transform .2s;cursor:pointer}
.tcg-to-top.show{opacity:1;pointer-events:auto;transform:none}
.tcg-to-top:hover{transform:translateY(-2px)}

/* ±âº»ÆùÆ® 13px (memory) - 13px ÀÌÇÏ »óÇâ */
.tcg-page{font-size:13px}

/* ===== ÀçÆǸŠ»óÇ° ´ñ±Û Æ˾÷ (market.html) ===== */
.mk-buy{display:grid;grid-template-columns:minmax(120px,220px) 1fr;gap:20px;align-items:center;margin-bottom:20px}
.mk-buy__img img{max-height:300px;margin:auto;display:block}
.mk-comments{border-top:1px solid var(--line);padding-top:18px}
.mk-comments h3{margin:0 0 12px;font-size:16px}
.mk-comments h3 b{color:var(--fileball)}
.mk-cmt-list{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px}
.mk-cmt{padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:var(--ink-soft)}
.mk-cmt.is-seller{border-color:rgba(20,200,230,.4);background:rgba(20,200,230,.06)}
.mk-cmt__head{display:flex;align-items:center;gap:7px;margin-bottom:5px}
.mk-cmt__head strong{color:var(--text);font-size:13px}
.mk-cmt__tag{padding:1px 7px;border-radius:999px;background:var(--fileball);color:var(--fileball-ink);font:900 9px var(--mono)}
.mk-cmt__head time{color:var(--muted);font-size:11px}
.mk-cmt__del{margin-left:auto;border:0;background:none;color:var(--danger);font-size:11px;cursor:pointer;padding:2px 4px}
.mk-cmt p{margin:0;font-size:13px;line-height:1.5;color:var(--text)}
.mk-cmt-empty{list-style:none;padding:18px;text-align:center;color:var(--muted);font-size:13px;border:1px dashed var(--line);border-radius:10px}
.mk-cmt-form{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}
.mk-cmt-form textarea{width:100%;min-height:44px;padding:9px 11px;border:1px solid var(--line);border-radius:9px;font:inherit;font-size:13px;resize:vertical;background:#fff;color:var(--text)}
@media(max-width:580px){.mk-buy{grid-template-columns:1fr}.mk-cmt-form{grid-template-columns:1fr}}

/* ÀçÆǸŠīµå: °¡°Ý°ú »óÇ°º¸±â ¹öÆ°À» ÇÑ ÁÙ(¿À¸¥ÂÊ ³¡) */
.sale-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}
.sale-foot .sale-price{margin:0}
.sale-foot .standalone-detail{flex:0 0 auto;padding:9px 16px;font-size:13px}

/* ===== 0820 Ãß°¡: ´ç÷ È÷½ºÅ丮 ´Þ·Â + 500 Ä«µå ¹Í½º ===== */
/* ¸Þ´º 6°³ ±âÁØ(500 Ä«µå ¹Í½º ¸Þ´º Á¦°Å). ÀÌÀü repeat(7)Àº ºó Ä­ÀÌ »ý°Ü Á¦°Å */
.tcg-global-nav{grid-template-columns:repeat(6,1fr)}
.history-trigger{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(16,80,48,.18);border-radius:999px;background:#fff;padding:10px 15px;color:#0e3d28;font-weight:900;cursor:pointer;box-shadow:0 8px 20px rgba(19,76,47,.09)}
.history-trigger span{font:900 9px var(--mono);letter-spacing:.12em;color:#5b8d18}
.history-layout{display:grid;grid-template-columns:minmax(390px,1.25fr) minmax(250px,.75fr);gap:18px;margin-top:6px}
.history-calendar,.history-results{border:1px solid #dfe7e1;border-radius:18px;background:#fbfdfb;padding:18px}
.history-calendar header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.history-calendar header small,.history-results>small{display:block;color:#639126;font:900 10px var(--mono);letter-spacing:.13em}.history-calendar header b{display:block;margin-top:3px;font-size:20px;color:#14261c}
.history-legend{display:flex;gap:6px}.history-legend span{padding:6px 9px;border-radius:999px;font:900 10px var(--mono)}.history-legend .hit-dot{background:#dfff9e;color:#244600}.history-legend .box-dot{background:#ffedb3;color:#664500}
.history-week,.history-days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.history-week span{text-align:center;color:#84938a;font-size:11px;font-weight:800;padding:5px}.history-days button,.history-days .empty{aspect-ratio:1;border:1px solid transparent;border-radius:10px;background:transparent;color:#34483b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer}.history-days button:hover{background:#f1f7f2}.history-days button.has-win{background:#fff;border-color:#d8e5da;box-shadow:0 4px 10px rgba(20,62,39,.06)}.history-days button.selected{border-color:#8fc827;background:#edffd0;box-shadow:0 0 0 2px rgba(143,200,39,.16)}.history-days button b{font-size:12px}.history-days button span{display:flex;gap:3px;height:5px}.history-days i{width:5px;height:5px;border-radius:50%}.history-days i.hit{background:#7fbc13}.history-days i.box{background:#e7a900}
.history-results h3{margin:5px 0 14px;color:#14261c;font-size:23px}.history-win{display:grid;grid-template-columns:52px 1fr;gap:8px;align-items:center;padding:7px 0;border-top:1px solid #e5ebe6}.history-win img{width:52px;height:66px;object-fit:contain;border-radius:9px;background:#f1f4f2}.history-win div{display:grid;gap:5px}.history-win div>span{justify-self:start;border-radius:999px;padding:4px 7px;font:900 9px var(--mono);background:#dfff9e;color:#244600}.history-win div>span.box{background:#ffedb3;color:#664500}.history-win b{font-size:13px;color:#14261c}.history-win small{color:#758079}.history-empty{min-height:180px;border:1px dashed #d5dfd7;border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#8b9690;gap:6px}.history-empty b{color:#4d5e53}.history-note{font-size:12px!important;color:#738078!important}
.history-groups{display:grid;gap:8px}.history-group{border:1px solid #e0e8e2;border-radius:14px;background:#fff;overflow:hidden}.history-group>header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#f6faf7}.history-group>header div{display:grid;gap:0}.history-group>header span{display:none}.history-group>header b{font-size:12px;color:#24362b}.history-group>header>strong{display:grid;place-items:center;min-width:22px;height:22px;border-radius:999px;background:#dfff9e;color:#244600;font-size:11px}.history-group.box-group>header>strong{background:#ffedb3;color:#664500}.history-group .history-win{margin:0 10px}.history-group>div{max-height:160px;overflow-y:auto}.history-empty.compact{min-height:92px;margin:10px;border-radius:10px;font-size:12px}.history-empty.compact b{font-size:13px}

.mix-page{--mix:#b8ff27;--mix-ink:#102115;background:radial-gradient(circle at 80% 0,rgba(184,255,39,.12),transparent 30%)}
.mix-hero{overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr;min-height:440px;border-radius:28px;background:linear-gradient(135deg,#0a1710,#14261a 60%,#263710);color:#fff;box-shadow:0 24px 60px rgba(9,22,14,.18)}
.mix-copy{padding:54px}.mix-copy .tcg-eyebrow{color:var(--mix)}.mix-copy h1{margin:10px 0 18px;font-size:clamp(42px,6vw,76px);line-height:.94;letter-spacing:-.065em}.mix-copy h1 em{font-style:normal;color:var(--mix)}.mix-copy p{max-width:520px;color:#c7d4ca;line-height:1.7}.mix-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.mix-facts span{padding:9px 12px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(255,255,255,.05);font-size:12px;font-weight:850}.mix-machine{position:relative;display:flex;align-items:center;justify-content:center;min-height:430px;background:linear-gradient(165deg,rgba(255,255,255,.04),rgba(184,255,39,.08))}.mix-reel{position:relative;width:260px;height:350px;border:10px solid #d9e2db;border-radius:24px;background:#eef2ef;box-shadow:0 30px 50px rgba(0,0,0,.35),inset 0 0 0 2px #839087;overflow:hidden}.mix-reel::before,.mix-reel::after{content:"";position:absolute;z-index:2;left:0;right:0;height:75px;background:linear-gradient(#15261a,transparent)}.mix-reel::after{bottom:0;transform:rotate(180deg)}.mix-stack{position:absolute;inset:-120px 25px;display:grid;gap:14px;transition:transform 1.45s cubic-bezier(.16,.84,.22,1)}.mix-cardback{min-height:225px;border:5px solid #185a9a;border-radius:16px;background:radial-gradient(circle,#f2d83b 0 9%,#f6f6ee 10% 19%,#d54134 20% 27%,transparent 28%),radial-gradient(circle at 30% 30%,#3d7cc1,transparent 38%),linear-gradient(145deg,#082f67,#427fc8);box-shadow:0 9px 20px rgba(0,0,0,.25)}.mix-machine.is-spinning .mix-stack{transform:translateY(-720px)}.mix-window{position:absolute;z-index:4;inset:50% 13px auto;transform:translateY(-50%);height:232px;border:3px solid var(--mix);border-radius:16px;box-shadow:0 0 0 999px rgba(6,13,9,.23),0 0 30px rgba(184,255,39,.45);pointer-events:none}
.mix-dashboard{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.mix-stat{padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff}.mix-stat small{display:block;color:var(--muted);font-size:11px}.mix-stat strong{display:block;margin-top:5px;font-size:25px;color:var(--text)}.mix-stat strong.lime{color:#578c00}.mix-action{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;margin-top:18px;padding:22px 25px;border-radius:20px;background:#fff;border:1px solid var(--line)}.mix-action h2{margin:0 0 7px}.mix-action p{margin:0;color:var(--muted)}.mix-draw{min-width:230px;min-height:58px;border:0;border-radius:14px;background:var(--mix);color:var(--mix-ink);font-weight:950;font-size:16px;cursor:pointer;box-shadow:0 11px 25px rgba(114,167,14,.24)}.mix-draw:disabled{opacity:.45;cursor:not-allowed}
.mix-result{display:grid;grid-template-columns:190px 1fr;gap:22px;align-items:center}.mix-result img{width:100%;max-height:270px;object-fit:contain;border-radius:15px;background:#eef3ef}.mix-result .rarity{display:inline-flex;padding:6px 9px;border-radius:999px;background:#dfff9e;color:#244600;font:900 11px var(--mono)}.mix-result h3{font-size:28px;margin:10px 0 8px}.mix-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.mix-choice button{min-height:58px;border-radius:13px;border:1px solid #cfd9d1;background:#fff;font-weight:900;cursor:pointer}.mix-choice button.primary{background:#b8ff27;border-color:#b8ff27;color:#12200e}.mix-choice small{grid-column:1/-1;color:#7b857f;line-height:1.5}.mix-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.mix-rules article{padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff}.mix-rules b{display:block;margin-bottom:7px;color:var(--text)}.mix-rules p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}
@media(max-width:900px){.tcg-global-nav{grid-template-columns:repeat(4,1fr)}.history-layout{grid-template-columns:1fr}.mix-hero{grid-template-columns:1fr}.mix-machine{min-height:380px}.mix-dashboard{grid-template-columns:repeat(2,1fr)}.mix-rules{grid-template-columns:1fr}}
@media(max-width:700px){.history-trigger{padding:8px 11px}.history-trigger span{display:none}.history-calendar,.history-results{padding:13px}.history-week,.history-days{gap:3px}.history-days button{border-radius:8px}.history-legend span{padding:5px 7px;font-size:9px}.history-win{grid-template-columns:62px 1fr}.history-win img{width:62px;height:80px}.mix-copy{padding:34px 24px}.mix-copy h1{font-size:48px}.mix-machine{min-height:350px}.mix-reel{width:205px;height:290px}.mix-window{height:195px}.mix-action{grid-template-columns:1fr}.mix-draw{width:100%}.mix-result{grid-template-columns:110px 1fr}.mix-result h3{font-size:21px}.mix-choice{grid-column:1/-1}.mix-dashboard{gap:7px}.mix-stat{padding:14px}.mix-stat strong{font-size:21px}}

/* Áö°© ¾È ÃæÀü ¹öÆ° (¼­ºêÆäÀÌÁö, class=outline) */
.tcg-wallet{padding:4px 13px}
.tcg-wallet .outline,.oripa-topnav .outline{flex:0 0 auto;border:0;background:linear-gradient(90deg,#0a9fbe,#6a2fe0);color:#fff;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:800;cursor:pointer;white-space:nowrap;transition:filter .15s}
.tcg-wallet .outline:hover,.oripa-topnav .outline:hover{filter:brightness(1.1)}
/* w_pokemon_event: wallet ³ôÀ̸¦ oripa-nav(46px)¿¡ ¸ÂÃã */
.oripa-topnav .wallet{height:46px!important;box-sizing:border-box;align-self:center!important}

/* ===== w_pokemon_event: oripa-nav ¿ÞÂÊ / (Ä£±¸Ãßõ + wallet) ¿À¸¥ÂÊ ±×·ì ===== */
.oripa-topnav{justify-content:space-between}
.oripa-right{display:flex;align-items:center;gap:8px}
/* ±×·ì ¾È¿¡¼­´Â walletÀ» Àý´ë¹èÄ¡ ´ë½Å Á¤Àû¹èÄ¡·Î */
.oripa-topnav .oripa-right .wallet{position:static;top:auto;right:auto;bottom:auto;transform:none}
/* ¸ð¹ÙÀÏ¿¡¼­µµ Ä£±¸ÃßõÀ» wallet ¿·¿¡ ºÙ¿© À¯Áö(PC¿Í µ¿ÀÏ) */
@media(max-width:860px){.oripa-right{gap:6px}.oripa-right .wallet{margin:0!important}}

/* ===== Ä£±¸ Ãßõ(referral) ½ºÅ¸ÀÏ - pokemon.css·Î À̵¿(w_pokemon_event Á¤Àû ¸¶Å©¾÷/¼­ºêÆäÀÌÁö ÁÖÀÔ °øÅë »ç¿ë) ===== */
.tcg-referral-trigger{min-height:42px;padding:4px 14px;border:1.5px solid rgba(20,200,230,.7);border-radius:999px;background:#fff;color:#16141f;text-align:left;cursor:pointer;touch-action:manipulation;box-shadow:0 5px 14px rgba(20,18,40,.06)}
.tcg-referral-trigger span,.tcg-referral-trigger strong{display:block}
.tcg-referral-trigger span{font-size:11px;font-weight:800;letter-spacing:0;color:#16141f}
.tcg-referral-trigger strong{margin-top:1px;color:#0a9fbe;font-size:9px;font-weight:800;letter-spacing:.04em}
.referral-sheet{display:grid;gap:14px}
.referral-kpi{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.referral-kpi div{padding:13px;border:1px solid var(--line);border-radius:10px;background:var(--ink-soft)}
.referral-kpi small{display:block;color:var(--muted);font-size:9px}
.referral-kpi strong{display:block;margin-top:5px;font:900 19px var(--mono)}
.referral-link{display:grid;grid-template-columns:1fr auto;gap:7px}
.referral-link input{min-width:0}
.referral-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.referral-code-row{display:grid;grid-template-columns:1fr auto;gap:7px}
.referral-policy{margin:0;padding-left:17px;color:var(--muted);font-size:10px;line-height:1.7}
@media(max-width:700px){.tcg-topbar__inner{align-items:center}.tcg-user{gap:5px}.tcg-referral-trigger{padding:4px 12px}.tcg-referral-trigger span{font-size:11px}.tcg-referral-trigger strong{display:none}.referral-actions,.referral-link,.referral-code-row{grid-template-columns:1fr}.referral-kpi{grid-template-columns:1fr 1fr}}

/* ===== ¸ð¹ÙÀÏ ¸Þ´º¸í Ãà¾à(full/short Åä±Û) + ¼­ºêÆäÀÌÁö ÇÑ ÁÙ ===== */
.nav-short{display:none} /* µ¥½ºÅ©Åé: ªÀº ¶óº§ ¼û±è */
@media(max-width:900px){
  /* ¶óº§ Ãà¾à: ±ä À̸§ ¼û±â°í ªÀº À̸§ ³ëÃâ (¼­ºêÆäÀÌÁö tcg-global-nav + w_pokemon_event oripa-nav °øÅë) */
  .tcg-global-nav .nav-full,.oripa-nav .nav-full{display:none}
  .tcg-global-nav .nav-short,.oripa-nav .nav-short{display:inline}
  /* ¼­ºêÆäÀÌÁö nav: w_pokemon_eventÀÇ .oripa-nav¿Í µ¿ÀÏÇÏ°Ô - ±ÕµîÆø(flex:1 1 0), gap ¾øÀ½(°£°Ý °í¸£°Ô), ¾Ë¾à pill, 14px Ç®Æø */
  /* ÄÜÅÙÃ÷ Å©±â ¹öÆ° + Á¿ì padding + space-between ¡æ ±ÛÀÚ »çÀÌ °£°Ý ÀÏÁ¤, ¼±ÅÃÀº ÄÄÆÑÆ® ¾Ë¾à */
  .tcg-global-nav{display:flex!important;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0;padding:5px 8px;width:calc(100% - 10px)!important;max-width:none!important;border-radius:999px!important;background:rgba(255,255,255,.94)!important;border:1px solid rgba(20,18,40,.10)!important;box-shadow:0 8px 22px rgba(20,18,40,.14)!important}
  .tcg-global-nav a{flex:0 0 auto;min-width:0;min-height:35px;padding:7px 10px;font-size:13px;white-space:nowrap;color:#16141f;border-radius:999px}
  .tcg-global-nav a[aria-current="page"],.oripa-nav .navbtn.active{background:linear-gradient(90deg,#14c8e6,#7a3df0)!important;color:#fff!important;box-shadow:0 3px 14px rgba(122,61,240,.35)!important}
  /* w_pokemon_event: Á¦ÀÚ¸®(in-flow) nav¿Í °íÁ¤(stuck) nav¸¦ µ¿ÀÏ ½ºÅ¸ÀÏ + ¾ç¿· 14px Ç®ÆøÀ¸·Î ÅëÀÏ */
  .oripa-topnav .oripa-nav,.oripa-nav.is-stuck{
    box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;gap:0!important;padding:5px 8px!important;
    background:rgba(255,255,255,.94)!important;border:1px solid rgba(20,18,40,.10)!important;
    box-shadow:0 8px 22px rgba(20,18,40,.14)!important;border-radius:999px!important;
    -webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;
  }
  /* topnav Á¿ì padding Á¦°Å: nav°¡ stuck°ú µ¿ÀÏÇÑ 14px ¿©¹é¡¤µ¿ÀÏ ÆøÀÌ µÇµµ·Ï (.hero-zone ±ÔÄ¢º¸´Ù ¿ì¼±) */
  .hero-zone .oripa-topnav,.oripa-topnav{padding-left:0!important;padding-right:0!important}
  .oripa-topnav .oripa-nav{width:calc(100% - 28px)!important;max-width:none!important;margin:0 auto!important}
  .oripa-nav.is-stuck{position:fixed!important;top:12px!important;left:14px!important;right:14px!important;width:auto!important;max-width:none!important;transform:none!important;margin:0!important;z-index:900!important}
  /* ¹öÆ°: ÄÜÅÙÃ÷ Å©±â + Á¿ì padding(±ÛÀÚ »çÀÌ °£°Ý ÀÏÁ¤), PCó·³ ÁøÇÑ ±Û¾¾(ÇöÀçÆäÀÌÁö=È°¼º¸¸ Èò ±Û¾¾ ±×¶óµ¥À̼Ç) */
  .oripa-nav .navbtn{flex:0 0 auto!important;min-width:0;color:#16141f!important;text-shadow:none!important;padding:7px 10px!important;font-size:13px!important;white-space:nowrap}
  .oripa-nav .navbtn.active{color:#fff!important}
}

/* ¸ð¹ÙÀÏ: .tcg-title ¾ÈÀÇ <br> ¼û°Ü ÇÑ ÁÙ·Î(È­¸é ¾È¿¡ µé¾î¿Àµµ·Ï ÆùÆ® Ãà¼Ò) */
@media(max-width:700px){.tcg-title{font-size:clamp(20px,5.6vw,39px)!important;white-space:nowrap}.tcg-title br{display:none}}
/* ¸ð¹ÙÀÏ: ºê·£µå eyebrow ¼Ò¹®ÀÚ ¶óº§ Ãà¼Ò */
@media(max-width:700px){.tcg-brand small{font:800 7px var(--mono)}}

/* ===== bare .tcg-section.tcg-panel ¿©¹é(³»¿ëÀÌ ¹Ú½º¿¡ ºÙ´ø ¹®Á¦) ===== */
.tcg-section.tcg-panel:not(.memory-stage):not(.decision-rule){padding:24px}
@media(max-width:580px){.tcg-section.tcg-panel:not(.memory-stage):not(.decision-rule){padding:18px}}

/* ===== ·°Å° Ä«µå(cardmix) ¶óÀÌÆ® ½ºÅ² ===== */
.lucky-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:center;min-height:330px; border-radius:var(--radius);background:linear-gradient(90deg,rgba(255,255,255,.9),rgba(255,255,255,.5) 40%,rgba(255,255,255,0) 60%),url('/_template/service/images/07event_images/2026/08_pokemon/cardmix_bg.jpg') center right/cover;background-color:#dbe6f2;padding:36px;box-shadow:0 14px 34px rgba(20,18,40,.08);overflow:hidden}
.lucky-hero .tcg-eyebrow{color:#0a9fbe}
.lucky-hero h1{margin:10px 0 14px;font-size:clamp(30px,4.6vw,50px);line-height:1.03;letter-spacing:-.04em;color:var(--text)}
.lucky-hero h1 em{font-style:normal;color:#0a9fbe}
.lucky-hero p{margin:0;max-width:470px;color:var(--muted);line-height:1.75}
.lucky-cta{margin-top:22px;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}
.lucky-cta .tcg-button{width: 300px; min-height:52px;padding:0 26px;font-size:15px}
.lucky-fee{letter-spacing:.04em;color:#d4179a}
.lucky-reel-wrap{justify-self:center}
.lucky-reel{position:relative;width:184px;height:246px;border-radius:20px;border:4px solid #14c8e6;background:#eef7fb;overflow:hidden;box-shadow:0 18px 36px rgba(20,120,150,.22),inset 0 0 0 2px #cbeaf3}
.lucky-reel::before,.lucky-reel::after{content:"";position:absolute;left:0;right:0;height:50px;z-index:2;pointer-events:none}
.lucky-reel::before{top:0;background:linear-gradient(#eef7fb,transparent)}
.lucky-reel::after{bottom:0;background:linear-gradient(0deg,#eef7fb,transparent)}
.lucky-strip{position:absolute;inset:8px;display:grid;gap:12px;transition:transform 1.5s cubic-bezier(.16,.84,.22,1)}
.lucky-slot{min-height:226px;border-radius:14px;border:1px solid rgba(20,18,40,.1);background:radial-gradient(circle at 50% 36%,#14c8e6 0 8%,#bfe8f2 9% 24%,#f4f2fb 25% 100%);display:grid;place-items:center;color:#0a7d95;font:900 12px var(--mono);letter-spacing:.14em}
.is-spinning .lucky-strip{transform:translateY(-714px)}
.lucky-line{position:absolute;left:5px;right:5px;top:50%;height:3px;z-index:3;background:rgba(212,23,154,.55);border-radius:2px;transform:translateY(-50%);pointer-events:none}
.lucky-reveal{position:absolute;inset:8px;z-index:4;display:none;place-items:center;background:#fff;border-radius:14px;border:1px solid var(--line)}
.lucky-reel.revealed .lucky-strip,.lucky-reel.revealed .lucky-line{display:none}
.lucky-reel.revealed .lucky-reveal{display:grid}
.lucky-reveal img{width:100%;height:100%;object-fit:contain;padding:8px}
.lucky-machine{display:grid;place-items:center;padding:8px 0 6px}
.lucky-modal-fee{display:flex;align-items:center;justify-content:center;gap:8px;margin:16px 0 2px;color:var(--muted);font-size:13px}
.lucky-modal-fee b{color:#d4179a;font:900 14px var(--mono)}
.lucky-result{text-align:center}
.lucky-result .grade{display:inline-block;margin-bottom:8px;padding:5px 12px;border-radius:999px;background:linear-gradient(90deg,#14c8e6,#7a3df0);color:#fff;font:900 11px var(--mono)}
.lucky-result h3{margin:2px 0 6px;font-size:22px}
.lucky-result p{margin:0 0 16px;color:var(--muted);font-size:13px;line-height:1.6}
.lucky-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.lucky-choice small{grid-column:1/-1;color:var(--muted);font-size:12px;line-height:1.55}
.lucky-alert .tcg-eyebrow{color:#d4179a;font-size:12px}
.lucky-alert p:last-child{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.7}
@media(max-width:640px){.lucky-hero{grid-template-columns:1fr;text-align:center;aspect-ratio:auto;padding:58% 22px 26px;background:url('/_template/service/images/07event_images/2026/08_pokemon/m_cardmix_bg.jpg') top center/100% auto no-repeat;background-color:#eef3f9}.lucky-hero p{margin:0 auto}.lucky-cta{justify-content:center}.lucky-choice{grid-template-columns:1fr}}

/* ===== ·°Å° Ä«µå Ç®½ºÅ©¸° ½½·Ô¸Ó½Å ===== */
#gameLayer.game-full{padding:0;background:rgba(4,8,14,.55)}
#gameLayer.game-full .tcg-modal{width:100vw;max-width:100vw;height:100vh;height:100dvh;max-height:none;margin:0;border:0;border-radius:0;overflow:auto;background:radial-gradient(120% 82% at 50% 20%,#12314b 0%,#0a1a2b 46%,#050b14 100%);box-shadow:none;display:flex}
.game-close{position:absolute;top:calc(14px + env(safe-area-inset-top));right:16px;z-index:12;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;font-size:24px;line-height:1;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.game-stage{position:relative;z-index:1;margin:auto;width:100%;max-width:520px;padding:30px 22px calc(30px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:20px}
.game-eyebrow{margin:0;color:#5fd3ec;font:900 12px var(--mono);letter-spacing:.24em}
.game-title{margin:0;color:#fff;font-size:22px;letter-spacing:-.02em}
.slot-frame{position:relative;width:min(300px,72vw);height:calc(min(300px,72vw) / 0.72);border-radius:16px;background:transparent;isolation:isolate;transition:height .5s cubic-bezier(.3,.72,.2,1)}
.slot-scaler{position:absolute;inset:0;transform-origin:50% 50%;transition:transform .55s cubic-bezier(.3,.72,.2,1)}
/* Ä«µå ÂøÁö ½Ã ºûÀÌ Å׵θ® ¶óÀÎ À§(¾Õ)¸¦ °è¼Ó µ·´Ù - ȸÀü conic ±×¶óµ¥ÀÌ¼Ç + Å׵θ® ¸µ ¸¶½ºÅ© */
@property --bl{syntax:'<angle>';inherits:false;initial-value:0deg}
.slot-frame.lit::after{content:"";position:absolute;inset:0;z-index:8;border-radius:inherit;pointer-events:none;padding:3px;background:conic-gradient(from var(--bl),transparent 0deg,transparent 214deg,rgba(255,255,255,.5) 270deg,#fff 300deg,rgba(255,255,255,.5) 330deg,transparent 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:blSpin 2.6s linear infinite}
@keyframes blSpin{to{--bl:360deg}}
.slot-reel{position:absolute;inset:0;overflow:hidden;border-radius:inherit}
.slot-strip{position:absolute;top:0;left:0;right:0;will-change:transform}
.slot-cell{width:100%}
.slot-cell img{width:100%;height:100%;object-fit:cover;display:block}
.slot-frame.spinning .slot-strip{filter:none}
.slot-frame.landing .slot-strip{filter:none}
/* ¼Óµµ¼± Á¦°Å(Ä«µå ¿· ºó ¿µ¿ª¿¡ Èò ÀÜ»óÀÌ »ý°Ü Æó±â) */
.slot-glare{position:absolute;inset:0;z-index:4;pointer-events:none;border-radius:inherit;background:linear-gradient(105deg,rgba(255,255,255,.1) 0 8%,transparent 24%);opacity:0;transition:opacity .3s ease}
.slot-frame.lit .slot-glare{opacity:1}
/* Ä«µå Àüü¸¦ ÇÑ ¹ø ÈÈ´Â Èò ºû(»þÀÎ) */
.slot-shine{position:absolute;inset:0;z-index:6;pointer-events:none;border-radius:inherit;overflow:hidden}
.slot-shine::before{content:"";position:absolute;top:-25%;bottom:-25%;left:-85%;width:66%;background:linear-gradient(100deg,transparent 12%,rgba(255,255,255,.2) 32%,rgba(255,255,255,.95) 50%,rgba(255,255,255,.2) 68%,transparent 88%);transform:skewX(-16deg);opacity:0}
.slot-shine.go::before{animation:cardShine .75s ease-out 2}
@keyframes cardShine{0%{left:-85%;opacity:0}20%{opacity:.98}100%{left:125%;opacity:0}}
.slot-flash{position:absolute;inset:0;z-index:6;pointer-events:none;border-radius:inherit;background:radial-gradient(circle,#fff 0%,rgba(255,210,90,.55) 40%,rgba(255,255,255,0) 66%);opacity:0}
/* ÂøÁö ¼¶±¤ Á¦°Å - Å׵θ® µµ´Â ºû¸¸ */
.slot-frame.hit .slot-flash{animation:none}
@keyframes slotFlash{0%{opacity:0;transform:scale(.5)}12%{opacity:1}100%{opacity:0;transform:scale(1.5)}}
/* hit: Èçµé¸² Á¦°Å - Ä«µå´Â Á¦ÀÚ¸®, Ç÷¡½Ã¸¸ */
/* Æ˾÷ ¹è°æ ¿µ»ó: »ó½Ã ¾Úºñ¾ðÆ®(02_bg03 ±Ýºû ¿þÀ̺ê) + ÂøÁö °ñµå ¹ö½ºÆ®(03_bg03). ´ÙÅ© À§¿¡ screen ºí·»µå·Î ºû¸¸ ¾ñÈû */
.game-video{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;pointer-events:none;opacity:0;transition:opacity .7s ease;mix-blend-mode:screen}
#gameLayer.game-full:not([hidden]) .game-video.ambient{opacity:.5}
.tcg-modal.playing .game-video.win{opacity:.9}
@keyframes slotShake{10%{transform:translate(-6px,2px) rotate(-.6deg)}20%{transform:translate(6px,-2px) rotate(.6deg)}30%{transform:translate(-5px,1px)}40%{transform:translate(5px,-1px)}50%{transform:translate(-3px,0)}60%{transform:translate(3px,0)}70%,100%{transform:translate(0,0)}}
.game-panel{width:100%;max-width:360px;min-height:196px;text-align:center;color:#e8f4fb}
.game-panel .lucky-modal-fee{margin:0;color:#bcd8e8}
.game-panel .lucky-modal-fee b{color:#7fe3ff}
.game-panel .tcg-button-row{margin-top:14px}
.game-panel .tcg-button{width:100%;min-height:54px;font-size:16px}
.game-result .grade{display:inline-block;margin-bottom:8px;padding:5px 14px;border-radius:999px;background:linear-gradient(90deg,#14c8e6,#7a3df0);color:#fff;font:900 12px var(--mono)}
.game-result h3{margin:2px 0 6px;font-size:22px;color:#fff}
.game-result>p{margin:0 0 14px;color:#fff;font-size:13px}
.game-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.game-choice .tcg-button--ghost{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.28);color:#fff}
.game-choice small{grid-column:1/-1;color:#fff;font-size:13px;line-height:1.55}
@media(max-width:480px){.game-choice{grid-template-columns:1fr}.slot-frame{width:min(300px,80vw)}.game-panel{min-height:250px}}


/* ===== LIVE »óÅÂ: ¿ø ¾È¿¡¼­ ºû³ª¸ç ¸Æµ¿ÇÏ´Â ¶óÀ̺ê Á¡ (CSS¸¸) ===== */
.lot-card__badges > .tcg-status:not(.tcg-status--warning):not(.lot-status--mine) { position:relative; padding-left:23px; }
.lot-card__badges > .tcg-status:not(.tcg-status--warning):not(.lot-status--mine)::before{
  content:""; position:absolute; left:9px; top:50%; width:8px; height:8px; transform:translateY(-50%);
  border-radius:50%; background:#ff3b30;
  box-shadow:0 0 5px 1px rgba(255,59,48,.95), 0 0 0 0 rgba(255,59,48,.6);
  animation:tcgLivePulse 1.3s ease-out infinite;
}
@keyframes tcgLivePulse{
  0%{ box-shadow:0 0 5px 1px rgba(255,59,48,.95), 0 0 0 0 rgba(255,59,48,.6); }
  70%{ box-shadow:0 0 7px 2px rgba(255,59,48,1), 0 0 0 7px rgba(255,59,48,0); }
  100%{ box-shadow:0 0 5px 1px rgba(255,59,48,.95), 0 0 0 0 rgba(255,59,48,0); }
}
@media (prefers-reduced-motion: reduce){ .lot-card__badges > .tcg-status:not(.tcg-status--warning):not(.lot-status--mine)::before{ animation:none; } }

/* »ó½Ã ¿À¸®ÆÄ Áø¿­´ë - ¹Ú½º À̹ÌÁö¡¤¸ÞŸ ¿©¹é Á¤¸® (20260829)
   1) À̹ÌÁö°¡ ÄÁÅ×ÀÌ³Ê ¹Ù´Ú¿¡ ºÙ¾î µå·Ó¼¨µµ°¡ À߸®°í ´ä´äÇß´Ù -> ¾Æ·¡ ¿©¹é È®º¸
   2) .shelf-meta ÀÇ ¾Æ·¡ padding ÀÌ 0 À̶ó KREAM ¸µÅ©°¡ Å׵θ®¿¡ ´ê¾Ò´Ù */
/* ¹Ú½º ¾ÆÆ®¸¦ Å°¿ì°í À§¾Æ·¡·Î ¼û ½¯ °ø°£À» ÁØ´Ù (À̹ÌÁö 150 -> 170px) */
.shelf-image{height:196px !important;padding:10px 0 16px !important;box-sizing:border-box !important}
.shelf-image img{height:170px !important}
.shelf-image::before{bottom:12px !important;opacity:.85 !important}
.shelf-meta{padding-bottom:12px !important}
.shelf-meta span{margin-bottom:6px !important}
/* KREAM ¸µÅ©´Â JS °¡ ÀζóÀÎ ½ºÅ¸ÀÏ·Î ºÙ¿©¼­ !important ·Î¸¸ À̱ä´Ù.
   inline-block À̶ó .shelf-meta ÀÇ À½¼ö ¸¶Áø Å¿¿¡ ¿ÞÂÊ ³¡À¸·Î »ßÁ®³ª°¬´Ù -> ºí·Ï °¡¿îµ¥ Á¤·Ä */
.tcg-kream-link{display:block !important;text-align:center !important;margin:2px 10px 0 !important;font-size:11px !important;opacity:.6 !important;text-decoration-color:rgba(20,18,40,.35) !important}
.shelf-product:hover .tcg-kream-link{opacity:.9 !important}