*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100%;font-family:Arial,sans-serif;background:#f0ece6;color:#2a2018}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #3b6fd4;outline-offset:3px}button:disabled{cursor:default}#app{background:#faf8f5;position:relative}body.landscape{overflow:hidden}body.landscape #app{width:800px;height:600px;position:absolute;left:50%;top:50%;transform-origin:center}#top-bar{height:35px;background:#fff;display:flex;align-items:center;padding:0 10px;border-bottom:1px solid #e5dfd7}#top-logo{height:28px;display:block}#lang-switcher{margin-left:auto;display:flex;gap:2px}.lang-btn{border:0;background:none;color:#786c60;font-size:11px;font-weight:700;padding:5px;border-radius:5px}.lang-btn.activo{color:#395419;background:#eaf0e2}#title-bar{height:65px;background:#3f5c1f;position:relative;color:white;display:flex;align-items:center}#title-txt{position:absolute;left:100px;font-size:30px;font-weight:700;max-width:440px;line-height:1.1}#btn-info{position:absolute;right:14px;width:50px;height:50px;border:0;border-radius:50%;background:#8e24aa;color:white;font:italic bold 29px Georgia,serif}#profile-col{position:absolute;right:74px;display:flex;flex-direction:column;align-items:center;gap:3px;max-width:165px}#profile-chip{display:flex;align-items:center;gap:6px;border:0;background:#ffffff24;border-radius:14px;padding:5px 9px;color:inherit;font-size:11px;font-weight:700;max-width:165px}#profile-nick{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#btn-mi-progreso{border:0;background:#ffffff24;border-radius:10px;color:inherit;padding:2px 10px;font-size:11px}#profile-row{display:none}#game-area{position:absolute;top:100px;left:0;width:800px;height:500px}#player-zone{height:48px;background:#f0ece6;border-bottom:1px solid #e0d8ce;display:flex;justify-content:center;align-items:center;gap:20px;padding:0 12px;font-size:14px}.solo-stat b{font-size:18px;color:#395419}.player-card{min-width:210px;height:36px;background:#eaf0e2;border:2px solid transparent;border-radius:10px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.player-card.activo{background:#fff3ec;border-color:#ff6b35}.player-name{font-weight:700;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-score{white-space:nowrap;font-size:12px}.player-score b{font-size:18px;color:#c45a1d}#card-grid{position:absolute;left:130px;top:58px;display:grid;grid-template-columns:repeat(4,124px);grid-template-rows:repeat(3,124px);gap:15px}.mc-card{width:124px;height:124px;border:0;background:none;border-radius:12px;perspective:700px;user-select:none}.mc-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .42s cubic-bezier(.4,0,.2,1);border-radius:12px}.mc-card.volteada .mc-inner,.mc-card.encontrada .mc-inner{transform:rotateY(180deg)}.mc-cara{position:absolute;inset:0;border-radius:12px;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;align-items:center;justify-content:center;overflow:hidden}.mc-dorso{background:#395419;box-shadow:0 3px 9px #0003}.mc-dorso-nota{font-size:40px;color:#ffffff35}.mc-frente-img,.mc-frente-nom{transform:rotateY(180deg);background:#f7f3ee;border:2px solid #e5dfd7}.mc-frente-img img{width:100%;height:100%;object-fit:cover;display:block}.mc-nombre{font-size:18px;font-weight:800;color:#395419;line-height:1.15;padding:8px;overflow-wrap:anywhere}.mc-card.encontrada .mc-frente-img{border-color:#34a46c}.mc-card.encontrada img{padding-bottom:25px;object-fit:contain}.mc-found-overlay{position:absolute;bottom:0;left:0;right:0;min-height:26px;background:#e2efda;color:#304a17;padding:4px 3px;font-size:11px;line-height:1.05;font-weight:bold}.mc-error .mc-frente-img,.mc-error .mc-frente-nom{border-color:#ef4565}#turno-overlay{position:absolute;inset:48px 0 0;pointer-events:none;display:flex;justify-content:center;align-items:center;z-index:15;opacity:0;transition:opacity .2s}#turno-overlay.visible{opacity:1}#turno-msg{background:#fff8eeed;border:2px solid #f1be8b;border-radius:18px;box-shadow:0 5px 20px #0002;padding:18px 26px;font-size:22px;font-weight:700;text-align:center}#turno-msg span{color:#ad4c15}.overlay{position:absolute;inset:0;z-index:40;background:#2a20188c;display:none;align-items:center;justify-content:center;padding:16px}.overlay.visible{display:flex}.modal-card{background:white;border-radius:18px;box-shadow:0 8px 35px #0003;max-width:100%;max-height:96%;overflow-y:auto;text-align:center}.modal-card h2{font-size:24px;margin-bottom:8px}.modal-card p{line-height:1.4}#entry{z-index:25;display:flex;background:#faf8f5;top:100px;transition:opacity .35s}#entry.oculto{opacity:0;pointer-events:none}#entry-card{width:550px;padding:26px 32px;background:transparent;box-shadow:none}.entry-instruments{display:flex;justify-content:center;gap:8px;margin-bottom:15px}.entry-instruments img{width:80px;height:90px;object-fit:contain}#entry h2{font-size:29px;color:#395419}#entry .intro{font-size:16px;color:#5f554a;margin:12px 0 20px}.primary{background:#ff6b35;color:white;font-weight:700;border:0;border-radius:24px;padding:12px 25px;box-shadow:0 3px 0 #d75420}.secondary{background:#f7f3ee;border:2px solid #e5dfd7;border-radius:24px;padding:10px 23px;font-weight:700;color:#574535}.entry-actions{display:flex;justify-content:center;gap:13px}.names{display:none;margin-top:18px;text-align:left}.names.visible{display:block}.names label{font-size:13px;font-weight:bold;display:block;margin:8px 0 5px}.names input{width:100%;padding:9px 12px;border:2px solid #e5dfd7;border-radius:10px}.names button{display:block;margin:15px auto 0}.entry-links{display:flex;justify-content:center;gap:20px;margin-top:20px;font-size:13px}.entry-links a,.text-link{color:#496b2f;text-decoration:underline;background:none;border:0;font-size:inherit}.close-row{display:flex;justify-content:flex-end}.close-btn{border:0;background:#f2ece5;color:#594c3f;border-radius:50%;width:30px;height:30px;font-size:18px}#info-card{width:620px;padding:16px 22px 22px;text-align:left}#info-card h2{font-size:23px;color:#395419}.info-rules{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;margin:14px 0}.info-rules h3{font-size:15px;margin-bottom:4px}.info-rules p{font-size:14px;color:#4a4036}#info-notas-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.info-nota{text-align:center;border-top:1px solid #e5dfd7;padding-top:4px}.info-nota img{width:85px;height:72px;object-fit:contain;display:block;margin:auto}.info-nota span{font-size:11px;font-weight:bold;display:block}.info-download{display:block;margin:14px 0 0;font-size:13px}#modal-fin-card{width:420px}.mfin-top{background:#f7f3ee;padding:22px 20px 17px}.mfin-top h2{color:#395419;font-size:30px}.mfin-top p{font-size:15px;color:#67574a}.mfin-body{padding:20px}.mfin-phrase{text-align:center;font-size:18px}.mfin-phrase b{font-size:42px;color:#c45a1d;display:inline-block;margin-right:5px}.mfin-record{font-size:14px;color:#6b543b;margin-top:12px}.mfin-row{display:flex;justify-content:space-between;padding:8px 0;font-size:16px}.mfin-btns{padding:0 18px 22px}#progress-card{width:440px;padding:18px 24px 24px;text-align:left}.progress-row{border-top:1px solid #e5dfd7;padding:14px 0;font-size:14px;line-height:1.6}.progress-row h3{font-size:16px;color:#395419}.progress-actions{border-top:1px solid #e5dfd7;padding-top:16px;margin-top:8px}#btn-clear{border:0;background:none;color:#a04135;text-decoration:underline;font-size:12px}#clear-confirm{display:none;background:#fff2e8;border-radius:10px;padding:12px;margin-top:12px;font-size:13px}#clear-confirm.visible{display:block}#clear-confirm button{margin-top:9px;font-size:12px;padding:6px 12px;border-radius:15px;border:1px solid #d8c9b8}#profile-modal{display:none;position:absolute;inset:0;z-index:70;background:#0008;align-items:center;justify-content:center}#profile-modal.visible{display:flex}#profile-modal-box{background:white;border-radius:20px;padding:28px 28px 22px;width:300px;text-align:center;box-shadow:0 8px 32px #0005}#profile-modal-box .pm-msg{font-size:15px;font-weight:bold;margin-bottom:18px;line-height:1.4}#profile-input{width:100%;box-sizing:border-box;padding:10px 14px;border:2px solid #e5dfd7;border-radius:10px;margin-bottom:13px}#profile-btn-ok{background:#ff6b35;border:0;border-radius:20px;color:white;font-weight:bold;padding:10px 20px}#profile-btn-skip{display:block;margin:13px auto 0;border:0;background:none;color:#746353;font-size:12px}#ad-slot{display:none}
body.portrait{display:flex;justify-content:center;min-height:100dvh;-webkit-text-size-adjust:100%}body.portrait #app{width:100%;max-width:430px;min-height:100dvh;display:flex;flex-direction:column;overflow:hidden}body.portrait #top-bar{height:40px;flex-shrink:0}body.portrait #top-logo{height:26px}body.portrait #title-bar{height:50px;flex-shrink:0;padding:0 12px;gap:8px}body.portrait #title-txt{position:static;font-size:22px;max-width:calc(100% - 44px)}body.portrait #btn-info{position:static;width:34px;height:34px;font-size:21px;margin-left:auto;flex-shrink:0}body.portrait #profile-col{display:none}body.portrait #profile-row{display:flex;flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap;padding:6px 12px;color:#395419;min-height:38px;background:#edf1e8}body.portrait #profile-chip,body.portrait #btn-mi-progreso{background:#fff}body.portrait #game-area{position:relative;top:auto;left:auto;width:100%;height:auto;flex:1;display:flex;flex-direction:column}body.portrait #player-zone{height:42px;flex-shrink:0;gap:8px;font-size:13px}body.portrait .player-card{min-width:0;flex:1;height:30px;padding:0 8px;gap:6px}body.portrait .player-name{max-width:95px;font-size:12px}body.portrait .player-score{font-size:10px}body.portrait #grid-area{flex:1;display:flex;align-items:center;padding:12px 14px}body.portrait #card-grid{position:static;width:100%;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,auto);gap:10px}body.portrait .mc-card{width:100%;height:auto;aspect-ratio:1}body.portrait .mc-nombre{font-size:15px;padding:6px}body.portrait .mc-found-overlay{font-size:10px;min-height:24px}body.portrait #ad-slot{display:block;height:60px;flex-shrink:0}body.portrait #entry{top:128px;bottom:60px;padding:14px}body.portrait #entry-card{padding:20px 12px;width:100%;overflow-y:auto}body.portrait #entry h2{font-size:25px}body.portrait #entry .intro{font-size:14px}body.portrait .entry-instruments img{width:68px;height:83px}body.portrait .entry-actions{gap:9px}body.portrait .primary,body.portrait .secondary{font-size:14px;padding:11px 17px}body.portrait .entry-links{gap:15px;font-size:12px}body.portrait #info-notas-grid{grid-template-columns:repeat(3,1fr)}body.portrait #info-card{padding:12px 15px 20px}body.portrait .info-rules{grid-template-columns:1fr;gap:9px}body.portrait #info-card h2{font-size:20px}body.portrait .info-nota img{width:75px;height:65px}body.portrait #turno-msg{font-size:18px;padding:16px}body.portrait #profile-modal{position:fixed}body.portrait .overlay:not(#entry){position:fixed}body.portrait .mfin-top h2{font-size:26px}body.portrait #progress-card{padding:14px 19px 20px}
@media(prefers-reduced-motion:reduce){.mc-inner,#entry,#turno-overlay{transition:none}}