:root{font-family:"DM Sans",sans-serif;color:#fff8e5;background:#0d131b}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 0,#303b4b,#111923 50%,#090d13)}.game-shell{width:min(100% - 32px,1120px);margin:auto;padding:45px 0}.game-header{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.eyebrow{margin:0 0 12px;color:#9ba8bb;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase}.eyebrow span{display:inline-block;width:24px;margin:0 10px 3px;border-top:1px solid #f7c842}h1,h2{margin:0;font-family:"Space Grotesk",sans-serif;letter-spacing:-.07em}h1{font-size:clamp(2.5rem,6vw,5rem)}.subtitle{color:#aeb9c8}.new-game{border:1px solid #efc74f;border-radius:12px;padding:12px 17px;color:#ffe88f;background:#342a14;cursor:pointer}.new-game:hover{background:#574414;box-shadow:0 0 22px #f2c34c44;transform:translateY(-2px)}.scoreboard{display:flex;gap:28px;align-items:center;margin-bottom:22px;padding:16px 20px;border:1px solid #334254;border-radius:16px;background:#19232f}.scoreboard div{display:flex;gap:8px;align-items:baseline}.scoreboard span{color:#8f9daf;font-size:.65rem;text-transform:uppercase}.scoreboard strong{font:600 1.3rem "Space Grotesk"}.scoreboard p{margin-left:auto;color:#f3cf63}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.memory-card{position:relative;min-height:500px;border:0;border-radius:20px;background:transparent;perspective:1000px;cursor:pointer}.memory-card:focus-visible{outline:3px solid #ffe37d}.card-face{position:absolute;inset:0;display:block;backface-visibility:hidden;border-radius:20px;transition:transform .55s cubic-bezier(.2,.75,.25,1);transform-style:preserve-3d}.card-back{display:grid;place-items:center;border:7px solid #bb8d27;background:linear-gradient(145deg,#29384d,#111a28)}.card-back:after{content:"✦";display:grid;place-items:center;width:92px;height:92px;border:1px solid #efcb62;border-radius:50%;color:#f8d96c;font-size:3.4rem}.card-front{overflow:hidden;border:7px solid #c6952e;background:linear-gradient(160deg,#202a37,#101720);transform:rotateY(180deg)}.memory-card.flipped .card-back,.memory-card.matched .card-back{transform:rotateY(180deg)}.memory-card.flipped .card-front,.memory-card.matched .card-front{transform:rotateY(0)}.memory-card.matched .card-front{box-shadow:0 0 0 2px #ffe477,0 0 35px #f5ca4c44}.full-header{display:flex;justify-content:space-between;gap:8px;padding:18px 17px 14px}.full-header small{display:block;margin-bottom:5px;color:#adb9c7;font-size:.55rem;letter-spacing:.1em;text-transform:uppercase}.full-header h2{font-size:1.75rem}.badge{padding:7px 9px;border:1px solid #e1b741;border-radius:99px;color:#ffe38b;font-size:.58rem;white-space:nowrap}.full-art{position:relative;display:grid;place-items:center;height:210px;overflow:hidden;border-block:1px solid #f0cb623d}.phoenix .full-art{background:linear-gradient(145deg,#ffcf67,#d74722 52%,#4c1520)}.griffin .full-art{background:linear-gradient(145deg,#f4d77d,#98803b 52%,#334558)}.thunderbird .full-art{background:linear-gradient(145deg,#77c8dc,#32609c 52%,#161f45)}.glow{position:absolute;width:190px;height:190px;border-radius:50%;background:#ffe879;filter:blur(27px);opacity:.7}.orbit{position:absolute;top:14px;right:22px;font-size:2rem}.creature{z-index:2;color:#fff4ae;font-size:1.7rem;transform:rotate(-8deg)}.creature b{display:inline-block;margin-left:-8px;font-size:6.8rem;transform:translateY(22px)}.art-caption{position:absolute;right:13px;bottom:10px;left:13px;display:flex;justify-content:space-between;color:#fff3bc;font-size:.53rem;text-transform:uppercase}.full-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:14px 15px 11px}.full-stats>span{color:#9daabd;font-size:.48rem;text-transform:uppercase}.full-stats b{display:block;color:#fff8dc;font:600 1.1rem "Space Grotesk"}.full-stats small{color:#8290a1}.full-stats i{display:block;height:3px;margin-top:7px;background:linear-gradient(90deg,#f7c842 var(--value),#364351 var(--value))}.full-divider{display:block;height:1px;margin:0 15px;background:#2b3745}.full-description{display:block;min-height:70px;padding:13px 15px;color:#c4ced9;font-size:.67rem;line-height:1.55}.full-footer{display:flex;justify-content:space-between;padding:11px 15px;border-top:1px solid #2b3745;color:#758396;font-size:.46rem;letter-spacing:.12em}.win-screen{position:fixed;z-index:5;inset:0;display:grid;place-items:center;background:#07101acc;backdrop-filter:blur(9px)}.win-screen[hidden]{display:none}.win-panel{width:min(100% - 32px,390px);padding:42px 30px;text-align:center;border:1px solid #dfb940;border-radius:24px;background:#19283a;box-shadow:0 25px 80px #0008}.trophy{font-size:3rem;color:#ffe274}h2{font-size:3.5rem}.win-panel>p:not(.eyebrow){color:#b9c4d1}.win-stats{display:flex;justify-content:center;gap:28px;margin:25px;color:#aab6c5}.win-stats b{display:block;color:#ffe075;font-size:1.5rem}@media(max-width:900px){.board{grid-template-columns:repeat(2,1fr)}.card:last-child{grid-column:1/-1;max-width:410px;justify-self:center}}@media(max-width:600px){.game-shell{width:calc(100% - 22px);padding-top:30px}.game-header{display:block}.game-header .new-game{margin-top:18px}.scoreboard{flex-wrap:wrap;gap:12px}.scoreboard p{flex-basis:100%;margin:0}.board{grid-template-columns:1fr 1fr;gap:10px}.memory-card{min-height:390px}.full-art{height:140px}.full-header{padding:11px 9px}.full-header h2{font-size:1.15rem}.full-header small{font-size:.4rem}.badge{font-size:.43rem;padding:5px}.full-stats{padding:9px 8px}.full-stats>span{font-size:.4rem}.full-stats b{font-size:.8rem}.full-description{min-height:62px;padding:8px;font-size:.52rem}.full-footer{padding:8px;font-size:.38rem}.full-divider{margin-inline:8px}.creature b{font-size:4.3rem}}