.battle-reward-banner{position:fixed;top:calc(env(safe-area-inset-top) + 112px);left:50%;transform:translateX(-50%);width:min(470px,calc(100% - 28px));box-sizing:border-box;z-index:5000;padding:12px 14px;border:1px solid #9ed6aa;border-radius:14px;background:linear-gradient(135deg,#153a3bf5,#112b3bf5);box-shadow:0 8px 26px #00131977;pointer-events:none;color:#edf5e7;text-align:center;animation:reward-arrive .25s ease-out}.battle-reward-banner[hidden]{display:none!important}.battle-reward-heading{display:block;color:#f0d58b;font-size:17px}.battle-reward-heading>small{display:block;color:#c1ded1;font-size:11px;margin-top:4px}.battle-reward-icons{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:12px 0}.battle-reward-item{display:grid;grid-template-rows:30px auto auto;align-items:center;justify-items:center;min-width:56px;max-width:104px;padding:6px 8px;border-radius:9px;background:#244947;box-sizing:border-box;gap:3px}.battle-reward-item>b{font-size:13px;font-variant-numeric:tabular-nums;color:#eaf4e5}.battle-reward-item>small{font-size:9px;line-height:1.3;overflow-wrap:anywhere;color:#b7d9d1}.battle-reward-icon{font-size:26px;line-height:30px}.battle-reward-icon.experience{color:#a2cff7}.battle-reward-icon.beacon{color:#a1f3ff;text-shadow:0 0 15px #a57cfc}.battle-reward-icon.mark{color:#ffda83;text-shadow:0 0 15px #ffb844}.battle-reward-return{display:block;font-size:10px;color:#a8cdbf}.rare-drop{border:1px solid #e3c479;background:linear-gradient(145deg,#3c4b51,#24353d)}#battle-rare-modal{width:min(430px,calc(100vw - 28px));max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 32px);overflow:auto;box-sizing:border-box;padding:24px;border:1px solid #ebcd83;border-radius:19px;background:radial-gradient(ellipse at top,#385362,#142e3d 65%);color:#e5eee5;text-align:center;box-shadow:0 10px 45px #020d17aa}#battle-rare-modal::backdrop{background:#03101bb3}.rare-reward-emblem{font-size:48px;color:#f7d17a;line-height:1.2;text-shadow:0 0 26px #f6cb7377}#battle-rare-modal .eyebrow{display:block;font-size:9px;letter-spacing:2px;color:#c6d8cd;margin-top:10px}#battle-rare-modal h2{font-size:28px;color:#ffdfa2;margin:12px 0}.rare-reward-message{font-size:16px;line-height:1.6;color:#e3ebe1}.rare-reward-message strong{color:#ffe4a3}#battle-rare-modal>.battle-reward-icons .battle-reward-item{min-width:114px;max-width:145px;padding:16px 10px;grid-template-rows:48px auto auto}#battle-rare-modal>.battle-reward-icons .battle-reward-icon{font-size:42px;line-height:48px}#battle-rare-modal>.battle-reward-icons b{font-size:23px}#battle-rare-modal>.battle-reward-icons small{font-size:13px;color:#e7dbaa}.rare-reward-enemy{font-size:12px;color:#9fc7bb}.rare-other-loot{border-top:1px solid #75999555;margin:18px 0;padding-top:12px;text-align:left}.rare-other-loot summary{cursor:pointer;min-height:32px;font-size:12px;color:#bfd8cf}.rare-other-loot>small{font-size:11px;line-height:1.5;color:#afd4c6}#battle-rare-modal #battle-reward-ok{width:100%;min-height:48px;font-size:18px;margin-top:10px}.world-page .battle-reward-banner{top:calc(env(safe-area-inset-top) + 108px)}@keyframes reward-arrive{from{transform:translate(-50%,-8px)}to{transform:translate(-50%,0)}}@media(max-height:500px) and (min-width:600px){.world-page .battle-reward-banner{top:calc(env(safe-area-inset-top) + 54px);width:min(470px,calc(100% - 220px))}#battle-rare-modal{padding:16px}.rare-reward-emblem{font-size:26px}#battle-rare-modal h2{font-size:23px;margin:6px 0}#battle-rare-modal>.battle-reward-icons .battle-reward-item{padding:8px;grid-template-rows:32px auto auto}#battle-rare-modal>.battle-reward-icons .battle-reward-icon{font-size:30px;line-height:32px}}@media(prefers-reduced-motion:reduce){.battle-reward-banner{animation:none}}

/* Compact standard rewards; rare congratulations retain their larger cards. */
.battle-reward-banner{width:min(420px,calc(100% - 44px));padding:9px 11px}.battle-reward-banner .battle-reward-heading{font-size:15px}.battle-reward-banner .battle-reward-heading>small{font-size:10px}.battle-reward-banner .battle-reward-icons{gap:6px;margin:9px 0}.battle-reward-banner .battle-reward-item{min-width:49px;padding:5px 6px;grid-template-rows:25px auto auto}.battle-reward-banner .battle-reward-icon{font-size:23px;line-height:25px}.battle-reward-banner .battle-reward-item>b{font-size:12px}.battle-reward-banner .battle-reward-item>small{font-size:8px}.battle-reward-banner .battle-reward-return{font-size:9px}