/* Forever Island IV — 30 echte awards, geen stat-overload. */
.realm-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.records-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.rank-shell{grid-template-columns:245px minmax(0,1fr)}
.rank-main{padding:26px}
.rank-aside{background:radial-gradient(circle at 50% 19%,#b5a0524a,transparent 34%),linear-gradient(160deg,#35573e,#11271d);display:flex;flex-direction:column;align-items:center;justify-content:flex-start}
.rank-aside .rank-trophy{font-size:102px}
.award-explainer{color:#d7e7c8;font-size:13px;line-height:1.65;margin:13px 0 8px}
.award-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0 11px}
.award-card{
  position:relative;display:grid;grid-template-columns:25px 39px minmax(0,1fr) 52px;grid-template-rows:auto auto;
  align-items:center;column-gap:9px;row-gap:3px;min-width:0;min-height:104px;padding:12px 10px;
  border:2px solid #668b66;border-bottom:4px solid #101f16;text-align:left;
  background:linear-gradient(140deg,#304c39,#182c20);color:#f0f9e7;cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.award-card:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.12;background:linear-gradient(135deg,transparent 48%,#fff6 50%,transparent 52%);background-size:14px 14px}
.award-card:hover{transform:translateY(-3px);border-color:#d5e6a1;background:linear-gradient(140deg,#3a6140,#203b27)}
.award-card.active{border-color:#e8ce79;box-shadow:inset 0 0 0 1px #f4dc8970,0 0 22px #d3bf7730}
.award-card.unclaimed{border-color:#506657;filter:saturate(.73)}
.award-number{font:700 17px var(--pixel);color:#b5cfa0;grid-row:1/3;align-self:start}
.award-icon{font-size:30px;grid-row:1/3;filter:drop-shadow(1px 3px #0b190d)}
.award-info{grid-column:3;grid-row:1;min-width:0}
.award-info strong{display:block;font:700 19px/1.12 var(--pixel);letter-spacing:.2px;color:#f4ecc8;overflow-wrap:break-word}
.award-info small{display:block;margin-top:4px;font:700 11px var(--pixel);color:#a9e58e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.award-score{grid-column:3;grid-row:2;color:#fbdb92;font:700 21px/1 var(--pixel)}
.award-score small{font-size:12px;color:#bfd4b0}
.award-face{grid-column:4;grid-row:1/3;width:50px;height:50px;object-fit:cover;image-rendering:pixelated;background:#10281b;border:2px solid #a0ca86;box-shadow:2px 3px #091911}
.award-mystery{grid-column:4;grid-row:1/3;display:grid;place-items:center;width:50px;height:50px;font:700 30px var(--pixel);color:#9fae96;background:#172a22;border:2px dashed #6c8669}
#hall:has([data-mode="shame"].active) .award-card{border-color:#b9806b;background:linear-gradient(135deg,#49352f,#282823)}
#hall:has([data-mode="shame"].active) .award-info small{color:#ffc2a6}
#hall:has([data-mode="weird"].active) .award-card{border-color:#8879b8;background:linear-gradient(135deg,#39384e,#202c31)}
#hall:has([data-mode="weird"].active) .award-info small{color:#d0c6ff}
.award-details{margin-top:23px;padding:17px;background:#11271d;border:2px solid #8db579;box-shadow:5px 5px #09150e}
.award-details-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.award-close{flex:none;border:1px solid #a8c695;color:#dceccf;background:#274333;padding:8px 10px;font:700 15px var(--pixel);cursor:pointer}
.award-close:hover{background:#3c6545}
.award-details .ranking-caption strong{color:#f7db96}
.award-details .leaderboard{min-height:initial}
.award-details .leader-row{min-height:60px}
.award-details .empty-state{padding-block:25px}
.rank-note{margin-top:19px}
.live-world-card{display:grid;grid-template-columns:.8fr 1.2fr;margin-top:47px;min-height:350px;background:linear-gradient(135deg,#203e30,#0c1c18);border:3px solid #8aab77;box-shadow:9px 10px #08150c;overflow:hidden}
.live-world-copy{padding:36px 32px;position:relative;z-index:2}
.live-world-badge{display:inline-block;border:1px solid #a3bb83;padding:6px 9px;color:#e2e8a1;background:#263d2d;font:700 14px var(--pixel);letter-spacing:.6px}
.live-world-badge.is-live{background:#31563b;color:#b5ffa7}
.live-world-copy h3{font:700 clamp(34px,4vw,57px)/1 var(--pixel);margin:20px 0 17px;color:#f6eed0;text-shadow:3px 4px #0d1612}
.live-world-copy h3 span{color:#acf27f}
.live-world-copy p{color:#d8e7d0;font-size:14px;line-height:1.75}
.live-world-note{border-left:3px solid #a9d789;padding:10px 0 10px 15px;background:#274c384f}
.live-map-preview{position:relative;min-height:350px;display:grid;place-items:center;background:#183227;overflow:hidden}
.live-map-preview img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;opacity:.39;filter:saturate(.8)}
.live-map-preview:after{position:absolute;inset:0;content:'';background:linear-gradient(90deg,#173222aa,transparent 75%),repeating-linear-gradient(0deg,#c5e99908 0 1px,transparent 1px 20px);pointer-events:none}
.live-map-watermark{position:relative;z-index:1;text-align:center;border:2px solid #c0d8a3b8;background:#142b23cf;padding:28px 24px;max-width:min(90%,400px);box-shadow:6px 8px #0b1711}
.live-map-watermark span{font-size:58px;display:block;margin-bottom:9px;animation:float 6s ease-in-out infinite}
.live-map-watermark strong{display:block;color:#e5f0ca;font:700 26px var(--pixel)}
.live-map-watermark small{display:block;margin-top:8px;color:#b8d0b2;font-size:12px}
.live-map-watermark[hidden],.map-launch-overlay[hidden],.live-map-actions button[hidden]{display:none!important}
.map-launch-overlay{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:9px;width:min(85%,410px);min-height:185px;padding:22px;background:#142c23e8;border:3px solid #b6f68b;box-shadow:0 0 0 6px #163b29a6,8px 10px #071a10;text-decoration:none;color:#eaffd8;transition:transform .2s,border-color .2s,box-shadow .2s}
.map-launch-overlay:hover,.map-launch-overlay:focus-visible{transform:translateY(-5px);border-color:#f0e2a4;box-shadow:0 0 0 6px #163b29a6,8px 15px #071a10}
.map-launch-overlay span{font-size:52px;filter:drop-shadow(0 4px #0a1c10)}
.map-launch-overlay strong{font:700 clamp(25px,2.5vw,34px)/1 var(--pixel);text-shadow:2px 3px #09190d}
.map-launch-overlay small{font:700 13px var(--pixel);letter-spacing:1px;color:#f3dc9b}
.live-map-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:19px}
.live-map-actions .pixel-btn{font-size:15px}
.live-map-embed{min-height:380px;background:#0a1511;position:relative}
.live-map-embed iframe{width:100%;height:100%;min-height:575px;border:0;display:block;background:#0b2117}
.live-map-embed[hidden],.live-map-actions[hidden],.live-map-preview[hidden],.award-details[hidden]{display:none!important}
@media(max-width:1100px){
  .rank-shell{grid-template-columns:1fr}
  .rank-aside{display:none}
  .award-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .live-world-copy{padding:28px}
}
@media(max-width:800px){
  .realm-cards,.records-grid,.live-world-card{grid-template-columns:1fr}
  .live-map-preview{min-height:270px}
  .live-map-embed{min-height:420px}
}
@media(max-width:570px){
  .rank-main{padding:15px 10px}
  .award-grid{grid-template-columns:1fr;gap:8px}
  .award-card{min-height:85px;grid-template-columns:22px 36px minmax(0,1fr) 48px;padding:9px 10px}
  .award-info strong{font-size:19px}
  .award-icon{font-size:26px}
  .award-score{font-size:20px}
  .award-face,.award-mystery{width:45px;height:45px}
  .award-details{padding:12px}
  .award-details .ranking-caption strong{font-size:23px}
  .award-close{font-size:13px}
  .live-world-card{margin-top:30px;box-shadow:4px 5px #07150b}
  .live-world-copy{padding:23px 18px}
  .live-world-copy h3{font-size:43px}
  .live-map-watermark{padding:19px 17px}
  .live-map-watermark strong{font-size:22px}
  .live-map-embed iframe{min-height:480px}
}
@media(prefers-reduced-motion:reduce){.award-card{transition:none}.live-map-watermark span{animation:none}}