.landing{min-height:100vh;display:grid;place-items:center;padding:40px 22px}.hero{width:min(1050px,100%);display:grid;grid-template-columns:1.15fr .85fr;gap:55px;align-items:center}.hero h1{font-size:clamp(3rem,6vw,5.5rem);line-height:.95;margin:10px 0 20px}.hero h1 em{font-style:normal;color:var(--accent)}.hero p{font-size:1.1rem;line-height:1.7;color:var(--muted)}.demo-card{background:#fff;border:1px solid var(--line);border-radius:30px;padding:28px;text-align:center;box-shadow:0 20px 65px rgba(60,33,94,.12)}.demo-card span{width:110px;height:110px;margin:10px auto;display:grid;place-items:center;background:#eee7ff;color:var(--primary);border-radius:26px;font:700 3rem Fredoka}.demo-card strong{display:block;font:600 1.6rem Fredoka}.demo-card button{width:100%;margin-top:22px;padding:14px;border:0;border-radius:15px;background:var(--accent);color:#fff;font-weight:900}.player-shell{min-height:100vh;max-width:760px;margin:auto;padding:20px}.waiting{margin-top:70px;background:#fff;border:1px solid var(--line);border-radius:28px;padding:35px;text-align:center}.wait-icon{width:90px;height:90px;margin:20px auto;background:#eee7ff;color:var(--primary);border-radius:26px;display:grid;place-items:center;font-size:2rem}.player-game{padding-bottom:130px}.player-head{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;padding:10px 0;background:rgba(247,245,255,.94);z-index:10}.player-head small,.player-head strong{display:block}.last-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:9px}.tabs{display:flex;gap:8px;overflow:auto;padding:15px 0}.tabs button{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 12px;font-weight:800}.tabs button.active{background:var(--primary);color:#fff}.board{display:none;grid-template-columns:repeat(5,1fr);gap:4px;background:#29183a;padding:4px;border-radius:15px}.board.active{display:grid}.cell{position:relative;aspect-ratio:.72;border:0;border-radius:8px;background:#fff;padding:3px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;overflow:hidden}.cell img{width:100%;height:70%;object-fit:contain}.cell strong{font-size:.62rem;line-height:1}.cell>span{position:absolute;top:3px;left:3px;background:#fff;border-radius:6px;padding:2px 4px;font-size:.58rem;z-index:2}.cell.marked:after{content:'';position:absolute;inset:18%;border-radius:50%;background:rgba(236,72,153,.8);box-shadow:0 0 0 3px rgba(255,255,255,.7)}.cell.free{background:#fef3c7}.buenas{position:fixed;left:50%;transform:translateX(-50%);bottom:16px;width:min(720px,calc(100% - 32px));border:0;border-radius:20px;background:var(--accent);color:#fff;padding:14px;box-shadow:0 15px 40px rgba(236,72,153,.3)}.buenas strong,.buenas small{display:block}.buenas strong{font:700 1.35rem Fredoka}.caller{min-height:100vh;background:#20142d;color:#fff;padding:20px;display:flex;flex-direction:column}.caller header,.control header{display:flex;align-items:center;justify-content:space-between;gap:12px}.caller header{max-width:820px;width:100%;margin:auto}.caller header small,.caller header strong{display:block}.caller-card{flex:1;display:grid;place-items:center;align-content:center;text-align:center}.caller-card img{max-height:56vh;border-radius:20px}.placeholder{font:700 6rem Fredoka;opacity:.35}.caller-actions{max-width:820px;width:100%;margin:auto;display:grid;grid-template-columns:1fr auto;gap:10px}.draw{border:0;border-radius:20px;background:var(--accent);color:#fff;font:700 1.2rem Fredoka}.caller .ghost{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.15)}.history{display:flex;flex-wrap:wrap;gap:7px}.caller>.history{max-width:820px;width:100%;margin:15px auto}.chip{background:#fff;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:7px 9px;font-size:.78rem}.control{max-width:1200px;margin:auto;padding:24px}.code-badge{background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px}.control-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin-top:18px}.current{grid-row:span 2;background:#20142d;color:#fff;border-radius:25px;padding:22px;min-height:580px}.current #current{display:grid;place-items:center;text-align:center;height:90%;align-content:center}.current img{max-height:430px;border-radius:18px}.claim{display:flex;justify-content:space-between;gap:10px;align-items:center;border-top:1px solid var(--line);padding:10px 0}.observer{min-height:100vh;background:#20142d;color:#fff;text-align:center;padding:30px}.observer-card{max-width:400px;margin:20px auto}.observer-card img{max-height:60vh;margin:auto;border-radius:20px}.observer .history{justify-content:center}