.af-portal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:32px 0 0}.af-world-card{position:relative;isolation:isolate;overflow:hidden;border:1px solid #46636180;background:linear-gradient(155deg,#172e34,#0c242b);border-radius:20px;padding:30px;box-shadow:0 15px 50px #00151930}.af-world-card:nth-child(2){background:linear-gradient(155deg,#302c36,#15252d)}.af-world-card:before{position:absolute;content:'';inset:0;background:radial-gradient(circle at 93% 5%,#cdb88020,transparent 54%);pointer-events:none;z-index:-1}.af-world-label{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#a6d4c7;font-weight:800}.af-world-card h3{font-size:clamp(25px,3vw,34px);line-height:1.2;letter-spacing:-.035em;margin:15px 0 9px}.af-world-card p{color:#b0c8c9;font-size:14px;line-height:1.65;max-width:50ch}.af-world-status{display:inline-flex;gap:9px;align-items:center;background:#091e2499;border:1px solid #37545a;padding:7px 12px;border-radius:50px;font-size:12px;color:#b5d5cf;margin-top:10px}.af-status-dot{background:#768b8d;width:8px;height:8px;border-radius:50%}.af-status-dot.online{background:#6fe0a3;box-shadow:0 0 0 3px #6fe0a321}.af-status-dot.offline{background:#e18d87}.af-world-connect{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;border-top:1px solid #4760635c;padding-top:18px;margin-top:25px}.af-address-label{font-size:10px;color:#8eabb1;text-transform:uppercase;letter-spacing:.13em;font-weight:700}.af-world-address{font-size:14px;font-weight:750;overflow-wrap:anywhere;margin-top:5px}.af-copy{background:#92dcc2;color:#07231f;border:0;border-radius:9px;font-size:12px;font-weight:800;padding:11px 14px;cursor:pointer}.af-copy:disabled{opacity:.45;cursor:not-allowed}.af-world-meta{margin-top:17px;display:flex;gap:9px;flex-wrap:wrap}.af-world-meta span{font-size:11px;border:1px solid #4e636180;border-radius:7px;padding:5px 9px;color:#bfd6d3;background:#08202752}.af-world-secondary{margin-top:14px;color:#b5cbd0;font-size:12px}.af-world-secondary strong{color:#f1e4bf}.af-pack-download{display:inline-flex;margin-top:19px;border-bottom:1px solid #9bd4b9;color:#9bd4b9;font-weight:750;font-size:13px}.af-portal-intro{max-width:67ch;color:#b6cbcd;line-height:1.6;margin:18px 0 0}.af-feature-note{border-left:2px solid #9bdec8;color:#bdd5d2;padding-left:15px;font-size:13px;margin-top:15px}@media(max-width:820px){.af-portal-grid{grid-template-columns:1fr}.af-world-card{padding:22px}}@media(max-width:450px){.af-world-connect{grid-template-columns:1fr}.af-copy{justify-self:start}}

/* API failures should never leave an endless loading placeholder. */
.af-api-warning {grid-column: 1 / -1; padding: 28px; border: 1px solid rgba(240,199,118,.32); border-radius: 14px; background: rgba(34,47,45,.72);}
.af-api-warning h3 {margin: 0 0 8px; font-size: clamp(18px,2vw,23px);}
.af-api-warning p {max-width: 64ch; margin: 0 0 16px; color: #b5c9c6; line-height: 1.6;}
.af-api-warning button {cursor: pointer;}

/* V2.2 — illustrated Minecraft worlds, clearer game status, refined cards. */
.af-portal-grid{gap:26px;align-items:stretch}
.af-world-card,.af-world-card:nth-child(2){display:flex;flex-direction:column;padding:0;overflow:hidden;border-radius:22px;border:1px solid rgba(167,216,201,.21);background:#11282e;box-shadow:0 18px 44px rgba(0,13,21,.32);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.af-world-card:before{display:none}
.af-world-card:hover{transform:translateY(-3px);border-color:rgba(174,227,209,.4);box-shadow:0 22px 55px rgba(0,12,22,.4)}
.af-world-card.af-modded{background:#201f30;border-color:rgba(206,170,240,.2)}
.af-world-card.af-modded:hover{border-color:rgba(206,170,240,.45)}
.af-card-art{height:206px;position:relative;display:flex;flex-direction:column;justify-content:space-between;flex-shrink:0;padding:20px 23px 24px;background:linear-gradient(180deg,rgba(1,16,26,.3),rgba(5,24,30,.07) 28%,rgba(3,18,26,.78)),url('../img/vanilla-card.svg') center 47% / cover no-repeat;border-bottom:1px solid rgba(255,255,255,.1)}
.af-modded .af-card-art{background-image:linear-gradient(180deg,rgba(18,13,36,.35),rgba(15,11,25,.01) 30%,rgba(15,13,30,.85)),url('../img/modded-card.svg')}
.af-card-topbar{display:flex;justify-content:space-between;align-items:start;gap:9px;flex-wrap:wrap}
.af-card-number,.af-card-edition{font-size:10px;font-weight:800;letter-spacing:.14em;color:#ecf7ed;text-shadow:0 1px 4px rgba(0,0,0,.45)}
.af-card-edition{background:rgba(12,26,32,.7);border:1px solid rgba(227,245,233,.3);border-radius:7px;padding:7px 9px;backdrop-filter:blur(8px)}
.af-card-overline{color:#f4e5bd;font-size:10px;font-weight:800;letter-spacing:.21em}
.af-card-hero-heading h3{margin:4px 0 0;font-size:clamp(30px,3.4vw,41px);line-height:1.08;color:#fff;letter-spacing:-.04em;text-shadow:0 3px 18px rgba(0,0,0,.55)}
.af-card-body{padding:24px;display:flex;flex-direction:column;flex:1}
.af-card-summary{display:flex;gap:15px;align-items:flex-start;justify-content:space-between;margin-bottom:18px}
.af-card-summary p{margin:0;max-width:35ch;line-height:1.55;color:#b9cfce;font-size:13px}
.af-overall-status{flex-shrink:0;font-weight:800;font-size:10px;letter-spacing:.02em;padding:7px 9px;border-radius:8px;color:#d3dedb;background:#40535855;border:1px solid #67787755}
.af-overall-status.state-online{background:rgba(52,138,95,.2);color:#9feac4;border-color:rgba(97,211,145,.36)}
.af-overall-status.state-offline{color:#f2b3aa;background:rgba(171,80,74,.14);border-color:rgba(225,144,137,.35)}
.af-overall-status.state-reachable{color:#d8d5a1;background:rgba(145,132,65,.14);border-color:rgba(200,177,88,.3)}
.af-protocols{border:1px solid #6f999738;border-radius:14px;background:rgba(4,24,28,.38);padding:4px 14px;margin-bottom:20px}
.af-platform-line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0}
.af-platform-line+.af-platform-line{border-top:1px solid #6f99972a}
.af-platform-left{display:flex;align-items:center;gap:10px;min-width:0}
.af-platform-icon{height:31px;width:31px;flex-shrink:0;display:grid;place-items:center;background:rgba(174,234,205,.14);border:1px solid rgba(174,234,205,.23);border-radius:8px;font-weight:900;color:#b2ead0;font-family:monospace;font-size:15px}
.af-modded .af-platform-icon{background:rgba(190,169,238,.13);color:#d4c1ff;border-color:rgba(190,169,238,.26)}
.af-platform-label{display:flex;flex-direction:column;gap:2px;min-width:0}
.af-platform-label strong{color:#e8f5f1;font-size:12px;line-height:1.2}
.af-platform-label>span{font-size:10px;color:#91aeb2}
.af-platform-right{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.af-platform-players{font-size:11px;color:#d6e8e2;white-space:nowrap;font-weight:600}
.af-protocol-status{font-size:9px;letter-spacing:.07em;font-weight:850;color:#b1c4c9;border:1px solid #75999b55;background:#5c78801c;padding:6px 7px;border-radius:5px;white-space:nowrap}
.af-protocol-status.is-online{color:#a4efc8;border-color:#72d99b70;background:#32895928}
.af-protocol-status.is-offline{color:#f6aaa2;border-color:#d786806b;background:#9f4a4830}
.af-protocol-status.is-reachable{color:#e1d598;border-color:#c8ae6177;background:#96793525}
.af-card-section-label{font-size:10px;letter-spacing:.15em;color:#88adb0;font-weight:850;margin-bottom:10px}
.af-connect-rows{display:flex;flex-direction:column;gap:9px}
.af-connection{display:flex;gap:12px;justify-content:space-between;align-items:center;border:1px solid rgba(119,164,165,.3);background:rgba(6,23,30,.43);border-radius:11px;padding:10px 11px 10px 14px}
.af-connection-main{min-width:0;display:flex;flex-direction:column;gap:3px}
.af-connection-title{font-size:10px;color:#91aeb5;font-weight:750}
.af-connection-value{font-size:13px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:750;color:#eff8f3;word-break:break-all;background:transparent;padding:0}
.af-copy-btn{background:#aee7cd;border:1px solid #bdf4d8;color:#15372c;font-size:11px;font-weight:800;border-radius:7px;padding:9px 12px;cursor:pointer;transition:filter .2s ease;flex-shrink:0}
.af-copy-btn:not(:disabled):hover{filter:brightness(1.12)}
.af-copy-btn:disabled{opacity:.45;cursor:not-allowed}
.af-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:19px}
.af-card-bottom .af-world-meta{margin:0}
.af-card-bottom .af-world-meta span{background:#28464a50;border-color:#76999a50}
.af-pack-download{margin:0;border:1px solid rgba(201,172,255,.4);border-radius:8px;padding:9px 11px;color:#edd8ff;background:rgba(122,79,155,.2);white-space:nowrap;text-decoration:none}
.af-pack-download:hover{color:#fff;border-color:#dac1fa}
.af-card-modpack-soon{font-size:11px;color:#ac9cbe}
.af-check-note{font-size:11px;color:#8daaad;margin-top:18px;min-height:28px;line-height:1.45}
.af-modded .af-check-note{color:#aea5c3}
@media(max-width:1000px){.af-card-summary{flex-wrap:wrap}.af-card-art{height:185px}}
@media(max-width:650px){.af-card-body{padding:20px}.af-platform-line{align-items:flex-start}.af-platform-right{flex-direction:column;align-items:end;gap:5px}.af-card-art{height:195px;padding:17px 18px 22px}}
@media(max-width:430px){.af-platform-right{flex-direction:column}.af-card-hero-heading h3{font-size:32px}.af-card-edition{font-size:9px}.af-card-number{font-size:9px}}
@media(prefers-reduced-motion:reduce){.af-world-card{transition:none}.af-world-card:hover{transform:none}}

.indicator.reachable{background:#e7ca83;box-shadow:0 0 0 4px rgba(231,202,131,.14)}