*{box-sizing:border-box}body{margin:0;background:#fff8ed;color:#39271f;font:16px/1.5 system-ui,sans-serif}.suite-game{max-width:860px;padding:24px;margin:auto}header{text-align:center}header .brand{color:#98412c;font-weight:800;text-decoration:none}header>span{display:block;text-transform:uppercase;font-size:12px;letter-spacing:.15em;margin:15px}h1{font-size:clamp(24px,4vw,38px);line-height:1.15;overflow-wrap:anywhere;margin:18px 0}h2{font-size:18px;overflow-wrap:anywhere}.clock{text-align:center}.scoreboard{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:18px 0;text-align:center}.scoreboard span{display:block;color:#a13d29}.scoreboard b{font-size:28px}.suite-stage{position:relative;aspect-ratio:3/2;overflow:hidden;border-radius:22px;background:#d6e9dc;isolation:isolate}.backdrop{width:100%;height:100%;object-fit:cover}.actor{position:absolute;width:24%;height:62%;bottom:10%;transform-origin:50% 90%;transition:transform .5s}.actor.left{left:16%}.actor.right{right:16%}.actor img,.actor svg{width:100%;height:100%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 4px 3px #0003)}.actor svg{fill:#435e72}.piscina .actor{bottom:22%;height:54%}.tartazo .actor{width:23%;height:40%;bottom:30%;border-radius:50%;overflow:hidden}.tartazo .actor img{object-fit:cover;object-position:50% 15%}.tartazo .actor.left{left:18%}.tartazo .actor.right{right:18%}.ring .actor{bottom:14%}.impact{position:absolute;left:20%;top:35%;font-size:clamp(30px,10vw,80px);opacity:0;pointer-events:none}.hit .impact{animation:impact .65s ease-out}.hit{animation:nudge .45s ease}.safe{animation:cheer .5s ease}.piscina .actor.loser{transform:translateY(30%) rotate(-12deg)}.piscina .actor.loser .impact{opacity:1}.ring .actor.loser{transform:translateY(10%)}.actor.winner{filter:drop-shadow(0 0 12px #ffd34b)}.tartazo .actor.loser{filter:drop-shadow(0 0 8px white)}.art-note{font-size:12px;text-align:center}fieldset{border:0;margin:24px 0;padding:0;text-align:center}legend{width:100%;font-weight:700;margin-bottom:12px}.quantities{display:flex;justify-content:center;gap:8px}.quantities input{position:absolute;opacity:0}.quantities span{display:block;border:1px solid #bd9678;border-radius:10px;padding:10px 22px;font-weight:800}.quantities input:checked+span{background:#39271f;color:white}.quantities input:focus-visible+span{outline:3px solid #d88820}.actions{display:grid;grid-template-columns:1fr 1fr;gap:16px;text-align:center}.actions section>div{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}button{border:0;border-radius:10px;background:#a7412a;color:white;padding:13px 18px;min-height:48px;font:700 16px system-ui;cursor:pointer;max-width:100%}button[data-kind=patito]{background:#24786c}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #dc9a24;outline-offset:3px}[data-game-message],[data-verdict]{text-align:center;font-weight:700}[data-verdict]{font-size:24px}details{margin:25px 0;border-top:1px solid #d7c8b5;padding-top:18px}summary{cursor:pointer;font-weight:700} [hidden]{display:none!important}@keyframes impact{0%{opacity:0;transform:scale(.1) translateX(-50%)}40%{opacity:1;transform:scale(1.2)}100%{opacity:0;transform:scale(1.5)}}@keyframes nudge{50%{translate:0 7px;rotate:4deg}}@keyframes cheer{50%{translate:0 -8px}}@media(max-width:450px){.suite-game{padding:16px 10px}.actions{gap:8px}.actions button{width:100%;padding:12px 6px}.quantities span{padding:10px 19px}.suite-stage{border-radius:12px}.scoreboard{gap:8px;font-size:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.piscina .actor{width:22%;height:38%;bottom:58%}.piscina .actor.left{left:8%}.piscina .actor.right{right:8%}.piscina .actor.loser{transform:translateY(125%) rotate(-10deg)}.tartazo .actor{width:15%;height:22%;bottom:39%;border-radius:50%;overflow:hidden}.tartazo .actor.left{left:25%}.tartazo .actor.right{right:25%}.tartazo .actor img{object-fit:contain;object-position:center}

.teatro .actor{width:25%;height:61%;bottom:18%}.teatro .actor.left{left:15.5%}.teatro .actor.right{right:15.5%}.teatro .actor.loser{filter:drop-shadow(0 0 6px #dc562a)}.safe .impact{animation:impact .65s ease-out}.trampilla .actor{width:24%;height:59%;bottom:22%}.trampilla .actor.left{left:16%}.trampilla .actor.right{right:16%}.trampilla .actor.loser{transform:translateY(52%);clip-path:inset(0 0 35% 0)}.trampilla .actor.loser:before{content:"";position:absolute;width:110%;height:12%;left:-5%;top:54%;background:#24160e;border:3px solid #74502e;border-radius:50%;z-index:-1}.rescue-rope{display:none;position:absolute;top:-30%;left:50%;height:95%;width:5px;background:repeating-linear-gradient(25deg,#c6a264 0 3px,#846337 3px 5px);z-index:-1}.trampilla .winner .rescue-rope{display:block}

.trampilla .actor{bottom:36%;height:48%;z-index:1}.trampilla .actor.loser{transform:translateY(32%);clip-path:inset(0 0 27% 0)}.trampilla .actor.loser:before{display:none}.open-hatch{display:none;position:absolute;width:31%;height:11%;bottom:36%;background:radial-gradient(ellipse,#352218,#130b06);border:4px solid #75502b;transform:perspective(200px) rotateX(20deg);box-shadow:inset 0 8px 10px #0008}.open-hatch.left{left:10%}.open-hatch.right{right:10%}.fallen-left .open-hatch.left,.fallen-right .open-hatch.right{display:block}