/* PLAY MMO / ASTRAL GATE v0.4 — original design system */
:root{color-scheme:dark;--ink:#070d19;--ink-2:#0d1729;--surface:#101b2e;--surface-2:#16243a;--line:rgba(142,179,205,.18);--line-strong:rgba(153,192,220,.34);--text:#f4f6fa;--muted:#a4b4c8;--gold:#f2bd72;--gold-light:#ffdda5;--cyan:#7bdde9;--danger:#ff9299;--radius:18px;--glow:0 24px 70px rgba(1,7,22,.45)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:#070d19;color:var(--text);font-family:Inter,'Segoe UI',Arial,sans-serif;font-size:15px;line-height:1.55}body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 82% -5%,rgba(19,100,134,.23),transparent 38%),radial-gradient(ellipse at 7% 12%,rgba(71,56,119,.16),transparent 36%),linear-gradient(145deg,#060b14,#0b1425 64%,#060d18)}.ambient-sky{pointer-events:none;position:absolute;top:0;left:0;right:0;height:900px;z-index:-1;opacity:.65;background-image:radial-gradient(1px 1px at 8% 13%,#b9e6fd 90%,transparent),radial-gradient(1px 1px at 22% 63%,#b9e6fd 90%,transparent),radial-gradient(1px 1px at 47% 22%,#fce0b2 90%,transparent),radial-gradient(2px 2px at 82% 15%,#fff 90%,transparent),radial-gradient(1px 1px at 92% 68%,#f6e0bd 90%,transparent);background-size:370px 320px}
a{color:#b2e8f6;text-decoration:none}a:hover{color:#fff}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.wrap{max-width:1510px;padding:0 32px;margin:0 auto}.skip-link{position:absolute;top:-90px;left:16px;background:var(--gold);color:#07121e;padding:12px;z-index:1000}.skip-link:focus{top:12px}.site-header{position:sticky;top:0;z-index:50;backdrop-filter:blur(20px);background:rgba(6,13,25,.87);border-bottom:1px solid rgba(165,209,238,.13)}.site-header:after{content:'';position:absolute;bottom:-1px;height:1px;left:16%;right:16%;background:linear-gradient(90deg,transparent,rgba(231,176,103,.38),transparent)}.header{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:12px;color:#f3f6fc;font-size:24px;font-weight:900;line-height:1;letter-spacing:.08em;white-space:nowrap}.brand:hover{text-decoration:none}.brand-mark{display:grid;place-items:center;width:46px;height:46px;color:var(--gold-light);font-size:27px;background:radial-gradient(circle at 50% 50%,#2b4d65,#152539 65%,#10182a);border:1px solid #c6a77970;border-radius:13px;box-shadow:0 0 27px #67c4ce24,inset 0 0 0 3px #fff1}.brand-highlight{color:var(--gold)}.brand small{display:block;font-size:8px;letter-spacing:.24em;font-weight:650;color:#8da6bd;margin-top:10px}.header nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.header nav a{font-size:12px;font-weight:700;color:#bed0dd;padding:10px 12px;border-radius:10px;white-space:nowrap}.header nav a:hover{background:#ffffff0a;color:white;text-decoration:none}.header nav .nav-cta{background:linear-gradient(115deg,#edc98f,#c99552);color:#182134;box-shadow:0 4px 25px #eba85920;margin-left:9px}.header nav .nav-cta:hover{color:#111926}.main-content{padding-top:26px}h1,h2,h3,h4{line-height:1.16;letter-spacing:-.035em}h1{font-size:clamp(34px,4vw,58px)}h2{font-size:clamp(24px,2.3vw,36px)}h3{font-size:19px}h1,h2,h3{margin:0 0 16px}p{margin:0 0 16px}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow{font-size:10px;color:var(--gold);font-weight:900;letter-spacing:.23em}.live-dot{display:inline-block;height:7px;width:7px;border-radius:50%;background:#80eecc;box-shadow:0 0 12px #80eecc;margin-right:10px;vertical-align:middle}.btn,.action-primary{border:1px solid #ffe4ac99;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 19px;color:#111e2b;font-weight:850;font-size:13px;background:linear-gradient(120deg,#ffe0a2,#e1a95e);box-shadow:0 9px 35px #dba15c2e;transition:transform .2s,filter .2s}.btn:hover,.action-primary:hover{color:#0e1727;transform:translateY(-2px);filter:brightness(1.06);text-decoration:none}.btn-ghost{display:inline-flex;align-items:center;gap:8px;background:transparent;border:1px solid #8cc8d04a;color:#d5e6ee;border-radius:10px;padding:12px 17px;font-weight:800}.btn-ghost:hover{background:#ffffff0b}.clear{align-self:center;color:var(--muted);font-size:12px}.portal-hero{position:relative;display:grid;grid-template-columns:1fr .8fr;min-height:510px;border:1px solid #82b2c24f;border-radius:23px;overflow:hidden;background:linear-gradient(107deg,rgba(8,26,43,.99) 0%,rgba(13,28,49,.98) 51%,rgba(14,30,49,.66) 100%),radial-gradient(ellipse at 70% 52%,rgba(42,176,180,.25),transparent 63%);box-shadow:var(--glow)}.portal-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(140deg,rgba(255,255,255,.05),transparent 25%),url('/assets/astral-grid.svg') right center/auto 100% no-repeat;pointer-events:none}.portal-hero:after{content:'';position:absolute;left:5%;right:5%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.6}.hero-copy{padding:76px clamp(35px,5vw,85px);position:relative;z-index:2;max-width:790px}.portal-hero h1{font-size:clamp(44px,5vw,82px);margin:22px 0 23px;letter-spacing:-.06em;line-height:1.05;font-weight:850}.portal-hero h1 em{font-style:normal;background:linear-gradient(115deg,#f0c37f,#fff0bc 54%,#78e9e8);background-clip:text;color:transparent}.portal-hero p{font-size:16px;line-height:1.75;color:#b9d0dc;max-width:550px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:31px}.hero-metrics{border-top:1px solid #acdde532;display:flex;gap:36px;margin-top:43px;padding-top:24px}.hero-metrics span{display:flex;flex-direction:column;gap:0}.hero-metrics b{font-size:27px;color:#eaf6f9}.hero-metrics small{font-size:10px;color:#9eb4c8;letter-spacing:.05em}.portal-art{position:relative;min-height:480px;overflow:hidden;isolation:isolate}.portal-art:before{content:'';position:absolute;inset:8% 0 0 -10%;background:radial-gradient(ellipse at 56% 49%,#68dfe42b 0,transparent 38%),radial-gradient(ellipse at 50% 70%,#d8a56428,transparent 43%)}.ring{position:absolute;top:50%;left:50%;border:2px solid rgba(112,223,231,.54);transform:translate(-50%,-50%) rotate(-24deg);border-radius:50%;box-shadow:0 0 43px #36d5df50,inset 0 0 30px #2bd4de22}.ring-a{width:435px;height:435px;background:conic-gradient(from 20deg,transparent 0deg,#91ffff22 50deg,transparent 64deg,transparent 170deg,#f5c98f25 200deg,transparent 235deg)}.ring-b{width:348px;height:348px;border:13px double #72dbdd78;box-shadow:0 0 20px #7ae5e380,0 0 130px #6bdddc30;transform:translate(-50%,-50%) rotate(36deg)}.ring-c{width:280px;height:280px;border:1px dashed #f7d59caa;transform:translate(-50%,-50%) rotate(55deg)}.portal-core{position:absolute;top:50%;left:50%;width:235px;height:235px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 48% 40%,#d9fefa,#65cbd6 10%,#207a8e 25%,#113b5e 43%,#0a1933 65%,#05111e 71%);box-shadow:0 0 70px #61e3eb6c,inset 0 0 38px #b7ffff54}.portal-core:after{content:'✦';position:absolute;inset:0;display:grid;place-items:center;font-size:115px;color:#f6d69e;text-shadow:0 0 38px #e0b877}.portal-label{position:absolute;bottom:55px;right:20%;font:700 10px monospace;letter-spacing:.24em;color:#82d9e3}.section-bar{display:flex;align-items:end;justify-content:space-between;gap:22px;margin:52px 0 23px}.section-bar h2{margin:7px 0}.section-bar p{font-size:13px;margin:0}.section-bar>a{font-size:12px;color:var(--gold-light);font-weight:800}.count-pill{display:inline-block;vertical-align:middle;padding:5px 12px;border-radius:100px;font-size:13px;color:var(--cyan);border:1px solid #80c9cf66;letter-spacing:0}.discovery-bar,.filters{display:flex;align-items:end;gap:13px;flex-wrap:wrap;background:linear-gradient(135deg,#142336,#0d1728);border:1px solid var(--line-strong);padding:21px;border-radius:16px}.discovery-bar label{flex:1 1 135px;min-width:120px}.discovery-bar label:first-child{flex:1.8 1 200px}label{display:block;font-size:12px;font-weight:800;color:#c3d4e3}.discovery-bar label,.filters label{font-size:10px;color:#9fb8cb;text-transform:uppercase;letter-spacing:.09em}input,select,textarea{width:100%;padding:12px 13px;margin-top:8px;border:1px solid #3d5870;color:#eaf6fd;border-radius:9px;background:#091626;min-width:0}input::placeholder,textarea::placeholder{color:#8092a9}input[type=checkbox]{width:auto;accent-color:var(--gold);margin:0}select{appearance:auto}.discovery-bar .btn{min-height:45px}.realm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.spotlight-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.realm-card{min-width:0;position:relative;display:flex;flex-direction:column;border:1px solid rgba(125,169,198,.28);background:linear-gradient(140deg,#152338,#0d192a);border-radius:16px;overflow:hidden;transition:transform .25s,border .25s,box-shadow .25s}.realm-card:hover{transform:translateY(-6px);border-color:#9be9e38c;box-shadow:0 18px 46px #0007}.realm-featured{border-color:#d6af7773;box-shadow:inset 0 0 25px #b9843c0d,0 0 32px #daa9670d}.realm-featured:hover{border-color:var(--gold)}.realm-visual{position:relative;display:block;height:150px;overflow:hidden;background:#0e2a38}.realm-cover{position:relative;overflow:hidden;width:100%;height:100%;background:radial-gradient(circle at 72% 44%,rgba(245,189,116,.36),transparent 15%),radial-gradient(ellipse at 50% 60%,rgba(88,207,204,.32),transparent 42%),linear-gradient(138deg,#1c3350,#132637 42%,#162b36 75%,#322b39);isolation:isolate}.realm-cover:before{content:'';position:absolute;z-index:1;inset:0;opacity:.65;background:repeating-radial-gradient(ellipse at 72% 66%,transparent 0 34px,#b1e8e819 35px 36px,transparent 37px 65px)}.realm-cover:after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,#09182a 0,transparent 45%)}.realm-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}.realm-card:hover .realm-cover img{transform:scale(1.05)}.cover-sig{position:absolute;z-index:1;right:12%;top:13%;font-size:118px;color:#d8fff8aa;line-height:1;text-shadow:0 0 36px #5de9ef}.realm-cover:has(img) .cover-sig{display:none}.visual-flags{position:absolute;z-index:2;top:13px;left:13px;display:flex;flex-wrap:wrap;gap:6px}.flag{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;font-size:9px;line-height:1;font-weight:900;letter-spacing:.075em;border-radius:6px;color:#0e2331}.flag-vip{background:linear-gradient(100deg,#ffe6b5,#dab16e)}.flag-hot{background:#ed9d9a;color:#321c2a}.flag-bonus{background:#69dedb;color:#082a30}.realm-body{display:flex;flex-direction:column;flex:1;padding:18px}.realm-identity{display:flex;align-items:center;gap:12px;min-width:0}.realm-identity>div{min-width:0}.realm-logo,.realm-emblem{width:45px;height:45px;flex:0 0 45px;object-fit:cover;border-radius:10px;background:#1a3b50;border:1px solid #97d4dc66}.realm-emblem{display:grid;place-items:center;font-size:23px;color:var(--gold)}.realm-title{color:#f5f9fe;font-size:17px;line-height:1.15;font-weight:850;overflow-wrap:anywhere}.realm-identity p{color:#a4bbce;font-size:11px;margin:4px 0 0;overflow-wrap:anywhere;line-height:1.4}.realm-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:16px 0;margin:15px 0 0;border-top:1px solid #ffffff13}.realm-stats span{display:flex;flex-direction:column;gap:2px;min-width:0}.realm-stats small{font-size:10px;color:#90acc1}.realm-stats b{font-size:12px;color:#f3e1bd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.realm-actions{display:flex;align-items:center;gap:8px;margin-top:auto}.action-primary{flex:1;font-size:12px;padding:11px 12px;background:linear-gradient(110deg,#e0c08f,#c99a5e);justify-content:space-between}.icon-btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #57738a90;background:#132537;color:#e0f2fa;font-size:20px;border-radius:9px}.icon-btn:hover,.icon-btn[aria-pressed=true]{background:#22495e;border-color:var(--cyan);color:#fff}.subsection{margin-bottom:33px}.subsection h3{font-size:17px;font-weight:850;margin:0 0 18px;color:#d3e5f2}.section-spark{color:var(--gold);padding-right:8px}.cta-realm{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:44px;position:relative;overflow:hidden;border-radius:19px;border:1px solid #d8ad7966;background:linear-gradient(112deg,#2b2c36,#15283b 80%),radial-gradient(circle at right,#bca06a40,transparent 60%);margin:62px 0}.cta-realm:after{content:'✧';font-size:300px;position:absolute;right:12%;top:-120px;color:#e7cd8933;pointer-events:none}.cta-realm h2{font-size:30px;margin:12px 0}.cta-realm p{color:#bbc9d8;max-width:620px}.cta-realm .btn{flex-shrink:0;z-index:1}
/* Detail pages */
.breadcrumbs{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:#819bb0;margin:10px 0 22px}.breadcrumbs a{color:#aec5d5}.detail-shell{border:1px solid var(--line-strong);border-radius:18px;background:#121e31;overflow:hidden}.detail-banner{height:300px;position:relative}.detail-cover .cover-sig{font-size:240px;top:3%;right:23%}.detail-banner-caption{position:absolute;right:28px;bottom:22px;z-index:2;font:800 10px monospace;letter-spacing:.2em;color:#ecd4ab}.detail-intro{display:flex;align-items:center;gap:20px;padding:25px 31px}.detail-logo{width:85px;height:85px;border-radius:17px;object-fit:cover;border:1px solid #86c6cd66}.detail-logo-fallback{display:grid;place-items:center;background:#123e50;font-size:44px;color:var(--gold)}.detail-text{min-width:0;flex:1}.detail-text h1{font-size:34px;margin:6px 0}.detail-text p{color:#b2c6d6;margin:0}.rate{display:inline-flex;align-items:center;background:#f4bd7824;color:var(--gold-light);font-size:12px;padding:5px 9px;border:1px solid #dcb27b66;border-radius:8px;vertical-align:middle;white-space:nowrap}.detail-tools{display:flex;gap:10px}.detail-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:18px 0}.detail-stats>div{display:flex;flex-direction:column;gap:5px;background:#122033;border:1px solid var(--line);border-radius:12px;padding:18px}.detail-stats small{font-size:11px;color:#92aabb}.detail-stats strong{font-size:16px;overflow-wrap:anywhere}.detail-columns{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:19px;margin-top:22px}.panel{padding:23px;background:linear-gradient(140deg,rgba(20,34,54,.96),rgba(12,24,40,.99));border:1px solid var(--line);border-radius:15px;box-shadow:0 8px 35px #0002}.panel h2{font-size:21px;margin:12px 0 19px}.prose-panel h3{margin-top:29px}.readable{white-space:normal;line-height:1.85;color:#c5d3e0;overflow-wrap:anywhere}.feature-list{display:flex;flex-wrap:wrap;gap:8px}.feature-list span{font-size:12px;background:#1d3545;border:1px solid #66b4b250;border-radius:8px;padding:8px 12px;color:#dcf9f4}.quick-panel .launch-counter{font-size:26px;color:var(--gold-light);display:block;margin-bottom:11px}.quick-panel .btn{margin:17px 0}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gallery-grid a{height:200px;overflow:hidden;border-radius:12px;border:1px solid var(--line)}.gallery-grid img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.gallery-grid a:hover img{transform:scale(1.05)}
/* Calendar */
.calendar-hero{display:flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid #5bb9bb53;border-radius:18px;background:linear-gradient(130deg,#162c42,#102035),url('/assets/astral-grid.svg') right/cover;padding:45px;margin-bottom:18px}.calendar-hero h1{margin:12px 0}.calendar-hero p{max-width:640px;color:#b2cbdd}.calendar-month{display:flex;align-items:center;gap:16px;font-size:18px;white-space:nowrap}.calendar-month a{display:grid;place-items:center;width:42px;height:42px;border:1px solid #78c9ca75;border-radius:12px;background:#183348}.month-switch{display:flex;align-items:end;gap:13px;margin-bottom:15px;flex-wrap:wrap}.month-switch label{min-width:225px}.month-switch span{margin-left:auto;font-size:12px}.stellar-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;padding:18px;background:linear-gradient(145deg,#111e31,#0d1727);border-radius:17px;border:1px solid var(--line)}.stellar-weekday{text-align:center;padding:13px;color:#afc0d2;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.stellar-blank{min-height:100px}.stellar-day{min-width:0;min-height:107px;display:flex;flex-direction:column;justify-content:space-between;text-align:left;padding:13px;border:1px solid #3c55704d;background:#102034;color:#9cadc2;border-radius:12px;transition:.2s}.stellar-day:hover,.stellar-day.is-selected{border-color:var(--gold);background:#213448;color:#fff;transform:translateY(-2px)}.stellar-day>span{font-size:18px;font-weight:800}.stellar-day>b{align-self:end;font-size:11px;color:#ffdaa1;background:#efb97420;padding:5px 7px;border-radius:9px}.stellar-day>small{align-self:end;color:#536e80}.stellar-day.has-realms{background:radial-gradient(circle at 70% 80%,#367b8740,transparent 60%),#142b3e;border-color:#63b9bb88}.stellar-day.is-today>span{color:#78e9e6}.timeline-list{border-left:1px solid #5e9caa77;margin:0 0 30px 30px}.timeline-item{display:flex;align-items:center;gap:18px;position:relative;background:#111e30;border:1px solid #354c6080;border-radius:12px;padding:21px;margin:0 0 15px 22px}.timeline-time{font-size:12px;color:var(--gold);white-space:nowrap}.timeline-orb{position:absolute;left:-34px;top:calc(50% - 10px);color:#95e1dc;font-size:22px;background:#0a1525}.timeline-item>div{flex:1}.timeline-item>div>a{font-weight:850;color:white}.timeline-item p{font-size:12px;color:#93acbf;margin:4px 0 0}.timeline-view{font-size:12px;color:var(--gold)}
/* Shared forms / admin / legacy */
.section-top{margin:26px 0}.section-top h1{margin-top:11px}.form{width:100%;max-width:750px}.form label{display:block;margin:14px 0}.form h2{font-size:21px}.form button{margin-top:15px}.form-section{border-top:1px solid var(--line);padding-top:26px;margin-top:23px}.form-section h2{margin:10px 0}.filters{margin:20px 0}.filters label{flex:1;min-width:110px}.check-label{display:flex!important;gap:10px;align-items:center}.hp{position:absolute!important;left:-10000px!important;top:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.notice-ok{border:1px solid #66d9b955;background:#1b473933;border-radius:10px;padding:14px;color:#abf6d7}.error{padding:13px 15px;background:#4f1b2f;border:1px solid #e2687470;border-radius:11px;color:#ffd0d0}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.cards .panel{min-width:0}.columns{display:grid;grid-template-columns:230px minmax(0,1fr) 230px;gap:17px}.columns .panel{margin-bottom:15px}.server{display:flex;align-items:center;gap:13px;padding:12px 8px;border-bottom:1px solid var(--line)}.server-glyph{font-size:18px;color:var(--gold)}.server-main{flex:1}.server-name{font-weight:800}.server .date{white-space:nowrap;font-size:12px;color:var(--muted)}.tag{font-size:11px;color:var(--gold)}.ad-banner{display:block;max-width:100%;height:auto;border-radius:10px;margin:9px 0}.tag-directory{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.tag-tile{position:relative;display:flex;flex-direction:column;gap:10px;min-height:175px;background:linear-gradient(135deg,#1a3244,#111d30);border:1px solid var(--line-strong);padding:22px;border-radius:15px;transition:transform .2s}.tag-tile:hover{text-decoration:none;transform:translateY(-4px);border-color:var(--gold)}.tag-tile strong{color:#f1f8fb;font-size:19px}.tag-orbit{font-size:25px;color:var(--gold)}.tag-arrow{position:absolute;top:18px;right:22px;color:var(--cyan)}.seo-intro{margin:20px 0;line-height:1.9}.seo-admin-grid{display:grid;grid-template-columns:minmax(310px,450px) 1fr;gap:18px}.inline-form{display:inline}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:580px}td,th{padding:13px 12px;border-bottom:1px solid var(--line);text-align:left}th{color:var(--gold);font-size:12px}.linkbutton{background:transparent;border:0;color:#ffb7ac;padding:7px}.empty-state{padding:35px;text-align:center}.empty-state h3{font-size:25px}.site-footer{margin-top:95px;background:#060d19;border-top:1px solid #6e9eb02c}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-top:50px;padding-bottom:50px}.footer-inner .brand{font-size:19px}.footer-inner .brand-mark{height:32px;width:32px;font-size:19px}.footer-inner p{color:#7f98ae;font-size:12px;margin-top:12px}.footer-inner>span{font-size:12px;color:#758da0}.footer-nav{display:flex;gap:20px;flex-wrap:wrap;font-size:12px}.compare-dock{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:80;display:flex;align-items:center;gap:14px;border:1px solid var(--gold);border-radius:13px;background:#10253a;padding:10px 14px;box-shadow:0 12px 55px #000b}.compare-dock[hidden], [hidden]{display:none!important}.compare-dock .btn,.compare-dock .btn-ghost{padding:8px 12px}.compare-dialog{position:fixed;border:1px solid var(--line-strong);border-radius:17px;background:#0c1a2d;color:var(--text);width:min(780px,94vw);max-height:85vh;box-shadow:0 30px 90px #000c}.compare-dialog::backdrop{background:#020715c9;backdrop-filter:blur(5px)}.compare-dialog-body{padding:18px}.modal-top{display:flex;align-items:center;justify-content:space-between}.modal-top h2{font-size:24px}.compare-table a{font-weight:750}.compare-table th{white-space:nowrap}.is-admin .header{min-height:97px}.is-admin .header nav{gap:1px}.is-admin .header nav a{padding:7px 9px;font-size:11px}
@media(max-width:1240px){.wrap{padding:0 22px}.header{flex-wrap:wrap;padding:14px 0}.header nav{flex:1 1 100%;justify-content:center}.portal-hero{grid-template-columns:1fr .7fr}.portal-art{transform:scale(.84)}.spotlight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.realm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.portal-hero{grid-template-columns:1fr;min-height:570px}.hero-copy{padding:46px;max-width:660px}.portal-art{position:absolute;opacity:.35;right:-210px;top:-20px;width:570px;height:570px;pointer-events:none}.portal-hero h1{font-size:57px}.hero-copy{position:relative;z-index:4}.hero-metrics{max-width:520px}.detail-columns{grid-template-columns:1fr}.calendar-hero{display:block}.calendar-month{margin-top:25px}.columns{grid-template-columns:1fr}.seo-admin-grid{grid-template-columns:1fr}}
@media(max-width:650px){.wrap{padding:0 14px}.header{align-items:flex-start}.brand{font-size:20px}.brand-mark{width:39px;height:39px}.header nav{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding:0 0 6px;scrollbar-width:thin}.header nav a{padding:9px;flex-shrink:0}.main-content{padding-top:15px}.portal-hero{min-height:490px;border-radius:15px}.portal-art{right:-290px;opacity:.29}.hero-copy{padding:33px 23px}.portal-hero h1{font-size:clamp(39px,10vw,52px)}.portal-hero p{font-size:14px}.hero-metrics{gap:16px;margin-top:26px}.hero-metrics b{font-size:22px}.hero-metrics small{font-size:9px}.hero-actions{gap:8px}.hero-actions .btn,.hero-actions .btn-ghost{font-size:12px;padding:11px}.section-bar{margin:36px 0 18px;align-items:start}.section-bar h2{font-size:23px}.section-bar>a{max-width:120px;text-align:right}.discovery-bar{gap:10px;padding:14px}.discovery-bar label{flex:1 1 40%!important}.discovery-bar label:first-child{flex:1 1 100%!important}.realm-grid,.spotlight-grid,.tag-directory{grid-template-columns:1fr}.realm-visual{height:180px}.cta-realm{padding:30px 24px;display:block}.cta-realm .btn{margin-top:15px}.detail-banner{height:190px}.detail-intro{flex-wrap:wrap;padding:21px}.detail-text h1{font-size:25px}.detail-tools{width:100%}.detail-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.detail-stats>div{padding:13px}.gallery-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid a{height:150px}.calendar-hero{padding:28px 19px}.calendar-hero h1{font-size:33px}.stellar-calendar{padding:6px;gap:3px}.stellar-weekday{font-size:9px;padding:6px 0}.stellar-day,.stellar-blank{min-height:60px}.stellar-day{padding:5px;border-radius:6px}.stellar-day>span{font-size:12px}.stellar-day>b{font-size:8px;padding:2px}.month-switch span{margin-left:0}.timeline-item{display:block;padding:15px}.timeline-item>div{margin:8px 0}.timeline-time{font-size:11px}.timeline-view{display:block}.footer-inner{flex-direction:column;align-items:flex-start}.compare-dock{bottom:8px;width:calc(100% - 16px);justify-content:space-between;gap:4px;font-size:12px}.compare-dock .btn,.compare-dock .btn-ghost{font-size:11px;padding:8px}}
@media(prefers-reduced-motion:reduce){*,*:after,*:before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.linked-tags{margin-top:36px;padding:24px;background:#101f32;border:1px solid var(--line);border-radius:14px}.linked-tags h3{margin:9px 0 17px}.linked-tags .feature-list a{background:#19364a;border:1px solid #72bfb864;border-radius:8px;padding:9px 12px;font-size:12px;color:#c8eee8}.linked-tags .feature-list a:hover{border-color:var(--gold)}

.catalog-pagination{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:36px 0}.catalog-pagination a{min-width:41px;height:41px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:8px;background:#15283e;font-weight:800}.catalog-pagination a.selected{color:#182233;background:var(--gold);border-color:var(--gold)}

.ads-showcase{margin:27px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:15px}.ad-frame{padding:13px;border:1px solid var(--line);border-radius:13px;background:#121e30;min-width:0}.ad-frame small{font-size:9px;letter-spacing:.13em;color:#95aec3}.ad-frame a{display:block}.ad-frame .ad-banner{max-height:250px;width:100%;object-fit:contain}

/* Play MMO homepage refresh: two-column launch board + premium VIP actions */
.header nav .vip-nav{position:relative;display:inline-flex;align-items:center;gap:7px;margin:0 4px;padding:10px 14px;color:#fff1c9;border:1px solid #e9c36d99;border-radius:10px;background:linear-gradient(115deg,#4a2d68 0%,#28203f 48%,#3b2b38 100%);box-shadow:0 0 0 1px #ffe3a015 inset,0 5px 24px #b17cdd20;font-weight:900;overflow:hidden}
.header nav .vip-nav:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 20%,#fff4d51c 48%,transparent 72%);transform:translateX(-110%);transition:transform .45s}
.header nav .vip-nav:hover{color:#fff;border-color:#ffe3a8;box-shadow:0 0 24px #e5bb5b32,0 5px 24px #b17cdd24;text-decoration:none}
.header nav .vip-nav:hover:before{transform:translateX(110%)}
.launch-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:22px;margin:2px 0 46px}
.launch-column{min-width:0;overflow:hidden;border:1px solid #74cbd447;border-radius:19px;background:linear-gradient(145deg,#11273a 0%,#0c1828 65%,#12182b 100%);box-shadow:0 16px 48px #0002}
.launch-upcoming{border-top:2px solid #73e1dc}
.launch-opened{border-top:2px solid #d5b278}
.launch-column-head{min-height:174px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:23px 22px 20px;border-bottom:1px solid #9fc8d01c;background:radial-gradient(ellipse at 8% 0%,#61d8d91b,transparent 65%)}
.launch-opened .launch-column-head{background:radial-gradient(ellipse at 95% 0%,#d5ac711c,transparent 65%)}
.launch-column-head>div{min-width:0}
.launch-column-head h1,.launch-column-head h2{font-size:clamp(24px,2.2vw,34px);line-height:1.12;margin:10px 0 9px;letter-spacing:-.045em;color:#f4f8fb}
.launch-column-head p{font-size:12px;line-height:1.6;color:#a8bdcd;margin:0 0 13px;max-width:320px}
.launch-column-head .eyebrow{font-size:9px;letter-spacing:.12em;line-height:1.5}
.opened-dot{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#f3c981;box-shadow:0 0 12px #f3c981;vertical-align:middle}
.launch-count{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border:1px solid #74d8d54d;border-radius:999px;background:#64d6d40e;color:#91efdf;font-size:13px;font-weight:900}
.launch-count small{font-size:10px;color:#9db8c9;font-weight:700}
.launch-count-open{color:#f1d4a0;border-color:#d5b27854;background:#d5b2780e}
.opened-emblem{display:grid;place-items:center;flex:0 0 55px;width:55px;height:55px;border-radius:17px;border:1px solid #d5b27868;background:radial-gradient(circle,#d5b27824,transparent 72%);font-size:34px;color:#f3d8a2;text-shadow:0 0 22px #d9ad64a1}
.vip-button{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:10px;flex:0 0 auto;max-width:225px;min-height:58px;padding:10px 13px;border:1px solid #f4d391bd;border-radius:13px;background:linear-gradient(125deg,#49315d 0%,#2a203e 48%,#3f2b35 100%);color:#fff1c9;box-shadow:0 0 0 1px #fff2d012 inset,0 7px 24px #b88bd324;transition:transform .2s,border-color .2s,box-shadow .2s;overflow:hidden}
.vip-button:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 12%,#ffe9bc22 48%,transparent 78%);transform:translateX(-130%);transition:transform .5s}
.vip-button:hover{transform:translateY(-2px);border-color:#fff0bb;box-shadow:0 0 25px #d7ae6338,0 10px 28px #0004;color:#fff;text-decoration:none}
.vip-button:hover:before{transform:translateX(130%)}
.vip-button-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,#ffe4a0,#c38a47);color:#2b1d35;font-size:21px;box-shadow:0 0 17px #f0c77930}
.vip-button>span:nth-child(2){display:flex;flex-direction:column;gap:3px;min-width:0}
.vip-button strong{font-size:11px;font-weight:950;white-space:nowrap}
.vip-button small{font-size:9px;color:#d7c3df;white-space:nowrap}
.vip-button-arrow{font-size:16px;color:#ffdfa0;margin-left:auto}
.vip-button-large{max-width:none;min-width:245px;min-height:72px;padding:14px 17px}
.vip-button-large .vip-button-icon{width:42px;height:42px;flex-basis:42px;font-size:25px}
.vip-button-large strong{font-size:13px}
.vip-button-large small{font-size:10px}
.launch-column-list{display:grid;gap:12px;padding:14px}
.realm-card-compact{display:grid;grid-template-columns:128px minmax(0,1fr);min-width:0;min-height:176px;border-radius:13px;background:linear-gradient(135deg,#162a3c,#0d1928);}
.realm-card-compact .realm-visual{height:100%;min-height:176px;}
.realm-card-compact .realm-body{min-width:0;padding:13px;}
.realm-card-compact .realm-identity{gap:9px;align-items:flex-start}
.realm-card-compact .realm-logo,.realm-card-compact .realm-emblem{width:36px;height:36px;flex-basis:36px;border-radius:8px;font-size:19px}
.realm-card-compact .realm-title{font-size:15px}
.realm-card-compact .realm-identity p{font-size:10px;line-height:1.35}
.realm-card-compact .realm-stats{gap:5px;padding:10px 0;margin-top:10px}
.realm-card-compact .realm-stats small{font-size:9px}
.realm-card-compact .realm-stats b{font-size:11px}
.realm-card-compact .realm-actions{gap:5px;flex-wrap:wrap}
.realm-card-compact .action-primary,.realm-card-compact .action-vip{min-height:34px;padding:8px 9px;font-size:10px;gap:6px}
.realm-card-compact .icon-btn{width:34px;height:34px;font-size:17px;border-radius:8px}
.realm-featured.realm-card-compact{border-color:#e4c47c9c;box-shadow:0 0 22px #d8ad7920,inset 0 0 22px #f2d28b09}
.action-vip{flex:1;display:inline-flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;border:1px solid #ffe4a4;border-radius:10px;background:linear-gradient(112deg,#fff0b9 0%,#e9c16d 42%,#bd8b49 100%);color:#281b35;font-size:12px;font-weight:950;box-shadow:0 0 0 1px #fff8d133 inset,0 5px 20px #e0b5662e;transition:transform .2s,filter .2s,box-shadow .2s}
.action-vip:hover{color:#21172e;filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 0 24px #e6bd6a55;text-decoration:none}
.vip-text-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 13px;border:1px solid #e5c17a85;border-radius:10px;background:linear-gradient(120deg,#3d2b51,#25223b);color:#ffe7b0!important;font-weight:900;white-space:nowrap}
.vip-text-link:hover{border-color:#ffe4a4;box-shadow:0 0 20px #d9b46b29;text-decoration:none}
.launch-column-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 19px;border-top:1px solid #8dc2d21c;background:#0917266e}
.launch-column-foot a{font-size:11px;font-weight:850;color:#c8e8ee}
.launch-column-foot a:first-child{color:#f2d69c}
.launch-column-foot a:hover{color:#fff}
.launch-column-foot a span{padding-left:4px}
.launch-empty{min-height:200px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:22px;color:#b4c7d7}
.launch-empty>span{font-size:29px;color:#e7c98e;margin-bottom:12px}
.launch-empty strong{font-size:15px;color:#f3f7fb}
.launch-empty p{max-width:340px;margin:8px 0 13px;font-size:12px;line-height:1.7;color:#9fb3c5}
.launch-empty a{font-size:12px;font-weight:850;color:#f2d69c}
.discover-heading{margin-top:35px}
@media(max-width:1120px){.launch-column-head{align-items:flex-start;flex-direction:column;min-height:0}.launch-column-head .vip-button{align-self:flex-start}.realm-card-compact{grid-template-columns:110px minmax(0,1fr)}.realm-card-compact .realm-actions{gap:5px}}
@media(max-width:850px){.launch-columns{grid-template-columns:1fr;gap:17px;margin-bottom:36px}.launch-column-head{flex-direction:row;align-items:center}.launch-column-head .vip-button{align-self:center}.realm-card-compact{grid-template-columns:128px minmax(0,1fr)}}
@media(max-width:650px){.header nav .vip-nav{padding:9px 11px;margin:0 2px}.launch-columns{gap:14px;margin-bottom:30px}.launch-column-head{padding:19px 16px;gap:10px}.launch-column-head h1,.launch-column-head h2{font-size:25px}.launch-column-head p{font-size:11px}.launch-column-head .eyebrow{font-size:8px;letter-spacing:.08em}.launch-column-head .vip-button{max-width:150px;min-height:52px;padding:8px;gap:6px}.launch-column-head .vip-button-icon{width:28px;height:28px;flex-basis:28px;font-size:17px}.launch-column-head .vip-button strong{font-size:9px}.launch-column-head .vip-button small{font-size:8px}.launch-column-head .vip-button-arrow{font-size:13px}.opened-emblem{flex-basis:40px;width:40px;height:40px;font-size:25px}.launch-column-list{padding:9px;gap:9px}.realm-card-compact{grid-template-columns:98px minmax(0,1fr);min-height:190px}.realm-card-compact .realm-visual{min-height:190px}.realm-card-compact .realm-body{padding:10px}.realm-card-compact .realm-logo,.realm-card-compact .realm-emblem{width:31px;height:31px;flex-basis:31px}.realm-card-compact .realm-title{font-size:13px}.realm-card-compact .realm-identity p{font-size:9px}.realm-card-compact .realm-stats{gap:3px;padding:8px 0;margin-top:8px}.realm-card-compact .realm-stats small{font-size:8px}.realm-card-compact .realm-stats b{font-size:9px}.realm-card-compact .realm-actions{gap:4px}.realm-card-compact .action-primary,.realm-card-compact .action-vip{font-size:9px;padding:7px;min-height:31px}.realm-card-compact .icon-btn{width:29px;height:29px;font-size:15px}.launch-column-foot{padding:12px;gap:7px}.launch-column-foot a{font-size:10px}.vip-button-large{min-width:0;width:100%;margin-top:15px}.cta-realm .vip-button-large{max-width:100%}.discover-heading{margin-top:30px}.discover-heading .vip-text-link{font-size:10px;padding:9px;white-space:normal}}
@media(max-width:650px){.launch-upcoming .launch-column-head{align-items:flex-start;flex-direction:column}.launch-upcoming .launch-column-head .vip-button{max-width:190px}.launch-opened .launch-column-head{align-items:center;flex-direction:row}}
