:root{background:#050c26;color:#fff}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,sans-serif}.stage{position:fixed;inset:0;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 50% 43%,#2271ff3d,transparent 36%),linear-gradient(180deg,#0a1746,#060d2b 61%,#020718)}.stars{position:absolute;inset:0;opacity:.65;background-image:radial-gradient(circle,#ffeaa1 0 1px,transparent 1.8px);background-size:83px 83px;mask-image:linear-gradient(#000,transparent 78%)}.board-wrap{z-index:2;width:min(94vw,1320px);display:grid;justify-items:center;transform:translateY(-2vh)}.board{width:100%;padding:clamp(24px,3vw,42px);border-radius:20px;background:linear-gradient(145deg,#d39a24,#fff0a0 19%,#b87610 42%,#ffe88a 63%,#925806);box-shadow:0 28px 80px #000a,inset 0 0 0 4px #fff3ad}.inner{padding:clamp(14px,2vw,28px);border-radius:10px;background:linear-gradient(#071847,#0f2e76);box-shadow:inset 0 8px 25px #000b}.tiles{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:clamp(3px,.55vw,9px)}.tile{aspect-ratio:.72;padding:0;border:0;background:transparent;perspective:700px;cursor:pointer}.card{display:block;position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .68s cubic-bezier(.2,.75,.25,1.18)}.open .card{transform:rotateY(180deg)}.face{position:absolute;inset:0;display:grid;place-items:center;border-radius:5px;backface-visibility:hidden}.cover{border:2px solid #4ea0ff;background:linear-gradient(145deg,#1e72da,#0d4fae 47%,#062c79);box-shadow:inset 3px 3px 4px #fff6,inset -4px -5px 8px #00002e88,0 3px 5px #0009}.letter{transform:rotateY(180deg);border:2px solid #cfdbef;background:linear-gradient(145deg,#fff,#dfe9f7);color:#061d55;font-size:clamp(1.55rem,4.2vw,4.6rem);font-weight:900;box-shadow:inset 0 0 14px #8da4c4}#success{min-height:1.5em;margin:22px 0;color:#ffe783;font-weight:800;letter-spacing:.18em;text-transform:uppercase;opacity:0;transition:.4s}#success.show{opacity:1}.controls{position:absolute;z-index:4;bottom:3vh;display:flex;gap:10px;padding:8px;border:1px solid #fff2;border-radius:18px;background:#03091eb8}.controls button{min-height:46px;padding:0 16px;color:#dce8ff;border:1px solid #fff2;border-radius:12px;background:#fff1;cursor:pointer}.controls .all{color:#142044;border-color:#f7d56d;background:linear-gradient(#ffe98f,#eabf3f);font-weight:800}@media(max-width:760px){.board-wrap{width:97vw}.board{padding:18px 10px}.inner{padding:10px 6px}.tiles{gap:3px}.letter{font-size:clamp(1rem,5.2vw,2rem)}.controls span{display:none}}