.number-banner{isolation:isolate}.number-banner .number-paper{position:absolute;inset:0;z-index:-1;aspect-ratio:auto!important;background-repeat:no-repeat;filter:sepia(.2) brightness(.94);clip-path:polygon(1% 1%,19% 0,32% 2%,49% 0,64% 1%,80% 0,99% 2%,98% 21%,100% 50%,99% 76%,97% 98%,75% 99%,59% 98%,41% 100%,20% 98%,2% 99%,0 75%,2% 48%,0 22%);box-shadow:inset 0 0 14px #9d774744}.title-word{font-family:var(--serif);font-size:clamp(64px,11vw,146px);font-weight:900;letter-spacing:.12em;color:#fff2e3;text-shadow:4px 5px #64101e,0 0 18px #000;white-space:nowrap}.title-word:after{content:"";position:absolute;left:0;right:0;top:56%;height:8px;background:var(--red);transform:rotate(-13deg);box-shadow:0 0 6px #000}.hero-brand{width:auto;top:11%}.hero .scene{height:min(62vh,500px)}.page-card .product-image{max-width:300px;width:100%;display:block;margin:14px auto}@media(max-width:650px){.hero .scene{height:51dvh}}

  .announcement.vertical{white-space:nowrap;text-orientation:upright}

.hero-brand{width:clamp(215px,31vw,345px);top:6%;mix-blend-mode:normal}
.hero-brand .title-logo{display:block;width:100%;height:auto;mix-blend-mode:normal;filter:drop-shadow(0 8px 13px #000b)}
.cinematic-backdrop{position:fixed;inset:0;z-index:8;background:#05050bd9;pointer-events:none}
.scene.cinematic{position:fixed;z-index:9;left:50%;top:50%;width:min(100vw,1250px);height:min(72dvh,540px);min-height:0;transform:translate(-50%,-50%);box-shadow:0 18px 70px #000}
@media(max-width:650px){.scene.cinematic{height:min(67dvh,520px)}}
.topbar .brand img{display:block;width:43px;height:43px;object-fit:contain}
.duel-brand{display:block;width:45px;height:45px;object-fit:contain;flex:none}
@media(max-width:650px){.hero-brand{width:min(66vw,270px);top:5%}}
@media(max-width:650px){.topbar .brand img{width:38px;height:38px}}
@media(max-width:650px){.duel-brand{width:38px;height:38px}}

.scene .last-card,.scene .card-reveal{position:absolute;transform:translate(-50%,-50%);pointer-events:none;filter:drop-shadow(0 8px 10px rgba(0,0,0,.8))}
.scene .last-card{z-index:2;filter:drop-shadow(0 4px 4px rgba(0,0,0,.9))}
.scene .card-reveal{z-index:6;filter:drop-shadow(0 12px 16px rgba(0,0,0,.95)) drop-shadow(0 0 10px rgba(255,230,190,.7))}
.scene .last-card .sprite,.scene .card-reveal .sprite{display:block;width:100%}

.used-history{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:9px 14px 7px;background:#17111b;border-bottom:1px solid #5a3542}
.used-side{min-width:0}
.used-side h3{display:flex;justify-content:space-between;gap:6px;margin:0 0 5px;font:700 13px var(--serif);color:#f5e6de}
.used-side h3 small{font:400 11px system-ui,sans-serif;color:#cbb8bb}
.used-viewport{position:relative;height:98px;overflow-x:auto;overflow-y:hidden;scrollbar-color:#8d3548 #251924;scrollbar-width:thin}
.used-viewport:focus-visible{outline:2px solid #ffc86a;outline-offset:2px}
.used-track{position:relative;display:block;margin:0;padding:0;list-style:none}
.used-card{position:absolute;top:0;display:block;filter:drop-shadow(0 3px 3px #000b)}
.used-card .sprite{display:block;width:100%}
.used-empty{position:absolute;top:24px;left:6px;color:#8f828c;font-size:12px}
@media(max-width:650px){.used-history{gap:7px;padding:7px 9px 5px}.used-side h3{font-size:11px}.used-side h3 small{font-size:10px}.used-viewport{height:83px}.used-empty{font-size:10px}}
