@font-face {
  font-family:'Fredoka';
  src:url('./Fredoka-Medium.ttf') format('truetype');
  font-weight:500;
  font-style:normal;
  font-display:swap;
}

:root { --ink:#33255f; --ink-soft:#756d98; --cream:#f7f5ff; --paper:#ffffff; --sun:#b9e3ff; --leaf:#7657bd; --line:rgba(51,37,95,.16); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--cream); color:var(--ink); font-family:'Fredoka',ui-rounded,system-ui,sans-serif; }
body,body * { font-family:'Fredoka',ui-rounded,system-ui,sans-serif!important; }
a { color:inherit; text-decoration:none; }
.page-loader { position:fixed; z-index:9999; inset:0; display:grid; place-items:center; padding:24px; color:#f5efff; background:#130b25; }
.page-loader.is-done { opacity:0; visibility:hidden; pointer-events:none; transition:opacity .22s ease,visibility .22s ease; }
.page-loader>div { width:min(290px,100%); text-align:center; }.page-loader span { display:grid; place-items:center; width:76px; height:76px; margin:0 auto 20px; border:2px solid #00ffff; border-radius:22px; color:#00ffff; background:#281742; font-size:25px; transform:rotate(-4deg); }.page-loader strong { display:block; font-size:26px; letter-spacing:.03em; }.page-loader p { margin:8px 0 17px; color:#a99bc2; font-size:13px; }.page-loader i { display:block; overflow:hidden; height:5px; border-radius:999px; background:#2f1d4d; }.page-loader i::after { content:''; display:block; width:42%; height:100%; border-radius:inherit; background:#00ffff; animation:loader-slide 1s ease-in-out infinite alternate; }
@keyframes loader-slide { to { transform:translateX(138%); } }
#mari-main { opacity:1; transform:translateY(0); transition:opacity .18s ease,transform .18s ease; }
.mari-route-transition #mari-main { opacity:0; transform:translateY(8px); }

.mari-private-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:24px}.mari-private-actions button,.mari-private-actions a{appearance:none;border:1px solid rgba(0,255,255,.42);border-radius:999px;background:#24153d;color:#f7f1ff;padding:13px 19px;font:inherit;font-size:16px;font-weight:900;letter-spacing:.045em;cursor:pointer;transition:transform .16s ease,background .16s ease,color .16s ease}.mari-private-actions button:hover,.mari-private-actions a:hover{transform:translateY(-2px);background:#00ffff;color:#081018}.mari-private-note{font-size:12px!important;line-height:1.55!important;margin:14px auto 0!important;max-width:520px!important;color:#bcaeda!important}
.mari-inbox-dialog{width:min(720px,calc(100% - 28px));max-height:min(88vh,850px);padding:0;border:0;border-radius:28px;background:#1c0f31;color:#f7f1ff;box-shadow:0 24px 90px rgba(0,0,0,.55);overflow:auto}.mari-inbox-dialog::backdrop{background:rgba(8,3,20,.78);backdrop-filter:blur(7px)}.mari-dialog-card{position:relative;padding:34px}.mari-dialog-close{position:absolute;top:18px;right:18px;width:42px;height:42px;border:1px solid #654293;border-radius:50%;background:#261541;color:#fff;font:inherit;font-size:25px;line-height:1;cursor:pointer}.mari-dialog-card .eyebrow{margin:0 54px 10px 0;color:#00dede;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.mari-dialog-card h2{margin:0;font-size:clamp(35px,7vw,58px);line-height:1}.mari-dialog-intro{color:#c6b8df;line-height:1.6;margin:15px 0 24px}.mari-dialog-card form{display:grid;gap:16px}.mari-dialog-card label{display:grid;gap:7px;color:#f7f1ff;font-size:13px;font-weight:900}.mari-dialog-card label small{color:#a795c7;font-size:11px;font-weight:500}.mari-dialog-card input,.mari-dialog-card select,.mari-dialog-card textarea{width:100%;box-sizing:border-box;border:1px solid #5a3b83;border-radius:13px;background:#130a25;color:#fff;padding:13px 14px;font:inherit;font-weight:500;outline:none}.mari-dialog-card textarea{resize:vertical;min-height:130px}.mari-dialog-card input:focus,.mari-dialog-card select:focus,.mari-dialog-card textarea:focus{border-color:#00dede;box-shadow:0 0 0 3px rgba(0,255,255,.12)}.mari-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mari-privacy-check{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:10px!important;padding:14px;border:1px solid #4a316d;border-radius:14px;background:#160c29;font-weight:500!important;line-height:1.5}.mari-privacy-check input{width:18px!important;height:18px;flex:0 0 auto;margin-top:2px;accent-color:#00dede}.mari-form-status{min-height:20px;margin:0;color:#c8b9e2;font-size:13px}.mari-form-status.success{color:#00e8cf}.mari-form-status.error{color:#ff9eb4}.mari-submit{border:0;justify-self:start}.mari-submit:disabled{opacity:.58;cursor:wait}.mari-dialog-footnote{margin:20px 0 0;padding-top:16px;border-top:1px solid #452d69;color:#9f90bd;font-size:12px;line-height:1.55}.mari-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media(max-width:640px){.mari-dialog-card{padding:28px 18px 22px}.mari-form-row{grid-template-columns:1fr}.mari-dialog-close{top:12px;right:12px}.mari-inbox-dialog{border-radius:22px}.mari-private-actions{display:grid}.mari-private-actions button,.mari-private-actions a{width:100%}}

/* Desktop gets its own comfortable type scale. Mobile rules below remain compact and tap friendly. */
@media (min-width:901px){
  .site-header{height:108px}.brand{font-size:18px}.brand i{font-size:16px}.main-nav{gap:42px;font-size:16px}.nav-cta{padding:14px 21px;font-size:15px}
  .server-quickbar{min-height:68px}.server-quickbar-title>span{font-size:13px}.server-player-count{font-size:14px}.server-quickbar nav a{min-width:82px;padding:11px 17px;font-size:14px}
  .fun-lede{font-size:21px}.hero-sticker{font-size:13px}.squishy-button{font-size:15px}.desktop-hub-heading p{font-size:16px}.desktop-hub-heading>span{font-size:17px}.desktop-hub-links b{font-size:21px}.desktop-hub-links small{font-size:14px}
  .about-bubble p,.sunnycraft-blurb,.join-the-chaos p{font-size:18px}.about-bubble span,.fun-heading>span,.fun-heading>a{font-size:15px}.watch-card p{font-size:19px}
  .site-footer{min-height:190px}.footer-brand strong{font-size:16px}.footer-brand p{margin-top:6px;font-size:15px;line-height:1.5}.site-footer nav{gap:34px;font-size:15px}.copyright{font-size:14px}
  .mari-private-actions button{font-size:14px;padding:14px 21px}.mari-private-note{font-size:14px!important}
  .mari-dialog-card label{font-size:15px}.mari-dialog-card label small{font-size:13px}.mari-dialog-intro{font-size:17px}.mari-dialog-footnote{font-size:14px}
}

/* Readable Fredoka scale for real people, not tiny dashboard text. */
@media (min-width:901px){
  body{font-size:17px;line-height:1.6}
  .server-quickbar-title>span,.server-player-count,.hero-socials,.hello-pill,.happy-ticker div,.desktop-hub-links small,.about-bubble span,.fun-heading>span,.fun-heading>a,.schedule-paused p,.schedule-paused>a,.sunnycraft-copy>p,.craft-island>span{font-size:14px}
  .desktop-hub-heading p,.about-title>p,.fun-heading p,.schedule-paused small,.server-endpoints strong,.craft-links a,.footer-brand p,.site-footer nav,.copyright{font-size:16px}
  .server-endpoints span,.server-endpoints em,.server-endpoints .copy-address,.watch-art i{font-size:13px}
  .fun-lede,.about-bubble p,.sunnycraft-blurb,.join-the-chaos>p{line-height:1.7}
  .live-card-top,.live-card-top b,.combined-addresses span,.combined-addresses small,.live-refresh-note{font-size:13px}
  .combined-addresses strong{font-size:17px}.live-player-total span,.map-toolbar>a{font-size:14px}
}
@media (max-width:900px){
  body{font-size:16px;line-height:1.65}
  .server-quickbar-title>span{font-size:11px}.server-player-count,.server-quickbar nav a{font-size:13px}
  .mobile-hub-intro>span,.mobile-hub-note{font-size:13px}.mobile-hub-intro p{font-size:16px}
  .mobile-hub-links b{font-size:16px}.mobile-hub-links b small{font-size:13px;line-height:1.45}.mobile-hub-links i{font-size:17px}
  .fun-lede,.about-bubble p,.schedule-paused small,.watch-card p,.sunnycraft-blurb,.join-the-chaos>p{font-size:16px;line-height:1.7}
  .fun-heading>span,.fun-heading>a,.about-bubble span,.schedule-paused>a,.craft-links a,.site-footer nav,.footer-brand p{font-size:14px}
  .mari-private-note{font-size:13px!important}.mari-dialog-card label{font-size:15px}.mari-dialog-card label small,.mari-dialog-footnote{font-size:13px}
}
.kodee-fab{display:none!important}

html,body{overflow-x:clip}
.header-actions{justify-self:end;display:flex;align-items:center;gap:10px}.nav-feedback{appearance:none;padding:12px 16px;border:1px solid #654792;border-radius:999px;color:#f5efff;background:#21143a;font:inherit;font-size:14px;font-weight:800;cursor:pointer;transition:border-color .18s ease,transform .18s ease}.nav-feedback:hover{border-color:#00ffff;transform:translateY(-1px)}
.server-quickbar nav button,.site-footer nav button{appearance:none;color:inherit;background:inherit;font:inherit;cursor:pointer}.server-quickbar nav button{min-width:110px;padding:9px 14px;border:1px solid #654792;border-radius:11px;color:#eee7f8;background:#21143a;font-size:12px;text-align:center;transition:border-color .18s ease,transform .18s ease}.server-quickbar nav button:hover{border-color:#00ffff;transform:translateY(-1px)}.site-footer nav button{padding:0;border:0;color:#b9add3;font-size:inherit;font-weight:700}.site-footer nav button:hover{color:#f5efff}
@media(min-width:901px){.nav-feedback{padding:14px 18px;font-size:15px}.server-quickbar nav button{padding:11px 17px;font-size:14px}.site-footer{grid-template-columns:minmax(210px,1fr) minmax(0,2fr) minmax(120px,1fr)}.site-footer nav{justify-content:center;flex-wrap:wrap;row-gap:14px}}
@media(max-width:620px){.site-header{height:auto;min-height:84px;padding-block:10px}.header-actions{gap:7px}.nav-feedback{padding:10px 12px;font-size:12px}.nav-cta{padding:10px 12px;font-size:12px}.server-quickbar nav{grid-template-columns:repeat(2,1fr)!important}.server-quickbar nav button{min-width:0;padding:9px 8px;font-size:13px}.site-footer nav button{font-size:14px}}

.nav-feedback{border-color:#00ffff;color:#081018;background:#00ffff;box-shadow:0 0 0 4px rgba(0,255,255,.08)}.nav-feedback:hover{border-color:#00ffff;color:#081018;background:#00e6e6}
.kodee-fab__open{display:none!important}
.shell { width:min(1180px,calc(100% - 48px)); margin-inline:auto; }
.sun-glow { position:fixed; z-index:-1; top:-300px; right:-240px; width:720px; height:720px; border-radius:50%; background:rgba(185,227,255,.3); }

.site-header { height:98px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; border-bottom:1px solid var(--line); }
.site-top { background:#130b25; }
.server-quickbar { min-height:58px; display:flex; align-items:center; justify-content:space-between; gap:24px; border-bottom:1px solid var(--line); }
.server-quickbar-title { display:flex; align-items:center; gap:16px; min-width:0; }
.server-quickbar-title>span { color:#c7b9df; font-size:11px; letter-spacing:.08em; white-space:nowrap; }
.server-player-count { display:inline-flex; align-items:center; gap:8px; color:#00ffff; font-size:12px; white-space:nowrap; }
.server-player-count i { width:8px; height:8px; border-radius:50%; background:#00ffff; box-shadow:0 0 0 4px rgba(0,255,255,.1); }
.server-player-count.offline { color:#b9add3; }.server-player-count.offline i { background:#9b8eaf; box-shadow:none; }
.server-quickbar nav { display:flex; align-items:center; gap:8px; }
.server-quickbar nav a { min-width:72px; padding:9px 14px; border:1px solid #654792; border-radius:11px; color:#eee7f8; background:#21143a; font-size:12px; text-align:center; transition:border-color .18s ease,transform .18s ease; }
.server-quickbar nav a:hover { border-color:#00ffff; transform:translateY(-1px); }
.brand { display:inline-flex; align-items:center; gap:11px; width:max-content; font-weight:900; letter-spacing:.08em; font-size:15px; }
.brand i { display:grid; place-items:center; width:24px; height:24px; border-radius:7px; color:var(--ink); background:var(--sun); font-style:normal; font-weight:950; transform:rotate(7deg); }
.brand-mark { display:grid; place-items:center; width:31px; height:31px; border:1px solid var(--ink); border-radius:50%; background:var(--sun); font-size:14px; }
.main-nav { display:flex; align-items:center; gap:34px; font-size:14px; font-weight:700; }
.main-nav a { padding-block:10px; transition:opacity .2s ease; }
.main-nav a:hover { opacity:.58; }
.nav-cta { justify-self:end; padding:12px 18px; border:1px solid var(--ink); border-radius:999px; font-size:13px; font-weight:800; transition:transform .2s ease,background .2s ease; }
.nav-cta:hover { transform:translateY(-2px); background:var(--paper); }
.header-actions { justify-self:end; display:flex; align-items:center; gap:16px; }
.mobile-nav { display:none; align-items:center; gap:12px; font-size:11px; font-weight:800; }

.hero { min-height:660px; display:grid; grid-template-columns:.94fr 1.06fr; align-items:center; gap:76px; padding-block:72px 62px; }
.hero-copy { padding-top:4px; }
.eyebrow { margin:0 0 22px; display:flex; align-items:center; gap:9px; color:var(--ink-soft); font-size:12px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.eyebrow span { width:7px; height:7px; border-radius:50%; background:#8d6bd4; box-shadow:0 0 0 4px rgba(185,227,255,.55); }
h1 { margin:0; font-family:Georgia,'Times New Roman',serif; font-size:clamp(54px,6.2vw,88px); line-height:.94; letter-spacing:-.055em; font-weight:500; }
.hero-lede { max-width:510px; margin:30px 0 0; color:var(--ink-soft); font-size:18px; line-height:1.65; }
.hero-actions { display:flex; flex-wrap:wrap; gap:13px; margin-top:35px; }
.button { min-height:52px; display:inline-flex; align-items:center; justify-content:center; gap:16px; padding:0 22px; border-radius:999px; font-size:14px; font-weight:800; transition:transform .2s ease,box-shadow .2s ease; }
.button:hover { transform:translateY(-2px); }
.button-primary { color:var(--cream); background:var(--ink); box-shadow:0 12px 30px rgba(51,37,95,.18); }
.button-quiet { border:1px solid var(--line); background:rgba(255,255,255,.32); }
.server-address { margin:20px 0 0; display:flex; align-items:center; gap:10px; color:var(--ink-soft); font-size:10px; letter-spacing:.14em; }
.server-address strong { margin-left:10px; color:var(--ink); font-size:12px; letter-spacing:.05em; }
.copy-address { appearance:none; padding:0; border:0; color:var(--ink); background:transparent; font:inherit; font-size:12px; font-weight:800; letter-spacing:.05em; cursor:pointer; }
.copy-address:hover { text-decoration:underline; text-underline-offset:4px; }

.world-card { overflow:hidden; min-width:0; border:1px solid var(--line); border-radius:30px; background:var(--paper); box-shadow:0 32px 80px rgba(51,37,95,.14); transform:rotate(1.2deg); }
.world-card-top,.world-card-bottom { display:flex; align-items:center; justify-content:space-between; padding:22px 24px; }
.season-tag,.status-pill { font-size:10px; font-weight:900; letter-spacing:.15em; }
.status-pill { display:flex; align-items:center; gap:7px; }
.status-pill i { display:block; width:7px; height:7px; border-radius:50%; background:#79bde8; box-shadow:0 0 0 4px rgba(121,189,232,.18); }
.landscape { position:relative; height:350px; overflow:hidden; background:#d8edff; }
.sun { position:absolute; width:92px; height:92px; top:46px; right:62px; border-radius:50%; background:var(--sun); box-shadow:0 0 0 18px rgba(185,227,255,.2); }
.cloud { position:absolute; height:16px; border-radius:999px; background:rgba(255,255,255,.72); }
.cloud::before,.cloud::after { content:''; position:absolute; bottom:0; border-radius:50%; background:inherit; }
.cloud::before { width:34px; height:34px; left:16px; }
.cloud::after { width:25px; height:25px; left:42px; }
.cloud-one { width:78px; top:83px; left:72px; }
.cloud-two { width:60px; top:145px; right:125px; transform:scale(.72); }
.hill { position:absolute; border-radius:50% 50% 0 0; }
.hill-back { width:540px; height:220px; left:-110px; bottom:-92px; background:#ad9cdb; transform:rotate(5deg); }
.hill-front { width:510px; height:190px; right:-140px; bottom:-80px; background:#7056ac; transform:rotate(-6deg); }
.river { position:absolute; width:155px; height:290px; left:48%; bottom:-172px; background:#a9dcfa; transform:rotate(28deg); border-radius:50% 40% 0 0; }
.tree { position:absolute; bottom:62px; width:14px; height:58px; border-radius:4px; background:#5f4d7a; }
.tree::before { content:''; position:absolute; width:54px; height:67px; left:-20px; top:-43px; border-radius:50% 50% 46% 54%; background:#684ca4; }
.tree-one { left:82px; transform:scale(1.1); }
.tree-two { left:180px; bottom:42px; transform:scale(.72); }
.tree-three { right:66px; bottom:50px; transform:scale(.9); }
.world-card-bottom { min-height:94px; }
.card-label { margin:0 0 4px; color:var(--ink-soft); font-size:9px; font-weight:900; letter-spacing:.16em; }
.world-card h2 { margin:0; font-family:Georgia,serif; font-size:24px; font-weight:500; }
.round-link { display:grid; place-items:center; width:43px; height:43px; border-radius:50%; color:var(--cream); background:var(--ink); font-size:18px; transition:transform .2s ease; }
.round-link:hover { transform:rotate(10deg) scale(1.05); }

.trust-strip { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.trust-strip>div { display:flex; gap:16px; padding:25px 22px; border-right:1px solid var(--line); }
.trust-strip>div:first-child { padding-left:0; }
.trust-strip>div:last-child { border-right:0; }
.trust-strip span { color:var(--ink-soft); font-family:Georgia,serif; font-size:12px; }
.trust-strip p { margin:0; color:var(--ink-soft); font-size:12px; line-height:1.5; }
.trust-strip strong { display:block; margin-bottom:2px; color:var(--ink); font-size:13px; }

.story-section { padding-block:150px 135px; }
.section-kicker { display:flex; justify-content:space-between; padding-bottom:20px; border-bottom:1px solid var(--line); color:var(--ink-soft); font-size:10px; font-weight:900; letter-spacing:.16em; }
.story-heading { display:grid; grid-template-columns:1fr 1fr; align-items:end; gap:80px; padding:52px 0 72px; }
.story-heading h2,.join-section h2,.subpage-hero h1,.map-heading h1 { margin:0; font-family:Georgia,'Times New Roman',serif; font-weight:500; letter-spacing:-.055em; }
.story-heading h2 { font-size:clamp(50px,6vw,78px); line-height:.98; }
.story-heading p { max-width:500px; margin:0 0 4px; color:var(--ink-soft); font-size:17px; line-height:1.75; }
.principles-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); }
.principles-grid article { min-height:280px; padding:34px 34px 30px 0; border-right:1px solid var(--line); }
.principles-grid article+article { padding-left:34px; }
.principles-grid article:last-child { border-right:0; }
.principle-icon { display:grid; place-items:center; width:48px; height:48px; margin-bottom:58px; border:1px solid var(--line); border-radius:50%; font-family:Georgia,serif; font-size:21px; }
.principles-grid h3 { margin:0 0 12px; font-family:Georgia,serif; font-size:23px; font-weight:500; }
.principles-grid p { max-width:300px; margin:0; color:var(--ink-soft); font-size:14px; line-height:1.7; }

.portal-section { padding-block:82px; background:#e6e4f5; }
.portal-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.portal-card { position:relative; min-height:330px; overflow:hidden; padding:38px; border-radius:24px; transition:transform .25s ease; }
.portal-card:hover { transform:translateY(-5px); }
.portal-card h2 { max-width:330px; margin:12px 0 25px; font-family:Georgia,serif; font-size:42px; line-height:1.04; font-weight:500; letter-spacing:-.04em; }
.portal-status { color:var(--cream); background:var(--ink); }
.portal-status .card-label { color:rgba(245,241,230,.62); }
.inline-status { display:inline-flex; align-items:center; gap:10px; padding:10px 14px; border:1px solid rgba(245,241,230,.18); border-radius:999px; font-size:11px; }
.inline-status i { width:7px; height:7px; border-radius:50%; background:#83c9f1; box-shadow:0 0 0 4px rgba(131,201,241,.16); }
.portal-arrow { position:absolute; right:34px; top:34px; display:grid; place-items:center; width:48px; height:48px; border:1px solid rgba(245,241,230,.24); border-radius:50%; font-size:19px; }
.portal-map { background:var(--sun); }
.text-link { font-size:13px; font-weight:800; }
.mini-map { position:absolute; right:-32px; bottom:-50px; width:300px; height:220px; border:1px solid rgba(51,37,95,.18); border-radius:47% 53% 44% 56%; background:#a998d4; transform:rotate(-10deg); }
.mini-map::before { content:''; position:absolute; inset:25px -30px 50px 90px; border-radius:50% 45% 55% 50%; background:#7357b3; }
.mini-map b { position:absolute; width:48px; height:250px; left:130px; top:-35px; border-radius:50%; background:#a9ddfb; transform:rotate(33deg); }
.mini-map i { position:absolute; z-index:2; width:12px; height:12px; border:3px solid var(--paper); border-radius:50%; background:var(--ink); }
.mini-map i:nth-child(1) { left:95px; top:74px; }.mini-map i:nth-child(2) { left:180px; top:102px; }.mini-map i:nth-child(3) { left:145px; top:150px; }

.join-section { padding-block:145px; text-align:center; }
.join-section .eyebrow { justify-content:center; }
.join-section h2 { font-size:clamp(58px,8vw,104px); }
.join-section>p:not(.eyebrow) { margin:24px auto 36px; color:var(--ink-soft); font-size:17px; }
.join-address { display:flex; justify-content:center; align-items:center; gap:18px; }
.join-address .copy-address { min-height:52px; padding:0 22px; border:1px solid var(--line); border-radius:999px; }

.site-footer { min-height:150px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:30px; border-top:1px solid var(--line); }
.footer-brand { display:flex; align-items:center; gap:12px; }
.footer-brand strong { font-size:12px; letter-spacing:.1em; }
.footer-brand p { margin:3px 0 0; color:var(--ink-soft); font-family:Georgia,serif; font-size:12px; }
.site-footer nav { display:flex; gap:28px; color:var(--ink-soft); font-size:12px; font-weight:700; }
.site-footer nav a:hover { color:var(--ink); }
.copyright { justify-self:end; margin:0; color:var(--ink-soft); font-size:11px; }

.back-link { display:inline-block; margin-bottom:55px; color:var(--ink-soft); font-size:12px; font-weight:800; }
.back-link:hover { color:var(--ink); }
.subpage-hero { padding-block:60px 75px; }
.status-hero-grid { display:grid; grid-template-columns:1fr .85fr; align-items:end; gap:80px; }
.subpage-hero h1,.map-heading h1 { font-size:clamp(64px,8vw,108px); line-height:.87; }
.operational-seal { display:flex; align-items:center; gap:20px; min-height:112px; padding:22px; border:1px solid var(--line); border-radius:22px; background:rgba(255,255,255,.36); }
.seal-sun { display:grid; place-items:center; flex:0 0 auto; width:66px; height:66px; border-radius:50%; background:var(--sun); font-size:30px; }
.operational-seal strong { display:block; margin-bottom:7px; font-family:Georgia,serif; font-size:22px; font-weight:500; }
.operational-seal p { margin:0; color:var(--ink-soft); font-size:12px; }
.status-content { padding-bottom:110px; }
.live-server-status { margin-top:10px; }
.live-status-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.live-status-grid article { min-width:0; padding:30px; border:1px solid var(--line); border-radius:22px; background:var(--paper); }
.live-status-grid .combined-status-card { grid-column:1 / -1; }
.live-card-top { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:24px; color:var(--ink-soft); font-size:10px; letter-spacing:.08em; }
.live-card-top b { display:flex; align-items:center; gap:7px; color:#a99dbb; font-size:10px; }.live-card-top b i { width:8px; height:8px; border-radius:50%; background:#81758f; }.live-card-top b.online { color:#00ffff; }.live-card-top b.online i { background:#00ffff; box-shadow:0 0 0 4px rgba(0,255,255,.1); }
.live-status-grid h2 { margin:0; overflow-wrap:anywhere; font-size:clamp(22px,3vw,34px); line-height:1.15!important; }.live-status-grid article>p { margin:8px 0 0; color:var(--ink-soft); font-size:12px; }
.live-player-total { display:flex; align-items:center; gap:13px; margin-block:28px 24px; }.live-player-total>strong { color:#00ffff; font-size:52px; line-height:1; }.live-player-total span { color:var(--ink-soft); font-size:12px; line-height:1.45; }
.live-status-grid .copy-address { min-height:42px; padding:0 14px; border:1px solid #654792; border-radius:11px; color:var(--ink); background:#2a1948; }
.combined-addresses { display:grid; grid-template-columns:1fr 1fr; gap:12px; }.combined-addresses>div { min-width:0; padding:18px; border:1px solid #553d7d; border-radius:16px; background:#21143a; }.combined-addresses span { display:block; margin-bottom:8px; color:#00ffff; font-size:10px; letter-spacing:.08em; }.combined-addresses strong { display:block; overflow-wrap:anywhere; font-size:15px; line-height:1.4; }.combined-addresses small { display:inline-block; margin:7px 0 12px; padding:4px 7px; border-radius:6px; color:#00ffff; background:#362258; font-size:10px; }.combined-addresses .copy-address { margin-top:12px; }.combined-addresses .status-copy-buttons .copy-address { margin-top:12px; }
.live-refresh-note { margin:14px 3px 0; color:var(--ink-soft); font-size:11px; }
.status-summary { display:grid; grid-template-columns:repeat(3,1fr); margin-bottom:18px; border:1px solid var(--line); border-radius:20px; background:var(--paper); }
.status-summary div { padding:28px 30px; border-right:1px solid var(--line); }
.status-summary div:last-child { border-right:0; }
.status-summary span { display:block; margin-bottom:12px; color:var(--ink-soft); font-size:9px; font-weight:900; letter-spacing:.16em; }
.status-summary strong { font-family:Georgia,serif; font-size:30px; font-weight:500; }
.systems-panel,.incident-panel { overflow:hidden; margin-top:18px; border:1px solid var(--line); border-radius:20px; background:var(--paper); }
.panel-heading { display:flex; align-items:center; justify-content:space-between; padding:32px 30px 26px; }
.panel-heading h2,.incident-panel h2,.place-card h2 { margin:5px 0 0; font-family:Georgia,serif; font-size:32px; font-weight:500; letter-spacing:-.03em; }
.status-key { display:flex; align-items:center; gap:8px; color:var(--ink-soft); font-size:11px; }
.status-key i { width:7px; height:7px; border-radius:50%; background:#79bde8; }
.system-row { display:grid; grid-template-columns:minmax(210px,1fr) minmax(270px,1.3fr) 70px; align-items:center; gap:25px; min-height:100px; padding:18px 30px; border-top:1px solid var(--line); }
.system-name { display:flex; align-items:center; gap:18px; }
.system-name>span { color:var(--ink-soft); font-family:Georgia,serif; font-size:11px; }
.system-name h3 { margin:0 0 5px; font-size:13px; }
.system-name p { margin:0; color:var(--ink-soft); font-size:11px; }
.uptime-track { display:flex; gap:3px; height:24px; }
.uptime-track i { flex:1; min-width:2px; border-radius:3px; background:#8ebee8; }
.uptime-track i.soft { background:#b695db; }
.uptime-number { justify-self:end; font-family:Georgia,serif; font-size:13px; font-weight:500; }
.incident-panel { display:grid; grid-template-columns:.55fr 1fr; align-items:center; gap:40px; padding:38px 30px; }
.no-incidents { display:flex; align-items:center; gap:18px; padding:20px; border:1px solid var(--line); border-radius:16px; }
.no-incidents>span { display:grid; place-items:center; width:40px; height:40px; border-radius:50%; color:var(--paper); background:#7759ba; }
.no-incidents p { margin:0; color:var(--ink-soft); font-size:12px; line-height:1.5; }
.no-incidents strong { display:block; color:var(--ink); font-size:13px; }

.map-page { background:#efedf9; }
.map-heading { display:grid; grid-template-columns:1fr .55fr; align-items:end; gap:80px; padding-block:58px 62px; }
.map-heading .back-link { margin-bottom:45px; }
.map-heading>p { max-width:470px; margin:0 0 5px; color:var(--ink-soft); font-size:15px; line-height:1.7; }
.map-wrap { padding-bottom:90px; }
.map-shell { overflow:hidden; border:1px solid var(--line); border-radius:24px; background:var(--paper); box-shadow:0 28px 80px rgba(51,37,95,.12); }
.map-toolbar { min-height:74px; display:flex; align-items:center; justify-content:space-between; padding:13px 20px 13px 25px; border-bottom:1px solid var(--line); }
.map-toolbar strong { font-family:Georgia,serif; font-size:16px; font-weight:500; }
.map-toolbar>a { padding:9px 13px; border:1px solid #654792; border-radius:10px; font-size:12px; }
.map-frame-wrap { position:relative; }
.pl3x-map-frame { display:block; width:100%; height:680px; border:0; background:#18102c; }
.map-loading { position:absolute; inset:0; display:grid; place-items:center; color:#00ffff; background:#18102c; font-size:14px; }
.map-offline-message { min-height:560px; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:45px 25px; text-align:center; background:#18102c; }.map-offline-message>span { display:grid; place-items:center; width:72px; height:72px; margin-bottom:22px; border:2px solid #7652aa; border-radius:20px; color:#00ffff; background:#281742; font-size:26px; transform:rotate(-4deg); }.map-offline-message h2 { margin:0; font-size:clamp(36px,5vw,66px); }.map-offline-message p { margin:17px 0 0; color:var(--ink-soft); font-size:15px; }
.map-placeholder { min-height:540px; display:grid; grid-template-columns:.85fr 1.15fr; align-items:center; gap:65px; padding:70px; background:#18102c; }
.map-placeholder>div:last-child p { margin:0 0 9px; color:#00ffff; font-size:11px; letter-spacing:.08em; }.map-placeholder h2 { max-width:520px; margin:0 0 18px; font-size:clamp(40px,5vw,70px); line-height:1.03!important; }.map-placeholder>div:last-child>span { display:block; max-width:450px; color:var(--ink-soft); font-size:16px; line-height:1.65; }
.placeholder-map-art { position:relative; aspect-ratio:1; display:grid; place-items:center; overflow:hidden; border:2px solid #684792; border-radius:38% 62% 47% 53%; background:#2b1949; transform:rotate(-4deg); }
.placeholder-map-art::before { content:''; position:absolute; inset:0; opacity:.26; background-image:linear-gradient(rgba(0,255,255,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,.25) 1px,transparent 1px); background-size:34px 34px; }.placeholder-map-art>span { position:relative; z-index:2; display:grid; place-items:center; width:88px; height:88px; border:3px solid #00ffff; border-radius:50%; color:#00ffff; background:#20123a; font-size:42px; }.placeholder-map-art i { position:absolute; width:17px; height:17px; border:3px solid #00ffff; border-radius:50%; }.placeholder-map-art i:nth-of-type(1) { left:23%; top:26%; }.placeholder-map-art i:nth-of-type(2) { right:20%; top:35%; }.placeholder-map-art i:nth-of-type(3) { left:38%; bottom:19%; }
.map-controls { display:flex; align-items:center; overflow:hidden; height:42px; border:1px solid var(--line); border-radius:999px; }
.map-controls button { width:42px; height:42px; border:0; background:transparent; color:var(--ink); font-size:20px; cursor:pointer; }
.map-controls button:hover { background:rgba(51,37,95,.07); }
.map-controls span { min-width:58px; text-align:center; color:var(--ink-soft); font-size:10px; font-weight:800; }
.map-viewport { position:relative; height:640px; overflow:hidden; background:#c8e7f8; }
.atlas { position:absolute; inset:-2%; overflow:hidden; background:#c1dff1; transform-origin:center; transition:transform .25s ease; }
.atlas-grid { position:absolute; inset:0; opacity:.16; background-image:linear-gradient(rgba(51,37,95,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(51,37,95,.35) 1px,transparent 1px); background-size:64px 64px; }
.continent { position:absolute; background:#a898d3; box-shadow:inset 0 0 0 2px rgba(51,37,95,.08),0 8px 25px rgba(51,37,95,.13); }
.continent-one { width:58%; height:67%; left:8%; top:15%; border-radius:43% 57% 47% 53%/55% 38% 62% 45%; transform:rotate(-8deg); }
.continent-two { width:38%; height:45%; right:5%; bottom:4%; border-radius:61% 39% 56% 44%/45% 56% 44% 55%; transform:rotate(12deg); background:#8975c4; }
.continent-three { width:25%; height:25%; right:11%; top:5%; border-radius:46% 54% 35% 65%; background:#bbace0; }
.map-river { position:absolute; width:4.5%; height:75%; border-radius:50%; background:#aee4ff; }
.river-one { left:48%; top:10%; transform:rotate(24deg); }
.river-two { width:3%; height:45%; left:63%; top:44%; transform:rotate(72deg); }
.mountain-range { position:absolute; left:53%; top:19%; width:200px; color:#665594; font:900 28px/1 Georgia,serif; letter-spacing:3px; transform:rotate(-8deg); }
.forest-cluster { position:absolute; color:#5a438e; font:21px/1.05 Georgia,serif; letter-spacing:2px; }
.forest-one { left:18%; top:22%; transform:rotate(-12deg); }.forest-two { right:15%; bottom:20%; }
.map-marker { position:absolute; z-index:3; display:flex; flex-direction:column; align-items:center; border:0; background:transparent; color:var(--ink); transform:translate(-50%,-50%); cursor:pointer; }
.map-marker span { display:grid; place-items:center; width:34px; height:34px; border:3px solid var(--paper); border-radius:50%; color:var(--paper); background:var(--ink); box-shadow:0 6px 16px rgba(51,37,95,.22); transition:transform .2s ease,background .2s ease; }
.map-marker b { margin-top:5px; padding:4px 7px; border-radius:6px; background:rgba(251,250,245,.82); font-size:9px; white-space:nowrap; }
.map-marker:hover span,.map-marker.selected span { transform:scale(1.15); background:#7c5cc0; }
.place-card { position:absolute; z-index:4; right:24px; top:24px; width:min(320px,calc(100% - 48px)); padding:28px; border:1px solid rgba(51,37,95,.15); border-radius:18px; background:rgba(255,255,255,.95); box-shadow:0 18px 50px rgba(51,37,95,.15); backdrop-filter:blur(12px); }
.place-card>button { position:absolute; right:17px; top:15px; border:0; background:transparent; color:var(--ink-soft); font-size:20px; cursor:pointer; }
.place-card>p:not(.card-label) { color:var(--ink-soft); font-size:12px; line-height:1.65; }
.coordinates { display:inline-block; margin-top:10px; padding:8px 11px; border-radius:8px; background:rgba(51,37,95,.07); font-family:monospace; font-size:10px; }
.map-legend { position:absolute; z-index:4; left:20px; bottom:20px; display:flex; gap:17px; padding:11px 14px; border:1px solid var(--line); border-radius:10px; background:rgba(255,255,255,.92); font-size:9px; font-weight:800; }
.map-legend span { display:flex; align-items:center; gap:5px; }.map-legend i { font-style:normal; }

/* Mari Sunny creator homepage */
.violet-glow { position:fixed; z-index:-1; border-radius:50%; filter:blur(3px); pointer-events:none; }
.glow-one { width:680px; height:680px; right:-270px; top:-300px; background:rgba(185,227,255,.38); }
.glow-two { width:520px; height:520px; left:-330px; top:520px; background:rgba(167,139,220,.2); }
.creator-hero { min-height:720px; display:grid; grid-template-columns:.95fr 1.05fr; align-items:center; gap:70px; padding-block:72px 75px; }
.creator-copy h1 { font-size:clamp(58px,6.5vw,94px); line-height:1.01; letter-spacing:-.018em; }
.creator-copy h1 em { color:#8062c5; font-weight:500; }
.social-proof { display:flex; align-items:center; gap:22px; margin-top:34px; color:var(--ink-soft); font-size:10px; font-weight:800; letter-spacing:.08em; }
.social-proof>span { font-size:8px; letter-spacing:.17em; }
.social-proof a { color:var(--ink); }
.creator-stage { position:relative; height:560px; overflow:hidden; border:1px solid var(--line); border-radius:34px; background:linear-gradient(145deg,#d9efff 0%,#c8b9ec 49%,#8062c5 100%); box-shadow:0 38px 90px rgba(51,37,95,.2); transform:rotate(1deg); }
.stage-grid { position:absolute; inset:0; opacity:.17; background-image:linear-gradient(rgba(51,37,95,.38) 1px,transparent 1px),linear-gradient(90deg,rgba(51,37,95,.38) 1px,transparent 1px); background-size:46px 46px; }
.stage-orbit { position:absolute; border:1px solid rgba(255,255,255,.55); border-radius:50%; }
.orbit-one { width:420px; height:420px; left:50%; top:50%; transform:translate(-50%,-50%); }
.orbit-two { width:545px; height:545px; left:50%; top:50%; transform:translate(-50%,-50%) rotate(25deg); border-style:dashed; }
.creator-emblem { position:absolute; left:50%; top:48%; display:flex; flex-direction:column; align-items:center; transform:translate(-50%,-50%); }
.creator-emblem::before { content:''; position:absolute; z-index:-1; width:245px; height:245px; top:50%; left:50%; border-radius:50%; background:rgba(247,245,255,.88); box-shadow:0 0 0 20px rgba(255,255,255,.12); transform:translate(-50%,-50%); }
.creator-emblem span { font-family:Georgia,serif; font-size:126px; line-height:1; letter-spacing:-.12em; color:var(--ink); text-shadow:9px 9px 0 var(--sun); }
.creator-emblem small { margin-top:20px; color:var(--ink); font-size:8px; font-weight:900; letter-spacing:.25em; }
.floating-note { position:absolute; z-index:2; padding:10px 14px; border:1px solid rgba(51,37,95,.12); border-radius:999px; background:rgba(255,255,255,.82); box-shadow:0 9px 30px rgba(51,37,95,.12); font-size:9px; font-weight:900; letter-spacing:.12em; }
.note-live { top:48px; left:36px; color:#6d4ab8; }.note-chaos { top:112px; right:28px; }
.stage-caption { position:absolute; left:24px; right:24px; bottom:23px; display:flex; align-items:flex-start; gap:14px; padding:17px 19px; border:1px solid rgba(255,255,255,.38); border-radius:15px; color:white; background:rgba(51,37,95,.55); backdrop-filter:blur(10px); }
.stage-caption>span { font-family:Georgia,serif; font-size:11px; opacity:.7; }
.stage-caption p { margin:0; font-family:Georgia,serif; font-size:13px; line-height:1.45; }.stage-caption strong { display:block; margin-bottom:3px; font-family:Arial,sans-serif; font-size:10px; letter-spacing:.14em; }
.creator-ticker { overflow:hidden; padding-block:17px; color:white; background:var(--ink); white-space:nowrap; }
.creator-ticker div { width:max-content; font-size:11px; font-weight:900; letter-spacing:.16em; animation:ticker 30s linear infinite; }
.creator-ticker i { margin-inline:23px; color:var(--sun); font-style:normal; }
@keyframes ticker { to { transform:translateX(-50%); } }

.creator-about { padding-block:145px 120px; }
.about-grid { display:grid; grid-template-columns:1.1fr .9fr; align-items:end; gap:95px; padding-block:52px 68px; }
.about-grid h2,.schedule-heading h2,.minecraft-copy h2,.community-section h2 { margin:0; font-family:Georgia,serif; font-size:clamp(50px,6.2vw,82px); line-height:.94; letter-spacing:-.055em; font-weight:500; }
.about-copy>p { margin:0; color:var(--ink-soft); font-size:17px; line-height:1.78; }
.about-copy blockquote { margin:28px 0 0; padding:17px 0 0 20px; border-left:3px solid var(--sun); font-family:Georgia,serif; font-size:17px; }
.creator-facts { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.creator-facts div { padding:25px 22px; border-right:1px solid var(--line); }.creator-facts div:first-child { padding-left:0; }.creator-facts div:last-child { border-right:0; }
.creator-facts span { display:block; margin-bottom:9px; color:var(--ink-soft); font-size:8px; font-weight:900; letter-spacing:.15em; }.creator-facts strong { font-family:Georgia,serif; font-size:17px; font-weight:500; }

.schedule-section { padding-block:110px; color:white; background:#3d2b70; }
.schedule-heading { display:grid; grid-template-columns:1fr .7fr; align-items:end; gap:80px; margin-bottom:60px; }
.schedule-heading .eyebrow { color:#c9c0e6; }.schedule-heading>p { max-width:430px; margin:0 0 7px; color:#c9c0e6; font-size:14px; line-height:1.7; }
.schedule-list { border-top:1px solid rgba(255,255,255,.2); }
.schedule-list article { display:grid; grid-template-columns:40px 60px 1fr 100px 30px; align-items:center; gap:26px; min-height:108px; border-bottom:1px solid rgba(255,255,255,.2); }
.schedule-number { color:#9f91c8; font-family:Georgia,serif; font-size:11px; }.schedule-day { color:var(--sun); font-size:11px; letter-spacing:.16em; }
.schedule-list h3 { margin:0 0 5px; font-family:Georgia,serif; font-size:23px; font-weight:500; }.schedule-list p { margin:0; color:#bfb5db; font-size:11px; }
.schedule-list time { font-size:11px; font-weight:800; }.schedule-arrow { justify-self:end; display:grid; place-items:center; width:34px; height:34px; border:1px solid rgba(255,255,255,.25); border-radius:50%; }

.latest-section { padding-block:140px; }
.section-kicker a { color:var(--ink); }
.latest-grid { display:grid; grid-template-columns:1.35fr .65fr; gap:35px; padding-top:45px; }
.video-art { position:relative; overflow:hidden; border:1px solid var(--line); border-radius:22px; }
.video-main { height:440px; background:radial-gradient(circle at 64% 38%,var(--sun) 0 13%,transparent 13.5%),linear-gradient(135deg,#8c6dcc 0 42%,#d4c6ef 42% 64%,#7cc5ec 64%); }
.video-song { width:180px; height:145px; flex:0 0 auto; background:radial-gradient(circle at 50% 50%,#f6f1ff 0 19%,transparent 20%),linear-gradient(145deg,#b9e3ff,#8062c5); }
.video-short { width:180px; height:145px; flex:0 0 auto; background:linear-gradient(35deg,#33255f 0 32%,#9c82d5 32% 62%,#b9e3ff 62%); }
.play-button { position:absolute; left:50%; top:50%; display:grid; place-items:center; width:66px; height:66px; border-radius:50%; color:var(--ink); background:rgba(255,255,255,.92); transform:translate(-50%,-50%); box-shadow:0 12px 32px rgba(51,37,95,.18); }.play-button.small { width:43px; height:43px; font-size:11px; }
.video-art>i { position:absolute; left:18px; top:18px; padding:7px 10px; border-radius:999px; color:white; background:#8062c5; font-style:normal; font-size:8px; font-weight:900; }.video-art>b { position:absolute; right:15px; bottom:15px; padding:5px 8px; border-radius:5px; color:white; background:rgba(51,37,95,.75); font-size:9px; }
.feature-video>p,.side-videos p { margin:22px 0 8px; color:var(--ink-soft); font-size:8px; font-weight:900; letter-spacing:.15em; }.feature-video h2 { max-width:680px; margin:0; font-family:Georgia,serif; font-size:36px; line-height:1.12; font-weight:500; }
.side-videos { display:flex; flex-direction:column; gap:22px; }.side-videos article { display:flex; gap:18px; padding-bottom:22px; border-bottom:1px solid var(--line); }.side-videos p { margin-top:7px; }.side-videos h3 { margin:0 0 12px; font-family:Georgia,serif; font-size:19px; line-height:1.25; font-weight:500; }.side-videos span { color:var(--ink-soft); font-size:9px; }

.minecraft-section { min-height:620px; display:grid; grid-template-columns:.9fr 1.1fr; overflow:hidden; margin-bottom:120px; border-radius:30px; color:white; background:#302354; box-shadow:0 36px 90px rgba(51,37,95,.2); }
.minecraft-copy { z-index:2; padding:70px 20px 62px 62px; }.eyebrow.light { color:#c9c0e6; }.minecraft-copy h2 { font-size:clamp(54px,6vw,76px); }.minecraft-copy>p:not(.eyebrow) { max-width:440px; color:#c9c0e6; font-size:15px; line-height:1.75; }
.minecraft-actions { display:flex; align-items:center; gap:17px; margin-top:30px; }.button-light { color:var(--ink); background:var(--sun); }.minecraft-actions .copy-address { color:white; }
.server-links { display:grid; grid-template-columns:1fr 1fr; max-width:500px; margin-top:58px; border-top:1px solid rgba(255,255,255,.2); border-bottom:1px solid rgba(255,255,255,.2); }
.server-links a { display:flex; align-items:center; gap:9px; padding:18px 8px 18px 0; color:#e0d9f0; font-size:11px; font-weight:800; }.server-links a+a { padding-left:18px; border-left:1px solid rgba(255,255,255,.2); }.server-links span { margin-left:auto; }.server-links i { width:7px; height:7px; border-radius:50%; background:#87cef5; box-shadow:0 0 0 4px rgba(135,206,245,.15); }
.minecraft-visual { position:relative; overflow:hidden; min-height:620px; background:linear-gradient(#9bd5f4,#d7c7ed); }.pixel-sky i { position:absolute; width:4px; height:4px; border-radius:50%; background:white; box-shadow:0 0 10px white; }.pixel-sky i:nth-child(1){left:20%;top:17%}.pixel-sky i:nth-child(2){left:57%;top:9%}.pixel-sky i:nth-child(3){right:18%;top:24%}
.pixel-moon { position:absolute; width:100px; height:100px; right:80px; top:80px; border-radius:50%; background:#f7f5ff; box-shadow:0 0 0 20px rgba(247,245,255,.12); }.pixel-hill { position:absolute; border-radius:50% 50% 0 0; }.hill-a { width:630px; height:360px; left:-110px; bottom:-150px; background:#8062c5; transform:rotate(8deg); }.hill-b { width:570px; height:330px; right:-190px; bottom:-130px; background:#56418c; transform:rotate(-9deg); }.pixel-river { position:absolute; width:170px; height:500px; left:48%; bottom:-300px; border-radius:50%; background:#b9e3ff; transform:rotate(20deg); }
.server-stamp { position:absolute; right:40px; bottom:38px; padding:23px 25px; border:1px solid rgba(255,255,255,.5); border-radius:14px; color:white; background:rgba(51,37,95,.38); backdrop-filter:blur(8px); }.server-stamp span { display:block; margin-bottom:8px; font-size:8px; font-weight:900; letter-spacing:.17em; }.server-stamp strong { font-family:Georgia,serif; font-size:22px; line-height:1.05; font-weight:500; }

.community-section { padding-block:150px; text-align:center; }.community-section .eyebrow { justify-content:center; }.community-section h2 { font-size:clamp(65px,8vw,105px); }.community-section>p:not(.eyebrow) { max-width:580px; margin:30px auto 38px; color:var(--ink-soft); font-size:16px; line-height:1.75; }

/* Modern, playful type and color overrides */
h1,h2,h3,h4,h5,h6,blockquote,.world-card h2,.trust-strip span,.footer-brand p,.operational-seal strong,.status-summary strong,.system-name>span,.uptime-number,.map-toolbar strong,.creator-emblem span,.stage-caption>span,.stage-caption p,.creator-facts strong,.server-stamp strong { font-family:inherit!important; }
h1,h2,h3,h4,h5,h6 { font-weight:900!important; letter-spacing:-.018em; }
.creator-copy h1 em { font-style:normal; color:#7959c5; }
.button { border-radius:14px; }
.button-primary,.button-light,.nav-cta { color:var(--ink); background:var(--sun); box-shadow:0 10px 26px rgba(87,126,179,.18); }
.nav-cta { border-color:transparent; }
.nav-cta span { margin-left:5px; color:#6a49b1; }
.creator-stage { background:linear-gradient(145deg,#4b337f 0%,#7553b8 62%,#b9e3ff 100%); }
.creator-emblem::before { width:280px; height:225px; border-radius:38px; background:rgba(247,245,255,.94); box-shadow:12px 14px 0 rgba(185,227,255,.85); transform:translate(-50%,-50%) rotate(-4deg); }
.creator-emblem span { font-weight:950; letter-spacing:-.12em; text-shadow:7px 7px 0 var(--sun); }
.creator-emblem small { font-family:inherit; }
.floating-note { border-radius:11px; }
.stage-caption { border-radius:13px; }
.schedule-list h3,.feature-video h2,.side-videos h3,.about-grid h2,.schedule-heading h2,.minecraft-copy h2,.community-section h2 { font-family:inherit!important; font-weight:900!important; }
.about-copy blockquote { font-weight:800; }
.play-button { background:var(--sun); }
.schedule-day { color:var(--sun); }
.minecraft-section { background:#382369; }

.stream-window { display:flex; flex-direction:column; padding:14px; background:#5b3b9c; transform:none; }
.stream-bar { min-height:46px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:0 9px; color:#e7e0fb; font-size:9px; letter-spacing:.1em; }
.stream-bar>span { display:flex; gap:6px; }.stream-bar i { display:block; width:8px; height:8px; border-radius:50%; background:#a9dcfb; }.stream-bar i:nth-child(2) { opacity:.62; }.stream-bar i:nth-child(3) { opacity:.3; }
.stream-bar b { font-size:8px; letter-spacing:.14em; }.stream-bar strong { justify-self:end; color:#b9e3ff; font-size:8px; }
.stream-poster { position:relative; flex:1; overflow:hidden; padding:52px 46px; border-radius:24px; color:var(--ink); background:linear-gradient(135deg,#f9f7ff 0 58%,#b9e3ff 58%); }
.stream-poster::after { content:'!'; position:absolute; right:18px; bottom:-75px; color:rgba(91,59,156,.16); font-size:360px; line-height:1; transform:rotate(8deg); }
.stream-poster p { margin:0 0 19px; color:#7759be; font-size:10px; font-weight:900; letter-spacing:.18em; }
.stream-poster h2 { position:relative; z-index:1; margin:0; font-size:clamp(42px,4.3vw,64px); line-height:1.02; letter-spacing:-.01em; }.stream-poster h2 em { color:#7554be; font-style:normal; }.stream-poster>span { position:absolute; z-index:1; left:46px; bottom:38px; font-size:10px; font-weight:900; letter-spacing:.13em; }
.chat-pop { position:absolute; z-index:3; padding:12px 16px; border:2px solid #5b3b9c; border-radius:13px; color:var(--ink); background:white; box-shadow:6px 7px 0 #b9e3ff; font-size:11px; transform:rotate(-2deg); }.chat-pop b { color:#7657bd; }
.chat-one { right:26px; top:98px; }.chat-two { right:34px; bottom:82px; transform:rotate(2deg); }
.stream-follow { min-height:48px; display:flex; align-items:center; justify-content:center; gap:15px; color:white; font-size:10px; font-weight:900; letter-spacing:.13em; }.stream-follow span { display:grid; place-items:center; width:23px; height:23px; border-radius:7px; color:var(--ink); background:var(--sun); font-size:16px; }

/* Playful VTuber homepage */
.fun-home { overflow:hidden; }
.fun-hero { position:relative; min-height:720px; display:flex; flex-direction:column; align-items:center; justify-content:center; margin-top:28px; padding:95px 30px 82px; border-radius:46px; color:white; text-align:center; background-color:#5c3aa2; background-image:radial-gradient(circle at 18% 22%,rgba(185,227,255,.18) 0 3px,transparent 4px),radial-gradient(circle at 86% 76%,rgba(255,255,255,.15) 0 4px,transparent 5px),linear-gradient(135deg,#43257d,#7754bd 68%,#6545a7); background-size:42px 42px,58px 58px,100% 100%; box-shadow:0 20px 0 #c2e7ff; }
.hello-pill { margin:0 0 22px; padding:10px 18px; border:2px solid #b9e3ff; border-radius:14px; color:#2f2256; background:#b9e3ff; font-size:12px; font-weight:900; letter-spacing:.08em; transform:rotate(-2deg); }
.fun-hero h1 { position:relative; z-index:2; margin:0; font-size:clamp(72px,10.4vw,146px); line-height:.9; letter-spacing:-.028em; text-shadow:0 7px 0 rgba(40,25,79,.32); }
.fun-hero h1 span { display:inline-block; color:#cbb9ef; transform:rotate(-1deg); }
.fun-lede { max-width:690px; margin:33px auto 0; color:#f4f0ff; font-size:20px; line-height:1.65; }
.fun-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:15px; margin-top:35px; }
.squishy-button { min-height:58px; display:inline-flex; align-items:center; justify-content:center; gap:16px; padding:0 24px; border:3px solid #2f2256; border-radius:17px; color:#2f2256; font-size:13px; font-weight:900; letter-spacing:.04em; box-shadow:0 7px 0 #2f2256; transition:transform .15s ease,box-shadow .15s ease; }
.squishy-button:hover { transform:translateY(4px); box-shadow:0 3px 0 #2f2256; }.squishy-button.blue { background:#00ffff; }.squishy-button.purple { color:#2f2256; background:#f8f5ff; }
.squishy-button b { font-size:15px; }
.hero-socials { display:flex; flex-wrap:wrap; justify-content:center; gap:11px; margin-top:34px; color:#e3dafa; font-size:12px; }.hero-socials a { color:white; text-decoration:underline; text-underline-offset:4px; }.hero-socials b { color:#b9e3ff; }
.hero-sticker { position:absolute; z-index:3; padding:12px 16px; border:3px solid #2f2256; border-radius:15px; color:#2f2256; background:#b9e3ff; box-shadow:5px 6px 0 #2f2256; font-size:12px; transform:rotate(-8deg); }.sticker-one { left:7%; top:13%; }.sticker-two { right:6%; top:19%; background:white; transform:rotate(7deg); }.sticker-three { right:9%; bottom:10%; font-size:18px; transform:rotate(-5deg); }
.hero-squiggle { position:absolute; left:8%; bottom:11%; color:rgba(0,255,255,.5); font-size:34px; letter-spacing:-8px; transform:rotate(8deg); }
.happy-ticker { overflow:hidden; margin-top:62px; padding-block:18px; color:#40276f; background:#b9e3ff; border-block:3px solid #40276f; white-space:nowrap; transform:rotate(-1deg) scale(1.02); }
.happy-ticker div { width:max-content; font-size:15px; font-weight:900; letter-spacing:.04em; animation:ticker 28s linear infinite; }.happy-ticker span { margin-inline:18px; }

.fun-about { position:relative; display:grid; grid-template-columns:.9fr 1.1fr; align-items:center; gap:75px; margin-block:140px; padding:72px 80px; border:3px solid #51318e; border-radius:38px 80px 44px 68px; color:#32235a; background:#c7eaff; box-shadow:12px 14px 0 #8a68ca; transform:rotate(.4deg); }
.about-title>p { margin:0 0 12px; color:#6747a4; font-size:16px; }.about-title h2 { margin:0; font-size:clamp(55px,6vw,82px); line-height:.98; }
.about-bubble { padding:32px; border:3px dashed #7652b5; border-radius:28px; background:rgba(255,255,255,.62); transform:rotate(-1deg); }.about-bubble p { margin:0 0 18px; font-size:17px; line-height:1.72; }.about-bubble span { display:block; padding-top:18px; border-top:2px solid rgba(81,49,142,.2); color:#6747a4; font-size:13px; font-weight:900; }
.about-doodle { position:absolute; right:42%; top:-33px; display:grid; place-items:center; width:74px; height:60px; border:3px solid #51318e; border-radius:46% 54% 38% 62%; color:white; background:#7551b8; font-size:25px; transform:rotate(8deg); }

.fun-schedule { padding-block:105px 120px; background:#eadfff; }
.fun-heading { display:flex; align-items:end; justify-content:space-between; gap:40px; margin-bottom:55px; }.fun-heading p { margin:0 0 10px; color:#7657bd; font-size:16px; }.fun-heading h2 { margin:0; font-size:clamp(48px,6vw,80px); line-height:.98; }.fun-heading>span,.fun-heading>a { color:#6e55a4; font-size:13px; line-height:1.5; }
.schedule-cards { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }.schedule-cards article { position:relative; min-height:305px; padding:30px 25px; border:3px solid #3b286c; border-radius:26px; color:#34235f; background:#b9e3ff; box-shadow:7px 9px 0 #3b286c; }.schedule-cards article:nth-child(even) { color:white; background:#7956bb; }.schedule-cards article.tilt-1 { transform:rotate(-2deg); }.schedule-cards article.tilt-2 { transform:rotate(1.5deg); }.schedule-cards article.tilt-3 { transform:rotate(-1deg); }.schedule-cards article.tilt-4 { transform:rotate(2deg); }
.day-emoji { display:block; margin-bottom:35px; font-size:35px; }.schedule-cards p { margin:0 0 6px; font-size:14px; }.schedule-cards h3 { margin:0 0 12px; font-size:28px; }.schedule-cards small { display:block; min-height:58px; font-size:13px; line-height:1.45; }.schedule-cards time { position:absolute; left:24px; right:24px; bottom:24px; padding-top:15px; border-top:2px dashed currentColor; font-size:14px; font-weight:900; }
.schedule-note { margin:34px 0 0; color:#6e55a4; font-size:13px; text-align:center; }
.schedule-paused { min-height:220px; display:grid; grid-template-columns:90px 1fr auto; align-items:center; gap:28px; padding:38px 42px; border:3px solid #7652aa; border-radius:28px; color:#f5efff; background:#2a1948; box-shadow:8px 10px 0 #0e0719; }
.schedule-paused>span { display:grid; place-items:center; width:78px; height:78px; border:2px solid #00ffff; border-radius:23px; color:#00ffff; background:#21123b; font-size:34px; transform:rotate(-3deg); }
.schedule-paused p { margin:0 0 6px; color:#00ffff; font-size:12px; letter-spacing:.06em; }.schedule-paused h3 { margin:0 0 12px; font-size:36px; }.schedule-paused small { display:block; max-width:650px; color:#c7badb; font-size:15px; line-height:1.65; }
.schedule-paused>a { padding:13px 15px; border:1px solid #7553a8; border-radius:13px; color:#f5efff; background:#3a235f; font-size:13px; white-space:nowrap; }

.fun-latest { padding-block:125px; }.watch-cards { display:grid; grid-template-columns:1.2fr .9fr .9fr; gap:24px; }.watch-card { display:block; padding:13px 13px 22px; border:3px solid #3b286c; border-radius:26px; background:white; box-shadow:7px 9px 0 #b99ae8; transform:rotate(1deg); }.watch-card:nth-child(2) { transform:rotate(-2deg); }.watch-card:nth-child(3) { transform:rotate(2deg); }.watch-card p { margin:20px 10px 0; color:#3b286c; font-size:18px; line-height:1.35; }
.watch-art { position:relative; height:270px; display:flex; align-items:center; justify-content:center; overflow:hidden; border-radius:18px; border:2px solid #3b286c; }.watch-art>span { position:absolute; z-index:3; right:16px; top:16px; display:grid; place-items:center; width:48px; height:48px; border:3px solid #3b286c; border-radius:14px; color:#3b286c; background:#b9e3ff; box-shadow:4px 4px 0 #3b286c; }.watch-art strong { position:relative; z-index:2; color:white; font-size:clamp(42px,5vw,72px); line-height:.82; text-align:center; text-shadow:5px 5px 0 #3b286c; transform:rotate(-4deg); }.watch-art i { position:absolute; left:15px; bottom:15px; padding:8px 11px; border:2px solid #3b286c; border-radius:10px; color:#3b286c; background:white; font-size:11px; font-style:normal; }
.art-oops { background:linear-gradient(135deg,#7351b4 0 49%,#176d7d 49%); }.art-scream { background:repeating-linear-gradient(45deg,#593594 0 22px,#754eb8 22px 44px); }.art-yap { background:radial-gradient(circle at 30% 25%,rgba(0,255,255,.38) 0 9%,transparent 10%),radial-gradient(circle at 70% 70%,rgba(0,255,255,.38) 0 13%,transparent 14%),#815dc1; }

.sunnycraft-zone { position:relative; min-height:650px; display:grid; grid-template-columns:1fr 1fr; align-items:center; overflow:hidden; margin-block:80px 130px; padding:65px; border:4px solid #2f2256; border-radius:44px; color:white; background:#4c2d88; box-shadow:0 13px 0 #b9e3ff; }.sunnycraft-copy { position:relative; z-index:3; }.sunnycraft-copy>p { margin:0 0 10px; color:#b9e3ff; font-size:14px; font-weight:900; }.sunnycraft-copy h2 { margin:0; font-size:clamp(55px,6vw,82px); line-height:.95; }.sunnycraft-copy h2 span { color:#b9e3ff; }.sunnycraft-blurb { max-width:500px; margin-top:28px; color:#e3dafa; font-size:17px; line-height:1.65; }.craft-buttons { display:flex; align-items:center; gap:20px; margin-top:26px; }.craft-buttons .copy-address { color:white; }.server-endpoints { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:27px; }.server-endpoints>div { min-width:0; padding:15px; border:1px solid #7655a4; border-radius:15px; background:#21143a; }.server-endpoints span { display:block; margin-bottom:7px; color:#00ffff; font-size:10px; letter-spacing:.07em; }.server-endpoints strong { display:block; overflow-wrap:anywhere; font-size:14px; line-height:1.35; }.server-endpoints em { display:inline-block; margin-top:6px; padding:4px 7px; border-radius:6px; color:#00ffff; background:#362258; font-size:10px; font-style:normal; }.server-endpoints .copy-address { display:block; margin-top:11px; color:#c9bcdd; font-size:10px; text-align:left; }.craft-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin-top:34px; }.craft-links a { min-width:0; display:flex; align-items:center; gap:8px; padding:13px 11px; border:2px solid #a98bd6; border-radius:14px; color:white; background:rgba(255,255,255,.06); font-size:11px; }.craft-links a b { margin-left:auto; }.craft-links i { flex:0 0 auto; width:8px; height:8px; border-radius:50%; background:#b9e3ff; box-shadow:0 0 0 4px rgba(185,227,255,.15); }
.endpoint-copy-buttons,.status-copy-buttons { display:flex; flex-wrap:wrap; gap:8px; }.status-copy-buttons .copy-address { margin-top:0; }
.craft-island { position:relative; height:440px; }.block-sun { position:absolute; right:25px; top:15px; width:110px; height:110px; border:4px solid #2f2256; border-radius:30px; background:#b9e3ff; box-shadow:10px 10px 0 #7653b7; transform:rotate(8deg); }.block-land { position:absolute; border:4px solid #2f2256; border-radius:50%; background:#9a7bd2; }.land-one { width:420px; height:240px; left:15px; bottom:50px; transform:rotate(7deg); }.land-two { width:330px; height:190px; right:-45px; bottom:5px; background:#7351b4; transform:rotate(-8deg); }.block-water { position:absolute; width:120px; height:400px; left:52%; bottom:-210px; border:4px solid #2f2256; border-radius:50%; background:#b9e3ff; transform:rotate(25deg); }.tiny-tree { position:absolute; z-index:2; width:25px; height:85px; bottom:140px; border:4px solid #2f2256; border-radius:10px; background:#7d5d42; }.tiny-tree::before { content:''; position:absolute; width:90px; height:90px; left:-36px; top:-62px; border:4px solid #2f2256; border-radius:35px 45px 38px 52px; background:#b9e3ff; }.tree-a { left:100px; transform:rotate(-4deg); }.tree-b { right:85px; bottom:95px; transform:scale(.75) rotate(8deg); }.craft-island>span { position:absolute; z-index:3; right:35px; bottom:25px; padding:11px 14px; border:3px solid #2f2256; border-radius:12px; color:#2f2256; background:white; box-shadow:5px 5px 0 #b9e3ff; font-size:13px; transform:rotate(-4deg); }
.sunnycraft-cloud { position:absolute; width:180px; height:70px; border-radius:50%; background:rgba(185,227,255,.1); }.cloud-top { right:25%; top:-30px; }.cloud-bottom { left:38%; bottom:-35px; }

.join-the-chaos { padding-block:130px 150px; text-align:center; }.join-emoji { display:inline-block; margin-bottom:18px; padding:10px 16px; border:3px solid #3b286c; border-radius:14px; color:#3b286c; background:#b9e3ff; box-shadow:5px 5px 0 #3b286c; font-size:18px; transform:rotate(-3deg); }.join-the-chaos h2 { margin:0; font-size:clamp(70px,9vw,120px); line-height:.9; }.join-the-chaos p { max-width:620px; margin:28px auto 36px; color:#756d98; font-size:17px; line-height:1.7; }

@media (max-width:880px) {
  .site-header { grid-template-columns:1fr auto; }
  .main-nav { display:none; }
  .mobile-nav { display:flex; }
  .hero { grid-template-columns:1fr; gap:52px; padding-top:68px; }
  .hero-copy { max-width:650px; }
  .world-card { max-width:620px; transform:none; }
  .story-heading,.status-hero-grid,.map-heading { grid-template-columns:1fr; gap:35px; }
  .principles-grid { grid-template-columns:1fr; }
  .principles-grid article,.principles-grid article+article { min-height:auto; padding:32px 0; border-right:0; border-bottom:1px solid var(--line); }
  .principles-grid article:last-child { border-bottom:0; }
  .principle-icon { margin-bottom:26px; }
  .portal-grid { grid-template-columns:1fr; }
  .system-row { grid-template-columns:minmax(200px,1fr) minmax(200px,1fr) 60px; gap:14px; padding-inline:20px; }
  .map-placeholder { grid-template-columns:1fr; gap:35px; padding:45px; }.placeholder-map-art { width:min(360px,100%); }
  .site-footer { grid-template-columns:1fr auto; }
  .copyright { display:none; }
  .creator-hero,.about-grid,.schedule-heading,.latest-grid,.minecraft-section { grid-template-columns:1fr; }
  .creator-hero { padding-top:65px; }.creator-stage { max-width:650px; width:100%; }
  .about-grid { gap:35px; }.creator-facts { grid-template-columns:1fr 1fr; }.creator-facts div:nth-child(2) { border-right:0; }.creator-facts div:nth-child(-n+2) { border-bottom:1px solid var(--line); }
  .latest-grid { gap:55px; }.minecraft-copy { padding:62px; }.minecraft-visual { min-height:470px; }
}
@media (max-width:620px) {
  .shell { width:min(100% - 30px,1180px); }
  .site-header { height:80px; }
  .nav-cta { padding:10px 13px; font-size:11px; }
  .mobile-nav { gap:8px; }
  .mobile-nav a { font-size:0; }
  .mobile-nav a::first-letter { font-size:0; }
  .mobile-nav a[href='/status']::after { content:'●'; color:#55a86f; font-size:13px; }
  .mobile-nav a[href='/map']::after { content:'⌖'; color:var(--ink); font-size:16px; }
  .mobile-nav { display:none; }
  .hero { min-height:auto; padding-block:54px 42px; }
  h1 { font-size:clamp(49px,15vw,72px); }
  .hero-lede { font-size:16px; }
  .button { width:100%; }
  .landscape { height:270px; }
  .trust-strip { grid-template-columns:1fr; }
  .trust-strip>div { border-right:0; border-bottom:1px solid var(--line); padding-inline:0; }
  .trust-strip>div:last-child { border-bottom:0; }
  .story-section { padding-block:100px 80px; }
  .story-heading { padding-block:38px 48px; }
  .story-heading h2 { font-size:48px; }
  .portal-section { padding-block:50px; }
  .portal-card { min-height:300px; padding:28px; }
  .portal-card h2 { font-size:36px; }
  .join-section { padding-block:95px; }
  .join-address { flex-direction:column; }
  .join-address>* { width:100%; }
  .site-footer { grid-template-columns:1fr; padding-block:35px; }
  .site-footer nav { flex-wrap:wrap; gap:15px 24px; }
  .back-link { margin-bottom:38px; }
  .subpage-hero { padding-block:42px 55px; }
  .status-summary { grid-template-columns:1fr; }
  .live-status-grid { grid-template-columns:1fr; }.live-status-grid article { padding:24px; }.live-player-total>strong { font-size:44px; }.combined-addresses { grid-template-columns:1fr; }
  .status-summary div { border-right:0; border-bottom:1px solid var(--line); }
  .status-summary div:last-child { border-bottom:0; }
  .panel-heading { padding:25px 20px; }
  .system-row { grid-template-columns:1fr auto; padding:20px; }
  .uptime-track { grid-column:1/-1; grid-row:2; }
  .uptime-number { grid-column:2; grid-row:1; }
  .incident-panel { grid-template-columns:1fr; padding:28px 20px; }
  .map-heading { padding-block:42px; }
  .map-heading .back-link { margin-bottom:35px; }
  .map-viewport { height:590px; }
  .place-card { top:auto; bottom:65px; right:15px; width:calc(100% - 30px); }
  .map-legend { left:15px; bottom:15px; }
  .map-toolbar { padding-inline:15px; }
  .pl3x-map-frame { height:620px; }
  .map-placeholder { min-height:520px; padding:28px 20px; }.map-placeholder h2 { font-size:40px; }.placeholder-map-art { width:100%; }
  .creator-hero { min-height:auto; padding-block:52px 60px; }.creator-copy h1 { font-size:clamp(52px,15vw,76px); }.creator-stage { height:470px; transform:none; }.creator-emblem span { font-size:95px; }.creator-emblem::before { width:195px; height:195px; }
  .social-proof { flex-wrap:wrap; gap:14px 19px; }.social-proof>span { width:100%; }
  .creator-about { padding-block:100px 80px; }.about-grid h2,.schedule-heading h2 { font-size:48px; }.creator-facts { grid-template-columns:1fr; }.creator-facts div,.creator-facts div:nth-child(2) { padding-inline:0; border-right:0; border-bottom:1px solid var(--line); }.creator-facts div:last-child { border-bottom:0; }
  .schedule-section { padding-block:80px; }.schedule-heading { margin-bottom:45px; }.schedule-list article { grid-template-columns:32px 50px 1fr; gap:12px; padding-block:20px; }.schedule-list time { grid-column:3; }.schedule-arrow { display:none; }
  .latest-section { padding-block:95px; }.video-main { height:280px; }.feature-video h2 { font-size:28px; }.side-videos article { align-items:flex-start; }.video-song,.video-short { width:120px; height:105px; }
  .minecraft-section { width:calc(100% - 30px); margin-bottom:80px; border-radius:22px; }.minecraft-copy { padding:48px 25px; }.minecraft-actions { flex-direction:column; align-items:stretch; }.minecraft-actions .copy-address { min-height:45px; text-align:left; }.server-links { grid-template-columns:1fr; }.server-links a+a { padding-left:0; border-top:1px solid rgba(255,255,255,.2); border-left:0; }.minecraft-visual { min-height:390px; }
  .community-section { padding-block:100px; }
}
/* Dark Mari Sunny theme + readable Fredoka spacing */
:root { --ink:#f5efff; --ink-soft:#b9add3; --cream:#130b25; --paper:#21143a; --sun:#00ffff; --leaf:#7650b8; --line:rgba(192,174,229,.2); }
html,body,.fun-home,.map-page { background:#130b25; color:#f5efff; }
body,body * { font-weight:500!important; }
h1,h2,h3,h4,h5,h6 { line-height:1.08!important; letter-spacing:.008em!important; }
.site-header { border-color:rgba(192,174,229,.2); background:#130b25; }
.brand i,.nav-cta { color:#29194a; background:#00ffff; }
.brand i,.nav-cta,.squishy-button.blue,.seal-sun,.desktop-hub-links a>span,.watch-art>span { color:#130b25!important; }
.main-nav,.mobile-nav { color:#e9e0f7; }
.nav-cta { box-shadow:none; }
.fun-hero { background-color:#432774; background-image:radial-gradient(circle at 18% 22%,rgba(0,255,255,.13) 0 3px,transparent 4px),radial-gradient(circle at 86% 76%,rgba(207,182,255,.15) 0 4px,transparent 5px),linear-gradient(135deg,#2a164e,#533184 72%,#65429a); box-shadow:0 16px 0 #26143f; }
.fun-hero h1 { line-height:1.04!important; letter-spacing:.012em!important; }
.hello-pill,.hero-sticker.sticker-one { color:#00ffff; background:#2a184b; border-color:rgba(0,255,255,.65); }
.hero-sticker.sticker-two,.hero-sticker.sticker-three { color:#f5efff; background:#281746; border-color:#a98bd6; box-shadow:5px 6px 0 #160c28; }
.squishy-button { border-color:#1b0e31; color:#281746; box-shadow:0 7px 0 #1b0e31; }
.squishy-button:hover { box-shadow:0 3px 0 #1b0e31; }
.squishy-button.blue { background:#00ffff; }.squishy-button.purple { color:#f5efff; background:#6945a5; }
.happy-ticker { color:#f7f2ff; background:#65419e; border-color:#201137; }.happy-ticker span { color:#00ffff; }
.desktop-link-hub { padding-block:110px 95px; }
.desktop-hub-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:40px; margin-bottom:42px; }
.desktop-hub-heading p { margin:0 0 10px; color:#00ffff; font-size:14px; }
.desktop-hub-heading h2 { margin:0; font-size:clamp(58px,7vw,94px); line-height:.94!important; letter-spacing:.015em!important; }
.desktop-hub-heading>span { max-width:290px; margin-bottom:7px; color:#b9add3; font-size:15px; line-height:1.55; text-align:right; }
.desktop-hub-links { display:grid; grid-template-columns:1fr 1fr; gap:15px; }
.desktop-hub-links a { min-height:94px; display:grid; grid-template-columns:50px 1fr 28px; align-items:center; gap:18px; padding:17px 20px; border:2px solid #63458f; border-radius:21px; color:#f5efff; background:#21143a; box-shadow:0 7px 0 #09040f; transition:transform .18s ease,border-color .18s ease,background .18s ease; }
.desktop-hub-links a:hover { transform:translateY(-3px) rotate(-.35deg); border-color:#00ffff; background:#2a1848; }
.desktop-hub-links a>span { display:grid; place-items:center; width:48px; height:48px; border-radius:14px; color:#251440; background:#00ffff; font-size:20px; }
.desktop-hub-links b { font-size:19px; line-height:1.2; }
.desktop-hub-links small { display:block; margin-top:5px; color:#b9add3; font-size:12px; line-height:1.35; }
.desktop-hub-links i { justify-self:end; color:#00ffff; font-size:20px; font-style:normal; }
.desktop-hub-links .tiktok-link { border-color:rgba(0,255,255,.55); }
.desktop-hub-links .support-link { border-color:#9c79d0; background:#321d55; }
.fun-about { color:#f5efff; background:#24143f; border-color:#724dad; box-shadow:12px 14px 0 #1a0e2d; }
.about-title>p,.fun-heading p { color:#00ffff; }
.about-bubble { border-color:#7f5ab9; background:#321d55; }.about-bubble span { color:#c4b5df; border-color:#67479b; }
.about-doodle { border-color:#a9dcfa; background:#56328c; }
.fun-schedule { background:#190f2d; }
.fun-heading>span,.fun-heading>a,.schedule-note { color:#b9add3; }
.schedule-cards article,.schedule-cards article:nth-child(even) { color:#f5efff; background:#4c2d80; border-color:#a080d0; box-shadow:7px 9px 0 #0e0719; }
.schedule-cards article:nth-child(even) { background:#5e3995; }.schedule-cards time { color:#00ffff; }
.fun-latest { color:#f5efff; }
.watch-card { border-color:#7451ad; background:#22143b; box-shadow:7px 9px 0 #0c0616; }.watch-card p { color:#eee6fb; }
.watch-art { border-color:#9f7fce; }.watch-art>span { border-color:#24133e; color:#281746; background:#00ffff; box-shadow:4px 4px 0 #24133e; }.watch-art i { border-color:#9c7acb; color:#f5efff; background:#2c194b; }
.sunnycraft-zone { border-color:#9a79c8; background:#2b184c; box-shadow:0 13px 0 #17102a; }
.block-sun,.block-water,.tiny-tree::before { border-color:#00ffff; background:#176674; }.block-land,.tiny-tree { border-color:#1a0d30; }
.craft-island>span { border-color:#1a0d30; color:#f5efff; background:#38205e; box-shadow:5px 5px 0 #1a0d30; }
.join-the-chaos { color:#f5efff; }.join-the-chaos p { color:#b9add3; }.join-emoji { border-color:#00ffff; color:#00ffff; background:#261541; box-shadow:5px 5px 0 #0f081b; }
.desktop-link-hub,.fun-about,.fun-schedule,.fun-latest,.sunnycraft-zone,.join-the-chaos,.status-content,.map-wrap { content-visibility:auto; contain-intrinsic-size:800px; }
.site-footer { color:#f5efff; border-color:var(--line); }.site-footer nav,.footer-brand p,.copyright { color:#b9add3; }
.back-link,.hero-lede,.map-heading>p,.operational-seal p,.system-name p,.no-incidents p,.place-card>p:not(.card-label) { color:#b9add3; }
.operational-seal,.status-summary,.systems-panel,.incident-panel,.map-shell { background:#21143a; border-color:var(--line); }
.status-summary div,.system-row,.panel-heading { border-color:var(--line); }
.map-page { background:#130b25; }.map-viewport { background:#18102c; }.atlas { background:#1d1434; }.atlas-grid { background-image:linear-gradient(rgba(0,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,.08) 1px,transparent 1px); }.continent { background:#594087; }.continent-two { background:#6c4b9d; }.continent-three { background:#4b356f; }.map-river { background:rgba(0,255,255,.48); }.mountain-range,.forest-cluster { color:#b699df; }
.status-key i,.status-pill i,.inline-status i,.craft-links i { background:#00ffff; box-shadow:0 0 0 4px rgba(0,255,255,.1); }
.mobile-link-hub { display:none; }
.map-controls button { color:#f5efff; }.map-controls button:hover,.coordinates { background:#332050; }.map-marker b,.place-card,.map-legend { color:#f5efff; background:rgba(33,20,58,.96); border-color:#6f4da3; }.place-card>button { color:#b9add3; }

@media (max-width:880px) {
  .fun-about,.sunnycraft-zone { grid-template-columns:1fr; }
  .schedule-cards { grid-template-columns:1fr 1fr; gap:25px; }
  .watch-cards { grid-template-columns:1fr 1fr; }.big-watch { grid-column:1/-1; }
  .desktop-hub-links { grid-template-columns:1fr; }
  .fun-about { gap:38px; padding:60px; }.sunnycraft-zone { padding:58px; }.craft-island { min-height:420px; }
}
@media (max-width:620px) {
  .site-top { padding-top:env(safe-area-inset-top); }
  .fun-hero,.happy-ticker { display:none; }
  .desktop-link-hub { display:none; }
  .server-quickbar { flex-direction:column; align-items:stretch; gap:9px; padding-block:10px; }
  .server-quickbar-title { justify-content:space-between; }.server-quickbar-title>span { font-size:9px; }.server-player-count { font-size:11px; }
  .server-quickbar nav { display:grid; grid-template-columns:repeat(3,1fr); }.server-quickbar nav a { min-width:0; padding:8px 10px; }
  .mobile-link-hub { min-height:calc(100svh - 154px); display:flex; flex-direction:column; justify-content:flex-start; padding-block:32px 55px; }
  .mobile-hub-intro { margin-bottom:28px; text-align:center; }
  .mobile-hub-intro>span { display:inline-block; margin-bottom:12px; padding:7px 11px; border:1px solid rgba(0,255,255,.45); border-radius:9px; color:#00ffff; background:#251440; font-size:12px; transform:rotate(-2deg); }
  .mobile-hub-intro h1 { margin:0; color:#f5efff; font-size:44px!important; line-height:1.12!important; letter-spacing:.02em!important; }
  .mobile-hub-intro p { margin:13px 0 0; color:#b9add3; font-size:14px; line-height:1.65; }
  .mobile-hub-links { display:flex; flex-direction:column; gap:11px; }
  .mobile-hub-links a { min-height:60px; display:grid; grid-template-columns:34px 1fr 24px; align-items:center; gap:11px; padding:10px 14px; border:2px solid #624491; border-radius:15px; color:#f5efff; background:#21143a; box-shadow:0 4px 0 #09040f; }
  .mobile-hub-links a:active { transform:translateY(3px); box-shadow:0 1px 0 #09040f; }
  .mobile-hub-links a.featured { border-color:#00ffff; color:#f5efff; background:#21143a; }
  .mobile-hub-links a>span { display:grid; place-items:center; width:32px; height:32px; border-radius:9px; color:#21143a; background:#00ffff; font-size:15px; }
  .mobile-hub-links a>span { color:#130b25!important; }
  .mobile-hub-links a.featured>span { color:#21143a; background:#00ffff; }
  .mobile-hub-links a.support-link { border-color:#9c79d0; background:#321d55; }
  .mobile-hub-links b { font-size:14px; line-height:1.25; }.mobile-hub-links b small { display:block; margin-top:3px; color:#a99bc2; font-size:10px; line-height:1.3; }.mobile-hub-links i { justify-self:end; font-size:15px; font-style:normal; }
  .mobile-hub-note { margin:24px 0 0; color:#8775a8; font-size:11px; text-align:center; }
  .fun-hero { min-height:650px; margin-top:14px; padding:88px 18px 70px; border-radius:27px; box-shadow:0 10px 0 #26143f; }
  .fun-hero h1 { font-size:clamp(48px,14vw,68px)!important; line-height:1.08!important; letter-spacing:.01em!important; }
  .fun-lede { font-size:17px; line-height:1.75; }.fun-actions,.squishy-button { width:100%; }.hero-sticker { display:none; }.hero-squiggle { opacity:.4; }
  .fun-about { margin-block:95px; padding:45px 25px; border-radius:28px 46px 30px 40px; }.about-title h2,.fun-heading h2 { font-size:44px; line-height:1.12!important; }.about-bubble { padding:24px; }
  .fun-heading { align-items:flex-start; flex-direction:column; margin-bottom:40px; }.schedule-cards,.watch-cards { grid-template-columns:1fr; }.big-watch { grid-column:auto; }.schedule-cards article { transform:none!important; }.schedule-paused { grid-template-columns:1fr; gap:20px; padding:28px 22px; }.schedule-paused>span { width:60px; height:60px; }.schedule-paused h3 { font-size:30px; }.schedule-paused>a { width:max-content; }
  .fun-latest { padding-block:90px; }.watch-card { transform:none!important; }.watch-art { height:235px; }
  .sunnycraft-zone { padding:45px 24px; border-radius:28px; }.sunnycraft-copy h2 { font-size:46px; line-height:1.12!important; }.server-endpoints { grid-template-columns:1fr; }.craft-buttons { align-items:stretch; flex-direction:column; }.craft-links { grid-template-columns:1fr; }.craft-links a { min-width:0; }.craft-island { height:350px; min-height:0; transform:scale(.85); transform-origin:center; }
  .join-the-chaos h2 { font-size:58px; line-height:1.1!important; }
}

@media (prefers-reduced-motion:reduce) { * { scroll-behavior:auto!important; transition:none!important; } }
@media (prefers-reduced-motion:reduce) { .page-loader i::after { animation:none; width:100%; } }

@media (min-width:901px){
  .site-header{height:108px}.brand{font-size:18px}.brand i{font-size:16px}.main-nav{gap:42px;font-size:16px}.nav-cta{padding:14px 21px;font-size:15px}
  .server-quickbar{min-height:68px}.server-quickbar-title>span{font-size:13px}.server-player-count{font-size:14px}.server-quickbar nav a{min-width:82px;padding:11px 17px;font-size:14px}
  .fun-lede{font-size:21px}.hero-sticker{font-size:13px}.squishy-button{font-size:15px}.desktop-hub-heading p{font-size:16px}.desktop-hub-heading>span{font-size:17px}.desktop-hub-links b{font-size:21px}.desktop-hub-links small{font-size:14px}
  .about-bubble p,.sunnycraft-blurb,.join-the-chaos p{font-size:18px}.about-bubble span,.fun-heading>span,.fun-heading>a{font-size:15px}.watch-card p{font-size:19px}
  .site-footer{min-height:190px}.footer-brand strong{font-size:16px}.footer-brand p{margin-top:6px;font-size:15px;line-height:1.5}.site-footer nav{gap:34px;font-size:15px}.copyright{font-size:14px}
  .mari-private-actions button{font-size:14px;padding:14px 21px}.mari-private-note{font-size:14px!important}
  .mari-dialog-card label{font-size:15px}.mari-dialog-card label small{font-size:13px}.mari-dialog-intro{font-size:17px}.mari-dialog-footnote{font-size:14px}
}

/* Final readable type overrides stay last in the cascade. */
@media (min-width:901px){
  body{font-size:17px;line-height:1.6}
  .server-quickbar-title>span,.server-player-count,.hero-socials,.hello-pill,.happy-ticker div,.desktop-hub-links small,.about-bubble span,.fun-heading>span,.fun-heading>a,.schedule-paused p,.schedule-paused>a,.sunnycraft-copy>p,.craft-island>span{font-size:14px}
  .desktop-hub-heading p,.about-title>p,.fun-heading p,.schedule-paused small,.server-endpoints strong,.craft-links a,.footer-brand p,.site-footer nav,.copyright{font-size:16px}
  .server-endpoints span,.server-endpoints em,.server-endpoints .copy-address,.watch-art i{font-size:13px}
  .fun-lede,.about-bubble p,.sunnycraft-blurb,.join-the-chaos>p{line-height:1.7}
  .live-card-top,.live-card-top b,.combined-addresses span,.combined-addresses small,.live-refresh-note{font-size:13px}
  .combined-addresses strong{font-size:17px}.live-player-total span,.map-toolbar>a{font-size:14px}
}
@media (max-width:900px){
  body{font-size:16px;line-height:1.65}
  .server-quickbar-title>span{font-size:11px}.server-player-count,.server-quickbar nav a{font-size:13px}
  .mobile-hub-intro>span,.mobile-hub-note{font-size:13px}.mobile-hub-intro p{font-size:16px}
  .mobile-hub-links b{font-size:16px}.mobile-hub-links b small{font-size:13px;line-height:1.45}.mobile-hub-links i{font-size:17px}
  .fun-lede,.about-bubble p,.schedule-paused small,.watch-card p,.sunnycraft-blurb,.join-the-chaos>p{font-size:16px;line-height:1.7}
  .fun-heading>span,.fun-heading>a,.about-bubble span,.schedule-paused>a,.craft-links a,.site-footer nav,.footer-brand p{font-size:14px}
  .mari-private-note{font-size:13px!important}.mari-dialog-card label{font-size:15px}.mari-dialog-card label small,.mari-dialog-footnote{font-size:13px}
}
.kodee-fab{display:none!important}

/* Header, server tools, and the intentionally minimal footer. */
html,body{overflow-x:clip}
.header-actions{justify-self:end;display:flex;align-items:center;gap:10px}.nav-feedback{appearance:none;padding:12px 16px;border:1px solid #00ffff;border-radius:999px;color:#081018;background:#00ffff;box-shadow:0 0 0 4px rgba(0,255,255,.08);font:inherit;font-size:14px;font-weight:800;cursor:pointer;transition:border-color .18s ease,transform .18s ease,background .18s ease}.nav-feedback:hover{border-color:#00ffff;color:#081018;background:#00e6e6;transform:translateY(-1px)}
.header-actions>a{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-height:54px;line-height:1;white-space:nowrap}
.server-quickbar nav button,.site-footer nav button{appearance:none;color:inherit;background:inherit;font:inherit;cursor:pointer}.server-quickbar nav button{min-width:110px;padding:9px 14px;border:1px solid #654792;border-radius:11px;color:#eee7f8;background:#21143a;font-size:12px;text-align:center;transition:border-color .18s ease,transform .18s ease}.server-quickbar nav button:hover{border-color:#00ffff;transform:translateY(-1px)}.site-footer nav button{padding:0;border:0;color:#b9add3;font-size:inherit;font-weight:700}.site-footer nav button:hover{color:#f5efff}
@media(min-width:901px){.nav-feedback{padding:14px 18px;font-size:15px}.server-quickbar nav button{padding:11px 17px;font-size:14px}.site-footer{grid-template-columns:minmax(210px,1fr) minmax(0,2fr) minmax(120px,1fr)}.site-footer nav{justify-content:center;flex-wrap:wrap;row-gap:14px}}
@media(max-width:620px){.site-header{height:auto;min-height:84px;padding-block:10px}.header-actions{gap:7px}.nav-feedback{padding:10px 12px;font-size:12px}.nav-cta{padding:10px 12px;font-size:12px}.server-quickbar nav{grid-template-columns:repeat(2,1fr)!important}.server-quickbar nav button{min-width:0;padding:9px 8px;font-size:13px}.site-footer nav button{font-size:14px}}

/* One consistent, human-readable Fredoka type system. */
@media(min-width:901px){
  body{font-size:20px;line-height:1.72}
  .brand{font-size:20px}.main-nav{gap:30px;font-size:18px}.nav-cta,.nav-feedback{min-width:148px;font-size:17px}
  .server-quickbar-title>span,.server-player-count{font-size:18px}.server-quickbar nav a,.server-quickbar nav button{font-size:17px}
  .back-link{font-size:20px}.eyebrow{font-size:18px}.hero-lede{font-size:22px;line-height:1.72}
  .desktop-hub-heading p{font-size:18px}.desktop-hub-heading>span{font-size:20px}.desktop-hub-links b{font-size:23px}.desktop-hub-links small{font-size:16px}
  .hello-pill,.hero-sticker,.hero-socials,.happy-ticker div{font-size:16px}.fun-lede{font-size:22px;line-height:1.72}
  .about-title>p,.fun-heading p{font-size:18px}.about-bubble p,.sunnycraft-blurb,.join-the-chaos>p{font-size:20px;line-height:1.75}.about-bubble span,.fun-heading>span,.fun-heading>a{font-size:18px}
  .schedule-paused p{font-size:17px}.schedule-paused small{font-size:19px;line-height:1.72}.schedule-paused>a{font-size:17px}.watch-card p{font-size:21px}.watch-art i{font-size:16px}
  .sunnycraft-copy>p{font-size:18px}.server-endpoints span,.server-endpoints em{font-size:16px}.server-endpoints strong{font-size:19px}.server-endpoints .copy-address,.craft-links a,.craft-island>span{font-size:17px}
  .operational-seal p{font-size:17px}.live-card-top,.live-card-top b{font-size:16px}.live-player-total span{font-size:17px}.combined-addresses span,.combined-addresses small{font-size:16px}.combined-addresses strong{font-size:20px}.combined-addresses .copy-address,.live-refresh-note{font-size:16px}
  .map-heading>p,.map-placeholder>div:last-child>span{font-size:20px}.map-toolbar strong{font-size:20px}.map-toolbar>a,.map-loading{font-size:17px}
  .footer-brand strong{font-size:18px}.footer-brand p,.site-footer nav,.site-footer nav button{font-size:18px}.copyright{font-size:16px}
  .mari-private-actions button,.mari-private-actions a{font-size:17px}.mari-private-note{font-size:16px!important}.mari-dialog-intro{font-size:20px}.mari-dialog-card label{font-size:18px}.mari-dialog-card label small,.mari-dialog-footnote,.mari-form-status{font-size:16px}.mari-dialog-card input,.mari-dialog-card select,.mari-dialog-card textarea{font-size:18px;line-height:1.6}
}

/* The live map uses the first screen instead of making visitors scroll through a large intro. */
.map-page{min-height:calc(100dvh - 176px)}
.map-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);align-items:end;gap:40px;padding-block:22px 18px}
.map-heading .back-link{display:inline-flex;align-items:center;min-height:38px;margin:0 0 8px;font-size:17px}
.map-heading h1{font-size:clamp(54px,5.5vw,76px);line-height:1}
.map-heading>p{max-width:420px;margin:0 0 7px;font-size:17px;line-height:1.55}
.map-wrap{padding-bottom:30px}
.map-shell{border-radius:20px}
.map-toolbar{min-height:58px;padding:9px 16px 9px 20px}
.map-toolbar strong{font-size:18px}
.map-toolbar>a{padding:10px 14px;font-size:15px}
.pl3x-map-frame{height:clamp(340px,calc(100dvh - 430px),640px)}

@media(max-width:900px){
  .map-page{min-height:0}
  .map-heading{grid-template-columns:1fr;gap:8px;padding-block:18px 14px}
  .map-heading .back-link{min-height:34px;margin:0 0 5px;font-size:16px}
  .map-heading h1{font-size:clamp(46px,12vw,62px)}
  .map-heading>p{max-width:none;margin:0;font-size:16px;line-height:1.5}
  .map-wrap{padding-bottom:24px}
  .map-toolbar{min-height:54px;padding:8px 10px 8px 14px}
  .map-toolbar strong{font-size:16px}
  .map-toolbar>a{padding:9px 11px;font-size:14px}
  .pl3x-map-frame{height:clamp(260px,calc(100dvh - 500px),500px)}
}
@media(max-width:900px){
  body{font-size:17px;line-height:1.72}.back-link{font-size:18px}.eyebrow{font-size:16px}
  .brand{font-size:17px}.nav-cta,.nav-feedback{font-size:15px}.server-quickbar-title>span{font-size:15px}.server-player-count,.server-quickbar nav a,.server-quickbar nav button{font-size:15px}
  .mobile-hub-intro>span,.mobile-hub-note{font-size:15px}.mobile-hub-intro p{font-size:17px}.mobile-hub-links b{font-size:17px}.mobile-hub-links b small{font-size:15px;line-height:1.5}
  .fun-lede,.about-bubble p,.schedule-paused small,.watch-card p,.sunnycraft-blurb,.join-the-chaos>p{font-size:17px;line-height:1.75}.about-bubble span,.fun-heading>span,.fun-heading>a,.schedule-paused>a,.craft-links a{font-size:16px}
  .server-endpoints span,.server-endpoints em,.server-endpoints .copy-address,.live-card-top,.live-card-top b,.combined-addresses span,.combined-addresses small,.live-refresh-note{font-size:15px}.server-endpoints strong,.combined-addresses strong{font-size:17px}
  .site-footer nav,.site-footer nav button,.footer-brand p{font-size:16px}.copyright{font-size:15px}
  .mari-private-actions button,.mari-private-actions a{font-size:16px}.mari-private-note{font-size:15px!important}.mari-dialog-card label{font-size:17px}.mari-dialog-card label small,.mari-dialog-footnote,.mari-form-status{font-size:15px}.mari-dialog-card input,.mari-dialog-card select,.mari-dialog-card textarea{font-size:17px}
}

.mari-inbox-dialog.is-fallback-open,.mari-inbox-dialog:target{position:fixed;z-index:10000;inset:50% auto auto 50%;display:block;transform:translate(-50%,-50%);box-shadow:0 0 0 100vmax rgba(8,3,20,.8),0 24px 90px rgba(0,0,0,.55)}body.mari-dialog-open{overflow:hidden}

.fun-news{padding-block:125px}.news-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.news-card{min-width:0;padding:28px;border:2px solid #624491;border-radius:24px;background:#21143a;box-shadow:6px 7px 0 #0c0616}.news-card:nth-child(2){transform:rotate(-1deg)}.news-card:nth-child(3){transform:rotate(1deg)}.news-card>span{display:block;margin-bottom:16px;color:#00ffff;font-size:17px;font-weight:900;letter-spacing:.07em}.news-card h3{margin:0;font-size:32px;line-height:1.15}.news-card p{margin:18px 0 24px;color:#c5b8dc;font-size:20px;line-height:1.72}.news-read{color:#00ffff;font-size:18px;font-weight:900}.news-image{display:block;overflow:hidden;margin:-14px -14px 22px;border-radius:16px}.news-image img{display:block;width:100%;height:220px;object-fit:cover}.no-news{grid-column:1/-1;max-width:760px;transform:none!important}.news-article,.news-archive{padding-block:95px 130px}.news-article h1,.news-archive h1{max-width:980px;font-size:clamp(58px,7vw,104px);line-height:1.02}.news-date{margin:24px 0;color:#00ffff;font-size:18px}.news-article-image{overflow:hidden;margin:46px 0;border-radius:28px}.news-article-image img{display:block;width:100%;height:auto}.news-article-copy{max-width:820px;color:#eee7f8;font-size:20px;line-height:1.8}.news-article-copy h2,.news-article-copy h3{margin:1.5em 0 .6em}.news-article-copy a{color:#00ffff;text-decoration:underline;text-underline-offset:4px}.news-archive .news-cards{margin-top:55px}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:900px){.fun-news{padding-block:90px}.news-cards,.archive-grid{grid-template-columns:1fr}.news-card,.news-card:nth-child(2),.news-card:nth-child(3){transform:none}.news-card>span{font-size:16px}.news-card h3{font-size:28px}.news-card p,.news-read{font-size:17px}.news-article,.news-archive{padding-block:65px 95px}.news-article-copy{font-size:18px}.news-image img{height:190px}}

/* Keep the private forms tidy and on-brand while they scroll. */
.mari-inbox-dialog{
  scrollbar-width:thin;
  scrollbar-color:#7653b7 #170b29;
}
.mari-inbox-dialog::-webkit-scrollbar{width:11px}
.mari-inbox-dialog::-webkit-scrollbar-track{margin-block:18px;background:#170b29;border-radius:999px}
.mari-inbox-dialog::-webkit-scrollbar-thumb{border:3px solid #170b29;border-radius:999px;background:#7653b7}
.mari-inbox-dialog::-webkit-scrollbar-thumb:hover{background:#00dede}
.mari-dialog-close{
  z-index:2;
  top:24px;
  right:30px;
  display:grid;
  place-items:center;
  box-sizing:border-box;
  padding:0;
  font-size:0;
  line-height:1;
}
.mari-dialog-close::before{content:'\00d7';font-size:26px;line-height:1;transform:translateY(-1px)}
@media(max-width:640px){
  .mari-inbox-dialog::-webkit-scrollbar{width:8px}
  .mari-inbox-dialog::-webkit-scrollbar-track{margin-block:14px}
  .mari-dialog-close{top:16px;right:20px;width:44px;height:44px}
}

/* A visible, playful loading moment on fast and slow connections. */
.page-loader{
  isolation:isolate;
  overflow:hidden;
  background-color:#130b25;
  background-image:radial-gradient(circle at 18% 28%,rgba(0,255,255,.13) 0 3px,transparent 4px),radial-gradient(circle at 82% 70%,rgba(167,120,230,.2) 0 4px,transparent 5px);
  background-size:44px 44px,62px 62px;
}
.page-loader::before,.page-loader::after{content:'';position:absolute;z-index:-1;border-radius:50%;filter:blur(2px);pointer-events:none}
.page-loader::before{width:340px;height:340px;left:-145px;top:-130px;background:rgba(111,62,181,.27)}
.page-loader::after{width:410px;height:410px;right:-210px;bottom:-215px;background:rgba(0,255,255,.11)}
.page-loader .loader-card{width:min(410px,100%);padding:34px 30px 31px;border:2px solid #6e4aa2;border-radius:28px;background:#1d1033;box-shadow:10px 12px 0 #08040e;text-align:center;animation:loader-card-in .42s cubic-bezier(.2,.8,.2,1) both}
.page-loader .loader-badges{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:22px}
.page-loader .loader-badges span{display:grid;width:58px;height:58px;margin:0;border:2px solid #69479a;border-radius:17px;color:#f5efff;background:#2c184b;font-size:22px;transform:none;animation:loader-bob 1.15s ease-in-out infinite alternate}
.page-loader .loader-badges span:nth-child(2){width:76px;height:76px;border-color:#00ffff;color:#081018;background:#00ffff;font-size:25px;animation-delay:-.38s;transform:rotate(-4deg)}
.page-loader .loader-badges span:nth-child(3){animation-delay:-.75s}
.page-loader strong{font-size:clamp(28px,7vw,38px);letter-spacing:.035em}
.page-loader p{margin:8px 0 21px;color:#c1b4d9;font-size:16px}
.page-loader i{height:8px;border:1px solid #4f3377;background:#10081d}
.page-loader i::after{width:35%;background:linear-gradient(90deg,#7450b5,#00ffff);animation:loader-slide 1s ease-in-out infinite alternate}
.page-loader.is-done{transform:scale(1.015);transition:opacity .38s ease,visibility .38s ease,transform .38s ease}
@keyframes loader-card-in{from{opacity:0;translate:0 18px;scale:.96}to{opacity:1;translate:0 0;scale:1}}
@keyframes loader-bob{to{translate:0 -7px}}

/* Socials stay first. Money support gets its own clear section. */
.support-hub{scroll-margin-top:24px;padding-block:42px 125px}
.support-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:46px;margin-bottom:38px}
.support-heading p{margin:0 0 9px;color:#00ffff;font-size:18px}
.support-heading h2{max-width:780px;margin:0;font-size:clamp(48px,6vw,82px);line-height:1}
.support-heading>span{max-width:470px;margin-bottom:7px;color:#c4b6dc;font-size:19px;line-height:1.65;text-align:right}
.support-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.support-links>a{min-width:0;min-height:245px;display:grid;grid-template-columns:54px minmax(0,1fr) 24px;align-items:start;gap:16px;padding:24px;border:2px solid #684897;border-radius:24px;color:#f5efff;background:#24143f;box-shadow:0 8px 0 #09040f;transition:translate .18s ease,border-color .18s ease,background .18s ease}
.support-links>a:hover{translate:0 -4px;border-color:#00ffff;background:#2d194d}
.support-links>a.support-sea{border-color:#00dede;background:#251748}
.support-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;color:#130b25;background:#00ffff;font-size:22px}
.support-links b{min-width:0;font-size:24px;line-height:1.2}
.support-links b>small{display:block;min-height:54px;margin-top:7px;color:#c0b2d8;font-size:16px;line-height:1.55;font-weight:500}
.support-links>a>i{justify-self:end;color:#00ffff;font-size:22px;font-style:normal}
.payment-logos{display:flex;flex-wrap:wrap;gap:6px;margin-top:17px}
.pay-logo{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:4px 8px;border:1px solid #7454a4;border-radius:7px;color:#24143f;background:#f7f2ff;font-size:11px;font-weight:900;line-height:1;letter-spacing:.01em;white-space:nowrap}
.support-note{margin:20px 0 0;color:#9e8dbb;font-size:15px;line-height:1.55}
.mobile-site-title{margin:0 0 18px;color:#00ffff;font-size:17px;text-align:center}

/* Lightweight motion uses opacity and translate only, so phones stay smooth. */
.mari-motion [data-reveal]{opacity:0;transform:translate3d(0,22px,0) scale(.985);transition:opacity .42s ease,transform .42s cubic-bezier(.2,.8,.2,1);transition-delay:var(--reveal-delay,0ms)}
.mari-motion [data-reveal].is-visible{opacity:1;transform:translate3d(0,0,0) scale(1)}
.hero-sticker{animation:sticker-bob 2.8s ease-in-out infinite alternate}
.sticker-two{animation-delay:-.9s}.sticker-three{animation-delay:-1.7s}
.hello-pill{animation:hello-wiggle 3.6s ease-in-out infinite}
.nav-cta span,.server-player-count i{animation:aqua-pulse 1.7s ease-in-out infinite}
.watch-card:hover .watch-art strong{animation:watch-wiggle .46s ease-in-out}
@keyframes sticker-bob{to{translate:0 -9px}}
@keyframes hello-wiggle{0%,100%{rotate:0deg}50%{rotate:2deg}}
@keyframes aqua-pulse{50%{opacity:.45;scale:.72}}
@keyframes watch-wiggle{25%{rotate:-2deg}75%{rotate:2deg}}

@media(max-width:900px){
  .support-heading{align-items:flex-start;flex-direction:column;gap:18px}.support-heading>span{max-width:700px;margin:0;text-align:left}
  .support-links{grid-template-columns:1fr}.support-links>a{min-height:0}.support-links b>small{min-height:0}
  .hero-sticker,.hello-pill,.nav-cta span,.server-player-count i,.happy-ticker div,.creator-ticker div{animation:none!important}
}
@media(max-width:620px){
  .mobile-social-hub{min-height:auto;padding-bottom:44px}
  .support-hub{padding-block:34px 54px}
  .support-heading{margin-bottom:24px}.support-heading p{font-size:16px}.support-heading h2{font-size:40px;line-height:1.08}.support-heading>span{font-size:17px;line-height:1.65}
  .support-links{gap:13px}.support-links>a{grid-template-columns:44px minmax(0,1fr) 19px;gap:12px;padding:18px 15px;border-radius:18px}
  .support-icon{width:42px;height:42px;border-radius:12px;font-size:18px}.support-links b{font-size:20px}.support-links b>small{font-size:15px;line-height:1.5}.support-links>a>i{font-size:18px}
  .payment-logos{margin-top:13px}.pay-logo{min-height:25px;padding:4px 7px;font-size:10px}.support-note{font-size:14px}
  .mobile-site-hub{min-height:auto;padding-block:38px 58px}
}
@media(prefers-reduced-motion:reduce){
  .page-loader .loader-card,.page-loader .loader-badges span,.hero-sticker,.hello-pill,.nav-cta span,.server-player-count i{animation:none!important}
  html{scroll-behavior:auto!important}
  .mari-motion [data-reveal]{opacity:1!important;transform:none!important}
}

.mari-dialog-card input[type="file"]{padding:9px;color:#c8bbdd;cursor:pointer}
.mari-dialog-card input[type="file"]::file-selector-button{margin-right:12px;padding:10px 13px;border:1px solid #00dede;border-radius:9px;color:#130b25;background:#00ffff;font:inherit;font-size:15px;font-weight:900;cursor:pointer}

.nav-cta:active,.nav-cta:focus-visible{color:#fff!important;background:#7546bd!important;box-shadow:0 0 0 4px rgba(117,70,189,.24)!important;transform:translateY(1px)}
.nav-cta:active span,.nav-cta:focus-visible span{color:#00ffff!important}
.legal-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:21px 34px;border-top:1px solid #37254f;color:#aa9abd}
.legal-copyright{margin:0;font-size:16px;line-height:1.5}
.legal-footer nav{display:flex;flex-wrap:wrap;gap:20px;font-size:16px;font-weight:900}
.legal-footer a{color:#d4c8e8}.legal-footer a:hover{color:#00ffff}
@media(max-width:620px){.legal-footer{align-items:flex-start;flex-direction:column;padding-block:24px calc(34px + env(safe-area-inset-bottom))}.legal-copyright,.legal-footer nav{font-size:16px}}

/* Clear, modern footer without random links. */
.site-footer{min-height:0!important;display:grid!important;grid-template-columns:minmax(240px,.9fr) minmax(0,1.6fr)!important;align-items:start!important;gap:64px!important;margin-top:70px;padding:55px!important;border:2px solid #4f3576!important;border-radius:30px;background:linear-gradient(135deg,#21133a,#180d2b);box-shadow:0 10px 0 #08040e}
.footer-intro{max-width:430px}.footer-sticker{display:grid;place-items:center;width:58px;height:58px;margin-bottom:22px;border:2px solid #00ffff;border-radius:17px;color:#130b25;background:#00ffff;font-size:19px;font-weight:900;rotate:-4deg}
.footer-intro>strong{display:block;color:#f7f2ff;font-size:28px;letter-spacing:.025em}.footer-intro>p{margin:12px 0 20px;color:#b9add3;font-size:18px;line-height:1.7}.footer-intro>a{color:#00ffff;font-size:17px;font-weight:900}
.footer-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.footer-columns section{min-width:0}.footer-columns h2{margin:0 0 18px;color:#00ffff;font-size:17px!important;letter-spacing:.05em!important;text-transform:uppercase}
.site-footer .footer-columns nav{display:flex!important;align-items:flex-start;flex-direction:column;gap:13px!important;color:#eee7f8;font-size:18px!important}.site-footer .footer-columns nav a{color:#d1c5e5;line-height:1.4}.site-footer .footer-columns nav a:hover{color:#fff;translate:3px 0}
.site-footer .footer-columns nav a span{display:inline-block;margin-left:5px;color:#00ffff;font-size:.78em;transition:translate .18s ease}.site-footer .footer-columns nav a:hover span{translate:3px -2px}
.legal-footer{margin-top:16px}
@media(max-width:900px){.site-footer{grid-template-columns:1fr!important;gap:43px!important;padding:42px 32px!important}.footer-columns{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.site-footer{width:calc(100% - 28px);margin-top:42px;padding:34px 23px!important;border-radius:24px}.footer-intro>strong{font-size:25px}.footer-intro>p{font-size:17px}.footer-columns{grid-template-columns:1fr 1fr;gap:32px 26px}.footer-columns section:last-child{grid-column:1/-1}.site-footer .footer-columns nav{font-size:17px!important}.legal-footer{width:calc(100% - 28px);margin-top:12px}}

/* Legal pages are readable first, styled second. */
.legal-page{padding-bottom:90px}.legal-hero{padding-block:92px 58px}.legal-hero>p,.legal-kicker{margin:0 0 12px;color:#00ffff;font-size:17px;font-weight:900;letter-spacing:.055em;text-transform:uppercase}.legal-hero h1{max-width:940px;margin:0;font-size:clamp(58px,8vw,108px);line-height:.98;letter-spacing:-.035em}.legal-hero>span{display:block;margin-top:22px;color:#bcaed5;font-size:19px;line-height:1.6}.legal-hero nav{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px}.legal-hero nav a{padding:12px 17px;border:1px solid #69489b;border-radius:999px;color:#f4effc;background:#251542;font-size:16px;font-weight:900}.legal-hero nav a:hover{border-color:#00ffff;color:#130b25;background:#00ffff}.legal-layout{display:grid;gap:34px}.legal-section{scroll-margin-top:24px;padding:50px 54px;border:2px solid #54377e;border-radius:30px;background:linear-gradient(145deg,#21133b,#180d2b);box-shadow:0 9px 0 #08040e}.legal-section h2{margin:0 0 27px;color:#f7f2ff;font-size:clamp(42px,5vw,66px);line-height:1.05}.legal-section h3{margin:36px 0 10px;color:#f4effc;font-size:25px;line-height:1.28}.legal-section p,.legal-section li{color:#cbbfdf;font-size:18px;line-height:1.82}.legal-section p{margin:0 0 18px}.legal-section ul{display:grid;gap:10px;margin:0 0 25px;padding-left:25px}.legal-section a{color:#00ffff;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.legal-section a:hover{color:#fff}.legal-section .legal-kicker{color:#00ffff;font-size:16px;line-height:1.4}

/* A useful 404 page that still feels like Mari's site. */
.not-found-page{overflow:hidden;padding:76px 0 105px}.not-found-card{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:center;gap:52px;min-height:560px;padding:68px;border:2px solid #604291;border-radius:38px;background-color:#311a55;background-image:radial-gradient(circle,rgba(0,255,255,.15) 0 3px,transparent 4px),linear-gradient(135deg,#2b174c,#4b2879);background-size:42px 42px,auto;box-shadow:0 12px 0 #08040e}.not-found-copy{position:relative;z-index:1}.not-found-kicker{margin:0 0 20px;color:#00ffff;font-size:19px;font-weight:900}.not-found-copy h1{max-width:780px;margin:0;font-size:clamp(58px,7vw,96px);line-height:.98;letter-spacing:-.035em}.not-found-copy>p:not(.not-found-kicker){max-width:680px;margin:28px 0 0;color:#e1d7f1;font-size:20px;line-height:1.7}.not-found-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.not-found-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:14px 22px;border:2px solid #a985db;border-radius:16px;color:#fff;background:#281541;font-size:18px;font-weight:900;box-shadow:0 5px 0 #11081d}.not-found-actions a:hover{translate:0 -2px;border-color:#00ffff}.not-found-actions .not-found-primary{border-color:#00ffff;color:#130b25;background:#00ffff}.not-found-art{position:relative;display:grid;place-items:center;aspect-ratio:1;border:3px solid #00ffff;border-radius:32% 68% 61% 39% / 39% 32% 68% 61%;color:#150b26;background:#00ffff;box-shadow:16px 18px 0 #1a0c2d;animation:not-found-float 3.3s ease-in-out infinite alternate}.not-found-art span{position:absolute;top:17%;right:18%;font-size:62px;font-weight:900;rotate:14deg}.not-found-art strong{font-size:clamp(70px,10vw,128px);line-height:1;rotate:-5deg}.not-found-art small{position:absolute;bottom:14%;padding:8px 12px;border:2px solid #150b26;border-radius:10px;font-size:18px;font-weight:900;rotate:5deg}.not-found-routes{display:grid;grid-template-columns:minmax(230px,.65fr) minmax(0,1.35fr);gap:55px;padding-top:78px}.not-found-routes>div p{margin:0 0 9px;color:#00ffff;font-size:17px}.not-found-routes h2{margin:0;font-size:clamp(42px,5vw,68px);line-height:1.05}.not-found-routes nav{display:grid;gap:13px}.not-found-routes nav a{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:3px 18px;padding:20px 22px;border:2px solid #503574;border-radius:18px;color:#f5efff;background:#21133a;box-shadow:0 5px 0 #08040e;transition:translate .18s ease,border-color .18s ease}.not-found-routes nav a:hover{translate:4px 0;border-color:#00ffff}.not-found-routes nav span{font-size:21px;font-weight:900}.not-found-routes nav small{grid-column:1;color:#ad9dc9;font-size:16px;line-height:1.45}.not-found-routes nav b{grid-column:2;grid-row:1/3;align-self:center;color:#00ffff;font-size:22px}@keyframes not-found-float{to{translate:0 -10px;rotate:2deg}}
@media(max-width:900px){.not-found-card{grid-template-columns:1fr;gap:45px;padding:50px}.not-found-art{width:min(380px,84%);justify-self:center}.not-found-routes{grid-template-columns:1fr;gap:32px}}
@media(max-width:620px){.legal-page{padding-bottom:45px}.legal-hero{padding-block:58px 35px}.legal-hero h1{font-size:52px}.legal-hero>span{font-size:16px}.legal-section{padding:31px 23px;border-radius:23px}.legal-section h2{font-size:39px}.legal-section h3{margin-top:30px;font-size:23px}.legal-section p,.legal-section li{font-size:17px;line-height:1.75}.not-found-page{padding:35px 0 58px}.not-found-card{width:calc(100% - 28px);min-height:0;padding:37px 22px;border-radius:27px}.not-found-copy h1{font-size:49px;line-height:1.02}.not-found-copy>p:not(.not-found-kicker){font-size:18px}.not-found-actions{display:grid}.not-found-actions a{width:100%}.not-found-art{width:min(280px,90%)}.not-found-routes{width:calc(100% - 28px);padding-top:55px}.not-found-routes h2{font-size:42px}.not-found-routes nav span{font-size:19px}.not-found-routes nav small{font-size:15px}}
@media(prefers-reduced-motion:reduce){.not-found-art{animation:none!important}}

/* Taps and keyboard focus stay bright. No browser-made black highlight. */
a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}
.nav-feedback,.nav-feedback:link,.nav-feedback:visited,.nav-feedback:hover{color:#081018!important}
.nav-cta,.nav-cta:link,.nav-cta:visited{color:#29194a!important}
.squishy-button:visited{color:inherit}
.nav-cta:active,.nav-cta:focus-visible,
.nav-feedback:active,.nav-feedback:focus-visible,
.squishy-button:active,.squishy-button:focus-visible,
.mobile-hub-links a:active,.mobile-hub-links a:focus-visible,
.desktop-hub-links a:active,.desktop-hub-links a:focus-visible,
.server-quickbar nav a:active,.server-quickbar nav a:focus-visible,
.server-quickbar nav button:active,.server-quickbar nav button:focus-visible,
.craft-links a:active,.craft-links a:focus-visible,
.mari-private-actions a:active,.mari-private-actions a:focus-visible,
.support-links>a:active,.support-links>a:focus-visible,
.not-found-actions a:active,.not-found-actions a:focus-visible,
.not-found-routes nav a:active,.not-found-routes nav a:focus-visible,
.legal-hero nav a:active,.legal-hero nav a:focus-visible,
.mari-dialog-close:active,.mari-dialog-close:focus-visible,
.mari-dialog-card input[type="file"]::file-selector-button:active{
  border-color:#b99be5!important;
  color:#fff!important;
  background:#7546bd!important;
  box-shadow:0 0 0 4px rgba(117,70,189,.28)!important;
}
.nav-cta:active span,.nav-cta:focus-visible span{color:#00ffff!important}
.mobile-hub-links a:active>span,.mobile-hub-links a:focus-visible>span,
.desktop-hub-links a:active>span,.desktop-hub-links a:focus-visible>span{color:#130b25!important;background:#00ffff!important}
.squishy-button:active,.squishy-button:focus-visible{transform:translateY(3px)!important;box-shadow:0 3px 0 #2d184d!important}
.support-links>a:active,.support-links>a:focus-visible,.not-found-routes nav a:active,.not-found-routes nav a:focus-visible{translate:0 2px!important}
.site-footer a:focus-visible,.legal-footer a:focus-visible{border-radius:6px;outline:3px solid #00ffff;outline-offset:4px;color:#fff}

/* Clear hover contrast, real payment marks, and useful information first. */
.nav-cta:hover{
  border-color:#9f7cda!important;
  color:#fff!important;
  background:#7546bd!important;
  box-shadow:0 0 0 4px rgba(117,70,189,.24)!important;
}
.nav-cta:hover span{color:#00ffff!important}
.fun-heading-aside{display:flex;align-items:flex-end;flex-direction:column;gap:12px;max-width:430px;color:#b9add3;font-size:18px;line-height:1.6;text-align:right}
.fun-heading-aside a{color:#00ffff;font-weight:900}
.payment-logos{display:grid;grid-template-columns:repeat(3,68px);align-items:center;gap:8px;margin-top:18px}
.pay-logo{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:68px;
  min-width:68px;
  height:40px;
  min-height:40px;
  padding:6px 9px;
  border:1px solid #9b87ba;
  border-radius:10px;
  background:#fff;
  overflow:hidden;
}
.pay-logo img{display:block;width:auto;height:auto;max-width:53px;max-height:25px;object-fit:contain;transform-origin:center}
.pay-logo-fpx img{max-width:50px;max-height:25px}
.pay-logo-touch-n-go-ewallet img{max-width:46px;max-height:25px;transform:scale(1.24)}
.pay-logo-grabpay img{max-width:50px;max-height:22px;transform:scale(1.85)}
.pay-logo-visa img{max-width:40px;max-height:21px;transform:scale(1.58)}
.pay-logo-mastercard img{width:40px;max-width:40px;max-height:25px}
.pay-logo-paypal-p img{width:29px;max-width:29px;max-height:29px}
.pay-logo-apple-pay img{max-width:45px;max-height:24px}
.pay-logo-google-pay img{max-width:47px;max-height:22px;transform:scale(1.78)}
.pay-logo-american-express img{max-width:40px;max-height:25px}
.status-hero-refresh{margin:22px 0 0;text-align:right}
.status-hero .operational-seal strong{font-size:25px;line-height:1.25}
@media(max-width:900px){
  .fun-heading-aside{align-items:flex-start;max-width:100%;font-size:16px;text-align:left}
  .status-hero-refresh{text-align:left}
}
@media(max-width:620px){
  .support-hub{padding-block:28px 44px}
  .support-heading{gap:13px;margin-bottom:20px}.support-heading h2{font-size:38px}.support-heading>span{font-size:15px;line-height:1.55}
  .support-links{gap:11px}.support-links>a{grid-template-columns:40px minmax(0,1fr) 16px;gap:10px;padding:15px 12px;border-radius:17px;box-shadow:0 5px 0 #09040f}
  .support-icon{width:40px;height:40px}.support-links b{font-size:19px}.support-links b>small{margin-top:5px;font-size:14px;line-height:1.45}
  .payment-logos{grid-template-columns:repeat(3,60px);gap:6px;margin-top:12px}
  .pay-logo{width:60px;min-width:60px;height:36px;min-height:36px;padding:5px 6px;border-radius:8px}
  .pay-logo img{max-width:46px;max-height:21px}
  .pay-logo-touch-n-go-ewallet img{transform:scale(1.16)}
  .pay-logo-grabpay img{transform:scale(1.62)}
  .pay-logo-visa img{transform:scale(1.44)}
  .pay-logo-mastercard img{width:37px;max-width:37px;max-height:23px}
  .pay-logo-paypal-p img{width:26px;max-width:26px;max-height:26px}
  .pay-logo-google-pay img{transform:scale(1.56)}
  .pay-logo-american-express img{max-width:37px;max-height:23px}
  .support-note{margin-top:15px;font-size:13px;line-height:1.5}
  .status-hero .operational-seal strong{font-size:22px}
}

/* One consistent Minecraft layout for addresses, edition support, and live status. */
.sunnycraft-zone{display:block;min-height:0;padding:68px;background:linear-gradient(145deg,#2b184c,#351f5d)}
.sunnycraft-copy{max-width:none}
.sunnycraft-copy h2{max-width:860px;font-size:clamp(58px,6vw,86px);line-height:.98}
.sunnycraft-blurb{max-width:760px;margin-top:24px}
.server-endpoints{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:34px}
.server-endpoints>div{display:flex;flex-direction:column;min-height:250px;padding:25px;border:2px solid #7655a4;border-radius:22px;background:#21143a;box-shadow:0 7px 0 #160b26}
.server-endpoints span{font-size:15px}
.server-endpoints strong{font-size:21px}
.server-endpoints .server-ip{overflow-wrap:normal;word-break:normal;white-space:nowrap;font-size:clamp(15px,1.35vw,19px);letter-spacing:-.015em}
.server-endpoints .copy-address{font-size:16px}
.server-endpoint-live{background:linear-gradient(145deg,#251542,#2f1b51)!important}
.server-endpoint-live>p{margin:15px 0 0;color:#c7b9dd;font-size:17px;line-height:1.65}
.craft-side-count{margin-top:auto;padding-top:23px}
.craft-side-count .server-player-count{display:inline-flex;justify-content:center;min-width:190px;max-width:100%;padding:12px 15px;border:2px solid #00ffff;border-radius:13px;color:#130b25;background:#00ffff;font-size:18px;font-weight:900}
.craft-side-count .server-player-count i{background:#38205f;box-shadow:none}
.craft-side-count .server-player-count>span{display:inline;margin:0;color:inherit;font-size:inherit;line-height:1.2;letter-spacing:0;white-space:nowrap}
.craft-side-count .server-player-count.offline{border-color:#85759e;color:#130b25;background:#c7bad9}
.craft-buttons{margin-top:30px}.craft-buttons .squishy-button{min-width:280px}
.craft-links{max-width:780px;margin-top:32px}
@media(max-width:980px){
  .sunnycraft-zone{padding:54px}
  .server-endpoints{grid-template-columns:1fr 1fr}
  .server-endpoint-live{grid-column:1/-1;min-height:210px!important}
}
@media(max-width:620px){
  .sunnycraft-zone{padding:38px 22px}
  .sunnycraft-copy h2{font-size:46px}
  .server-endpoints{grid-template-columns:1fr;gap:13px;margin-top:28px}
  .server-endpoints>div,.server-endpoint-live{grid-column:auto;min-height:0!important;padding:22px 19px}
  .server-endpoints span{font-size:14px}.server-endpoints strong{font-size:19px}.server-endpoints .server-ip{font-size:clamp(14px,4.2vw,17px)}.server-endpoints .copy-address{font-size:15px}
  .server-endpoint-live>p{font-size:16px}
  .craft-side-count{margin-top:20px;padding-top:0}.craft-side-count .server-player-count{font-size:16px}
  .craft-buttons .squishy-button{min-width:0}
}

/* Reliable taps, smooth page changes, and real animated dialogs. */
html{scrollbar-gutter:stable}
#site-top{scroll-margin-top:0}
.desktop-link-hub,.support-hub,.fun-about,.fun-news,.fun-schedule,.fun-latest,.sunnycraft-zone,.join-the-chaos,.status-content,.server-history,.map-wrap,.site-footer{content-visibility:auto!important;contain-intrinsic-size:auto 700px}
.sunnycraft-zone{scroll-margin-top:18px}
.sun-glow{display:none!important}
#mari-main{transition:opacity .18s ease}
body.mari-route-transition #mari-main{pointer-events:none;opacity:0;will-change:opacity}
a,button{touch-action:manipulation}
.back-to-top{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:11px 16px;border:2px solid #00ffff;border-radius:14px;color:#130b25!important;background:#00ffff;box-shadow:0 5px 0 #0a0512;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}
.back-to-top:hover{transform:translateY(-2px)}
.back-to-top:active,.back-to-top:focus-visible{border-color:#b99be5!important;color:#fff!important;background:#7546bd!important;box-shadow:0 2px 0 #1a0d2d,0 0 0 4px rgba(117,70,189,.28)!important;transform:translateY(3px)}
.mari-inbox-dialog{overscroll-behavior:contain;scroll-behavior:smooth;will-change:transform,opacity;backface-visibility:hidden;transform:translateZ(0)}
.mari-inbox-dialog::backdrop{background:rgba(8,3,20,.86);backdrop-filter:none!important}
.mari-inbox-dialog{scrollbar-gutter:stable}
.mari-dialog-close{position:sticky;z-index:5;top:18px;right:auto;display:grid;place-items:center;margin:0 0 -42px auto}
.mari-inbox-dialog.is-opening{animation:mari-dialog-in .2s cubic-bezier(.2,.8,.2,1) both}
.mari-inbox-dialog.is-closing{animation:mari-dialog-out .16s ease both}
.mari-inbox-dialog.is-opening::backdrop{animation:mari-backdrop-in .18s ease both}
.mari-inbox-dialog.is-closing::backdrop{animation:mari-backdrop-out .14s ease both}
body.mari-dialog-open *{animation-play-state:paused!important}
body.mari-dialog-open .mari-inbox-dialog,body.mari-dialog-open .mari-inbox-dialog *{animation-play-state:running!important}
@keyframes mari-dialog-in{from{opacity:0;transform:translate3d(0,18px,0) scale(.985)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes mari-dialog-out{from{opacity:1;transform:translate3d(0,0,0) scale(1)}to{opacity:0;transform:translate3d(0,12px,0) scale(.99)}}
@keyframes mari-backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes mari-backdrop-out{from{opacity:1}to{opacity:0}}

@media(max-width:620px){
  .site-header{grid-template-columns:minmax(0,1fr) auto;gap:10px}
  .main-nav{display:none}
  .brand{min-width:0;white-space:nowrap;font-size:14px}.brand i{flex:0 0 auto;width:25px;height:25px;font-size:13px}
  .header-actions{gap:6px}
  .nav-feedback,.nav-cta{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 10px;font-size:14px;line-height:1;white-space:nowrap}
  .nav-cta span{display:none}
  .server-quickbar nav a{min-height:52px;display:flex;align-items:center;justify-content:center;padding:10px 8px;font-size:16px}
  .server-quickbar-title>span{font-size:14px}.server-player-count{font-size:15px}
  .sun-glow{display:none}
  .subpage-hero{padding-block:38px 48px}
  .subpage-hero h1{font-size:clamp(54px,16vw,70px);line-height:.98}
  .status-hero-grid{gap:28px}
  .status-hero .back-link{display:inline-flex;align-items:center;min-height:48px;margin-bottom:28px;font-size:18px}
  .status-hero .operational-seal{min-height:0;padding:20px;border-radius:20px}
  .status-hero .operational-seal strong{font-size:23px}
  .status-content{padding-bottom:72px}
  .live-status-grid article{padding:22px 18px;border-radius:20px}
  .live-refresh-note{line-height:1.55}
  .mari-inbox-dialog{width:calc(100% - 22px);max-height:calc(100dvh - 24px);border-radius:22px;-webkit-overflow-scrolling:touch}
  .mari-dialog-card{padding:26px 17px 22px}
  .mari-dialog-card h2{padding-right:48px;font-size:42px;line-height:1.04}
  .mari-dialog-intro{margin-top:13px}
  .mari-dialog-close{top:12px;right:auto;width:46px;height:46px;margin-bottom:-46px}
  .mari-private-actions a{min-height:52px;display:flex;align-items:center;justify-content:center}
  .footer-intro .back-to-top{width:100%;font-size:17px}
}

@media(max-width:390px){
  .site-header{grid-template-columns:1fr;padding-block:14px}
  .brand{justify-self:center}
  .header-actions{justify-self:stretch;display:grid;grid-template-columns:1fr 1fr;width:100%}
  .nav-feedback,.nav-cta{width:100%}
}

@media(prefers-reduced-motion:reduce){
  .mari-inbox-dialog.is-opening,.mari-inbox-dialog.is-closing,.mari-inbox-dialog.is-opening::backdrop,.mari-inbox-dialog.is-closing::backdrop{animation:none!important}
}

@media(min-width:901px){
  .sunnycraft-zone{margin-block:60px 90px;padding:46px 52px}
  .sunnycraft-copy h2{font-size:clamp(56px,5vw,72px)}
  .sunnycraft-blurb{margin-top:18px;font-size:18px}
  .server-endpoints{margin-top:23px}
  .server-endpoints>div{min-height:210px;padding:20px}
  .server-endpoint-live>p{margin-top:10px;font-size:16px}
  .craft-side-count{padding-top:14px}
  .craft-buttons{margin-top:21px}.craft-links{margin-top:21px}
  .status-hero{padding-block:20px 18px}.status-hero .back-link{margin-bottom:10px}
  .status-hero h1{font-size:clamp(48px,4.6vw,64px);line-height:1;white-space:nowrap}
  .status-hero h1 br{display:none}
  .status-hero-grid{align-items:center;gap:38px}
  .status-hero-refresh{display:none}
  .status-content .live-refresh-note{display:none}
  .status-content{padding-bottom:32px}.live-status-grid article{padding:22px}.live-card-top{margin-bottom:12px}.live-player-total{margin-block:14px}.combined-addresses>div{padding:15px}
  .live-status-grid .combined-status-card{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);grid-template-rows:auto auto 1fr;column-gap:28px;align-items:start}
  .combined-status-card .live-card-top{grid-column:1/-1}
  .combined-status-card>h2{grid-column:1;grid-row:2}
  .combined-status-card>.live-player-total{grid-column:1;grid-row:3;align-self:end}
  .combined-status-card>.combined-addresses{grid-column:2;grid-row:2/4;align-self:stretch}
}

/* Real Minecraft activity history, recorded by this site every five minutes. */
.status-content{padding-bottom:48px}
.server-history{padding-bottom:115px}
.server-history-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:42px;margin-bottom:26px}
.server-history-heading h2{margin:0;color:#f7f2ff;font-size:clamp(50px,5vw,72px);line-height:1.02;letter-spacing:-.025em}
.server-history-heading p{max-width:620px;margin:13px 0 0;color:#b9add3;font-size:19px;line-height:1.65}
.server-history-heading>strong{max-width:280px;color:#00ffff;font-size:17px;line-height:1.45;text-align:right}
.history-chart-card{position:relative;overflow:hidden;padding:26px 28px 20px;border:2px solid #65458f;border-radius:26px;background:linear-gradient(145deg,#21143a,#1a0f2e);box-shadow:0 8px 0 #08040e}
.history-chart-key{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-bottom:13px;color:#c9bddc;font-size:15px;font-weight:800}
.history-chart-key span{display:inline-flex;align-items:center;gap:8px}.history-chart-key i{display:block;width:20px;height:4px;border-radius:999px;background:#00ffff}.history-chart-key .history-key-trend{height:0;border-top:3px dashed #c5a6ff;background:transparent}.history-chart-key .history-key-down{width:9px;height:9px;border-radius:50%;background:#ff6ba6}
.history-chart-key>strong{margin-left:auto;padding:7px 11px;border-radius:10px;color:#130b25;background:#00ffff;font-size:14px;white-space:nowrap}
.server-history-chart{display:block;width:100%;height:clamp(250px,27vw,340px);overflow:visible;cursor:crosshair;touch-action:pan-y}
.history-grid line{stroke:#6f5890;stroke-width:1;stroke-opacity:.38;vector-effect:non-scaling-stroke}
.history-y-axis text{fill:#cfc2e4;font-size:14px;font-weight:900;paint-order:stroke;stroke:#1b1030;stroke-width:3px;stroke-linejoin:round}
.history-area{fill:url(#mari-history-fill);stroke:none}
.history-line{fill:none;stroke:#00ffff;stroke-width:4;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 5px rgba(0,255,255,.26))}
.history-trend{fill:none;stroke:#d0b7ff;stroke-width:3;stroke-dasharray:9 9;stroke-linecap:round;vector-effect:non-scaling-stroke}
.history-points circle{fill:#00ffff;stroke:#160b27;stroke-width:2;vector-effect:non-scaling-stroke}
.history-outages line{stroke:#ff6ba6;stroke-width:3;vector-effect:non-scaling-stroke}.history-outages circle{fill:#ff6ba6;stroke:#160b27;stroke-width:3;vector-effect:non-scaling-stroke}.history-outages .history-missed{fill:#9a8bab;stroke:#160b27}
.history-hover-line{stroke:#f7f2ff;stroke-width:2;stroke-dasharray:5 6;vector-effect:non-scaling-stroke;pointer-events:none}.history-hover-point{fill:#00ffff;stroke:#12091f;stroke-width:4;vector-effect:non-scaling-stroke;pointer-events:none}
.history-tooltip{position:absolute;z-index:4;min-width:158px;max-width:210px;padding:11px 13px;border:2px solid #00ffff;border-radius:14px;color:#f7f2ff;background:#12091f;box-shadow:0 7px 0 rgba(0,0,0,.34);pointer-events:none}.history-tooltip strong,.history-tooltip span,.history-tooltip em{display:block}.history-tooltip strong{color:#00ffff;font-size:17px;line-height:1.2}.history-tooltip span{margin-top:4px;font-size:14px}.history-tooltip em{margin-top:3px;color:#b9add3;font-size:12px;font-style:normal}
.history-axis{display:grid;grid-template-columns:repeat(5,1fr);margin:4px 0 0;color:#9f90b9;font-size:14px}.history-axis span:nth-child(2),.history-axis span:nth-child(3),.history-axis span:nth-child(4){text-align:center}.history-axis span:last-child{text-align:right}
.history-chart-note{margin:17px 0 0;color:#b6a8cd;font-size:16px;line-height:1.55}
.history-stats{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;margin-top:18px;border:2px solid #543a7d;border-radius:22px;background:#21143a;box-shadow:0 6px 0 #08040e}
.history-stats>div{min-width:0;padding:23px 25px;border-right:1px solid #543a7d}.history-stats>div:last-child{border-right:0}.history-stats span{display:block;margin-bottom:9px;color:#00ffff;font-size:14px;font-weight:900;letter-spacing:.055em}.history-stats strong{display:block;color:#f6f0ff;font-size:23px;line-height:1.25}
@media(max-width:900px){
  .server-history{padding-bottom:80px}.server-history-heading{align-items:flex-start;flex-direction:column;gap:13px}.server-history-heading p{font-size:17px}.server-history-heading>strong{max-width:none;font-size:16px;text-align:left}.server-history-chart{height:280px}.history-chart-note{font-size:15px}
}
@media(max-width:620px){
  .status-content{padding-bottom:38px}.server-history{width:calc(100% - 30px);padding-bottom:62px}.server-history-heading{margin-bottom:18px}.server-history-heading h2{font-size:43px}.server-history-heading p{margin-top:9px;font-size:16px}.server-history-heading>strong{font-size:15px}
  .history-chart-card{padding:18px 14px 16px;border-radius:20px}.history-chart-key{gap:9px 15px;font-size:12px}.history-chart-key i{width:16px}.history-chart-key>strong{width:100%;margin-left:0;font-size:13px;text-align:center}.server-history-chart{height:220px}.history-y-axis text{font-size:12px}.history-tooltip{min-width:140px;padding:9px 11px}.history-tooltip strong{font-size:15px}.history-tooltip span{font-size:12px}.history-axis{font-size:11px}.history-chart-note{margin-top:13px;font-size:13px}
  .history-stats{margin-top:13px;border-radius:18px}.history-stats>div{padding:16px 10px}.history-stats span{font-size:10px;letter-spacing:.025em}.history-stats strong{font-size:16px}
}