:root{--ink:#171419;--graphite:#33363D;--parchment:#F2EBDF;--parchment-deep:#E2D7C5;--bone:#FBF7F0;--crimson:#C4142B;--crimson-deep:#8C0F1E;--crimson-lit:#E8475C;--rule:rgba(23,20,25,.18);}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--ink);color:var(--bone);font-family:"Newsreader",Georgia,"Times New Roman",serif;font-weight:400;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overflow-x:hidden;}.field{min-height:100dvh;display:flex;align-items:center;justify-content:center;background: radial-gradient(120% 70% at 50% -10%,rgba(196,20,43,.26),rgba(196,20,43,0) 62%),radial-gradient(90% 60% at 50% 110%,rgba(51,54,61,.55),rgba(23,20,25,0) 70%),var(--ink);}.app{width:100%;container-type:inline-size;max-width:460px;min-height:100dvh;display:grid;grid-template-rows:auto auto 1fr auto;gap:clamp(.5rem,1.6vh,1rem);padding:calc(env(safe-area-inset-top) + .7rem) calc(env(safe-area-inset-right) + 1.05rem) calc(env(safe-area-inset-bottom) + .8rem) calc(env(safe-area-inset-left) + 1.05rem);background:var(--ink);}.bar{display:flex;align-items:center;gap:.65rem}.bar img{width:clamp(40px,11vw,96px);height:auto;aspect-ratio:1/1;display:block;border-radius:12px;background:var(--graphite);}.mark{font-family:"EB Garamond",Georgia,serif;font-weight:600;font-size:clamp(1.05rem,0.95rem + 1.1vw,1.45rem);letter-spacing:.01em;line-height:1;}.chip{margin-left:auto;font-size:clamp(.62rem,0.58rem + 0.2vw,.72rem);text-transform:uppercase;letter-spacing:.16em;font-weight:500;color:var(--parchment);border:1px solid rgba(242,235,223,.26);border-radius:999px;padding:.34rem .64rem .3rem;}.chip span{color:var(--crimson-lit);font-size:1.1em;line-height:0}h1{font-family:"EB Garamond",Georgia,serif;font-weight:600;font-size:clamp(1.85rem,1.35rem + 3.4vw,2.7rem);line-height:1.04;letter-spacing:-.012em;color:var(--bone);}h1 em{font-style:normal;color:var(--crimson-lit)}.sub{margin-top:.5rem;font-size:clamp(.92rem,0.88rem + 0.4vw,1.02rem);line-height:1.45;color:rgba(242,235,223,.74);max-width:34ch;}.stage{position:relative;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;perspective:1100px;}.holder{position:relative;container-type:size;height:min(100%,420px);aspect-ratio:5/7;min-height:210px;}.shadow{position:absolute;left:8%;right:8%;bottom:-14px;height:26px;border-radius:50%;background:rgba(0,0,0,.6);filter:blur(13px);transform-origin:50% 50%;will-change:transform,opacity;}.card{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;border-radius:14px;}.card:active{cursor:grabbing}.card:focus-visible{outline:2px solid var(--crimson);outline-offset:8px;border-radius:16px}.leaf{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:14px;background:var(--parchment);color:var(--ink);padding:clamp(.75rem,2.4vh,1.15rem);display:flex;flex-direction:column;box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 2px 4px rgba(0,0,0,.3),0 14px 30px rgba(0,0,0,.45);overflow:hidden;}.leaf::after{content:"";position:absolute;inset:5px;border:1px solid var(--rule);border-radius:9px;pointer-events:none;}.leaf.back{transform:rotateY(180deg);background:var(--parchment-deep)}.kicker{font-size:clamp(.56rem,0.52rem + 0.2vw,.66rem);text-transform:uppercase;letter-spacing:.2em;font-weight:500;color:var(--crimson-deep);}.leafname{font-family:"EB Garamond",Georgia,serif;font-weight:600;font-size:clamp(1.15rem,1rem + 1.3vw,1.5rem);line-height:1.05;margin-top:.12rem;}.hr{height:1px;background:var(--rule);margin:.55rem 0}.rows{display:flex;flex-direction:column;gap:.1rem}.row{display:flex;align-items:baseline;gap:.4rem;padding:.3rem 0;border-bottom:1px solid var(--rule);font-size:clamp(.78rem,0.74rem + 0.3vw,.9rem);}.row .lbl{font-weight:400;color:rgba(23,20,25,.56)}.row .val{font-style:normal;margin-left:auto;font-family:"EB Garamond",Georgia,serif;font-weight:600;font-size:1.12em;}.flash{margin-top:clamp(.6rem,2.2vh,1.1rem);height:clamp(34px,8vh,62px);color:rgba(196,20,43,.58);}.flash svg{width:100%;height:100%;display:block}.seal{margin-top:auto;align-self:flex-end;width:clamp(74px,20vw,96px);height:clamp(74px,20vw,96px);display:grid;place-items:center;transform:rotate(-9deg);color:var(--crimson);}.seal svg{width:100%;height:100%;display:block}.slots{margin-top:.2rem;flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:0 .7rem;align-content:start;list-style:none;overflow:hidden;}.slots li{display:flex;align-items:center;gap:.34rem;padding:.16rem 0;border-bottom:1px solid var(--rule);font-size:clamp(.62rem,0.58rem + 0.28vw,.74rem);color:rgba(23,20,25,.72);font-variant-numeric:tabular-nums;}.slots li .n{text-decoration:none;color:rgba(23,20,25,.42);min-width:1.4em}.slots li .k{text-decoration:none;margin-left:auto;color:var(--crimson-deep);font-size:.95em}.note{margin-top:.45rem;font-size:clamp(.68rem,0.64rem + 0.25vw,.78rem);line-height:1.4;color:rgba(23,20,25,.66);}.tabs{display:flex;gap:.1rem;align-items:center}.tab{appearance:none;background:none;border:0;border-top:2px solid rgba(242,235,223,.22);padding:.62rem .8rem .3rem;min-height:44px;color:rgba(242,235,223,.5);font-family:"Newsreader",Georgia,serif;font-size:clamp(.66rem,0.62rem + 0.2vw,.76rem);text-transform:uppercase;letter-spacing:.14em;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .18s linear;}.tab[aria-pressed="true"]{color:var(--parchment);border-top-color:var(--crimson)}.tab:focus-visible{outline:2px solid var(--crimson);outline-offset:3px}.hint{margin-left:auto;font-size:clamp(.62rem,0.58rem + 0.2vw,.72rem);color:rgba(242,235,223,.38);letter-spacing:.04em;}.action{display:flex;flex-direction:column;gap:.5rem}.cta{display:block;width:100%;text-align:center;background:var(--bone);color:var(--ink);text-decoration:none;font-family:"EB Garamond",Georgia,serif;font-weight:600;font-size:clamp(1.05rem,0.98rem + 0.7vw,1.22rem);letter-spacing:.005em;padding:1rem 1.1rem;border-radius:13px;min-height:54px;box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 8px 20px rgba(0,0,0,.4);transition:transform .14s cubic-bezier(.2,.8,.3,1);will-change:transform;}.cta:active{transform:scale(.97)}.cta:focus-visible{outline:3px solid var(--crimson);outline-offset:3px}@media (hover:hover) and (pointer:fine){.cta:hover{transform:translateY(-1px)}.tab:hover{color:var(--parchment)}}.after{font-size:clamp(.78rem,0.74rem + 0.3vw,.86rem);line-height:1.4;color:rgba(242,235,223,.62);text-align:center;}footer{text-align:center;font-size:clamp(.66rem,0.62rem + 0.2vw,.74rem);color:rgba(242,235,223,.34);line-height:1.4;}@supports (container-type: size){.app{padding:calc(env(safe-area-inset-top) + 2.9cqw) calc(env(safe-area-inset-right) + 4.5cqw) calc(env(safe-area-inset-bottom) + 3.4cqw) calc(env(safe-area-inset-left) + 4.5cqw)}.bar img{width:11cqw}.mark{font-size:5.1cqw}.chip{font-size:2.7cqw}h1{font-size:9.1cqw}.sub{font-size:4.2cqw}.tab{font-size:2.85cqw}.hint{font-size:2.85cqw}.cta{font-size:4.9cqw}.after{font-size:3.5cqw}footer{font-size:2.85cqw}.leaf{padding:4.6cqw}.kicker{font-size:4.2cqw;letter-spacing:.18em}.leafname{font-size:8.6cqw}.hr{margin:3.4cqw 0}.row{font-size:5.4cqw;padding:2cqw 0}.slots li{font-size:4.3cqw;padding:1cqw 0}.slots{gap:0 4.4cqw}.note{font-size:4.4cqw;margin-top:2.6cqw}.seal{width:33cqw;height:33cqw}.flash{height:21cqw;margin-top:4cqw}.leaf::after{inset:1.8cqw;border-radius:3cqw}}@media (min-width:900px){.app{border-radius:26px;min-height:auto;height:min(94dvh,880px);max-width:min(440px,47dvh);box-shadow:0 40px 90px rgba(0,0,0,.6);border:1px solid rgba(242,235,223,.08)}}@media (prefers-reduced-motion:reduce){.cta{transition:none}}html,body{max-width:100%;overflow-x:clip}