:root{--bg: #f2efe8;--panel: #fffaf1;--line: #1f2e3a;--text: #18232d;--muted: #4d5e6c;--accent: #0c9686;--accent-2: #055f54;--x: #e4542c;--o: #2d6fca;--active: #f3d27f;--active-strong: #d6a038}*{box-sizing:border-box}body{margin:0;color:var(--text);font-family:Avenir Next,Trebuchet MS,Segoe UI,sans-serif;background:radial-gradient(circle at 16% 18%,rgba(255,214,132,.52),transparent 38%),radial-gradient(circle at 90% 82%,rgba(145,211,199,.45),transparent 36%),var(--bg);min-height:100vh}.app{width:min(980px,100% - 1.2rem);margin:0 auto;padding:1rem 0 1.25rem}.screen{animation:rise .22s ease}.menu-screen{position:relative;isolation:isolate}.menu-aura{position:absolute;inset:-20px -10px auto;height:260px;border-radius:30px;background:radial-gradient(circle at 20% 40%,rgba(255,179,71,.45),transparent 48%),radial-gradient(circle at 78% 20%,rgba(45,170,200,.35),transparent 42%),radial-gradient(circle at 58% 76%,rgba(94,125,225,.2),transparent 42%);filter:blur(2px);z-index:-1;animation:auraFloat 6.8s ease-in-out infinite alternate}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes auraFloat{0%{transform:translateY(0)}to{transform:translateY(10px)}}@keyframes heroPop{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.hero{margin-bottom:.9rem}.hero-menu{animation:heroPop .5s ease}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.07em;font-size:.78rem;font-weight:800;color:var(--muted)}h1{margin:.2rem 0;line-height:1.1;font-size:clamp(1.95rem,5vw,2.8rem)}.subtitle{margin:0;color:var(--muted)}.panel{background:var(--panel);border:1px solid #ecdcc2;border-radius:16px;box-shadow:0 12px 28px #101b2424;padding:.9rem;margin-bottom:.8rem}.menu-shell{display:grid;gap:.9rem;animation:heroPop .62s ease}.menu-block{display:grid;gap:.55rem}.menu-title{margin:0;color:#2d3f4f;font-size:.92rem;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.menu-select-hidden{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;pointer-events:none}.game-picker{display:grid;gap:.55rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.game-card{min-height:90px;padding:.8rem;text-align:left;display:grid;gap:.15rem;border-radius:14px;border:1px solid #b8c6d4;background:linear-gradient(145deg,#fbfeff,#edf3ff);transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.game-card:hover{transform:translateY(-2px)}.game-card.active{border-color:#0c9686;box-shadow:0 10px 20px #0c968638;background:linear-gradient(145deg,#ecfffb,#dff4f0)}.game-card-title{font-size:1.05rem;font-weight:800;color:#182e3e}.game-card-sub{font-size:.85rem;color:#4d5f70}.mode-picker{display:flex;gap:.5rem;flex-wrap:wrap}.mode-pill{border-radius:999px;min-height:38px;border:1px solid #bcc8d3;background:#f6faff;color:#2b4052;font-weight:700}.mode-pill.active{border-color:#0f7f73;color:#08473f;background:#ddf6ef}.field{display:grid;gap:.25rem;margin-bottom:.5rem}.field span{color:var(--muted);font-size:.9rem}.online-config{margin:.65rem 0}.identity-box{border:1px solid #d9d6c9;border-radius:12px;padding:.55rem;margin-bottom:.55rem;background:#faf7ef}.inline{display:flex;gap:.5rem}.audio-controls{display:flex;gap:.5rem;flex-wrap:wrap;margin:.5rem 0}#startMemoryOnlineBtn{margin-bottom:.5rem}#remoteAudio{display:none}input,select,button{min-height:42px;border-radius:10px;border:1px solid #b8c2ca;padding:.45rem .65rem;font:inherit}button{cursor:pointer;background:#f7fafc}button:disabled{cursor:not-allowed;opacity:.5}button.primary{color:#effaf8;font-weight:700;border-color:var(--accent-2);background:linear-gradient(135deg,var(--accent),var(--accent-2))}.start-cta{min-height:52px;font-size:1.02rem}.topbar{display:flex;gap:.6rem;align-items:center}.badge{margin-left:auto;margin-right:auto;border:1px solid #cfd8e0;border-radius:999px;padding:.24rem .7rem;font-size:.85rem;color:#33495a;background:#f5f8fc}.hint,.status{margin:0;color:var(--muted)}.status{color:var(--text);font-weight:700}.status.winner{color:#0f6e64;animation:winnerPulse .62s ease-in-out infinite alternate}@keyframes winnerPulse{0%{transform:scale(1);text-shadow:0 0 0 rgba(18,164,146,.1)}to{transform:scale(1.03);text-shadow:0 0 16px rgba(18,164,146,.35)}}.game-layout{display:grid;gap:.9rem;grid-template-columns:minmax(260px,420px) minmax(220px,1fr)}.board-wrap{position:relative;overflow:hidden;border-radius:16px;padding:.2rem}.board-wrap:before{content:"H";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:clamp(11rem,45vw,19rem);font-weight:900;color:#24384814;pointer-events:none;z-index:0}.board-label{margin-bottom:.45rem;font-size:.88rem;color:#415567;font-weight:700;position:relative;z-index:1}.board-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:8px;border:2px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#fffef9,#f0f6ff)}.board-grid.memory-grid{gap:10px}.celebration-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:4}.hashtag-overlay{position:absolute;left:0;top:0;width:0;height:0;pointer-events:none;z-index:3;border:2px solid #111;border-radius:12px;background:linear-gradient(to right,transparent 0 31%,rgba(0,0,0,.9) 31% 34%,transparent 34% 66%,rgba(0,0,0,.9) 66% 69%,transparent 69% 100%),linear-gradient(to bottom,transparent 0 31%,rgba(0,0,0,.9) 31% 34%,transparent 34% 66%,rgba(0,0,0,.9) 66% 69%,transparent 69% 100%);box-shadow:inset 0 0 0 1px #00000042}.cell{min-height:clamp(46px,11vw,74px);border:2px solid #5f7181;border-radius:10px;background:#fdfefe;font-size:clamp(1.45rem,6vw,2.2rem);font-weight:900;line-height:1}.cell.x{color:var(--x)}.cell.o{color:var(--o)}.cell.active{border-color:var(--active-strong);background:#fff4d6}.memory-card{min-height:clamp(54px,10vw,76px);border:2px solid #394f62;border-radius:12px;background:linear-gradient(140deg,#fff5d7,#ffe3a7);color:#233241;font-size:clamp(1.25rem,4.2vw,1.9rem);font-weight:900}.memory-card.revealed{background:linear-gradient(140deg,#f4fbff,#dbeeff);border-color:#35689a}.memory-card.matched{background:linear-gradient(140deg,#e9ffef,#c8f6d4);border-color:#2b8a59}.actions-wrap{display:grid;gap:.55rem;align-content:start}.shift-grid{display:grid;gap:.45rem;grid-template-columns:repeat(2,minmax(120px,1fr))}@media (max-width: 840px){.topbar{flex-wrap:wrap}.badge{order:3;width:100%;text-align:center}.game-layout{grid-template-columns:1fr}}