.ruby-icon{display:inline-block;flex-shrink:0;width:30px;height:34px;background:url('/assets/game/ruby.svg') center/contain no-repeat;vertical-align:middle;filter:drop-shadow(0 2px 1px #750b4055)}
#main-topbar .coin-plaque>.ruby-icon{width:30px;height:32px;font-size:0;text-shadow:none}
.coin-pill{display:inline-flex;align-items:center;gap:5px}.coin-pill .ruby-icon{width:25px;height:27px}
#lobby .equipped-stage canvas{filter:none}
#shell #death{padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));overflow:hidden;background:linear-gradient(#103b697a,#162758eb);align-items:center}
#shell #death .results-dialog{width:min(1180px,100%);max-width:1180px;height:min(650px,100%);max-height:100%;min-height:0;overflow:hidden;display:grid;grid-template-columns:1.25fr 1fr 1fr;grid-template-rows:auto minmax(0,1fr) auto;gap:18px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#fff}
#death .results-heading{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.6fr 1fr;gap:20px;align-items:center;min-height:70px}
#death .results-title{text-align:center}#death .results-title>small{color:#c2f6ff;font-size:.8rem;letter-spacing:.18em}#shell #death .results-heading h2{margin:2px 0 5px;font-size:clamp(1.75rem,3.6vw,2.9rem);line-height:1;font-weight:600;color:#fff;paint-order:stroke fill;-webkit-text-stroke:3px #073c65;text-shadow:0 3px #073c65}
#shell #death #death-reason{max-width:none;margin:0;font-size:.8rem;line-height:1.25;color:#e0f6ff}
#death .ruby-wallet,#death .result-rank-badge{display:flex;align-items:center;gap:8px;width:fit-content;min-height:60px;padding:8px 17px;border:2px solid #a1eaff;border-radius:14px;background:linear-gradient(#2292c4,#135290);box-shadow:0 4px #092c5d,inset 0 2px #e5ffff66;text-align:left}
#death .ruby-wallet{justify-self:end;min-width:150px}#death .ruby-wallet .ruby-icon{width:47px;height:50px}
#death .ruby-wallet small,#death .result-rank-badge span{display:block;line-height:1.2;color:#dbf5ff;font-size:.68rem;letter-spacing:.04em}
#death .ruby-wallet b,#death .result-rank-badge b{display:block;font-size:1.6rem;line-height:1.15;color:#fff;font-variant-numeric:tabular-nums}
#death .result-rank-badge>span:first-child{font-size:2.6rem;color:#ffe481;text-shadow:0 2px #986635}
#shell #death :is(.result-summary,.result-quests,.result-season){min-height:0;min-width:0;padding:15px;border:2px solid #76cbe8;border-radius:14px;background:linear-gradient(140deg,#1568abeb,#182f78f5);box-shadow:0 5px #082559,inset 0 2px #c6f4ff66;overflow:hidden;grid-column:auto}
#shell #death h3{margin:0 0 10px;font-size:clamp(1rem,2vw,1.45rem);font-weight:600;line-height:1.1;color:#fff;text-shadow:0 2px #123461}
#death .result-summary{display:flex;flex-direction:column}#death .round-score{justify-content:flex-start;margin:0 0 4px;gap:8px}#death .round-score strong{font-size:2.4rem;color:#fff;line-height:1}#death .round-score span{font-size:.72rem;color:#c6efff}
#death .results-table{flex:1;font-size:1rem;margin:3px 0 8px;font-variant-numeric:tabular-nums}#death .results-table thead th{font-size:.75rem;font-weight:500;color:#bcecff}#death .results-table th,#death .results-table td{padding:10px 5px}#death .results-table td{font-weight:600;font-size:1.2rem;color:#fff}#death .results-table td:nth-child(2){color:#fff0a6}
#death .ruby-reward{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid #ff9cc5;border-radius:10px;background:linear-gradient(120deg,#a72884,#64399e);color:#fff}#death .ruby-reward .ruby-icon{width:37px;height:43px}#death .ruby-reward>span:nth-child(2){font-size:.76rem;white-space:nowrap}#death .ruby-reward b{display:block;font-size:1.6rem;line-height:1.1}#shell #death #result-ruby-status{margin-left:auto;max-width:42%;font-size:.65rem;line-height:1.25;color:#ffe0f0}
#death .result-quests{display:flex;flex-direction:column}#death .quest-list.compact{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));flex:1;min-height:0;gap:10px;margin:0}#shell #death .quest-card{display:flex;flex-direction:column;justify-content:center;margin:0;padding:10px;border:2px solid #77d3ed;border-radius:10px;background:linear-gradient(#238bbc,#18679f);box-shadow:inset 0 2px #cff7ff55}#death .quest-card.complete{background:linear-gradient(#228c9c,#127e77)}#death .quest-card strong{font-size:.85rem;line-height:1.18}#death .quest-card progress{width:100%;height:9px;margin:8px 0 5px;accent-color:#ffe258}#shell #death .quest-card span{font-size:.68rem;line-height:1.2;color:#e3faff}
#shell #death .result-season{background:linear-gradient(140deg,#5654bfeb,#252778f5)}#death .result-season>small{display:block;font-size:.72rem;color:#dbcfff}#shell #death .result-season h3{margin:4px 0 10px;color:#fff3b4}#death .result-season>strong{font-size:1.45rem}#shell #death .result-season p{font-size:.8rem;margin:7px 0;line-height:1.3;color:#e7ecff}#death .result-season>progress{height:10px;accent-color:#ffde5d}
.result-season-track{display:flex;gap:8px;margin:10px 0 16px}.season-medal{flex:1;text-align:center;padding:10px 3px;border:1px solid #ac9eef;border-radius:9px;background:#242566a6}.season-medal b{display:block;font-size:2rem;color:#9e94d2;text-shadow:0 2px #261c60}.season-medal span{font-size:.65rem;display:block;color:#dcd9ff}.season-medal.earned{background:linear-gradient(#976d64,#714594);border-color:#ffdc84}.season-medal.earned b{color:#ffe997}
#death .result-actions{display:grid;grid-template-columns:1fr auto auto auto;gap:12px;align-items:center;margin:0}#shell #death #revive-note{grid-column:auto;font-size:.8rem;max-width:320px;line-height:1.3;margin:0;color:#dbf5ff}#shell #death .result-actions button{width:auto;max-width:none;min-height:48px;padding:10px 20px;border-radius:11px;font-size:1.05rem;margin:0;white-space:nowrap}#death .result-actions .primary{min-width:180px}#death .result-actions .text-button{color:#e5f9ff}
#ruby-flight-layer{position:fixed;inset:0;pointer-events:none;z-index:20;overflow:hidden}.ruby-flight{position:absolute;top:0;left:0;display:block;width:34px;height:38px;background:url('/assets/game/ruby.svg') center/contain no-repeat;filter:drop-shadow(0 3px 3px #7b164977);will-change:transform,opacity}
#magnet-meter{position:absolute;bottom:85px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;padding:5px 11px 5px 5px;border:1px solid #e4b3ff;border-radius:24px;background:#532975d9;color:#fff;pointer-events:none;min-width:148px}#magnet-meter b{display:block;font-size:.8rem}#magnet-meter progress{display:block;width:100%;height:5px;accent-color:#d6a0ff;margin-top:4px}
#powerup-shop{grid-column:2;grid-row:2;min-height:0;padding:13px 18px;border:2px solid #c0d8ff;border-radius:15px;background:linear-gradient(130deg,#edf9ff,#e4e1ff);color:#17456c;overflow:auto}#powerup-shop>header small{color:#5e56a7;font-size:.68rem;letter-spacing:.1em}#shell #powerup-shop>header h3{font-size:1.6rem;margin:3px 0;color:#243d73}#powerup-shop>header p{font-size:.85rem;margin:3px 0 12px}#powerup-cards{display:grid;grid-template-columns:1fr 1fr;gap:15px}.powerup-card{display:grid;grid-template-columns:76px 1fr;align-items:center;gap:4px 10px;padding:15px;border:2px solid #b8abef;border-radius:15px;background:linear-gradient(#fff,#f2edff);box-shadow:0 4px #8b8bc133}.powerup-card.shield{border-color:#7ccdd4;background:linear-gradient(#fff,#e2fcf6)}.powerup-card>img{grid-column:1;grid-row:1/4;width:76px;height:76px;object-fit:contain}#shell .powerup-card h3{font-size:1.25rem;color:#354782;margin:0}.powerup-duration{font-size:1.1rem;color:#5e3da6}.powerup-tier{font-size:.72rem;color:#536583}.powerup-card p{grid-column:1/-1;font-size:.82rem;line-height:1.3;margin:8px 0 0}.powerup-card .powerup-next{font-weight:600;color:#7250a6}.powerup-card button{grid-column:1/-1;margin-top:8px;font-size:1rem;min-height:44px;padding:7px}#powerup-status{font-size:.85rem;margin:12px 0 0;color:#3d447d}
@media(orientation:landscape) and (max-height:550px){
 #shell #death{padding:8px max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left))}#shell #death .results-dialog{height:100%;gap:9px;grid-template-columns:1.2fr 1fr .95fr}#death .results-heading{min-height:50px;gap:12px}#shell #death .results-heading h2{font-size:1.9rem;margin:0 0 3px}#death .results-title>small{display:none}#shell #death #death-reason{font-size:.7rem}#death .ruby-wallet,#death .result-rank-badge{min-height:44px;padding:5px 10px;border-radius:10px}#death .ruby-wallet{min-width:125px}#death .ruby-wallet .ruby-icon{width:34px;height:36px}#death .ruby-wallet b,#death .result-rank-badge b{font-size:1.3rem}#death .result-rank-badge>span:first-child{font-size:2rem}
 #shell #death :is(.result-summary,.result-quests,.result-season){padding:9px}#shell #death h3{font-size:1.1rem;margin-bottom:6px}#death .round-score strong{font-size:1.7rem}#death .round-score span{font-size:.6rem}#death .results-table{font-size:.85rem;margin:2px 0 6px}#death .results-table th,#death .results-table td{padding:5px 3px}#death .results-table td{font-size:1rem}#death .results-table thead th{font-size:.63rem}#death .ruby-reward{padding:5px;gap:5px}#death .ruby-reward .ruby-icon{width:28px;height:32px}#death .ruby-reward b{font-size:1.15rem}#death .ruby-reward>span:nth-child(2){font-size:.65rem}#shell #death #result-ruby-status{font-size:.6rem}
 #death .quest-list.compact{gap:6px}#shell #death .quest-card{padding:6px}#death .quest-card strong{font-size:.72rem}#death .quest-card progress{height:7px;margin:5px 0 4px}#shell #death .quest-card span{font-size:.6rem}#death .result-season>small{font-size:.6rem}#death .result-season>strong{font-size:1.15rem}#shell #death .result-season p{font-size:.66rem;margin:5px 0}.result-season-track{gap:5px;margin:7px 0 10px}.season-medal{padding:6px 2px}.season-medal b{font-size:1.5rem}.season-medal span{font-size:.58rem}#death .result-season>progress{height:7px}
 #death .result-actions{gap:7px}#shell #death #revive-note{font-size:.68rem}#shell #death .result-actions button{min-height:44px;font-size:.85rem;padding:7px 12px}#death .result-actions .primary{min-width:142px}#powerup-shop{padding:8px 12px}#shell #powerup-shop>header h3{font-size:1.25rem}#powerup-shop>header p{font-size:.72rem;margin-bottom:7px}#powerup-cards{gap:9px}.powerup-card{padding:9px;grid-template-columns:54px 1fr;gap:3px 7px}.powerup-card>img{width:54px;height:54px}#shell .powerup-card h3{font-size:1rem}.powerup-duration{font-size:.92rem}.powerup-tier{font-size:.62rem}.powerup-card p{font-size:.72rem;margin-top:5px}.powerup-card button{font-size:.85rem;margin-top:5px}
}
@media(orientation:landscape) and (max-height:365px){#death .round-score{display:none}.result-season-track{margin:4px 0 6px}.season-medal{padding:3px}.season-medal b{font-size:1.2rem}#shell #death #result-next-style{font-size:.6rem}#shell #death .results-heading h2{font-size:1.65rem}#death .results-title #death-reason{display:none}#shell #death .result-actions button{font-size:.77rem;padding-inline:9px}#death .result-actions .primary{min-width:126px}}
@media(orientation:portrait){#shell #death{overflow:auto}#shell #death .results-dialog{height:auto;max-height:none;grid-template-columns:1fr;overflow:visible}.results-heading{grid-template-columns:1fr!important}#death .result-rank-badge{display:none}#death .ruby-wallet{justify-self:center}#death .result-actions{grid-template-columns:1fr 1fr}#death #revive-note{grid-column:1/-1!important}#powerup-cards{grid-template-columns:1fr}}
@media(orientation:landscape) and (max-height:320px){#shell #death{padding-block:6px}#shell #death .results-dialog{gap:6px}#death .results-heading{min-height:42px}#shell #death :is(.result-summary,.result-quests,.result-season){padding:6px}#death .quest-list.compact{gap:4px}#shell #death .quest-card{padding:4px}#death .quest-card strong{font-size:.66rem}#death .quest-card progress{height:5px;margin:3px 0}#shell #death .quest-card span{font-size:.55rem}.season-medal{padding:2px}.season-medal b{font-size:1.05rem}.season-medal span{font-size:.52rem}#shell #death .result-season p{margin:3px 0;font-size:.6rem}#death .results-table th,#death .results-table td{padding:4px 2px}#death .ruby-reward{padding:3px}#death .ruby-reward .ruby-icon{width:23px;height:27px}}

/* A revive decision comes before the results receipt. */
#shell #revive-offer{z-index:8;display:grid;place-items:center;padding:20px max(20px,env(safe-area-inset-right)) 20px max(20px,env(safe-area-inset-left));background:#082c55b8;overflow:auto}
#revive-offer .revive-card{position:relative;width:min(580px,100%);padding:24px 22px 16px;border:2px solid #b8f3ff;border-radius:20px;background:linear-gradient(155deg,#198ed0,#07579c 74%,#094577);box-shadow:0 7px #052c56,inset 0 2px #d8ffff90;text-align:center;color:#fff}
#shell #revive-title{font-size:clamp(1.7rem,4vw,2.6rem);font-weight:600;line-height:1.05;margin:12px 0 8px;color:#ffe450;paint-order:stroke fill;-webkit-text-stroke:3px #77451c;text-shadow:0 3px #77451c}
#shell #revive-score{font-size:1rem;line-height:1.25;margin:0 0 14px;color:#f3fcff}
#revive-offer .revive-art{height:clamp(90px,28vh,160px);display:grid;place-items:center;overflow:hidden;border:1px solid #a8f2ff;border-radius:12px;background:radial-gradient(ellipse at 38% 45%,#dafbff,#64d5ec 52%,#269dda);box-shadow:inset 0 1px #e6ffff}
#revive-snake{display:block;width:100%;height:100%;object-fit:contain}
#shell #revive-accept{display:block;min-width:190px;width:48%;max-width:280px;min-height:52px;margin:16px auto 0;padding:8px 20px;border-radius:12px;font-size:1.7rem;line-height:1.1}
#shell #revive-remaining{font-size:.875rem;line-height:1.2;margin:12px 0 0;color:#d9f6ff}
#shell #revive-close{position:absolute;top:0;right:3px;min-height:44px;padding:5px 10px;display:flex;align-items:center;gap:5px;background:transparent;color:#fff;font-size:.875rem;box-shadow:none;text-shadow:none}
#revive-close span{font-family:Arial,Helvetica,sans-serif;font-size:1.65rem;line-height:1}
@media(orientation:landscape) and (max-height:380px){#revive-offer .revive-card{padding:16px 18px 10px}#shell #revive-title{font-size:1.9rem;margin-top:12px}#shell #revive-score{margin-bottom:8px}#revive-offer .revive-art{height:90px}#shell #revive-accept{min-height:44px;margin-top:10px;font-size:1.4rem}#shell #revive-remaining{margin-top:8px}}

/* Compact, fixed-row standings with an explicit three-position control. */
#shell #hud .leaderboard{top:max(10px,env(safe-area-inset-top));right:max(24px,env(safe-area-inset-right));width:clamp(148px,18vw,210px);margin:0;padding:4px;border:2px solid #dbf7ffcc;border-radius:8px;background:#28678d82;box-shadow:inset 0 0 0 1px #c7f2ff52;overflow:visible;color:#fff;font-family:Fredoka,'Trebuchet MS',sans-serif}
#shell #hud .leaderboard ol{margin:0;padding:0}
#shell #hud .leaderboard li{display:grid;grid-template-columns:17px minmax(0,1fr) auto;gap:4px;align-items:center;min-height:15px;margin:0;padding:1px 3px;border-radius:3px;font-family:Fredoka,'Trebuchet MS',sans-serif;font-size:clamp(.6875rem,1vw,.8125rem);font-weight:600;font-synthesis:none;line-height:1.08;letter-spacing:0;font-variant-numeric:tabular-nums;-webkit-text-stroke:0;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;text-shadow:0 1px 1px #153e5d,0 0 2px #153e5dcc}
#shell #hud .leaderboard .rank{width:17px;min-width:17px;text-align:center;color:inherit}
#shell #hud .leaderboard .who{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#shell #hud .leaderboard b{font:inherit;text-align:right;letter-spacing:0;color:inherit}
#shell #hud .leaderboard .own{background:#f6fdff;color:#103758;-webkit-text-stroke:0;text-shadow:none}
#shell #hud .leaderboard .crown-rank{height:15px;background:url('/assets/game/crown-marker.svg') center/17px 17px no-repeat}
#shell #scoreboard-toggle{position:absolute;top:-9px;right:-26px;z-index:2;width:44px;height:44px;min-width:44px;min-height:44px;padding:12px;border:0;box-shadow:none;background:transparent;color:#164b72;transform:none;touch-action:manipulation}
#scoreboard-toggle svg{width:20px;height:20px;border:1px solid #bdeaff;border-radius:50%;background:#fff;stroke-width:3!important}
#scoreboard[data-size=own] #scoreboard-toggle svg{transform:rotate(180deg)}
#shell #hud .arena-menu{position:absolute;top:max(10px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));width:44px;height:44px;min-width:44px;min-height:44px;padding:10px;border:1px solid #daefff8f;border-radius:11px;background:#1b587aa6;color:#fff;pointer-events:auto;box-shadow:none}
.arena-menu svg{width:24px;height:24px}
#party-details{margin:12px 0;padding:12px;border:1px solid #b7eaff80;border-radius:10px;color:#fff;font-size:.875rem}
#party-details #connection-label{display:block;margin-bottom:6px}
#party-details #invite{background:transparent;color:#fff;font-size:1rem;padding:6px}