:root{--sea:#06142E;--hull:#0E2449;--deck:#15315F;--blox:#1E6FE0;--foam:#7ED8FF;--gold:#FFC53D;--ember:#FF4D7E;--paper:#F4F8FF;}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--sea);color:var(--paper);font-family:'Hanken Grotesk',system-ui,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overflow-x:hidden;}.field{min-height:100dvh;display:flex;flex-direction:column;align-items:center;background: linear-gradient(180deg,#0C2550 0%,#06142E 58%),var(--sea);}.app{width:100%;max-width:430px;display:flex;flex-direction:column;flex:1 1 auto;padding:calc(env(safe-area-inset-top) + 14px) 18px calc(env(safe-area-inset-bottom) + 18px);}.bar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px}.mark{font-family:'Bungee',system-ui,sans-serif;font-size:clamp(1rem,0.94rem + 0.3vw,1.15rem);letter-spacing:.01em;color:var(--paper);}.mark span{color:var(--foam)}.chip{font-size:.72rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--sea);background:var(--gold);padding:6px 11px;border-radius:999px;white-space:nowrap;}.title{margin-top:clamp(14px,3vh,26px)}h1{font-family:'Bungee',system-ui,sans-serif;font-weight:400;font-size:clamp(2.1rem,1.5rem + 3.2vw,3rem);line-height:1.02;letter-spacing:-0.005em;}h1 .glow{color:var(--gold)}.sub{margin-top:10px;max-width:34ch;font-size:clamp(.96rem,0.92rem + 0.2vw,1.05rem);color:#BFD2EE;}.stage{flex:1 1 auto;display:flex;align-items:center;justify-content:center;padding:clamp(10px,2.4vh,22px) 0;perspective:900px;min-height:238px;}.card{position:relative;height:min(43dvh,336px);aspect-ratio:5/7;max-width:78%;border-radius:30px;background:var(--deck);box-shadow:0 18px 38px rgba(2,9,24,.55);transform-style:preserve-3d;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;overflow:hidden;will-change:transform;}.card:active{cursor:grabbing}.card:focus-visible{outline:3px solid var(--foam);outline-offset:4px}.cardface{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;padding:16px 14px 14px;border-radius:30px;border:2px solid rgba(126,216,255,.26);}.seal{align-self:stretch;display:flex;align-items:center;justify-content:space-between;gap:8px;}.seal b{font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--sea);background:var(--gold);padding:5px 9px;border-radius:999px;}.seal i{font-style:normal;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#8FB0DC;}.emblem{margin-top:auto;margin-bottom:auto;position:relative;display:flex;align-items:center;justify-content:center;}.emblem::after{content:"";position:absolute;width:132px;height:132px;border-radius:50%;background:radial-gradient(circle,rgba(255,77,126,.42) 0%,rgba(255,77,126,0) 68%);z-index:0;}.emblem img{position:relative;z-index:1;width:112px;height:112px;max-width:62%;border-radius:22px;display:block;}.cardname{font-family:'Bungee',system-ui,sans-serif;font-size:clamp(1rem,0.9rem + 0.5vw,1.2rem);color:var(--paper);text-align:center;}.cardnote{margin-top:3px;font-size:.72rem;color:#8FB0DC;text-align:center;letter-spacing:.02em;}.sheen{position:absolute;inset:-30%;background:linear-gradient(104deg,rgba(255,255,255,0) 38%,rgba(255,255,255,.3) 50%,rgba(255,255,255,0) 62%);opacity:.75;pointer-events:none;will-change:transform;}.rim{position:absolute;inset:0;border-radius:30px;pointer-events:none;box-shadow:inset 0 0 0 2px rgba(255,197,61,.16);}.hint{margin-top:10px;text-align:center;font-size:.76rem;color:#7E9CC8;letter-spacing:.03em;transition:opacity .3s ease-out;}.action{margin-top:auto;padding-top:14px}.cta{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;padding:16px 20px;background:var(--blox);color:#fff;text-decoration:none;font-size:1.08rem;font-weight:600;letter-spacing:.01em;border-radius:20px;box-shadow:0 8px 20px rgba(2,9,24,.5);transition:transform .12s ease-out;}.cta:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.cta:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.cta:hover{background:#1A62C9}}.ready{margin-top:11px;text-align:center;font-size:.84rem;color:#A9C2E4}.band{width:100%;background:var(--hull);display:flex;justify-content:center;padding:30px 18px 30px;}.bandin{width:100%;max-width:430px}.bandin h2{font-family:'Bungee',system-ui,sans-serif;font-weight:400;font-size:clamp(1.15rem,1.05rem + 0.5vw,1.4rem);color:var(--foam);}.bandin p{margin-top:9px;color:#C3D5EE;font-size:.95rem}footer{width:100%;background:var(--hull);text-align:center;padding:0 18px calc(env(safe-area-inset-bottom) + 24px);color:#6F8FBD;font-size:.78rem;}@media (prefers-reduced-motion: reduce){.sheen{transition:opacity .2s linear}.cta{transition:none}}@media (min-width: 760px){.field{justify-content:flex-start}.app{max-width:412px;padding-top:28px}}html,body{max-width:100%;overflow-x:clip}