#gameOverModal .game-over-card { max-height:calc(100% - 18px); overflow:auto; box-sizing:border-box; overscroll-behavior:contain; scrollbar-width:thin; }
.result-emotes { position:relative; margin:12px 0 10px; padding:10px 9px 7px; border:1px solid #b994564d; border-radius:12px; background:linear-gradient(120deg,#e0c88b45,#f7e7b9a0); text-align:left; }
.result-emote-heading { display:flex; gap:6px; justify-content:space-between; align-items:center; margin:0 0 8px; }.result-emote-heading strong { font:900 10px/1.2 system-ui; color:#5a401e; letter-spacing:.05em; }.result-emote-heading > span { font:800 7px/1.2 system-ui; color:#816738; }
.result-emote-quick { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:5px; }.result-emote-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; margin-top:8px; padding-top:8px; border-top:1px solid #916e3540; }
.result-emote-grid[hidden],.result-emote-bubble[hidden] { display:none; }
.result-emotes button { display:grid; place-items:center; min-width:0; min-height:43px; border:1px solid #ad915b; border-radius:9px; padding:3px; color:#684b25; background:linear-gradient(#fff5d4,#d9c080); cursor:pointer; box-shadow:0 2px 0 #987540; }.result-emotes button:disabled { opacity:.5; cursor:default; }.result-emotes button:focus-visible { outline:3px solid #007994; outline-offset:2px; }
.opombo-emote { display:block; width:36px; height:36px; background-image:image-set(url('assets/image-quality/variants/opombo_tower_moods-0fb29c9a8bbe-512.webp') 1x,url('assets/image-quality/variants/opombo_tower_moods-0fb29c9a8bbe-1024.webp') 2x); background-size:400% 400%; background-repeat:no-repeat; filter:drop-shadow(0 1px 1px #52371b66); }
#gameOverModal #resultEmote[hidden] { display:none; }
#gameOverModal .result-hero-emote { width:100px; height:100px; margin:2px auto 12px; border:3px solid #6a431b; border-radius:50%; background-color:#f8d56d; box-shadow:0 3px 0 #57351c,0 4px 12px #75441f5c; }
#gameOverModal[data-result="lose"] .result-hero-emote { background-color:#e69778; }
.result-emotes .result-emote-more { font:750 26px/1 system-ui; }
#resultEmoteStatus { margin:8px 1px 0; font:550 9px/1.3 system-ui; color:#735526; }
.result-emote-bubble { position:absolute; z-index:3; left:50%; bottom:calc(100% + 7px); width:96px; transform:translateX(-50%); display:flex; flex-direction:column; align-items:center; padding:9px 6px 5px; border:2px solid #5e452a; border-radius:15px; background:#fff9e5; box-shadow:0 4px 10px #4e371966; animation:result-pombo-pop .25s ease-out; }.result-emote-bubble::after { content:''; position:absolute; bottom:-7px; width:11px; height:11px; background:#fff9e5; border-right:2px solid #5e452a; border-bottom:2px solid #5e452a; transform:rotate(45deg); }.result-emote-bubble .opombo-emote { width:70px; height:70px; }.result-emote-bubble strong { max-width:90px; margin-top:4px; color:#634628; font:850 10px/1.25 system-ui; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
@keyframes result-pombo-pop { from { opacity:0; transform:translateX(-50%) scale(.72) rotate(-5deg); } to { opacity:1; transform:translateX(-50%) scale(1); } }
@media(prefers-reduced-motion:reduce) { .result-emote-bubble { animation:none; } }