@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Baloo+2:wght@500;700;800&display=swap);:root{--amber:#e8a93c;--amber-dark:#b8791f;--barn:#b23a2e;--barn-dark:#7c2721;--pine:#1f5c52;--pine-dark:#123c35;--cream:#fbf3e1;--ink:#221912;--sky:#f3e6c9;--rust:#d97757;--shadow:rgba(34,25,18,0.35)}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;background:linear-gradient(180deg,var(--pine-dark) 0,var(--pine) 45%,var(--amber-dark) 100%);font-family:'Baloo 2',sans-serif;color:var(--ink)}.page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(10px,3vw,28px);gap:14px}.title-block{text-align:center;color:var(--cream)}.title-block h1{font-family:'Press Start 2P',monospace;font-size:clamp(14px, 3vw, 26px);letter-spacing:1px;margin:0 0 6px 0;color:var(--amber);text-shadow:3px 3px 0 var(--ink)}.title-block p{margin:0;font-weight:600;font-size:clamp(12px, 1.6vw, 15px);color:var(--sky)}.stage-wrap{width:min(94vw,900px);display:flex;flex-direction:column;gap:10px}.hud{display:flex;gap:10px;flex-wrap:wrap}.chip{font-family:'Press Start 2P',monospace;font-size:clamp(9px, 1.6vw, 12px);background:var(--ink);color:var(--cream);border:3px solid var(--amber);border-radius:10px;padding:8px 12px;display:flex;align-items:center;gap:8px;box-shadow:0 4px 0 var(--shadow)}.chip span{color:var(--amber)}.chip.win span{color:#7cd98a}.stage{position:relative;width:100%;aspect-ratio:960/720;overflow:hidden;border-radius:18px;border:6px solid var(--ink);box-shadow:0 10px 0 var(--shadow),0 20px 40px rgba(0,0,0,.35);background:#000;touch-action:manipulation}.stage .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;user-select:none;pointer-events:none}.sprite{position:absolute;will-change:transform;filter:drop-shadow(0 6px 6px rgba(0,0,0,.35));user-select:none;-webkit-user-drag:none}.duck{width:13%;left:89.9%;top:89.1%;transform:translate(-50%,-100%);cursor:pointer;transition:filter .15s;z-index:5}.duck:hover{filter:drop-shadow(0 6px 6px rgba(0,0,0,.35)) brightness(1.08)}.duck.disabled{cursor:default}.horse{width:24%;top:89.2%;left:-20%;transform:translate(-50%,-100%);z-index:4}.horse.running{animation:horseBob .32s ease-in-out infinite}@keyframes horseBob{0%,100%{transform:translate(-50%,-100%) translateY(0)}50%{transform:translate(-50%,-100%) translateY(-2.5%)}}.horse.hidden-far{visibility:hidden}.presentador{position:absolute;left:4%;bottom:0;width:26%;min-width:90px;z-index:10;pointer-events:none}.bubble{position:absolute;left:24.1%;top:24.9%;max-width:60%;background:var(--cream);border:3px solid var(--ink);border-radius:14px;padding:10px 14px;font-weight:700;font-size:clamp(11px, 1.8vw, 15px);line-height:1.35;z-index:11;box-shadow:0 4px 0 var(--shadow)}.bubble::after{content:"";position:absolute;left:22px;bottom:-14px;border-width:14px 10px 0 0;border-style:solid;border-color:var(--ink) transparent transparent transparent}.bubble::before{content:"";position:absolute;left:25px;bottom:-9px;border-width:10px 7px 0 0;border-style:solid;border-color:var(--cream) transparent transparent transparent;z-index:1}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(10px,2.5vw,22px);background:rgba(20,14,9,.55);backdrop-filter:blur(1px);z-index:20;padding:4%;text-align:center}.overlay-img{max-width:92%;max-height:70%;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.5))}.overlay-result .overlay-img{position:absolute;left:46.3%;top:99%;transform:translate(-50%,-100%)}.overlay-result .pixel-btn.again{position:absolute;left:66.9%;top:81.9%;transform:translate(-50%,-50%)}.pixel-btn{font-family:'Press Start 2P',monospace;font-size:clamp(11px, 2vw, 16px);color:var(--ink);background:var(--amber);border:4px solid var(--ink);border-radius:10px;padding:12px 22px;cursor:pointer;box-shadow:0 5px 0 var(--amber-dark);transition:transform .08s,box-shadow .08s}.pixel-btn:hover{filter:brightness(1.05)}.pixel-btn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--amber-dark)}.pixel-btn.again{background:#7cd98a;box-shadow:0 5px 0 #4c9e5a}.pixel-btn.again:active{box-shadow:0 1px 0 #4c9e5a}.hidden{display:none!important}.toast{position:absolute;top:10%;left:50%;transform:translateX(-50%);background:var(--barn);color:var(--cream);border:3px solid var(--ink);border-radius:10px;padding:8px 14px;font-weight:800;font-size:clamp(11px, 1.8vw, 15px);z-index:15;box-shadow:0 4px 0 var(--shadow);opacity:0;transition:opacity .2s;pointer-events:none;text-align:center;max-width:80%}.toast.show{opacity:1}.hint{text-align:center;color:var(--sky);font-weight:600;font-size:clamp(11px, 1.6vw, 14px);margin:0}.legal-links{text-align:center;font-size:10px;color:rgba(251,243,225,.5);margin-top:6px}.legal-links a{color:rgba(251,243,225,.75);text-decoration:none;border-bottom:1px solid rgba(251,243,225,.3)}.legal-links a:hover{color:#fbf3e1;border-bottom-color:#fbf3e1}.legal-links .legal-sep{margin:0 6px;opacity:.5}.brand-mark{text-align:center;pointer-events:none;margin-top:4px}.brand-mark .brand-sig{display:flex;align-items:center;justify-content:center;gap:6px;font-family:'IBM Plex Mono','Press Start 2P',monospace;font-size:9px;letter-spacing:.03em;color:rgba(251,243,225,.55)}.brand-mark .brand-icon{width:14px;height:14px;border-radius:50%;flex-shrink:0}.brand-mark .brand-sig a{color:rgba(251,243,225,.8);pointer-events:auto;text-decoration:none;border-bottom:1px solid rgba(251,243,225,.35)}.brand-mark .brand-sig a:hover{color:#fbf3e1;border-bottom-color:#fbf3e1}.brand-mark .claude-star{color:var(--rust);font-size:14px;display:inline-block}.brand-mark .brand-inspired{margin-top:1px;font-family:'IBM Plex Mono',monospace;font-size:8.5px;color:rgba(251,243,225,.35)}.brand-mark .brand-inspired a{color:rgba(251,243,225,.5);pointer-events:auto;text-decoration:none;border-bottom:1px solid rgba(251,243,225,.2)}.brand-mark .brand-inspired a:hover{color:rgba(251,243,225,.8)}.credit{text-align:center;color:rgba(251,243,225,.45);font-size:10px;max-width:600px;line-height:1.5}.credit a{color:rgba(251,243,225,.7)}@media (max-width:480px){.duck{width:18%}.horse{width:30%}}