:root{--paper:#F4EDDF;--ink:#16202B;--ocean:#0E6BA8;--deep:#0A4A72;--coral:#B33C1A;--kelp:#3C7A5E;--gold:#F3B43C;--r:28px;}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--ink);color:var(--ink);font-family:Figtree,"Segoe UI",system-ui,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overflow-x:hidden;}.field{min-height:100dvh;display:flex;align-items:stretch;justify-content:center;background: radial-gradient(120% 70% at 50% 0%,#15425F 0%,#0C2233 60%,#0A1A26 100%);}.app{width:100%;max-width:480px;min-height:100dvh;background:var(--paper);display:grid;grid-template-rows:auto 1fr auto;padding:calc(env(safe-area-inset-top) + 14px) 18px calc(env(safe-area-inset-bottom) + 14px);gap:10px;}.bar{display:flex;align-items:center;gap:12px}.bar img{width:52px;height:52px;border-radius:16px;display:block;}.mark{font-weight:700;font-size:1.05rem;letter-spacing:-0.01em}.mark span{display:block;font-weight:400;font-size:.76rem;color:#5B6A77;letter-spacing:.02em}.pips{margin-left:auto;display:flex;gap:6px;align-items:center}.pip{width:9px;height:9px;border-radius:50%;background:#CFC4AF;transition:transform .18s ease,background .18s ease}.pip.off{background:var(--ocean);transform:scale(.62)}.pip.live{background:var(--coral)}h1{font-size:clamp(1.75rem,1.15rem + 2.8vw,2.45rem);line-height:1.04;letter-spacing:-0.025em;font-weight:700;}h1 em{font-style:normal;color:var(--ocean)}.sub{margin-top:8px;font-size:clamp(.92rem,0.86rem + 0.35vw,1rem);line-height:1.4;color:#4A5967;max-width:33ch;}.stage{position:relative;min-height:0;display:flex;flex-direction:column;justify-content:center;}.deck{position:relative;height:clamp(214px,31dvh,282px);touch-action:pan-y;user-select:none;-webkit-user-select:none;overscroll-behavior:contain;}.card{position:absolute;inset:0;border-radius:var(--r);padding:20px;display:flex;flex-direction:column;gap:8px;will-change:transform;background:var(--ink);color:var(--paper);box-shadow:0 10px 0 0 rgba(10,34,51,.10);}.card.buried > *{visibility:hidden}.card.c1{background:var(--coral);color:#FFF4EC}.card.c2{background:var(--kelp);color:#EFF7F1}.card.c3{background:#2B3A48;color:#E7EEF4}.card.gift{background:var(--ocean);color:#F2F9FF}.kick{font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;opacity:.82;}.card h2{font-size:clamp(1.3rem,1.05rem + 1.1vw,1.6rem);line-height:1.08;letter-spacing:-0.02em;font-weight:700}.card p{font-size:.95rem;line-height:1.45;opacity:.9;max-width:30ch}.tag{margin-top:auto;align-self:flex-start;border-radius:999px;padding:7px 14px;font-size:.78rem;font-weight:700;letter-spacing:.01em;background:rgba(255,255,255,.16);}.gift .tag{background:var(--gold);color:#241602}.rods{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.rod{border-radius:14px;padding:6px 11px;font-size:.8rem;font-weight:700;background:rgba(255,255,255,.14);}.swipe{position:absolute;top:18px;right:18px;font-family:Caveat,Figtree,cursive;font-size:1.45rem;font-weight:700;opacity:0;transform:rotate(-7deg);}.hint{text-align:center;font-family:Caveat,Figtree,cursive;font-weight:700;font-size:1.5rem;color:var(--kelp);margin-top:10px;min-height:1.5em;}.act{display:grid;gap:9px}.cta{display:block;text-align:center;text-decoration:none;background:var(--ocean);color:#FFFFFF;font-weight:700;font-size:1.08rem;padding:17px 20px;border-radius:22px;min-height:56px;transition:transform .12s ease,background .12s ease;}.cta:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.cta:active{transform:scale(.972);background:var(--deep)}@media (hover: hover) and (pointer: fine){.cta:hover{background:var(--deep)}}.note{text-align:center;font-size:.82rem;color:#5B6A77;line-height:1.35}footer{text-align:center;font-size:.76rem;color:#6B6558;padding-top:2px}@media (min-width: 900px){.app{max-width:460px;min-height:0;height:min(92dvh,860px);border-radius:40px;align-self:center;box-shadow:0 40px 90px rgba(4,16,26,.5);}.field{align-items:center;padding:24px}}@media (prefers-reduced-motion: reduce){.card,.cta,.pip{transition:none !important}}html,body{max-width:100%;overflow-x:clip}