.game-screen--toque .game-body { display: flex; min-height: calc(100vh - 112px); flex-direction: column; }
.surprise-world { position: relative; flex: 1; min-height: 470px; overflow: hidden; border-radius: 36px; background: linear-gradient(160deg, #fff2a9, var(--character-color)); box-shadow: inset 0 -14px 0 rgba(70,43,100,.08), 0 12px 30px rgba(43,57,120,.13); transition: background .3s ease; }
.surprise-world[data-mood="sky"] { background: linear-gradient(160deg,#c8f3ff,#7ccdf3); }.surprise-world[data-mood="rose"] { background: linear-gradient(160deg,#ffe4f0,#ff9fc4); }.surprise-world[data-mood="peach"] { background: linear-gradient(160deg,#fff0b9,#ffa86f); }.surprise-world[data-mood="rainbow"] { background: linear-gradient(160deg,#ffc1d5,#fff1a0 45%,#92e4d0); }.surprise-world[data-mood="dance"] { background: linear-gradient(160deg,#e8d8ff,#ad8df3); }.surprise-world[data-mood="garden"] { background: linear-gradient(160deg,#d8f8c8,#80d7a4); }.surprise-world[data-mood="flight"] { background: linear-gradient(160deg,#b6ecff,#8db7ff); }
.surprise-sky i { position: absolute; width: 80px; height: 32px; border-radius: 999px; background: rgba(255,255,255,.45); }.surprise-sky i::before,.surprise-sky i::after { content:""; position:absolute; bottom:0; border-radius:50%; background:inherit; }.surprise-sky i::before { width:40px;height:40px;left:14px; }.surprise-sky i::after { width:28px;height:28px;right:8px; }.surprise-sky i:nth-child(1){top:9%;left:5%;}.surprise-sky i:nth-child(2){top:20%;right:4%;transform:scale(.75);}.surprise-sky i:nth-child(3){bottom:12%;left:12%;transform:scale(.55);}
.surprise-character { position: absolute; z-index: 4; inset: 4% 5% 3%; display: grid; width: 90%; height: 91%; place-items: center; border: 0; background: transparent; cursor: pointer; }.surprise-character img { width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 13px 9px rgba(38,28,74,.2)); }.surprise-character__fallback { font-size: 11rem; }.surprise-character.reacting { animation: character-bounce .8s cubic-bezier(.2,.75,.25,1); }.tap-hint { position: absolute; z-index: 7; right: 9%; bottom: 7%; font-size: 2.5rem; animation: tap-hint 1.2s ease-in-out infinite; pointer-events:none; }
.surprise-effects,.star-hunt { position:absolute;z-index:8;inset:0;pointer-events:none;}.surprise-effects span{position:absolute;font-size:2.2rem;animation:surprise-float 1.35s var(--delay) ease-out both;}.star-hunt{z-index:10;pointer-events:auto;background:rgba(77,52,139,.12);backdrop-filter:blur(2px);}.hunt-star{position:absolute;width:72px;height:72px;border:0;background:transparent;font-size:3.7rem;cursor:pointer;animation:star-pulse .8s ease-in-out infinite alternate;filter:drop-shadow(0 5px 4px rgba(73,47,30,.2));}
.character-strip { display:grid;grid-template-columns:repeat(4,1fr);gap:9px;padding-top:13px; }.character-picker{height:82px;overflow:hidden;border:0;border-radius:23px;background:var(--picker-color);cursor:pointer;box-shadow:0 4px 0 rgba(44,33,91,.15);}.character-picker.active{outline:4px solid #4a349c;outline-offset:2px;}.character-picker img{width:100%;height:100%;object-fit:cover;object-position:top;}.character-picker span{font-size:2.6rem;}
@keyframes character-bounce{0%,100%{transform:none}35%{transform:translateY(-18px) rotate(-3deg) scale(1.05)}65%{transform:translateY(0) rotate(3deg)}}@keyframes surprise-float{0%{opacity:0;transform:translateY(35px) scale(.45)}45%{opacity:1}100%{opacity:0;transform:translate(var(--move),-85px) scale(1.25) rotate(18deg)}}@keyframes star-pulse{to{transform:scale(1.18) rotate(9deg)}}@keyframes tap-hint{50%{transform:translateY(-10px) scale(1.08)}}
@media(min-width:650px){.surprise-world{min-height:590px}.character-strip{max-width:520px;width:100%;margin:0 auto}.character-picker{height:94px}}