:root{--cream:#fbf5ec;--paper:#fff;--ink:#302d2a;--muted:#6d675f;--savory:#3d2452;--matcha:#315d25;--shadow:0 18px 48px rgba(69,47,25,.09)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--cream);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}.game-header{height:76px;width:min(calc(100% - 28px),1120px);margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(48,45,42,.1)}.game-header img{width:180px;max-height:55px}.close-game,.modal-x{border:0;background:white;color:var(--ink);border-radius:50%;width:46px;height:46px;font-size:30px;line-height:1;cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.08)}.game-page{padding:28px 14px 42px}.game-shell{max-width:1120px;margin:auto;background:#fff;border-radius:26px;padding:30px;box-shadow:var(--shadow)}.game-topline{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}.eyebrow{margin:0 0 8px;color:var(--matcha);font-size:11px;font-weight:900;letter-spacing:.18em}.game-topline h1,.modal-card h2{font-family:Impact,"Arial Narrow",sans-serif;font-size:clamp(44px,6vw,76px);line-height:.9;margin:0}.game-topline p{color:var(--muted);margin:12px 0 0}.stats{display:grid;grid-template-columns:repeat(3,90px);gap:8px}.stats div{background:var(--cream);padding:12px;border-radius:15px;text-align:center}.stats span{display:block;font-size:9px;text-transform:uppercase;font-weight:800}.stats strong{font-size:24px}.memory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:760px;margin:auto}.memory-card{position:relative;aspect-ratio:1;border:0;padding:0;background:none;cursor:pointer}.memory-card-inner{position:absolute;inset:0;display:block}.memory-face{position:absolute;inset:0;border-radius:18px;overflow:hidden;border:1px solid rgba(48,45,42,.08);box-shadow:0 8px 20px rgba(69,47,25,.06);transition:.18s}.memory-back{display:grid;place-items:center;background:linear-gradient(145deg,var(--savory),#59386e);color:white}.memory-back:before{content:"GOOD\A MOOD";white-space:pre;text-align:center;font-family:Impact,"Arial Narrow",sans-serif;font-size:clamp(20px,4vw,34px);line-height:.88}.memory-front{opacity:0;visibility:hidden;background:#fff;display:grid;grid-template-rows:minmax(0,1fr) auto;padding:8px}.memory-front img{width:100%;height:100%;object-fit:contain}.memory-front span{text-align:center;font-size:9px;font-weight:800;text-transform:uppercase}.memory-card.flipped .memory-back,.memory-card.matched .memory-back{opacity:0;visibility:hidden}.memory-card.flipped .memory-front,.memory-card.matched .memory-front{opacity:1;visibility:visible}.memory-card.matched .memory-front{outline:3px solid rgba(49,93,37,.23)}.actions{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:22px;color:var(--muted);font-size:12px}.primary{border:0;background:var(--savory);color:white;border-radius:13px;padding:14px 20px;font-weight:900;text-transform:uppercase;font-size:11px;cursor:pointer}.modal{position:fixed;inset:0;background:rgba(32,26,27,.62);display:none;place-items:center;padding:20px;z-index:20}.modal.open{display:grid}.modal-card{position:relative;width:min(430px,100%);background:var(--cream);border-radius:25px;padding:34px;text-align:center}.modal-x{position:absolute;right:15px;top:15px;width:38px;height:38px;font-size:24px}.score{margin:20px 0;background:white;border-radius:16px;padding:14px}.score span{display:block;font-size:10px;text-transform:uppercase}.score strong{font-size:34px}@media(max-width:700px){.game-header{height:62px}.game-header img{width:145px}.game-page{padding:12px 8px 22px}.game-shell{padding:16px;border-radius:18px}.game-topline{display:block}.game-topline h1{font-size:42px}.game-topline>div:first-child>p:last-child{font-size:12px}.stats{grid-template-columns:repeat(3,1fr);margin-top:14px}.stats div{padding:8px}.stats strong{font-size:19px}.memory-grid{gap:6px}.memory-face{border-radius:10px}.memory-back:before{font-size:18px}.memory-front{padding:3px}.memory-front span{font-size:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.actions span{display:none}.close-game{width:40px;height:40px}}

.share-status{min-height:18px;margin:8px 0 0;font-size:11px;color:#6f6358}.modal-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}