:root{--gold:#d3ad62;--line:#67502e;--muted:#aaa39b}
*{box-sizing:border-box}html,body{min-width:0;min-height:100%;font:15px/1.65 Tahoma,Arial,sans-serif}body{background-attachment:scroll;color:#ded8ce}a{color:var(--gold)}button,input{font:inherit}button,a{touch-action:manipulation}h1,h2,h3{font-family:Georgia,serif;color:#ecd6a5;font-weight:400;line-height:1.25}h1{font-size:31px}h2{font-size:21px;margin-top:0}p{margin:0 0 19px}.portal-nav{position:relative;min-height:76px;background:#100b0de8;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px max(24px,calc((100vw - 1320px)/2));}.portal-nav>div{display:flex;gap:18px;align-items:center}.portal-nav a{white-space:nowrap}.portal-nav .active{color:white}.site-name{font:bold 24px Georgia,serif;color:#e6c279}.site-name small{display:block;font:10px Tahoma;letter-spacing:2px}.account-nav form{display:inline}.account-nav button{background:none;color:var(--muted);border:0;cursor:pointer}.nav-register{padding:7px 16px;background:#a78338;border:1px solid #dfb557;color:#120e08;border-radius:3px}.portal-hero{max-width:1320px;margin:auto;min-height:450px;display:flex;align-items:center;justify-content:flex-end;gap:45px;padding:45px 30px;}.portal-hero>img{width:280px;filter:drop-shadow(0 10px 18px #000)}.portal-hero>div{max-width:530px;background:linear-gradient(100deg,#170c0ec9,transparent);padding:25px}.portal-hero h1{font-size:42px;margin:10px 0 15px}.eyebrow{font-size:10px;letter-spacing:2.8px;color:#bea064;margin-bottom:10px}.gold-button,.outline-button{display:inline-block;padding:10px 18px;border-radius:4px;border:1px solid #a78444;cursor:pointer;font-size:13px;margin:5px 7px 5px 0;line-height:1.5;text-decoration:none}.gold-button{background:linear-gradient(#b9944b,#745522);color:#fff0cc}.gold-button:hover{color:white;background:#9c7935}.outline-button{color:var(--gold);background:#100a09a6}.portal-shell{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:240px minmax(0,1fr) 245px;gap:18px;padding:0 24px 60px;align-items:start}.portal-panel{background:linear-gradient(135deg,#281c23ed,#111015f5);border:1px solid #57442f;border-radius:7px;padding:23px;margin-bottom:18px;box-shadow:0 12px 30px #0005}.main-column{min-height:560px;padding:32px}.main-column h2{margin-top:32px}.status{font-size:20px;margin:20px 0}.status span{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:10px}.online{background:#85cf7c;box-shadow:0 0 10px #85cf7c}.offline{background:#e28b75}dl{display:grid;grid-template-columns:1fr auto;gap:8px;margin:16px 0}dt{color:var(--muted);font-weight:normal}dd{margin:0;color:#f1dfbc}.wide-dl{grid-template-columns:1fr 1fr}.hint{font-size:12px;line-height:1.5;color:var(--muted)}ol{padding-left:20px;font-size:13px}li{margin:10px 0}.quick-link{display:block;padding:9px 0;border-bottom:1px solid #493d344d;font-size:13px}.portal-form label{display:block;font-size:13px;color:#d8cab5;margin-bottom:15px}.portal-form input{display:block;width:100%;background:#100d12!important;color:#f0e5d3!important;border:1px solid #5d4d42!important;border-radius:4px;padding:10px;margin-top:6px}.portal-form input:focus{outline:2px solid #d3ad6280}.portal-form .honey{display:none}.portal-form .gold-button{width:100%}.portal-form{max-width:470px}.notice,.error{padding:15px;border:1px solid #66874e;border-radius:4px;background:#26341e;margin:20px 0}.error{border-color:#a25849;background:#3d211d}.lead{font-size:21px;color:#f5deb2}.feature-cards{display:grid;grid-template-columns:1fr;gap:10px;margin:30px 0}.feature-cards a{border:1px solid #514231;background:#170f16;padding:17px;border-radius:5px}.feature-cards strong{display:block;color:#e0c48c}.feature-cards span{font-size:13px;color:var(--muted)}table{width:100%;border-collapse:collapse;font-size:13px}th{font-weight:normal;color:#c6aa73;text-align:left;background:#171014}td,th{padding:11px 8px;border-bottom:1px solid #59493680}td{color:#d8d1c6}.table-scroll{overflow:auto}.tabs{display:flex;gap:10px;margin:22px 0}.tabs a{padding:7px 18px;border:1px solid #665133;border-radius:4px}.tabs .selected{background:#765c2a;color:#fff}.character-card{padding:20px;border:1px solid #60462f;border-radius:5px;background:#150e14;margin-bottom:20px}.character-card h3{font-size:25px;margin:0 0 10px}.side-art{width:100%;border-radius:4px;margin-bottom:22px}footer{text-align:center;padding:25px 20px 45px;font-size:12px;color:#b09976;background:#100b0dcc}footer span{color:#857e77;font-size:11px}
@media(max-width:1100px){.portal-shell{grid-template-columns:210px 1fr}.right-column{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:18px}.portal-hero{min-height:360px}.portal-hero>img{width:200px}.portal-nav{flex-wrap:wrap}.portal-nav>div{gap:14px}}
@media(max-width:700px){.portal-shell{display:flex;flex-direction:column;padding:0 15px 25px}.main-column{order:0;width:100%;padding:22px}.left-column{order:1;width:100%}.right-column{order:2;display:block;width:100%}.portal-hero{padding:35px 15px;min-height:320px;gap:10px}.portal-hero>img{display:none}.portal-hero>div{background:#100b0dbb;width:100%;padding:20px}.portal-hero h1{font-size:34px}.portal-nav{padding:15px;font-size:13px;gap:15px}.portal-nav>div{flex-wrap:wrap;gap:12px}h1{font-size:27px}td,th{padding:9px 6px}}

.portal-hero>.portal-wordmark{background:none;padding:0;width:280px;flex-shrink:0;text-align:center;font:bold 90px/1 Georgia,serif;color:#edce85;text-shadow:0 4px 0 #674925,0 8px 20px #000}.portal-wordmark span{display:block;font-size:36px;letter-spacing:5px;margin:8px 0}.portal-wordmark small{display:block;font:11px Tahoma,sans-serif;letter-spacing:2px;color:#dec695;text-shadow:0 2px 4px #000}@media(max-width:700px){.portal-hero>.portal-wordmark{display:none}}
.account-tools{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0}.account-tools a{padding:8px 12px;border:1px solid #6b5535;border-radius:4px;font-size:13px}.character-services{margin-top:18px;border-top:1px solid #6b5535;padding-top:18px}.character-services summary{color:#edce85;cursor:pointer;font-size:17px}.character-services select{width:100%;background:#100d12;color:#f0e5d3;border:1px solid #5d4d42;border-radius:4px;padding:10px;margin-top:6px}.portal-form label[hidden]{display:none}.feature-item{padding:20px 0;border-bottom:1px solid #5d4d42}.feature-item>div{display:flex;justify-content:space-between;gap:12px;align-items:center}.feature-item h2{margin:0 0 12px!important;font-size:20px}.feature-state{font-size:11px;padding:4px 8px;border-radius:3px;white-space:nowrap}.feature-state.ready{background:#283d22;color:#c4e6ab}.feature-state.pending{background:#3b3021;color:#d6bb8c}.feature-item p{font-size:13px}.feature-item a{font-size:13px}
/* Rezist account controls: bronze frames, dark inset panels and gold actions. */
.account-page .portal-hero{min-height:240px;padding-top:25px;padding-bottom:25px}.account-page .portal-hero h1{font-size:32px}.account-page .portal-wordmark{font-size:64px}.account-page .portal-wordmark span{font-size:25px}.account-page .portal-hero p{margin-bottom:10px}.account-tools{gap:8px}.account-tools a{background:linear-gradient(#372a24,#1a1316);box-shadow:inset 0 1px #ffffff09;text-decoration:none;color:#e4c992}.account-tools a:hover{border-color:#c49a4d;background:#49341f}.character-card{padding:22px;background:linear-gradient(125deg,#261b20,#110e13);border-color:#705330;box-shadow:inset 0 0 0 3px #100b0c,0 8px 22px #0003}.character-heading{display:flex;align-items:center;gap:14px;border-bottom:1px solid #57412d;padding-bottom:18px}.character-heading h3{margin:0 0 4px}.character-heading p{font-size:12px;color:var(--muted);margin:0}.character-emblem{font:32px Georgia;color:#e2bd70;background:radial-gradient(#614027,#24191b);border:1px solid #816137;display:grid;place-items:center;width:54px;height:62px;flex-shrink:0;clip-path:polygon(0 0,100% 0,100% 82%,50% 100%,0 82%)}.character-level{margin-left:auto;font-size:11px;letter-spacing:1px;color:#dfbd7c;white-space:nowrap}.character-stats{grid-template-columns:1fr auto 1fr auto;gap:7px 12px;padding:4px 0;font-size:12px}.character-stats dt:last-of-type{color:#dfbd7c}.character-services{padding-top:16px;margin-top:14px}.service-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;font-family:Georgia,serif;color:#e6cc97;font-size:18px}.free-badge,.locked-badge{font:10px Tahoma,sans-serif;letter-spacing:.3px;border:1px solid #6d7540;padding:3px 7px;color:#c7d8a0;background:#27302177;border-radius:3px;white-space:nowrap}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.service-button{width:100%;display:flex;align-items:center;gap:11px;min-height:82px;border:1px solid #72532f;border-radius:3px;background:linear-gradient(120deg,#3d2b23,#1c1419);padding:12px;text-align:left;color:#e7d5b2;box-shadow:inset 0 1px #ffffff08;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}.service-button:hover{border-color:#d0a454;background:linear-gradient(120deg,#553b29,#291b1f);transform:translateY(-1px)}.service-button:focus-visible,.dialog-close:focus-visible{outline:2px solid #e1b867;outline-offset:3px}.service-icon{font:25px Georgia,serif;color:#d0a35d;min-width:25px;text-align:center}.service-button strong{display:block;font-size:13px;font-weight:normal;color:#e7cd98}.service-button small{display:block;font-size:10px;line-height:1.5;margin-top:3px;color:#b6a898}.service-arrow{margin-left:auto;font-size:24px;color:#af874e}.service-unavailable{cursor:default;opacity:.6}.service-unavailable:hover{transform:none;background:linear-gradient(120deg,#3d2b23,#1c1419);border-color:#72532f}.locked-badge{margin-left:auto;border-color:#685447;color:#c1ada0;background:none;font-size:9px}.service-note{margin:14px 0 0;font-size:11px}.service-dialog{width:min(490px,calc(100vw - 30px));max-height:calc(100dvh - 40px);overflow:auto;border:1px solid #b38c4c;border-radius:6px;background:linear-gradient(135deg,#312127,#141015);color:#ded8ce;padding:25px;box-shadow:0 25px 100px #000c,inset 0 0 0 4px #130d10}.service-dialog::backdrop{background:#08060bd9;backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.dialog-heading .eyebrow{font-size:9px}.dialog-close{background:none;border:0;color:#bca17b;font-size:28px;cursor:pointer;line-height:1;padding:0 4px 8px}.service-dialog h2{font-size:27px;margin:8px 0 12px}.service-dialog .portal-form{max-width:none}.dialog-cost{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #5b442e;padding-top:15px;font-size:12px;color:#bcae9b}.dialog-cost strong{font-weight:normal;color:#c5d79d}.dialog-actions{display:flex;gap:10px;margin-top:13px}.dialog-actions .gold-button{width:auto;flex:1;margin-right:0}.dialog-actions .outline-button{margin-right:0}.stat-input-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.available-points{background:#131017;border:1px solid #55432b;padding:9px 12px;color:#c7b18a;font-size:12px;display:flex;justify-content:space-between}.available-points strong{color:#e6ce93}.reset-notice{font-size:12px;padding:12px;border-left:2px solid #bb9857;background:#3b2d2055}.stat-inputs[hidden],.reset-notice[hidden]{display:none!important}.wallet-balances{font-size:12px;padding:14px 16px;border:1px solid #4c3b2d;background:#140f15;border-radius:4px}.service-dialog input:focus-visible{outline:2px solid #b38c4c}
@media(max-width:700px){.account-page .portal-hero{min-height:190px}.account-page .portal-hero h1{font-size:27px}.character-card{padding:15px}.service-button{padding:10px;gap:8px}.service-icon{font-size:21px;min-width:20px}.service-button strong{font-size:12px}.service-heading{font-size:16px}.character-stats{grid-template-columns:1fr auto}.character-level{font-size:10px}.service-dialog{padding:22px}.service-grid{grid-template-columns:1fr}.service-button{min-height:67px}.service-unavailable .locked-badge{font-size:10px}}

.player-menu{border-color:#967044;background:linear-gradient(135deg,#3a2725,#171016)}.player-menu-name{font-size:12px;color:#c4ad86;padding:8px 10px;background:#140e14;border:1px solid #5b422c;margin-bottom:12px}.player-menu .quick-link{display:flex;justify-content:space-between;text-decoration:none;color:#d7bb86;padding:11px 0}.player-menu .quick-link:hover{color:#fff0c6}.player-menu .quick-link span{color:#9d7542}

.realm-nav{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px max(20px,calc((100vw - 1400px)/2));background:#170e15;border-bottom:1px solid #705330;color:#c8b493;font-size:12px}.realm-nav>a{padding:9px 16px;border:1px solid #705330;border-radius:4px;background:linear-gradient(#372a24,#1a1316);color:#dfc38c;text-decoration:none}.realm-nav>a.selected{border-color:#e4b65e;background:#5a3c23;color:#fff0c5}.realm-nav strong{margin-left:5px}.realm-nav small{color:#b8a78e;font-size:11px}@media(max-width:700px){.realm-nav{gap:8px;padding:12px 15px}.realm-nav small{width:100%}}

/* Header adapted from the muonline.land layout: status pill with live counts, centred nav, action buttons, realm strip. */
.mu-header{position:sticky;top:0;z-index:20;background:linear-gradient(#0d0a0cf2,#100b0dee);border-bottom:1px solid var(--line);backdrop-filter:blur(6px)}
.mu-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px max(20px,calc((100vw - 1400px)/2))}
.mu-srv{display:flex;align-items:center;gap:16px;padding:8px 16px;border:1px solid #3b3228;border-radius:14px;background:#0a0709;white-space:nowrap}
.mu-state{display:flex;align-items:center;gap:8px;padding-right:14px;border-right:1px solid #3b3228;color:#fff}
.mu-dot{width:9px;height:9px;border-radius:50%;display:inline-block;background:#777}.mu-dot.on{background:#2ecc71;box-shadow:0 0 8px #2ecc71}.mu-dot.off{background:#c0392b}
.mu-stat{display:flex;flex-direction:column;align-items:center;line-height:1.1}.mu-stat b{color:#e9c46a;font-size:16px}.mu-stat small{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}
.mu-links{display:flex;align-items:center;gap:22px}.mu-links a{color:#d9d2c6;text-decoration:none;font-size:13px;letter-spacing:1px;text-transform:uppercase;font-weight:bold}.mu-links a:hover,.mu-links a.active{color:#fff}.mu-links .site-name{font:bold 22px Georgia,serif;color:#e6c279;text-transform:none;letter-spacing:0;margin-right:10px}
.mu-actions{display:flex;align-items:center;gap:10px}.mu-actions form{display:inline;margin:0}
.mu-btn{display:inline-block;padding:9px 18px;border-radius:999px;font-size:12px;font-weight:bold;letter-spacing:1px;text-transform:uppercase;text-decoration:none;cursor:pointer;border:1px solid #5a4a33;color:#e8dcc4;background:#1a1416}
.mu-btn.gold{background:linear-gradient(#e6c279,#b8903f);border-color:#e6c279;color:#1a1208}.mu-btn.download{background:linear-gradient(#35508f,#223660);border-color:#4b6bb8;color:#fff}.mu-btn:hover{filter:brightness(1.15)}
.mu-realms{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:0 20px 10px}
.mu-realm{display:flex;align-items:center;gap:8px;padding:5px 14px;border:1px solid #4a3a28;border-radius:999px;background:#150f12;color:#e0d5bf;text-decoration:none;font-size:12px}.mu-realm:hover{border-color:#e4b65e}
.mu-realm em{font-style:normal;color:#e9c46a}.mu-realm .mu-count{color:var(--muted);padding-left:8px;border-left:1px solid #3b3228}.mu-realm .mu-count b{color:#fff}.mu-realm.down{opacity:.6}
@media(max-width:1100px){.mu-bar{flex-wrap:wrap;justify-content:center}.mu-stat.opt{display:none}}
@media(max-width:700px){.mu-links{flex-wrap:wrap;justify-content:center;gap:12px}.mu-links .site-name{width:100%;text-align:center;margin:0}.mu-srv{padding:6px 12px}}

.mu-realm.current{border-color:#e4b65e;background:#3a2918;color:#fff0c5}
.mu-cards{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.mu-card{flex:1 1 130px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px 10px;border:1px solid #5a4630;border-radius:10px;background:#120d10cc;text-decoration:none;color:#e0d5bf}.mu-card:hover{border-color:#e4b65e;transform:translateY(-2px)}.mu-card{transition:transform .15s,border-color .15s}
.mu-card .mu-rate{font:bold 24px Georgia,serif;color:#e9c46a}.mu-card strong{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;margin:2px 0}.mu-card small{font-size:11px;color:var(--muted)}.mu-card small b{color:#fff}.mu-card.down{opacity:.6}
@media(prefers-reduced-motion:reduce){.mu-card{transition:none}.mu-card:hover{transform:none}}

.browser-realms{display:flex;flex-wrap:wrap;gap:12px;margin:14px 0}.browser-realms small{display:block;font-size:11px;opacity:.8}

/* Multi-platform band, realm comparison, FAQ */
.platform-band{background:linear-gradient(180deg,#120c10f2,#1a1015f2);border-top:1px solid #705330;border-bottom:1px solid #705330;box-shadow:0 0 40px #d3ad6222 inset}
.platform-inner{max-width:1320px;margin:auto;padding:28px 30px 30px}
.platform-head{text-align:center;max-width:760px;margin:0 auto 22px}
.platform-badge{display:inline-block;font:bold 11px Tahoma,sans-serif;letter-spacing:3px;color:#1a1208;background:linear-gradient(#f0cf85,#c19442);padding:5px 14px;border-radius:999px}
.platform-head h2{font-size:30px;margin:12px 0 8px}.platform-head p{color:#cfc5b4;margin:0}
.platform-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.platform-tile{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:20px 14px;border:1px solid #5a4630;border-radius:12px;background:linear-gradient(#21161b,#130e12);text-decoration:none;color:#e0d5bf;transition:transform .15s,border-color .15s,box-shadow .15s}
.platform-tile:hover{transform:translateY(-3px);border-color:#e4b65e;box-shadow:0 10px 28px #0006}
.platform-tile.live{border-color:#e4b65e;background:linear-gradient(#3a2918,#1b1210);box-shadow:0 0 0 1px #e4b65e55,0 8px 30px #d3ad6233}
.platform-icon{width:52px;height:52px;color:#e6c279}.platform-tile.soon .platform-icon{color:#bba37a}
.platform-tile strong{font:20px Georgia,serif;color:#f1dba5}
.platform-status{font-size:11px;letter-spacing:.6px;padding:3px 10px;border-radius:999px;border:1px solid #6d7540;color:#c7d8a0;background:#27302177}
.platform-tile.soon .platform-status{border-color:#7a6238;color:#e0c48a;background:#3b302177}
.platform-tile small{font-size:12px;color:#b9ad9b;min-height:34px}.platform-tile em{font-style:normal;font-size:12px;color:#e6c279;margin-top:4px}
@media(max-width:900px){.platform-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-head h2{font-size:25px}}@media(max-width:480px){.platform-tiles{grid-template-columns:1fr}.platform-inner{padding:22px 15px}}
.realm-compare{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:14px 0}
.realm-card{border:1px solid #5a4630;border-radius:10px;background:#120d10cc;padding:16px;display:flex;flex-direction:column}
.realm-card h3{margin:0 0 6px;font-size:20px}.realm-card h3 span{color:#e9c46a}.realm-card p{font-size:13px;color:#b9ad9b;margin:0 0 10px}.realm-card ul{margin:0 0 14px;padding-left:18px;font-size:12px;color:#d6cbb8;flex:1}
.realm-card .gold-button{margin:0;text-align:center}
@media(max-width:900px){.realm-compare{grid-template-columns:1fr}}
.faq details{border:1px solid #4c3b2d;border-radius:6px;background:#140f15;margin:8px 0;padding:0 14px}.faq summary{cursor:pointer;padding:12px 0;color:#e6cc97}.faq details[open] summary{border-bottom:1px solid #4c3b2d}.faq p{margin:12px 0;font-size:13px;color:#cfc5b4}

/* ---- Ported from the Rezist theme: sparks, glass strip, info block, glass tables ---- */
.portal-hero{position:relative;overflow:hidden}
.sparks{position:absolute;width:1200px;left:50%;margin-left:-600px;bottom:0;height:0;pointer-events:none;z-index:1}
.sparks>div{position:absolute;pointer-events:none}
.sparks .spark_1{background:url(/theme/img/efectos/spark_1.png) no-repeat;width:764px;height:313px;right:0;bottom:-320px;transform:scale(.6);animation:spark-1 4s linear infinite;animation-delay:1s}
.sparks .spark_2{background:url(/theme/img/efectos/spark_2.png) no-repeat;width:179px;height:335px;right:230px;bottom:-320px;transform:scale(.6);animation:spark-1 4s linear infinite;animation-delay:2s}
.sparks .spark_3{background:url(/theme/img/efectos/spark_3.png) no-repeat;width:128px;height:165px;right:280px;bottom:-140px;transform:scale(.6);animation:spark-3 4s linear infinite;animation-delay:2s}
.sparks .spark-big{background:url(/theme/img/efectos/spark_4.png) no-repeat;width:794px;height:176px;right:0;bottom:-180px;transform:scale(.6);animation:spark-5 4s linear infinite}
.sparks .spark_5{animation-delay:2s;right:40px}
@keyframes spark-1{0%{bottom:-320px;transform:scale(.6);opacity:1}25%{bottom:-240px;transform:scale(.7);opacity:1}50%{bottom:-160px;transform:scale(.8);opacity:1}75%{bottom:-80px;transform:scale(.9);opacity:.5}100%{bottom:0;transform:scale(1);opacity:0}}
@keyframes spark-3{0%{bottom:-140px;transform:scale(.6);opacity:1}25%{bottom:-80px;transform:scale(.7);opacity:1}50%{bottom:-20px;transform:scale(.8);opacity:1}75%{bottom:40px;transform:scale(.9);opacity:.5}100%{bottom:100px;transform:scale(1);opacity:0}}
@keyframes spark-5{0%{bottom:-180px;transform:scale(.6);opacity:1}25%{bottom:-120px;transform:scale(.7);opacity:1}50%{bottom:-60px;transform:scale(.8);opacity:1}75%{bottom:0;transform:scale(.9);opacity:.5}100%{bottom:60px;transform:scale(1);opacity:0}}
@media(prefers-reduced-motion:reduce){.sparks{display:none}}
.portal-hero{align-items:center;justify-content:space-between;gap:40px}
.hero-left{display:flex;flex-direction:column;align-items:center;gap:16px;position:relative;z-index:2}
.hero-left .portal-wordmark{background:none;padding:0;width:280px;text-align:center;font:bold 90px/1 Georgia,serif;color:#edce85;text-shadow:0 4px 0 #674925,0 8px 20px #000}
.hero-left .portal-wordmark span{display:block;font-size:36px;letter-spacing:5px;margin:8px 0}.hero-left .portal-wordmark small{display:block;font:11px Tahoma,sans-serif;letter-spacing:2px;color:#dec695;text-shadow:0 2px 4px #000}
.hero-main{position:relative;z-index:2;max-width:560px;background:linear-gradient(100deg,#170c0ec9,transparent);padding:25px}
.header-info{width:290px;border:1px solid #ffffff2e;border-radius:12px;padding:12px 14px;background:linear-gradient(180deg,#ffffff0f,#ffffff00) 0 0/100% 46% no-repeat,#16141894;box-shadow:0 16px 40px #00000073,inset 0 1px 0 #ffffff0f;backdrop-filter:blur(8px);font-size:12px;color:#d8d0c0}
.hi-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:2px 0}.hi-online{font:bold 22px Georgia,serif;color:#f1d58b}
.hi-realm{display:grid;grid-template-columns:86px 1fr auto;align-items:center;gap:8px;padding:3px 0}.hi-realm em{font-style:normal;color:#e9c46a}.hi-realm small{font-size:11px;color:#b9ad9b;white-space:nowrap}.hi-realm small b{color:#fff}
.hi-bar{height:8px;border-radius:99px;background:#0c0a0d;border:1px solid #4a3a28;overflow:hidden}.hi-bar i{display:block;height:100%;min-width:2px;background:linear-gradient(90deg,#7a9d3a,#b9d860);border-radius:99px;transition:width .6s}
.hi-time{border-top:1px solid #ffffff14;margin-top:6px;padding-top:6px;color:#b9ad9b}.hi-time time{color:#e9e5d6;font-variant-numeric:tabular-nums}.hi-time+.hi-time{border-top:0;margin-top:0;padding-top:2px}
.glass-strip{display:flex;align-items:stretch;height:84px;margin:18px 0 14px;border-radius:12px;border:1px solid #ffffff2e;background:linear-gradient(180deg,#ffffff0f,#ffffff00) 0 0/100% 46% no-repeat,#16141894;box-shadow:0 16px 40px #00000073,inset 0 1px 0 #ffffff0f;backdrop-filter:blur(8px);overflow:hidden}
.glass-chip{flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#e9e5d6;text-decoration:none;position:relative;transition:background .18s,transform .12s}
.glass-chip+.glass-chip:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:1px;background:#ffffff1a}
.glass-chip .chip-title{font:800 15px/1.1 Tahoma,sans-serif;text-transform:uppercase;letter-spacing:.35px;color:#faf8ef}.glass-chip .chip-sub{margin-top:4px;font-size:11px;color:#cdc9bc}
.glass-chip:hover{background:linear-gradient(180deg,#ffffff1a,#ffffff0a);transform:translateY(-1px)}
.glass-chip.is-primary{background:linear-gradient(180deg,#e6c27929,#ffffff0a);box-shadow:inset 0 0 0 1px #e6c27947}.glass-chip.is-primary .chip-title{color:#f6dc9a}
@media(max-width:1100px){.portal-hero{flex-direction:column}.hero-main{max-width:100%}}
@media(max-width:700px){.header-info{width:100%}.glass-strip{height:auto;flex-direction:column}.glass-chip{padding:12px}.glass-chip+.glass-chip:before{top:0;left:14px;right:14px;bottom:auto;width:auto;height:1px}.hero-left .portal-wordmark{display:none}}
/* glass tables */
table.glass-table{width:100%;border-collapse:separate;border-spacing:0 6px;background:none}
.glass-table thead th{font:600 12px Georgia,serif;text-transform:uppercase;letter-spacing:1.5px;color:#c9a050;border:0;padding:6px 10px;background:none;text-align:left}
.glass-table tbody td{padding:8px 10px;background:linear-gradient(135deg,#3c141ecc,#1e0f14e6);border-top:1px solid #b4825033;border-bottom:1px solid #b4825033;vertical-align:middle;color:#e4dccb}
.glass-table tbody td:first-child{border-left:1px solid #b4825033;border-radius:10px 0 0 10px}.glass-table tbody td:last-child{border-right:1px solid #b4825033;border-radius:0 10px 10px 0}
.glass-table tbody tr:hover td{background:linear-gradient(135deg,#b4825040,#78503226);border-color:#b4825080}
.glass-table .rank-no{font:bold 15px Georgia,serif;color:#b9ad9b;width:42px;text-align:center}
.glass-table tr.rank-1 .rank-no{color:#ffd76a;text-shadow:0 0 10px #ffd76a88}.glass-table tr.rank-2 .rank-no{color:#d6dbe3}.glass-table tr.rank-3 .rank-no{color:#d89a63}
.char-cell{display:flex;align-items:center;gap:10px;border-bottom:0}.glass-table td.char-cell{display:table-cell;white-space:nowrap}.glass-table .char-cell a{vertical-align:middle;margin-left:10px;font-weight:bold}
.class-avatar{width:34px;height:34px;border-radius:50%;border:2px solid #b48250;box-shadow:0 0 0 2px #120d10,0 3px 10px #0008;object-fit:cover;vertical-align:middle}
tr.rank-1 .class-avatar{border-color:#ffd76a;box-shadow:0 0 0 2px #120d10,0 0 14px #ffd76a77}
.tabs{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 14px}.tabs a{padding:9px 22px;border-radius:50px;font:600 13px Georgia,serif;text-transform:uppercase;letter-spacing:1.2px;color:#c4b9a0;text-decoration:none;background:linear-gradient(135deg,#3c141ecc,#1e0f14e6);border:1px solid #b4825033;box-shadow:0 4px 20px #0006,inset 0 1px 0 #b482501a;transition:.25s}
.tabs a:hover{color:#fff;border-color:#b4825080;transform:translateY(-2px)}.tabs a.selected{background:linear-gradient(135deg,#b482504d,#78503226);border-color:#b4825099;color:#e6c279}
.portal-hero>.hero-left{background:none;padding:0;max-width:none}

/* ---- Account and profile pages ---- */
.account-card{display:flex;align-items:center;gap:16px;padding:16px 18px;margin:6px 0 16px;border:1px solid #ffffff2e;border-radius:12px;background:linear-gradient(180deg,#ffffff0f,#ffffff00) 0 0/100% 46% no-repeat,#16141894;box-shadow:0 12px 32px #0006,inset 0 1px 0 #ffffff0f}
.account-card>div{flex:1}.account-card strong{display:block;font:22px Georgia,serif;color:#f1dba5}.account-card .mu-btn{margin-left:auto}
.account-badge{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font:bold 26px Georgia,serif;color:#1a1208;background:linear-gradient(#f0cf85,#b8903f);box-shadow:0 0 0 3px #120d10,0 0 0 4px #b48250}
.realm-pill{display:inline-block;margin:4px 8px 0 0;padding:2px 10px;border-radius:99px;font-size:11px;letter-spacing:.5px;color:#e6c279;border:1px solid #7a6238;background:#3b302177}
.character-avatar{width:62px;height:62px;border-radius:50%;border:2px solid #b48250;box-shadow:0 0 0 3px #120d10,0 4px 14px #000a;object-fit:cover;flex-shrink:0}
.stat-bars{display:grid;gap:7px;margin:14px 0 8px}.stat-bar{display:grid;grid-template-columns:34px 1fr 52px;align-items:center;gap:10px;font-size:11px;color:#b9ad9b}
.stat-bar>div{height:9px;border-radius:99px;background:#0c0a0d;border:1px solid #4a3a28;overflow:hidden}.stat-bar i{display:block;height:100%;border-radius:99px;min-width:2px}
.stat-bar b{text-align:right;color:#f0e5d3;font-variant-numeric:tabular-nums}
.sb-str{background:linear-gradient(90deg,#9d2f26,#e0644f)}.sb-agi{background:linear-gradient(90deg,#9a7a1f,#e6c24f)}.sb-vit{background:linear-gradient(90deg,#2f7a3a,#6fcf7c)}.sb-ene{background:linear-gradient(90deg,#2a5aa0,#6aa6e8)}
.reset-progress{height:6px;border-radius:99px;background:#0c0a0d;border:1px solid #4a3a28;overflow:hidden;margin:6px 0 10px}.reset-progress i{display:block;height:100%;background:linear-gradient(90deg,#b8903f,#f0cf85)}
.profile-card{display:flex;gap:24px;align-items:flex-start;padding:22px;border:1px solid #705330;border-radius:14px;background:linear-gradient(125deg,#261b20,#110e13);box-shadow:inset 0 0 0 3px #100b0c,0 12px 32px #0005}
.profile-avatar{width:120px;height:120px;border-radius:14px;border:2px solid #b48250;box-shadow:0 0 0 3px #120d10,0 8px 24px #000a;object-fit:cover;flex-shrink:0}
.profile-main{flex:1;min-width:0}.profile-main h2{font-size:30px;margin:0 0 4px}.profile-class{margin:0 0 14px;color:#c4b9a0}
.profile-figures{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:12px}.profile-figures>div{flex:1 1 90px;text-align:center;padding:10px 12px;border:1px solid #5a4630;border-radius:10px;background:#120d10cc}
.profile-figures b{display:block;font:bold 22px Georgia,serif;color:#f1d58b;overflow-wrap:anywhere}.profile-figures span{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#b9ad9b}
@media(max-width:600px){.profile-card{flex-direction:column;align-items:center;text-align:center}.account-card{flex-wrap:wrap}.account-card .mu-btn{margin-left:0}}

/* ---- Community ---- */
.community-nav{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:4px 0 16px}
.community-nav a{padding:8px 18px;border-radius:50px;font:600 13px Georgia,serif;text-transform:uppercase;letter-spacing:1px;color:#c4b9a0;text-decoration:none;background:linear-gradient(135deg,#3c141ecc,#1e0f14e6);border:1px solid #b4825033}
.community-nav a:hover,.community-nav a.selected{color:#e6c279;border-color:#b4825099}.community-nav a.cta{margin-left:auto;color:#1a1208;background:linear-gradient(#f0cf85,#c19442);border-color:#e6c279}
.board-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin:8px 0 18px}
.board-card{display:flex;flex-direction:column;gap:4px;padding:14px;border:1px solid #5a4630;border-radius:10px;background:linear-gradient(#21161b,#130e12);text-decoration:none;color:#d6cbb8;transition:transform .15s,border-color .15s}
.board-card:hover{transform:translateY(-2px);border-color:#e4b65e}.board-card strong{font:17px Georgia,serif;color:#f1dba5}.board-card span{font-size:12px;color:#b9ad9b;flex:1}.board-card em{font-style:normal;font-size:11px;color:#e6c279}
.community-search{display:flex;gap:8px;margin:0 0 14px}.community-search input{flex:1;background:#100d12;color:#f0e5d3;border:1px solid #5d4d42;border-radius:6px;padding:9px 12px}.community-search .outline-button{margin:0}
.thread-row,.thread-full{display:flex;gap:14px;padding:12px 14px;margin:8px 0;border:1px solid #4c3b2d;border-radius:10px;background:linear-gradient(135deg,#3c141ecc,#1e0f14e6)}
.thread-row:hover{border-color:#b4825080}.thread-row.is-pinned{border-color:#7a9d3a88}.thread-full{padding:18px}
.vote-col{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:40px}.vote-col form{margin:0}
.vote-btn{display:block;background:none;border:0;color:#8f8272;font-size:15px;cursor:pointer;line-height:1;padding:3px 6px;text-decoration:none;border-radius:4px}
a.vote-btn:hover,button.vote-btn:hover{color:#e6c279;background:#ffffff0d}.vote-btn.active{color:#f0cf85}.vote-btn.disabled{opacity:.3;cursor:default}
.vote-score{font:bold 14px Georgia,serif;color:#f0e5d3}
.thread-main,.comment-main{flex:1;min-width:0}.thread-main h3{margin:0 0 4px;font-size:18px}.thread-main h3 a{text-decoration:none}
.thread-meta{margin:0 0 6px;font-size:12px;color:#b9ad9b}.thread-meta .author{color:#e9e5d6}.thread-excerpt{margin:0;font-size:13px;color:#b9ad9b;overflow-wrap:anywhere}
.board-tag{color:#e6c279;text-decoration:none;font-weight:bold}.tag{font-size:10px;letter-spacing:1px;padding:1px 7px;border-radius:99px;border:1px solid #7a6238;color:#e0c48a}.tag.pin{border-color:#6d7540;color:#c7d8a0}
.mod-tag{font-size:9px;letter-spacing:1px;padding:1px 6px;border-radius:99px;background:linear-gradient(#f0cf85,#c19442);color:#1a1208;font-weight:bold}
.thread-full h2{margin:0 0 10px;font-size:26px}.post-body{font-size:14px;line-height:1.65;color:#e4dccb;overflow-wrap:anywhere}
.post-actions{display:flex;gap:14px;align-items:center;margin-top:10px;font-size:12px}.post-actions form{margin:0}
.link-btn{background:none;border:0;color:#b9ad9b;cursor:pointer;padding:0;font-size:12px}.link-btn:hover{color:#e6c279;text-decoration:underline}
.comments-title{margin:20px 0 8px;color:#e6c279}
.comment{margin:8px 0}.comment>.vote-col,.comment-main{display:inline-flex}.comment{display:block}
.comment>.vote-col{float:left;margin-right:10px;min-width:32px}.comment-main{display:block;overflow:hidden;padding:2px 0}
.comment-children{margin-left:16px;padding-left:14px;border-left:2px solid #4c3b2d;clear:both}.comment:after{content:"";display:block;clear:both}
.comment-form{display:grid;gap:8px;margin:8px 0}.comment-form textarea,.community-form textarea{width:100%;background:#100d12;color:#f0e5d3;border:1px solid #5d4d42;border-radius:6px;padding:10px;font:inherit;resize:vertical}
.comment-form .gold-button{justify-self:start;margin:0;width:auto;padding:8px 22px}
details.reply summary{cursor:pointer;color:#b9ad9b;list-style:none;display:inline}details.reply summary:hover{color:#e6c279}details.reply[open]{display:block;width:100%}
.pager{display:flex;justify-content:space-between;align-items:center;margin:16px 0;font-size:13px}
@media(max-width:600px){.thread-row,.thread-full{gap:10px;padding:10px}.community-nav a.cta{margin-left:0}}

/* ---- Content pages (nostalgia / guides / play) ---- */
.breadcrumb{font-size:12px;color:#b9ad9b;margin:0 0 12px}.breadcrumb a{text-decoration:none}
.content-body{font-size:15px;line-height:1.75;color:#e4dccb}.content-body h2{font:600 24px Georgia,serif;color:#f1dba5;margin:28px 0 10px;padding-bottom:6px;border-bottom:1px solid #4c3b2d}
.content-body h3{font:600 19px Georgia,serif;color:#e6c279;margin:22px 0 8px}.content-body h4{font:600 16px Georgia,serif;color:#d6bb8c;margin:16px 0 6px}
.content-body p{margin:0 0 14px}.content-body ul,.content-body ol{margin:0 0 16px;padding-left:22px}.content-body li{margin:4px 0}
.content-body blockquote{margin:18px 0;padding:12px 18px;border-left:3px solid #e6c279;background:#ffffff08;color:#d6cbb8;font-style:italic;border-radius:0 8px 8px 0}
.content-body table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}.content-body th{text-align:left;color:#c9a050;font:600 12px Georgia,serif;text-transform:uppercase;letter-spacing:1px;padding:8px 10px;border-bottom:1px solid #705330}
.content-body td{padding:8px 10px;border-bottom:1px solid #3a2e24;vertical-align:top}.content-body code{background:#0e0b10;padding:1px 6px;border-radius:4px;font-size:13px}
.content-body dt{font-weight:bold;color:#e6c279;margin-top:10px}.content-body dd{margin:2px 0 8px 0;color:#d6cbb8}
.content-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin:14px 0}
.content-card{display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid #5a4630;border-radius:12px;background:linear-gradient(#21161b,#130e12);text-decoration:none;color:#d6cbb8;transition:transform .15s,border-color .15s}
.content-card:hover{transform:translateY(-3px);border-color:#e4b65e}.content-card strong{font:19px Georgia,serif;color:#f1dba5}.content-card span{font-size:13px;color:#b9ad9b;flex:1}.content-card em{font-style:normal;font-size:12px;color:#e6c279}
.related{margin-top:26px}.related h2{font-size:19px}.related ul{columns:2;padding-left:18px}
.content-cta{margin:30px 0 6px;padding:22px;text-align:center;border:1px solid #705330;border-radius:14px;background:linear-gradient(135deg,#3a2918,#1b1210);box-shadow:0 0 0 1px #e4b65e33 inset}
.content-cta h2{margin:0 0 6px}.content-cta p{margin:0 0 14px;color:#cfc5b4}.content-cta .gold-button,.content-cta .outline-button{display:inline-block;width:auto;margin:4px 6px}
@media(max-width:600px){.related ul{columns:1}}
/* hero title is a <p> now (one h1 per page); keep the old look */
.portal-hero .hero-title{font:400 42px/1.25 Georgia,serif;color:#ecd6a5;margin:10px 0 15px}.account-page .portal-hero .hero-title{font-size:32px}
@media(max-width:700px){.portal-hero .hero-title{font-size:34px}.account-page .portal-hero .hero-title{font-size:27px}}
.footer-links{display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:center;margin-bottom:10px}.footer-links a{color:#c4b9a0;text-decoration:none;font-size:13px}.footer-links a:hover{color:#e6c279}

.mu-links{gap:16px}.mu-links a{white-space:nowrap;font-size:12px;letter-spacing:.8px}.mu-links .site-name{font-size:21px;margin-right:6px}