:root{--bg1:#039cfc;--bg2:#053fa0;--line:hsla(0,0%,100%,.75);--shadow:0 14px 40px rgba(0,0,0,.45);--radius:18px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{background:#000408;display:grid;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;margin:0;min-height:100vh;padding:14px;place-items:center}.table{background:linear-gradient(var(--bg1),var(--bg2));border-radius:var(--radius);box-shadow:inset 1px 1px 4px 1px rgba(255,250,255,.25),inset -1px -1px 4px 1px #002,0 20px 90px rgba(0,0,0,.65);max-width:980px;padding:12px;place-self:center;width:100%}.deck{align-items:center;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:10px;perspective:1200px}.card{aspect-ratio:2/3;cursor:pointer;max-height:220px;position:relative;user-select:none;width:100%}.card-check{cursor:pointer;opacity:0;z-index:3}.card-check,.card-face{inset:0;position:absolute}.card-face{backface-visibility:hidden;border:4px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden;transform-style:preserve-3d;transition:transform .65s ease,filter .65s ease}.card-front{background:radial-gradient(120px 120px at 25% 20%,hsla(0,0%,100%,.25),transparent 60%),linear-gradient(135deg,hsla(0,0%,100%,.06),rgba(0,0,0,.25)),linear-gradient(135deg,#061a2b,#0d4576);transform:rotateY(0deg)}.card--1 .card-front{background:radial-gradient(120px 120px at 25% 20%,hsla(0,0%,100%,.28),transparent 60%),linear-gradient(135deg,#081f35,#0d4576)}.card--2 .card-front{background:radial-gradient(120px 120px at 25% 20%,hsla(0,0%,100%,.22),transparent 60%),linear-gradient(135deg,#0b1630,#0a2f5a)}.card--3 .card-front{background:radial-gradient(120px 120px at 25% 20%,hsla(0,0%,100%,.2),transparent 60%),linear-gradient(135deg,#071327,#053fa0)}.badge{background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.35);border-radius:999px;color:hsla(0,0%,100%,.95);display:grid;font-size:14px;font-weight:900;height:30px;left:10px;place-items:center;position:absolute;top:10px;width:30px}.shine{animation:shine 3.8s ease-in-out infinite;background:linear-gradient(120deg,transparent 40%,hsla(0,0%,100%,.22),transparent 60%);inset:-40%;pointer-events:none;position:absolute;transform:rotate(10deg)}@keyframes shine{0%{transform:translateX(-25%) rotate(10deg)}50%{transform:translateX(25%) rotate(10deg)}to{transform:translateX(-25%) rotate(10deg)}}.card-back{align-items:center;background:linear-gradient(#fede1e,#dabb1e);display:flex;justify-content:center;padding:14px;transform:rotateY(180deg)}.card-text{color:#0b1a2a;font-size:clamp(14px,2.6vw,20px);font-weight:900;line-height:1.15;text-align:center}.card-check:checked~.card-front{filter:brightness(.9);transform:rotateY(-180deg)}.card-check:checked~.card-back{transform:rotateY(0deg)}.controls{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:8px}.btn{background:#fff;border:0;border-radius:999px;color:#0b1a2a;cursor:pointer;font-weight:800;padding:9px 14px}.btn:active{transform:translateY(1px)}.btn:hover{background-color:#dd016b;color:#fff}.btn-ghost{background:hsla(0,0%,100%,.14);border:1px solid hsla(0,0%,100%,.25);color:#fff}.result{background:rgba(0,0,0,.18);border:1px solid hsla(0,0%,100%,.22);border-radius:14px;color:#fff;margin-top:10px;padding:12px}.result-label{font-size:12px;margin-bottom:6px;opacity:.8}.result-text{font-size:clamp(15px,4vw,20px);font-weight:900}@media (min-width:720px){.deck{gap:14px}.card{max-height:280px}}@media (min-width:980px){.card{max-height:340px}}