@import url('./rip-card.css');

/* Keep swipe navigation, with a quiet track instead of the native scroll controls. */
.burial-cards{scrollbar-width:thin;scrollbar-color:#657b49 #162119}
.burial-cards::-webkit-scrollbar{height:4px}
.burial-cards::-webkit-scrollbar-track{background:#162119;border-radius:99px}
.burial-cards::-webkit-scrollbar-thumb{background:#657b49;border-radius:99px}
.burial-cards::-webkit-scrollbar-thumb:hover{background:#a4c871}
.burial-cards::-webkit-scrollbar-button{display:none;width:0;height:0}

.burial-card-slot .card-reveal{position:relative;width:100%;padding:0;background:transparent;cursor:pointer;transition:transform .25s}
.burial-card-slot .card-reveal img{width:100%;aspect-ratio:500/745;object-fit:cover}
.burial-card-slot .card-reveal span{position:absolute;left:10%;right:10%;bottom:9%;background:#101811e8;color:#d2efac;font:10px monospace;text-align:center}

.burial-display{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:none!important;filter:none;min-width:0;perspective:900px}
.burial-preview,.burial-open{display:block;position:relative;background:none;border:0;padding:0;cursor:pointer;touch-action:manipulation;max-width:100%;color:inherit}
.burial-art{position:relative!important;inset:auto!important;display:block;width:340px;max-width:100%;aspect-ratio:3/4;filter:drop-shadow(0 18px 22px #000a);isolation:isolate;transition:transform .25s}
.burial-stone{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.burial-preview:hover .burial-art,.burial-open:hover .burial-art{transform:translateY(-5px) rotate(-2deg)}
.burial-preview:focus-visible,.burial-open:focus-visible{outline:2px solid #c8f77c;outline-offset:3px;border-radius:30%}
.burial-caption,.burial-hint{position:static!important;display:block;font:9px monospace!important;letter-spacing:1.5px;color:#cceba5!important;text-align:center;margin-top:5px}
.burial-hint{color:#a6b39b!important;font-size:8px!important;margin-top:12px}
.quest-pack.burial-display{width:300px;margin-left:-30px}.quest-pack .burial-art{width:300px}.pack-art.burial-display{min-height:430px}
.burial-nudge{animation:burial-shake .5s both}
.burial-dialog{width:min(1100px,calc(100% - 32px));max-height:calc(100dvh - 24px);margin:auto;padding:42px 40px 24px;color:#eef1de;border:1px solid #61724e;border-radius:8px;background:linear-gradient(#0c1713d9,#101912ee),url('/rad/tcg/graveyard.webp') center/cover;box-shadow:0 25px 100px #000;overflow:auto;text-align:center}
.burial-dialog::backdrop{background:#030706e8;backdrop-filter:blur(8px)}
.burial-dialog [hidden]{display:none!important}.burial-close{position:absolute;right:14px;top:10px;background:#152017;border:1px solid #536044;color:#dbe9ca;min-height:44px;padding:10px 16px;font:10px monospace;z-index:2}
.burial-eyebrow{font:10px monospace;letter-spacing:2px;color:#c5ef8b;margin:8px 0 16px}.burial-title{font:700 clamp(36px,5vw,64px)/1 Impact,'Arial Narrow',sans-serif!important;letter-spacing:-.5px!important;margin:0 0 12px!important}.burial-status{font:13px/1.6 Arial;color:#c3cfb6;margin:10px 0 0;min-height:22px}
.burial-opening-stage{position:relative;display:flex;justify-content:center;overflow:hidden;min-height:370px}.burial-opening-stage::after{content:'';position:absolute;bottom:4%;left:15%;right:15%;height:55px;border-radius:50%;background:radial-gradient(ellipse,#9ccc6238,transparent 65%);pointer-events:none}.burial-open .burial-art{width:285px}
.is-unearthing .burial-art{animation:burial-break 1.1s both}.is-unearthing::after{animation:burial-dust 1.1s both}
.burial-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;max-width:820px;margin:25px auto 12px;perspective:1200px}.burial-card-slot{min-width:0;animation:burial-launch .75s cubic-bezier(.17,.75,.3,1) both;animation-delay:calc(var(--card-index)*.12s)}
.burial-card-slot .card-reveal{border:0;border-radius:12px}.burial-card-slot .card-reveal img{display:block;border-radius:12px}.burial-card-slot .card-reveal span{font-size:9px;padding:10px 3px}.burial-card-front{animation:burial-flip .45s both}.burial-card-front .rip-preview{width:100%;margin:0}.burial-card-name{font:11px monospace;color:#cde3ae;margin:14px 0 4px}.burial-footer{position:sticky;bottom:-24px;padding:14px 0 8px;background:linear-gradient(transparent,#101912 25%);z-index:3}.burial-footer .btn{min-height:48px;margin:5px;font-size:11px}.burial-footer p{font:10px/1.6 monospace;color:#9bac91;margin:12px 0 0}
@keyframes burial-shake{20%,60%{transform:rotate(-4deg)}40%,80%{transform:rotate(4deg)}}
@keyframes burial-break{0%{transform:rotate(0)}15%,45%{transform:translateX(-6px) rotate(-5deg)}30%,60%{transform:translateX(6px) rotate(5deg)}75%{transform:translateY(-22px) scale(1.04)}100%{transform:translateY(100px) scale(.75);opacity:0}}
@keyframes burial-dust{70%{transform:scale(2.5);opacity:1}100%{transform:scale(4);opacity:0}}
@keyframes burial-launch{from{opacity:0;transform:translateY(100px) scale(.6) rotate(calc((var(--card-index) - 1)*18deg))}to{opacity:1;transform:none}}
@keyframes burial-flip{from{transform:rotateY(-80deg);opacity:.3}to{transform:rotateY(0);opacity:1}}
@media(max-width:700px){.quest-pack.burial-display{width:240px;margin:0 auto}.quest-pack .burial-art{width:240px}.pack-art.burial-display{margin:0;transform:none;min-height:350px}.pack-art .burial-art{width:255px}.burial-dialog{width:100%;max-width:100%;max-height:100dvh;height:100dvh;border:0;border-radius:0;padding:65px 14px calc(14px + env(safe-area-inset-bottom))}.burial-close{top:12px}.burial-eyebrow{font-size:8px}.burial-cards{gap:8px;margin-top:35px}.burial-card-slot .card-reveal span{font-size:7px;left:3%;right:3%;padding:8px 2px}.burial-card-name{font-size:8px;line-height:1.5}.burial-footer{bottom:calc(-14px - env(safe-area-inset-bottom));padding-bottom:calc(16px + env(safe-area-inset-bottom));margin-top:28px}.burial-footer .btn{width:100%;margin:5px 0}.burial-opening-stage{min-height:370px}.burial-dialog:has(.burial-cards:not([hidden])) .burial-footer{margin-top:36px}}
@media(prefers-reduced-motion:reduce){.burial-art{transition:none}.burial-nudge,.is-unearthing .burial-art,.is-unearthing::after,.burial-card-slot,.burial-card-front{animation:none}.burial-preview:hover .burial-art,.burial-open:hover .burial-art{transform:none}}

@media(max-width:700px){.burial-cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding:12px 8px 20px;scroll-padding-inline:8px}.burial-card-slot{flex:0 0 72%;scroll-snap-align:center}.burial-card-slot .card-reveal span{font-size:10px;padding:12px 3px}.burial-card-name{font-size:11px}.burial-dialog:has(.burial-cards:not([hidden])) .burial-footer{margin-top:6px}.burial-card-slot .card-reveal:hover{transform:none}}

#replayPack{margin-bottom:26px;min-height:48px}

/* Keep the original purple foil wrapper; the graveyard is printed pack art. */
.burial-art{aspect-ratio:245/365;border:1px solid #be90e3;border-radius:3px;background:linear-gradient(115deg,#6caaa67a,transparent 24%,#bf8fff55 50%,transparent 65%),linear-gradient(135deg,#3d265d,#221431 55%,#55347e);box-shadow:10px 20px 40px #0008,inset 3px 0 8px #d0aaff80,inset -3px 0 7px #120525;overflow:hidden}
.burial-art::before,.burial-art::after{content:'';position:absolute;left:0;right:0;height:12px;background:repeating-linear-gradient(90deg,#b1a4c770 0 1px,#26183280 1px 4px);z-index:2}.burial-art::before{top:0}.burial-art::after{bottom:0}
.burial-scene{position:absolute!important;display:block;inset:0!important;background:none;z-index:0}
.burial-scene .burial-stone{width:100%;height:100%;object-fit:fill;border-radius:0}
.burial-foil-top,.burial-foil-title,.burial-foil-bottom{z-index:1;position:absolute!important;display:block;left:0!important;right:0!important;bottom:auto!important;text-align:center!important;color:#ede6f5!important;text-shadow:0 2px 4px #170d22}
.burial-foil-top{top:3.9%!important;font:9px monospace!important;letter-spacing:2px}
.burial-foil-title{top:7.5%!important;font:700 26px/1 'RAD Stencil',Georgia,serif!important;letter-spacing:0}
.burial-foil-bottom{top:92%!important;font:7px monospace!important;letter-spacing:.7px;color:#cef59e!important}
.burial-display .burial-art{transform:rotate(5deg)}
.burial-open .burial-art{width:255px}.burial-opening-stage{padding:20px 0;min-height:425px}
@media(max-width:700px){.burial-art{width:235px!important}.burial-foil-top{font-size:7px!important}.burial-foil-title{font-size:24px!important}.burial-foil-bottom{font-size:6px!important}.burial-opening-stage{min-height:380px}}

/* The illustration covers the whole foil face; no inset backdrop or mask. */

.burial-rip-shell{position:relative;display:block;width:255px;aspect-ratio:245/365;isolation:isolate;perspective:900px}
.burial-rip-body,.burial-rip-lid{position:absolute;inset:0;display:block;will-change:transform,opacity;pointer-events:none}
.burial-rip-shell .burial-art{width:100%!important;height:100%;filter:none;transform:none!important;transition:none}
.burial-rip-body{z-index:3;}.burial-rip-body .burial-art{clip-path:polygon(0 19%,6% 20%,13% 18.8%,21% 20.1%,29% 19%,37% 20%,45% 18.8%,54% 20.1%,62% 19%,70% 20%,78% 18.8%,86% 20%,94% 19%,100% 20%,100% 100%,0 100%)}
.burial-rip-lid{z-index:4;transform-origin:95% 19%;}.burial-rip-lid .burial-art{clip-path:polygon(0 0,100% 0,100% 20%,94% 19%,86% 20%,78% 18.8%,70% 20%,62% 19%,54% 20.1%,45% 18.8%,37% 20%,29% 19%,21% 20.1%,13% 18.8%,6% 20%,0 19%)}

.burial-rip-seam{position:absolute;z-index:5;top:18.8%;left:0;width:100%;height:1.8%;background:linear-gradient(#e2d0fa,#ad80cb);clip-path:polygon(0 15%,6% 80%,13% 10%,21% 90%,29% 20%,37% 80%,45% 10%,54% 90%,62% 20%,70% 80%,78% 10%,86% 80%,94% 20%,100% 80%,100% 100%,0 100%);opacity:0;transform-origin:left center;pointer-events:none}
.burial-flying-cards{position:absolute;inset:0;z-index:2;display:block;pointer-events:none}
.burial-flying-card{position:absolute;left:15%;top:16%;width:70%;height:auto;border-radius:10px;box-shadow:0 12px 24px #0008;opacity:0;transform:translateY(28px) scale(.85)}
.burial-rip-prompt{display:block;color:#d3efa7;font:10px monospace;letter-spacing:2px;text-align:center;margin-top:16px}
.burial-open:hover .burial-rip-shell{filter:drop-shadow(0 0 12px #ad83ce35)}
.is-ripping .burial-rip-shell{animation:burial-shake .42s both}
.is-ripping .burial-rip-lid{animation:foil-peel 1.1s .38s cubic-bezier(.25,.55,.55,1) both}

.is-ripping .burial-rip-seam{animation:foil-split .7s .25s both}
.is-ripping .burial-rip-body{animation:foil-fall .9s 1.25s ease-in both}
.is-ripping .burial-flying-card{animation:foil-card-flight .85s calc(1.05s + var(--fly-index)*.12s) cubic-bezier(.16,.75,.25,1) both}
.is-ripping .burial-rip-prompt{opacity:0}
@keyframes foil-split{0%{opacity:1;transform:scaleX(0)}70%{opacity:1;transform:scaleX(1)}100%{opacity:0;transform:scaleX(1)}}
@keyframes foil-peel{0%{opacity:1;transform:translate3d(0,0,0) rotate(0) scaleY(1)}65%{opacity:1}100%{opacity:0;transform:translate3d(130px,-150px,0) rotate(60deg) scaleY(.45)}}
@keyframes foil-glint{0%,100%{opacity:0}45%{opacity:.75}}
@keyframes foil-fall{0%{transform:none;opacity:1}45%{opacity:1}100%{transform:translate(-30px,145px) rotate(-16deg) scale(.88);opacity:0}}
@keyframes foil-card-flight{0%{opacity:0;transform:translateY(28px) scale(.85)}20%{opacity:1}100%{opacity:1;transform:translate(calc((var(--fly-index) - 1)*58px),-40px) rotate(calc((var(--fly-index) - 1)*16deg)) scale(.98)}}
@media(max-width:700px){.burial-rip-shell{width:235px}.burial-open:has(.burial-rip-shell){margin-top:24px}.burial-opening-stage:has(.burial-rip-shell){min-height:435px}}
@media(prefers-reduced-motion:reduce){.is-ripping .burial-rip-shell,.is-ripping .burial-rip-lid,.is-ripping .burial-rip-lid::after,.is-ripping .burial-rip-seam,.is-ripping .burial-rip-body,.is-ripping .burial-flying-card{animation:none}.burial-rip-body,.burial-rip-lid{will-change:auto}}

.burial-open:focus-visible{border-radius:4px}

.burial-open:disabled{opacity:1;filter:none;cursor:default}

/* The graveyard darkens before light spills from the torn pack. */
.burial-dialog{isolation:isolate;--burial-accent:#bd8cff}
.burial-dialog::backdrop{backdrop-filter:none}
.burial-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1;border-radius:inherit;contain:paint}
.burial-atmosphere span{position:absolute;display:block;opacity:0}
.burial-darkness{inset:0;background:#020507}
.burial-aura{inset:10% 0 0;background:radial-gradient(ellipse at 50% 50%,#d5efaf80,transparent 28%),radial-gradient(ellipse at 50% 65%,#9772bc70,transparent 65%)}
.burial-rays{inset:0 3%;background:url('/rad/tcg/pack-art/tear-rays.webp') center/contain no-repeat;transform-origin:50% 57%;will-change:opacity,transform}
.is-awakening .burial-darkness{animation:burial-darken 2.5s ease-out both}
.is-awakening .burial-aura{animation:burial-awaken 2.8s .35s ease-out both}
.is-awakening .burial-rays{animation:burial-light-spill 2.2s .4s ease-out both}
.burial-opening-stage:has(.burial-swarm){overflow:visible}
.burial-swarm{position:absolute;top:0;left:0;width:100%;aspect-ratio:245/365;z-index:6;pointer-events:none;display:block}
.burial-bat{position:absolute;left:50%;top:19%;width:var(--bat-size);height:calc(var(--bat-size)*.44);opacity:0}
.burial-bat-wing{position:absolute;top:0;width:52%;height:100%;background:url('/rad/tcg/pack-art/bat-wing.svg') center/100% 100% no-repeat}
.burial-bat-wing.wing-left{left:0;transform-origin:right center}
.burial-bat-wing.wing-right{right:0;transform-origin:left center;scale:-1 1}
.burial-bat-body{position:absolute;left:43%;top:18%;width:14%;height:82%;background:#090911;clip-path:polygon(0 0,40% 18%,60% 18%,100% 0,94% 70%,50% 100%,6% 70%)}
.is-ripping .burial-bat{animation:burial-bat-flight 1.2s var(--bat-delay) cubic-bezier(.2,.4,.6,1) both}
.is-ripping .burial-bat-wing{animation:burial-bat-flap .12s var(--bat-delay) 10 alternate ease-in-out}
.is-ripping .burial-rip-shell{filter:none!important}
@keyframes burial-bat-flight{0%{opacity:0;transform:translate3d(-50%,0,0) rotate(calc(var(--bat-turn)*-1)) scale(.25)}12%,78%{opacity:1}100%{opacity:0;transform:translate3d(var(--bat-x),var(--bat-y),0) rotate(var(--bat-turn)) scale(1.6)}}
@keyframes burial-bat-flap{from{transform:scaleY(1) rotate(-8deg)}to{transform:scaleY(.28) rotate(18deg)}}
@keyframes burial-darken{0%{opacity:0}15%,45%{opacity:.75}100%{opacity:.18}}
@keyframes burial-awaken{0%{opacity:0}20%{opacity:1}55%{opacity:.55}100%{opacity:.14}}
@keyframes burial-light-spill{0%{opacity:0;transform:translateZ(0) scale(.85)}22%{opacity:.85}100%{opacity:0;transform:translateZ(0) scale(1)}}
@media(max-width:700px){.burial-bat{width:calc(var(--bat-size)*.8);height:calc(var(--bat-size)*.352)}.burial-swarm{clip-path:inset(-280px calc((235px - 100vw + 28px)/2) -100px)}}
@media(prefers-reduced-motion:reduce){.burial-swarm,.burial-darkness,.burial-rays{display:none}.is-awakening .burial-aura{animation:none;opacity:.12}}

/* Prepare the small moving layers before the click; avoid nested 3D scenes. */
.burial-rip-shell{perspective:none;transform:translateZ(0)}
.burial-bat,.burial-bat-wing,.burial-flying-card{will-change:transform,opacity}
.burial-darkness,.burial-aura{will-change:opacity}
.burial-rip-shell .burial-art{box-shadow:none}
.burial-open:hover .burial-rip-shell{filter:none}
@media(prefers-reduced-motion:reduce){.burial-bat,.burial-bat-wing,.burial-flying-card,.burial-darkness,.burial-aura,.burial-rays{will-change:auto}}

/* A quiet landing after the reveal: one entrance, then clear next steps. */
.burial-next-move{max-width:820px;margin:8px auto 0;padding:22px 24px;border:1px solid #627746;border-radius:12px;background:linear-gradient(115deg,#263521,#191e25);text-align:left;animation:burial-next-arrive .35s ease-out both}
.burial-complete-tag{font:9px monospace;letter-spacing:1.5px;color:#c7ee91}
.burial-next-move h3{font:700 clamp(24px,3vw,34px)/1.1 Impact,'Arial Narrow',sans-serif;letter-spacing:.5px;margin:10px 0}
.burial-footer .burial-next-copy{font:13px/1.6 Arial;color:#c4cfb9;max-width:550px;margin:0 0 16px}
.burial-next-actions{display:flex;gap:12px;flex-wrap:wrap}
.burial-next-actions .btn{justify-content:center;min-width:170px;margin:0;text-decoration:none}
.burial-use-card{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:8px;padding:8px 14px;border:1px solid #60764b;border-radius:5px;color:#d0f39f;background:#172017;font:10px monospace;text-decoration:none}
.burial-use-card:hover{background:#283a21}.burial-use-card:focus-visible,.burial-next-actions a:focus-visible{outline:2px solid #d0f39f;outline-offset:3px}
.burial-dialog.is-complete .burial-footer{position:relative;bottom:auto;background:none}
.burial-dialog.is-complete .burial-footer>button{font-size:10px;min-height:44px;margin-top:14px;background:transparent;border-color:transparent;color:#adbea0}
@keyframes burial-next-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.burial-next-move{padding:20px 16px}.burial-next-actions{flex-direction:column;gap:10px}.burial-next-actions .btn{width:100%;margin:0}.burial-dialog.is-complete .burial-footer>button{width:auto}}
@media(prefers-reduced-motion:reduce){.burial-next-move{animation:none}}