.isle-page{max-width:925px;zoom:1.25;margin:0 auto;padding:0 0 20px;color:#b7bfde;font:11px/1.45 "Arial Narrow","Segoe UI",sans-serif;container-type:inline-size}
.isle-page *{box-sizing:border-box}.isle-page svg{width:20px;height:20px;flex-shrink:0}.isle-page :focus-visible{outline:2px solid #42eacb;outline-offset:3px}.isle-page button{cursor:pointer}.isle-page button:disabled{cursor:not-allowed}
.isle-page .isle-hero{position:relative;aspect-ratio:925/222;overflow:hidden;background:#050b10!important;border:0!important;padding:0!important;box-shadow:none!important}
.isle-hero-image{position:absolute;inset:0;background-size:100% auto;background-repeat:no-repeat;background-position:center -1.081cqw}
.isle-hero.is-custom .isle-hero-image{background-size:cover;background-position:center}
.isle-brand{position:absolute;left:2.16%;top:23.4%;width:24.33%;aspect-ratio:225/88;margin:0}
.isle-logo-crop{position:relative;display:block;width:100%;height:100%;overflow:hidden}
.isle-logo-crop img{position:absolute;width:411.111%!important;max-width:none!important;height:auto!important;left:-8.8889%;top:-70.4545%;border-radius:0!important;object-fit:initial!important;filter:none!important}
.isle-custom-logo{width:100%;height:100%;object-fit:contain;background:#060e10}
.isle-state{position:absolute;top:6%;right:0;width:11.6%;min-height:44px;padding:6px 4px;background:#001614;border:1px solid #096558;border-radius:5px;text-align:center;color:#fb747e}
.isle-state strong{font-size:13px;letter-spacing:2px;display:flex;align-items:center;justify-content:center;gap:9px;text-transform:uppercase}.isle-state small{font-size:8px;color:#22bfb2;display:block}.isle-state i,.isle-dot{width:8px;height:8px;background:currentColor;border-radius:50%;display:inline-block;flex-shrink:0}.isle-state.is-online,.isle-dot.is-online{color:#00efaa}.isle-state.is-maintenance,.isle-dot.is-maintenance{color:#e5b654}.isle-dot.is-offline{color:#ef7180}
.isle-tagline{position:absolute;left:1.8%;top:66%;width:40%;min-height:11%;padding:1px 4px 7px;background:linear-gradient(90deg,#050d10 0%,#050d10e8 94%,transparent);font-size:7px;text-transform:uppercase;letter-spacing:2px;color:#98a5d8}
.isle-actions{position:absolute;left:1.8%;bottom:4%;width:38%;display:flex;gap:10px;background:#030b10;padding:3px 4px}
.isle-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid #6334ff;border-radius:5px;background:linear-gradient(120deg,#070b1b,#0c0e29);color:#b9c7ff;font:700 11px/1.1 "Segoe UI",sans-serif;text-transform:uppercase;letter-spacing:.3px;text-decoration:none;min-height:37px;padding:8px 14px;white-space:nowrap}
.isle-button svg{width:16px;height:16px}.isle-actions .isle-button{flex:1;min-width:0;padding:8px 10px}.isle-button.is-join{background:linear-gradient(100deg,#004b3b,#00372e);border-color:#00e7c8;color:#d5fff2;box-shadow:0 0 14px #00c8a866,inset 0 0 0 1px #006951}.isle-button:hover{filter:brightness(1.15)}
.isle-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:2px 11px 8px}
.isle-panel{border:1px solid #44327e;border-radius:6px;background:linear-gradient(125deg,#080c1c,#060b16);box-shadow:inset 0 0 0 1px #0e1127;min-width:0;overflow:hidden}
.isle-metric{position:relative;display:flex;align-items:center;gap:15px;padding:9px 12px;min-height:62px}.isle-metric>svg{width:32px;height:32px;color:#7b38ff}.isle-metric>div:not(.isle-map-image){position:relative;flex:1;min-width:0}.isle-label{display:block;font-size:8px;text-transform:uppercase;font-weight:800;letter-spacing:1px;color:#8590ce}.isle-metric strong{font-size:16px;line-height:1.25;display:block;color:#cfdbff;margin-top:3px}.isle-metric strong small{font-size:12px;color:#7889d1}.isle-metric p{font-size:9px;color:#9ca5cf;margin:2px 0 0}.isle-metric .isle-restart{font-size:12px}.isle-ping>svg,.isle-ping strong{color:#00dabd}
.isle-capacity{height:5px;background:#171b42;border-radius:4px;overflow:hidden;margin-top:4px}.isle-capacity i{display:block;height:100%;background:linear-gradient(90deg,#8530ff,#4834ff);border-radius:4px}
.isle-map-image{position:absolute;right:3px;top:3px;bottom:3px;width:55%;background-size:300% auto;background-position:68% 8%;opacity:.7;mask-image:linear-gradient(90deg,transparent,#000)}.isle-map>svg{position:relative}
.isle-dashboard{display:grid;grid-template-columns:1.4fr 1fr .9fr;gap:7px;margin:0 11px}.isle-dashboard>.isle-panel{padding:9px 10px}
.isle-panel header{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-bottom:10px;background:none!important;border:0!important;padding:0!important;box-shadow:none!important}
.isle-panel h2{display:flex;align-items:center;gap:9px;font-size:9px;text-transform:uppercase;color:#b6a4ff;font-weight:750;margin:0;white-space:nowrap}.isle-panel h2 svg{width:17px;height:17px;color:#8249ff}.isle-panel h2>span{font-size:8px;color:#a4abcf}.isle-more{display:inline-flex;align-items:center;gap:5px;padding:0;border:0;background:none;color:#9a76ff;font-size:7px;white-space:nowrap}.isle-more svg{width:10px;height:10px}
.isle-description{display:flex;flex-direction:column}.isle-description-text{white-space:pre-line;font-size:9px;line-height:1.6;margin:0 0 10px;min-height:69px}
.isle-features{display:flex;flex-wrap:wrap;gap:4px;list-style:none;margin:0 0 10px;padding:0}.isle-features li{display:inline-flex;align-items:center;gap:4px;border:1px solid #282858;border-radius:5px;background:#111630;padding:3px 5px;color:#a5a9e5;font-size:7px}.isle-features svg{width:10px;height:10px;color:#7950ff}
.isle-promo{position:relative;width:100%;aspect-ratio:358/94;margin-top:auto;overflow:hidden;border:1px solid #172342;border-radius:5px}
.isle-promo-crop{position:absolute;inset:0;overflow:hidden}.isle-promo-crop img{position:absolute;width:258.38%!important;max-width:none!important;height:auto!important;left:-6.4246%;top:-478.7234%;border-radius:0!important;filter:none!important;object-fit:initial!important}
.isle-custom-promo{width:100%;height:100%;object-fit:cover}.isle-promo p{position:absolute;left:0;bottom:0;margin:0;padding:6px 8px 3px;max-width:100%;width:100%;background:linear-gradient(0deg,#03080efa,#03080edb,transparent);color:#e2e7f7;letter-spacing:3px;font-size:8px;font-weight:800;text-transform:uppercase}
.isle-rule-panel{display:flex;flex-direction:column;min-height:248px}.isle-rules{list-style:none;padding:0;margin:0;display:grid;gap:5px}.isle-rules li{display:flex;align-items:flex-start;gap:9px;font-size:9px;line-height:1.6}.isle-rules li>span{border:1px solid #6138c7;border-radius:3px;min-width:15px;height:16px;text-align:center;color:#b99dff;background:#120c2d;flex-shrink:0;font-size:9px}.isle-rules-button{margin-top:auto;width:100%;min-height:32px;font-size:9px}
.isle-column{display:flex;flex-direction:column;gap:7px;min-width:0}.isle-column>.isle-panel{padding:8px 9px}.isle-players{flex:1}.isle-player-list{list-style:none;padding:0;margin:0;display:grid;gap:5px}.isle-player-list li{display:flex;align-items:center;gap:5px;min-width:0;font-size:8px}.isle-player-list strong{font-weight:650;color:#c9d1eb;overflow-wrap:anywhere}.isle-avatar{width:16px;height:16px;flex-shrink:0;border-radius:50%;background:linear-gradient(135deg,#367962,#171e32);border:1px solid #8ca794;display:grid;place-items:center;color:#e4eecb;font-size:9px}.isle-player-list .isle-dot{width:5px;height:5px}.isle-species{color:#929abd;font-size:7px;overflow-wrap:anywhere}.isle-player-list small{margin-left:auto;font-size:8px;color:#a5afce;white-space:nowrap}.isle-empty{color:#8392ae;font-size:10px!important;padding:14px 0}
.isle-status-panel header{margin-bottom:7px}.isle-status-panel h2{color:#a461ff}.isle-status-panel header small{font-size:7px;color:#909bd0;margin-left:auto}.isle-status-panel .isle-dot{width:5px;height:5px}.isle-status-list{margin:0;font-size:8px}.isle-status-list>div{display:flex;justify-content:space-between;gap:5px;border-top:1px solid #20233b;padding:2px 0}.isle-status-list dt{display:flex;align-items:center;gap:6px;color:#929ed5;white-space:nowrap}.isle-status-list dt svg{width:10px;height:10px}.isle-status-list dd{display:flex;align-items:center;justify-content:flex-end;gap:5px;text-align:right;margin:0;color:#c2cce6}
.isle-footer{display:flex;gap:25px;align-items:center;justify-content:space-between;margin:7px 11px 0;border-top:1px solid #29215b;padding:12px 0;font-size:8px;color:#a3aee0}.isle-site-brand{display:flex;align-items:center;gap:7px;white-space:nowrap;font-weight:800;letter-spacing:.6px;color:#a6afe0;text-decoration:none}.isle-site-brand svg{color:#7c40ff}.isle-footer nav{display:flex;flex-wrap:wrap;gap:17px;justify-content:center}.isle-footer nav a{color:#919cca;text-transform:uppercase;text-decoration:none}.isle-footer>span{letter-spacing:3px;font-size:6px;text-align:right;white-space:nowrap}.isle-extra{margin:0 11px;color:#8b98bc;font-size:10px}.isle-extra summary{cursor:pointer}.isle-extra p{margin:7px 0}
.isle-dialog{width:min(680px,calc(100vw - 30px));max-height:85vh;overflow:auto;margin:auto;padding:22px;background:#080d1b;color:#c9d2ea;border:1px solid #604b9d;border-radius:9px}.isle-dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}.isle-dialog header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.isle-dialog h2{font-size:20px}.isle-dialog header button{border:1px solid #6b50a0;border-radius:5px;background:#18142c;color:#ded2ff;padding:0 10px;font-size:24px}.isle-dialog .isle-rules li{font-size:14px}.isle-dialog .isle-player-list li,.isle-dialog .isle-player-list small{font-size:13px}.isle-dialog .isle-species{font-size:12px}
.isle-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
body.pc-isle-page main>section .isle-page *{font-family:"Arial Narrow","Segoe UI",sans-serif!important}
body.pc-isle-page main>section .isle-page.isle-page.isle-page.isle-page .isle-button{background:linear-gradient(120deg,#070b1b,#0c0e29)!important;border:1px solid #6334ff!important;color:#b9c7ff!important;box-shadow:none!important;font-weight:750!important}
body.pc-isle-page main>section .isle-page.isle-page.isle-page.isle-page .isle-button.is-join{background:linear-gradient(100deg,#004b3b,#00372e)!important;border-color:#00e7c8!important;color:#d5fff2!important;box-shadow:0 0 14px #00c8a866,inset 0 0 0 1px #006951!important}
body.pc-isle-page main>section .isle-page.isle-page.isle-page.isle-page .isle-more{background:transparent!important;box-shadow:none!important;border:0!important;color:#9a76ff!important}
body.pc-isle-page main>section .isle-page h1,body.pc-isle-page main>section .isle-page h2{text-shadow:none!important}
@media(max-width:1000px) and (min-width:768px){.isle-page{margin:0 8px}.isle-dashboard{grid-template-columns:1.2fr 1fr}.isle-column{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.isle-actions{width:48%}.isle-state{width:14%}.isle-tagline{width:49%}}
@media(max-width:767px){.isle-page{zoom:1;padding:0 0 16px}.isle-hero{min-height:285px;aspect-ratio:auto!important}.isle-hero-image{background-size:auto 320px;background-position:43% -5px;mask-image:linear-gradient(#000 0%,#000 50%,transparent 77%)}.isle-brand{left:17px;top:70px;width:225px}.isle-state{right:10px;top:10px;width:100px}.isle-tagline{left:14px;top:172px;width:calc(100% - 28px);font-size:8px;min-height:32px;letter-spacing:1.5px;background:#050b10}.isle-actions{left:11px;bottom:12px;width:calc(100% - 22px);padding:0;background:#050b10;gap:10px}.isle-actions .isle-button{font-size:11px;padding:10px 8px;gap:7px}.isle-metrics{grid-template-columns:1fr 1fr;gap:8px}.isle-metric{min-height:78px;gap:10px}.isle-label{font-size:10px}.isle-metric strong{font-size:18px}.isle-metric .isle-restart{font-size:13px}.isle-dashboard{grid-template-columns:1fr;gap:9px}.isle-column{display:flex}.isle-panel h2{font-size:12px}.isle-panel h2>span{font-size:10px}.isle-more{font-size:10px}.isle-description-text{font-size:13px;min-height:0}.isle-features li{font-size:10px}.isle-rules li{font-size:13px}.isle-rule-panel{min-height:230px;gap:8px}.isle-rules-button{font-size:12px}.isle-player-list li,.isle-player-list small{font-size:12px}.isle-species{font-size:10px}.isle-status-list{font-size:12px}.isle-status-panel header small{font-size:9px}.isle-promo p{font-size:9px}.isle-footer{flex-wrap:wrap;gap:12px}.isle-footer nav{gap:12px;font-size:10px}.isle-footer>span{margin-left:auto}.isle-extra{font-size:12px}}
@media(max-width:380px){.isle-actions .isle-button{font-size:10px}.isle-panel h2{font-size:11px}.isle-more{font-size:9px}.isle-metric{padding:9px}.isle-metric>svg{width:25px;height:25px}}
body.pc-isle-page main>section .isle-page .isle-panel{background:linear-gradient(125deg,#080c1c,#060b16)!important}
.isle-promo p{height:30%;padding:5px 8px 3px;background:#03080eef;font-size:7px}
@media(max-width:767px){.isle-hero.is-reference .isle-hero-image{height:200px;background-size:auto 650px;background-position:55% -10px;clip-path:polygon(40% 0,100% 0,100% 100%,40% 100%)}.isle-promo p{font-size:9px}}
@media(max-width:767px){.isle-hero.is-reference .isle-hero-image{background-position:65% -10px;clip-path:none;mask-image:linear-gradient(90deg,transparent 0%,transparent 25%,#000 60%),linear-gradient(0deg,transparent 0%,#000 35%);mask-composite:intersect}}