@font-face{font-family:Optimus;src:url("assets/fonts/OptimusPrincepsSemiBold.woff2") format("woff2");font-display:swap}
:root{color-scheme:light;--ink:#513b49;--muted:#796571;--rose:#a14d73;--edge:#cfb2c3;--paper:#f4e8ef}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:radial-gradient(ellipse at 50% 260px,#e6dbe8 0,#b19aac 650px,#766575 1250px,#51404f 100%);color:var(--ink);font-family:Georgia,serif;line-height:1.65}a{color:inherit;text-decoration:none}button,input{font:inherit}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid #c978a4;outline-offset:4px}
.masthead{height:440px;position:relative;background:url("assets/images/bg.png") center top/1400px auto no-repeat;max-width:1600px;margin:auto}
.navigation{width:min(880px,94%);height:78px;margin:auto;display:flex;justify-content:space-around;align-items:center;color:#f5e8f0;font-family:Optimus,Georgia,serif;font-size:13px;letter-spacing:1px;text-shadow:0 2px 4px #231521}
.navigation a{padding:12px 15px;border-bottom:1px solid transparent}.navigation a:hover{color:#fff;border-bottom-color:#efbbd5}.nav-register{color:#f9cadf}
.wordmark{position:absolute;top:148px;left:calc(50% - 30px);width:420px;text-align:center}.wordmark>p:first-child{font:10px Arial,sans-serif;letter-spacing:4px;color:#66445e}.wordmark :is(h1,.hero-name){font-family:Optimus,Georgia,serif;font-weight:400;font-size:83px;line-height:1.1;margin:12px 0 0;letter-spacing:6px;color:#59354f;text-shadow:0 2px 0 #fff2fc,0 6px 20px #fff,0 0 40px #fff}.flourish{color:#986080;line-height:1.2;font-size:20px}.wordmark .tagline{font-size:17px;font-style:italic;color:#654659;margin:10px 0 20px}
.button,.side-card button,.submit-button{display:inline-block;border:1px solid #aa658b;background:linear-gradient(#bc7c9e,#935578);color:#fff7fc;box-shadow:inset 0 1px #ffffff70,0 3px 9px #66334a22;padding:10px 19px;font:12px Arial,sans-serif;letter-spacing:.5px;text-align:center;border-radius:3px}.button:hover,.submit-button:hover{background:linear-gradient(#ca8eaf,#a2678c)}
.portal{display:grid;grid-template-columns:210px minmax(0,540px) 210px;gap:16px;width:min(1008px,96%);margin:-2px auto 0;position:relative;align-items:start}
.paper{background:repeating-linear-gradient(35deg,#ffffff15 0 1px,transparent 1px 4px),linear-gradient(110deg,#f9f0f5,#efdfeb);border:1px solid #b791aa;outline:4px solid #ead5e3;box-shadow:0 8px 30px #39203433,inset 0 0 40px #c49bb126;padding:32px;position:relative}
.paper:before,.paper:after{content:"❀ ─── ✧ ─── ❀";position:absolute;top:-17px;left:15%;right:15%;text-align:center;color:#a56d91;font-size:20px;text-shadow:0 1px white;background:linear-gradient(90deg,transparent,#f3e5ef,transparent);line-height:28px}.paper:after{top:auto;bottom:-17px}
.side-card{margin:0 0 20px;padding:22px 17px;background:linear-gradient(130deg,#f0e0edd9,#dfcadccf);border:1px solid #b796ae;box-shadow:0 6px 16px #39203418,inset 0 0 0 3px #f4e6f14d;text-align:center;border-radius:3px}
.side-card h2{font:17px Optimus,Georgia,serif;margin:0 -10px 16px;padding:10px 2px;color:#67485e;border-top:1px solid #c8a8bd;border-bottom:1px solid #c8a8bd;background:linear-gradient(90deg,transparent,#fff5fb88,transparent)}
.side-card h3{font-size:14px;font-weight:400;line-height:1.4}.side-card p{font-size:13px;line-height:1.65;margin:10px 0 16px}.side-card button{width:100%;padding:11px 6px;background:#d6c3d0;color:#786374;border-color:#b69aaf;box-shadow:inset 0 1px #fff7;cursor:not-allowed}.side-card small{display:block;font:10px Arial,sans-serif;color:#826f7e;margin-top:9px}
.overline{font:9px Arial,sans-serif!important;letter-spacing:2px;color:#9e6287;margin:0 0 12px!important}
dl{font:11px Arial,sans-serif;margin:0}dl>div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #b18ca830}dd{margin:0;font-weight:600;color:#704c65}.side-card .note{font-size:12px;color:#816d7b}.rank-tabs{font:10px Arial,sans-serif;letter-spacing:.4px}.rank-tabs span{padding:0 7px;color:#ae7996}.medallion{font-size:44px;color:#a1698c;line-height:1.5;margin:15px 0 5px}.pill{display:inline-block;font:10px Arial,sans-serif;padding:6px 10px;border:1px solid #bfa4b7;border-radius:20px;color:#836a7a}
.welcome{text-align:center;padding:7px 0 10px}.paper h2{font:29px Optimus,Georgia,serif;margin:8px 0 14px;color:#6c465f}.lead{font-size:15px;color:#7a6071;line-height:1.8}.separator{display:flex;align-items:center;gap:14px;color:#b784a0;font-size:22px;margin-top:22px}.separator:before,.separator:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,#caa5bc)}.separator:after{transform:rotate(180deg)}
.news-entry{padding:14px 0 28px;border-bottom:1px solid #d3b9ca}.article-meta{display:flex;justify-content:space-between;gap:10px;font:10px Arial,sans-serif;color:#927889}.article-meta>span{color:#a04f78;letter-spacing:1px;text-transform:uppercase}.news-entry h3{font:22px Optimus,serif;line-height:1.35;color:#6b445e;margin:17px 0 12px}.news-entry p{font-size:14px;line-height:1.85}.inline-link{display:inline-block;color:#9a4972;font:600 11px Arial,sans-serif;margin-top:8px}.inline-link span{margin-left:8px}.universe{padding:30px 0;border-bottom:1px solid #d3b9ca}.universe h2{font-size:24px}.realm{display:flex;gap:17px;align-items:center;padding:10px 0}.realm>span{font-size:25px;color:#b27798;width:30px;text-align:center}.realm h3{font-size:15px;font-weight:400;margin:0;color:#72465f}.realm p{font-size:12px;margin:4px 0;color:#826d7b}
.flower{display:block;font-size:46px;color:#b36b94;line-height:1.2;margin:0 0 15px}.invitation{padding-top:25px;background:linear-gradient(#f9edf3e8,#ead0e0e8)}.invitation .button{width:100%;padding-left:5px;padding-right:5px}.timeline{display:flex;gap:12px;text-align:left;margin-top:20px}.timeline>span{font-size:20px;color:#ad7a9c}.timeline h3{margin:0}.timeline p{font-size:11px;margin:3px 0 0}.community button+button{margin-top:9px}.sidebar-foot{text-align:center;color:#eee1eb;font-size:12px;font-style:italic;padding:10px}
.signup-card{padding:30px 0 8px}.signup-header{text-align:center;margin-bottom:25px}.signup-header p:not(.overline){font-size:13px;color:#856d7c}.signup-form{display:grid;gap:11px}.field label{display:block;font:600 11px Arial,sans-serif;margin-bottom:7px;color:#6c5263}.optional{font-weight:400;color:#887681}.input-wrap{position:relative}input[type=text],input[type=password],input[type=email]{width:100%;height:42px;padding:10px 65px 10px 12px;border:1px solid #c5a9bd;background:#fff9fc;color:#523847;border-radius:3px;font:12px Arial,sans-serif;box-shadow:inset 0 2px 4px #6c35580a}input:focus{outline:2px solid #d4a1bf;outline-offset:1px}input::placeholder{color:#9b8694}.password-toggle{position:absolute;right:9px;top:13px;border:0;background:none;color:#995a7d;font:10px Arial,sans-serif;cursor:pointer}.field-help,.field-error{font:10px Arial,sans-serif;margin:5px 0 0;line-height:1.5;color:#897480}.field-error:empty{display:none}.field-error{color:#a83054}.is-invalid input{border-color:#b03d60}.terms-field{display:flex;gap:7px;align-items:center;font:11px Arial,sans-serif;margin:8px 0;color:#785f70}.terms-field input{accent-color:#a36689}.terms-error{margin:0}.submit-button{width:100%;cursor:pointer;height:43px}.form-message{font:12px Arial,sans-serif;line-height:1.6;color:#69546b;text-align:center;margin:7px 0}.website-field{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.footer{text-align:center;padding:40px 15px 30px;color:#e6d6e2}.footer>span{font:26px Optimus,serif;letter-spacing:3px}.footer p{font-size:12px;margin:4px 0 12px}.footer small{font:10px Arial,sans-serif;color:#c8b6c3}
@media(min-width:1450px){body{background-color:#786875}}
@media(max-width:1000px){.portal{grid-template-columns:180px minmax(0,1fr);max-width:800px}.right{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.right .sidebar-foot{display:none}.paper{padding:26px}.wordmark{left:50%;width:370px}.wordmark :is(h1,.hero-name){font-size:70px}}
@media(max-width:650px){.masthead{height:380px;background-size:1050px auto;background-position:calc(50% + 115px) top}.navigation{width:100%;height:63px;background:#493144e8;gap:0;font-size:10px;letter-spacing:0}.navigation a{padding:12px 7px}.wordmark{top:140px;left:auto;right:3%;width:62%;padding:12px 4px;background:radial-gradient(ellipse,#f4e7f1b8,transparent 72%)}.wordmark :is(h1,.hero-name){font-size:49px;letter-spacing:3px}.wordmark>p:first-child{font-size:8px;letter-spacing:1.5px}.wordmark .tagline{font-size:13px}.wordmark .button{font-size:10px;padding:10px}.portal{display:flex;flex-direction:column;width:92%;gap:20px}.paper{order:0;width:100%;padding:25px 20px}.sidebar.left{order:1;display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}.left .side-card:last-child{grid-column:1/-1}.sidebar.right{order:2;display:grid;grid-template-columns:1fr;width:100%;gap:0}.side-card{margin-bottom:0}.right .side-card{margin-bottom:15px}.paper h2{font-size:25px}.article-meta{font-size:9px}.news-entry h3{font-size:21px}.footer{padding-top:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.server-stats{background:linear-gradient(135deg,#f7eaf3ee,#e4cbdfee)}
.server-stats .overline{font-size:8px!important;letter-spacing:1.3px}
.server-stats-list>div{align-items:center;gap:8px;padding:16px 0;text-align:left}
.server-stats-list dt{font:600 11px/1.5 Arial,sans-serif;min-width:0;color:#69455d}
.server-stats-list dd{font:24px/1 Optimus,Georgia,serif;letter-spacing:.3px;color:#864268;flex-shrink:0;font-variant-numeric:tabular-nums}
.server-stats-list small{font:10px/1.5 Arial,sans-serif;color:#806778;margin-top:4px}
.stat-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#ad7797;margin-right:5px;vertical-align:1px}
.server-stats[data-state="ready"] .stat-dot{background:#54835c;box-shadow:0 0 0 3px #54835c18}
.server-stats .stats-update{font:10px/1.7 Arial,sans-serif;color:#806778;margin:13px 0 0}
@media(min-width:651px) and (max-width:1000px){.server-stats-list>div{display:block}.server-stats-list dd{margin-top:8px}.server-stats .overline{letter-spacing:.6px}}
@media(max-width:650px){.left .server-stats{grid-column:1/-1}.server-stats-list>div{padding:15px 0}.server-stats-list dt{font-size:13px}.server-stats-list dd{font-size:28px}.server-stats-list small{font-size:11px}.server-stats .stats-update{font-size:11px}}

/* Open Beta: preserve the floral portal, make the current phase unmistakable. */
.wordmark{top:134px}.wordmark .tagline{margin-bottom:12px}
.server-status{display:inline-block;margin:0 0 12px;padding:6px 13px;border:1px solid #a56587;border-radius:20px;background:#f8e9f2ed;color:#68334f;font:600 12px Arial,sans-serif;box-shadow:0 2px 9px #fff9}
.hero-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}
.hero-actions .button{min-width:156px;min-height:44px;display:flex;align-items:center;justify-content:center}
.button-secondary{background:linear-gradient(#f8ebf3,#e9d4e4);color:#75415f}.button-secondary:hover{background:linear-gradient(#fff6fb,#f1deeb)}
.beta-rates{display:flex;align-items:center;gap:20px;margin:20px 0 16px;padding:18px 20px;border:1px solid #c59bb5;background:linear-gradient(120deg,#ead0e1,#f7eaf2);box-shadow:inset 0 0 0 3px #fff4}
.beta-rates>strong{font:36px Optimus,Georgia,serif;color:#864268;white-space:nowrap}.beta-rates span{font:600 12px Arial,sans-serif;letter-spacing:1px;color:#73405f}.beta-rates p{font:12px/1.5 Arial,sans-serif;margin:5px 0 0;color:#6f5264}
.beta-alert{padding:15px 17px;border-left:4px solid #a14d73;background:#ead4e3;color:#653953}.beta-alert strong{display:block;color:#812d55}.beta-alert span{display:block;margin-top:5px}
.cash-notice{display:flex;align-items:flex-start;gap:12px}.cash-notice>span{font-size:27px;color:#a15d84}.cash-notice p{margin:0}
.official-plan>strong{font:23px Optimus,Georgia,serif;color:#874368}.official-plan>strong span{color:#b783a1;margin:0 7px}.official-plan p{font-size:14px;line-height:1.8}
.section-subtitle{font:18px Optimus,Georgia,serif;color:#6c465f;margin:26px 0 14px}
.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.feature{padding:16px;background:#fff6fb66;border:1px solid #d4b9ca;min-width:0}.feature>span{font-size:23px;line-height:1;color:#a46589}.feature h3{font:16px Optimus,Georgia,serif;color:#72465f;margin:9px 0 7px}.feature p{font-size:13px;line-height:1.75;margin:0;color:#745c6c}
.planned-content{margin-top:18px;padding:16px 0 0;border-top:1px solid #d3b9ca}.planned-content p{font-size:13px;line-height:1.8;color:#745c6c}.planned-content .pill{color:#754b64;background:#f9eef5}
.mobile-actions{display:none}.paper,.sidebar,.side-card{min-width:0}.side-card .button{min-height:44px;display:flex;align-items:center;justify-content:center}
@media(min-width:651px) and (max-width:1000px){.masthead{height:465px}.wordmark{left:auto;right:3%;width:48%;top:130px}.wordmark :is(h1,.hero-name){font-size:clamp(54px,7vw,70px)}}
@media(max-width:650px){
  body{padding-bottom:78px}.masthead{height:440px;background-image:linear-gradient(0deg,#b19aac 0%,#b19aac00 28%),url("assets/images/bg.png");background-size:100% 100%,1400px auto;background-position:center,calc(50% + 100px) top}
  .navigation{height:63px}.navigation a{min-height:44px;display:flex;align-items:center}
  .wordmark{top:117px;left:auto;right:3%;width:66%}.wordmark :is(h1,.hero-name){font-size:clamp(40px,11vw,56px)}.wordmark .tagline{margin:8px 0 12px;line-height:1.5}.wordmark>p:first-child{letter-spacing:1px}
  .server-status{margin-bottom:10px;font-size:11px;max-width:100%;padding:6px 9px}.hero-actions{gap:7px}.hero-actions .button{width:100%;min-width:0;font-size:12px;padding:10px 7px}
  .beta-rates{gap:14px;padding:16px 14px}.beta-rates>strong{font-size:31px}.beta-rates span{font-size:11px;letter-spacing:.5px}
  .mobile-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;position:fixed;z-index:20;bottom:0;left:0;right:0;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:#493144f5;border-top:1px solid #b989a4;box-shadow:0 -3px 18px #39203422}.mobile-actions .button{min-height:44px;display:flex;align-items:center;justify-content:center;font-size:12px;padding:10px 4px}
  .field label{font-size:12px}input[type=text],input[type=password],input[type=email]{font-size:16px;min-height:46px}.password-toggle{min-height:44px;top:1px;right:7px;font-size:11px}.submit-button{height:46px;font-size:13px}.terms-field{align-items:flex-start;line-height:1.7;font-size:12px}.terms-field input{margin-top:4px}
}
@media(max-width:440px){.feature-grid{grid-template-columns:1fr}.sidebar.left{grid-template-columns:1fr}.beta-rates{flex-direction:column;gap:5px;text-align:center}.beta-rates>strong{font-size:38px}.beta-rates span{font-size:12px}.paper{padding-left:18px;padding-right:18px}}

/* Metin2 cover and presentation — the existing rose/lilac portal, with more room. */
.masthead{max-width:none;height:480px;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 70% 15%,#bd97b466,transparent 65%),linear-gradient(180deg,#302333 0%,#60485e 65%,transparent 100%)}
.navigation{position:relative;z-index:3;width:min(1180px,96%);height:72px;background:linear-gradient(90deg,transparent,#281b30b3,transparent);border-bottom:1px solid #e8bdd044;font-size:14px}
.navigation a{min-height:44px;display:flex;align-items:center;justify-content:center}
.navigation a[aria-current="page"]{color:#ffdaeb;border-bottom-color:#efbbd5}
.hero-art{position:absolute;top:86px;left:calc(50% - 70px);width:680px;height:358px;background:url("assets/images/metin-heroes.jpg") center top/100% auto no-repeat;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent),linear-gradient(#000 70%,transparent 100%);mask-composite:intersect;z-index:-1}
.wordmark{top:119px;left:max(3%,calc(50% - 574px));right:auto;width:440px;background:none;padding:0}
.wordmark>p:first-child{color:#ecd3e4;font-size:10px;letter-spacing:3px}
.wordmark :is(h1,.hero-name){color:#fff0fa;font-size:82px;text-shadow:0 2px 0 #713c62,0 4px 24px #27152c;letter-spacing:5px}
.wordmark .flourish{color:#e6b3d0}.wordmark .tagline{color:#f3daea;font-size:17px;margin:13px 0 18px}
.server-status{background:#392a3deb;border-color:#b885a5;color:#f5dbe9;box-shadow:none;font-size:12px}
.server-status:before{content:"";display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#99c69c}
.portal{grid-template-columns:228px minmax(0,1fr) 228px;width:min(1180px,94%);max-width:1180px;gap:22px}
.paper{padding:36px}.guide-link{font-size:12px;padding:12px 0}.stats-update:empty{display:none}
.petals{position:absolute;inset:72px 0 0;overflow:hidden;pointer-events:none;z-index:1}
.petals i{position:absolute;top:-20px;left:12%;width:9px;height:14px;border-radius:80% 0 80% 25%;background:#ecc3da99;animation:petal-fall 19s linear infinite;opacity:0}
.petals i:nth-child(2){left:31%;animation-delay:-6s;animation-duration:23s;width:7px;height:10px}
.petals i:nth-child(3){left:49%;animation-delay:-12s;animation-duration:21s}
.petals i:nth-child(4){left:64%;animation-delay:-4s;animation-duration:25s;width:6px;height:9px}
.petals i:nth-child(5){left:78%;animation-delay:-16s;animation-duration:22s}
.petals i:nth-child(6){left:91%;animation-delay:-9s;animation-duration:26s;width:7px;height:11px}
@keyframes petal-fall{0%{transform:translate3d(0,-20px,0) rotate(0);opacity:0}12%{opacity:.65}85%{opacity:.45}100%{transform:translate3d(-90px,450px,0) rotate(240deg);opacity:0}}
.presentation-layout{display:grid;grid-template-columns:228px minmax(0,1fr);gap:26px;width:min(1180px,94%);margin:0 auto;position:relative;align-items:start}
.guide-menu{position:sticky;top:24px;text-align:left}.guide-menu h2{text-align:center}.guide-menu nav{display:grid;gap:4px}
.guide-menu nav a{font:13px/1.5 Arial,sans-serif;padding:11px 8px;border-bottom:1px solid #b18ca830}.guide-menu nav a:hover{color:#91355f;background:#fff5fa66}
.guide-menu .button{margin-top:18px}.guide-paper{padding:40px}.guide-paper h1{font:38px/1.2 Optimus,Georgia,serif;color:#6c465f;margin:10px 0 16px}
.guide-intro{max-width:640px}.guide-intro .lead{font-size:17px}.guide-section{padding:30px 0;border-top:1px solid #cfafc3;scroll-margin-top:24px}
.guide-section:first-of-type{margin-top:26px}.guide-section>p,.mechanic p{font-size:15px;line-height:1.85}.guide-section>h2{font-size:27px}
.mechanics-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}
.mechanic{padding:23px;background:#fff7fc66;border:1px solid #cfafc3;min-width:0}.mechanic .number{font:12px Optimus,serif;color:#9b6486;letter-spacing:2px}.mechanic h3{font:21px/1.3 Optimus,serif;color:#74445f;margin:10px 0 13px}.mechanic p{font-size:14px;margin:10px 0}.mechanic .howto{padding-top:12px;border-top:1px solid #dec3d3;color:#705368}
.guide-section .pill{margin:0 0 10px;background:#fff2f9;color:#754b64}.guide-section .available{background:#edf2e9;color:#476447;border-color:#9cae95}
.guide-paper .beta-alert{font-size:15px}.guide-paper .beta-rates{max-width:520px}.guide-paper .cash-notice{margin:20px 0}.guide-section ul{padding-left:20px;font-size:14px;line-height:1.9}.guide-section li{padding:3px 0}
.guide-faq details{border-bottom:1px solid #d3b9ca;padding:16px 0}.guide-faq summary{cursor:pointer;font:600 14px/1.6 Arial,sans-serif;color:#74445f;min-height:44px}.guide-faq details p{font-size:14px;margin:8px 0}
.guide-cta{text-align:center;background:#ead3e1;padding:25px;border:1px solid #c49cb5}.guide-cta h2{font-size:25px}.guide-cta .hero-actions{margin-top:20px}.guide-cta p{font-size:14px}
@media(min-width:651px) and (max-width:1100px){
  .portal{grid-template-columns:190px minmax(0,1fr);max-width:960px;gap:20px}.right{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:20px}.right .sidebar-foot{display:none}
  .wordmark{left:3%;top:125px;width:42%}.wordmark :is(h1,.hero-name){font-size:65px}.wordmark .tagline{font-size:15px}.wordmark>p:first-child{font-size:9px;letter-spacing:1.5px}
  .hero-art{left:44%;width:610px;height:330px;top:104px}.hero-actions .button{min-width:140px;font-size:11px}
  .presentation-layout{grid-template-columns:190px minmax(0,1fr);gap:20px}.guide-paper{padding:28px}.mechanics-grid{grid-template-columns:1fr}
}
@media(max-width:650px){
  .masthead{height:564px;background:linear-gradient(180deg,#302333,#61465d 68%,transparent)}
  .navigation{height:64px;width:100%;font-size:10px;letter-spacing:0;background:#302233e8}.navigation a{padding:12px 6px}
  .hero-art{top:64px;left:0;width:100%;height:215px;background-size:100% auto;mask-image:linear-gradient(#000 65%,transparent 100%);mask-composite:add}
  .wordmark{top:269px;left:4%;right:auto;width:92%;padding:0;background:none}.wordmark :is(h1,.hero-name){font-size:56px;margin:5px 0 0}.wordmark>p:first-child{font-size:9px;letter-spacing:2px;margin:0 0 5px}.wordmark .flourish{font-size:17px}.wordmark .tagline{font-size:15px;margin:9px 0 13px}
  .hero-actions{flex-wrap:nowrap;gap:8px}.hero-actions .button{width:auto;flex:1;min-width:0;font-size:11px;padding:10px 6px}.server-status{font-size:11px;margin-bottom:14px}
  .portal{width:92%;gap:24px}.paper{padding:26px 20px}.petals{inset:64px 0 0}
  .presentation-layout{display:flex;flex-direction:column;width:92%;gap:24px}.guide-menu{position:static;width:100%;padding:18px}.guide-menu h2{margin-bottom:10px}.guide-menu nav{grid-template-columns:1fr 1fr;gap:4px 12px}.guide-menu .button{display:none}
  .guide-paper{width:100%;padding:28px 20px}.guide-paper h1{font-size:31px}.guide-intro .lead{font-size:15px}.guide-section{padding:26px 0}.guide-section>h2{font-size:25px}.mechanics-grid{grid-template-columns:1fr;gap:14px}.mechanic{padding:20px}.guide-cta{padding:20px 14px}.guide-cta .hero-actions{flex-wrap:wrap}.guide-cta .button{flex-basis:100%}
}
@media(max-width:360px){.hero-art{height:183px}.wordmark{top:246px}.masthead{height:542px}.navigation{font-size:9px}.navigation a{padding-left:5px;padding-right:5px}.wordmark .tagline{font-size:14px}.hero-actions .button{font-size:10px}}
@media(prefers-reduced-motion:reduce){.petals{display:none}.petals i{animation:none}}

/* Reserved navigation entries: no route until these services are available. */
.navigation .nav-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:44px;padding:8px 15px;border:0;border-bottom:1px solid transparent;background:none;color:#d8bdd0;font:inherit;letter-spacing:inherit;text-shadow:inherit;opacity:1;cursor:default}
.navigation .nav-placeholder small{font:8px/1 Arial,sans-serif;letter-spacing:1px;text-transform:uppercase;color:#c5a5ba}
@media(max-width:650px){.navigation{height:104px;flex-wrap:wrap;align-content:center}.navigation a,.navigation .nav-placeholder{flex:1 0 23%;min-height:48px;padding:8px 5px;font-size:10px}.navigation .nav-placeholder small{font-size:7px;letter-spacing:.5px}.masthead{height:604px}.hero-art{top:104px}.wordmark{top:309px}.petals{top:104px}}
@media(max-width:360px){.masthead{height:582px}.wordmark{top:286px}}
@media(min-width:1101px){.guide-pillars{grid-template-columns:repeat(3,minmax(0,1fr))}}
.guide-pillars .mechanic{background:linear-gradient(155deg,#fff9fd,#f2deeb);border-color:#cfa7c1}

/* Launch date sits over the fading character artwork on desktop and mobile. */
.launch-mark{position:absolute;z-index:2;top:354px;right:max(5%,calc(50% - 560px));width:238px;padding:10px 14px 9px;text-align:center;pointer-events:none;color:#fff4fb;background:linear-gradient(145deg,#40283de8,#75465fea);border:1px solid #e8b9d2;box-shadow:0 9px 24px #28172980,inset 0 1px #fff5fc55;transform:rotate(-2deg)}
.launch-mark span{display:block;font:700 18px/1.2 Optimus,Georgia,serif;font-variant:small-caps;letter-spacing:2px;text-shadow:0 1px 3px #281729}
.launch-mark time{display:block;margin-top:3px;font:700 12px/1.4 Arial,sans-serif;letter-spacing:.8px;text-transform:uppercase;color:#f8dce9}
@media(max-width:650px){.launch-mark{top:248px;right:12px;width:209px;padding:7px 10px 6px}.launch-mark span{font-size:16px}.launch-mark time{font-size:10px}}
@media(max-width:360px){.launch-mark{top:228px;right:8px;width:195px}}
/* Short branching flashes follow armor and weapons; each lasts only milliseconds. */
.energy-arcs{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.energy-arcs .arc{--arc-period:6.7s;--arc-delay:0s;fill:none;stroke:#f6eaff;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 2px #bd90ff) drop-shadow(0 0 4px #8e58d2)}
.energy-arcs .arc path{stroke-dasharray:100 100;stroke-dashoffset:100;opacity:0;animation:arc-trace var(--arc-period) linear var(--arc-delay) infinite}
.energy-arcs .arc:not(.arc-edge) path:nth-child(2){animation-name:arc-branch}
.energy-arcs .arc-warrior{--arc-delay:-1.1s}
.energy-arcs .arc-shaman{--arc-period:7.9s;--arc-delay:-4.7s}
.energy-arcs .arc-sura{--arc-period:5.8s;--arc-delay:-2.3s}
.energy-arcs .arc-ninja{--arc-period:8.4s;--arc-delay:-6.2s}
.energy-arcs .arc-edge{--arc-period:9.1s;--arc-delay:-3.5s;stroke-width:1.1}
@keyframes arc-trace{0%,37.99%{opacity:0;stroke-dashoffset:100}38%{opacity:.95;stroke-dashoffset:100}39.4%{opacity:.95;stroke-dashoffset:0}39.55%{opacity:.55;stroke-dashoffset:0}39.85%,100%{opacity:0;stroke-dashoffset:0}}
@keyframes arc-branch{0%,38.44%{opacity:0;stroke-dashoffset:100}38.45%{opacity:.85;stroke-dashoffset:100}39.4%{opacity:.85;stroke-dashoffset:0}39.55%{opacity:.45;stroke-dashoffset:0}39.85%,100%{opacity:0;stroke-dashoffset:0}}/* A few more petals, staggered so the banner stays light and readable. */
.petals i:nth-child(7){left:19%;animation-delay:-14s;animation-duration:24s;width:6px;height:9px}
.petals i:nth-child(8){left:39%;animation-delay:-3s;animation-duration:20s;width:8px;height:11px}
.petals i:nth-child(9){left:57%;animation-delay:-18s;animation-duration:27s;width:6px;height:9px}
.petals i:nth-child(10){left:72%;animation-delay:-11s;animation-duration:19s;width:8px;height:12px}
.petals i:nth-child(11){left:85%;animation-delay:-21s;animation-duration:26s;width:7px;height:10px}
.petals i:nth-child(12){left:96%;animation-delay:-5s;animation-duration:22s;width:6px;height:9px}
@media(prefers-reduced-motion:reduce){.energy-arcs{display:none}}
/* Keep account access and the existing CSRF-protected logout together. */
.navigation .nav-account{display:flex;align-items:center;justify-content:center;white-space:nowrap}
.navigation .nav-account>a{padding-right:6px}
.navigation .nav-divider{color:#d9adca;font-family:Arial,sans-serif;font-size:12px}
.navigation .nav-logout{margin:0}
.navigation .nav-logout[hidden],.navigation .nav-divider[hidden]{display:none}
.navigation .nav-logout button{border:0;border-bottom:1px solid transparent;background:none;padding:12px 8px;color:#f9cadf;font:inherit;letter-spacing:inherit;text-shadow:inherit;cursor:pointer}
.navigation .nav-logout button:hover{color:#fff;border-bottom-color:#efbbd5}
.navigation .nav-logout button:focus-visible{outline:3px solid #c978a4;outline-offset:3px}
@media(max-width:650px){.navigation .nav-account{flex:1 0 23%;min-width:0;min-height:48px}.navigation .nav-account>a{flex:0 0 auto;padding:8px 3px}.navigation .nav-logout button{font-size:10px;padding:8px 3px}.navigation .nav-divider{font-size:10px}}
@media(max-width:360px){.navigation .nav-account>a,.navigation .nav-logout button{font-size:9px;padding-left:2px;padding-right:2px}}
@media(max-width:650px){.navigation .nav-placeholder{flex:1 0 20%}.navigation .nav-account{flex:1 0 35%}}

/* The menu remains available while the page scrolls. */
html{scroll-padding-top:88px}
.navigation{position:fixed;top:0;left:0;right:0;z-index:50;width:100%;max-width:none;height:72px;margin:0;padding-inline:max(0px,calc((100vw - 1180px)/2));background:linear-gradient(90deg,#302333f3,#423047f0,#302333f3);border-bottom:1px solid #e8bdd066;box-shadow:0 6px 18px #24172235;backdrop-filter:blur(12px)}
@media(max-width:650px){html{scroll-padding-top:114px}.navigation{height:104px;padding-inline:0;background:#302333f5}}
/* Larger navigation labels with a restrained lilac hover glow. */
.navigation{font-size:15.5px}
.navigation a,.navigation .nav-placeholder,.navigation .nav-logout button{transition:color .18s ease,text-shadow .18s ease,border-color .18s ease}
.navigation a:hover,.navigation .nav-logout button:hover{color:#fff8fd;text-shadow:0 0 6px #ffd9ef,0 0 13px #e88ecb,0 0 22px #ae5a9b;border-bottom-color:#f2c8e2}
.navigation .nav-placeholder:hover{color:#ecd7e6;text-shadow:0 0 8px #d595bd99}
@media(max-width:650px){.navigation{font-size:11px}.navigation a,.navigation .nav-placeholder{font-size:11px}.navigation .nav-placeholder{flex:1 0 19%}.navigation .nav-account{flex:1 0 38%}.navigation .nav-logout button{font-size:10px}}
@media(max-width:360px){.navigation .nav-account>a,.navigation .nav-logout button{font-size:10px}}
@media(prefers-reduced-motion:reduce){.navigation a,.navigation .nav-placeholder,.navigation .nav-logout button{transition:none}}
/* Compact live level ranking in the home sidebar. */
.ranking-preview{text-align:left}
.ranking-preview .overline,.ranking-preview h2{text-align:center}
.ranking-preview .ranking-preview-status{font:11px/1.6 Arial,sans-serif;text-align:center;color:#806778;margin:14px 0}
.ranking-preview-list{list-style:none;margin:13px 0 9px;padding:0}
.ranking-preview-list li{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:5px;min-height:34px;padding:4px 1px;border-bottom:1px solid #b18ca830;font:11px/1.4 Arial,sans-serif;color:#684a60}
.ranking-preview-list li:first-child,.ranking-preview-list li:nth-child(2),.ranking-preview-list li:nth-child(3){color:#8d426b;font-weight:700}
.ranking-preview-position{font:15px/1 Optimus,Georgia,serif;color:#a36a90}
.ranking-preview-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ranking-preview-level{font-size:10px;white-space:nowrap;color:#8b6480}
.ranking-preview .ranking-preview-link{display:block;margin:15px 0 0;text-align:center}
/* Reserved community channels, ready for verified links. */
.social-card{text-align:center}
.social-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:17px}
.social-grid :is(button,a){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;min-height:58px;padding:7px 4px;border:1px solid #bc8faa;border-radius:3px;background:linear-gradient(145deg,#f8ecf4,#e6cddd);box-shadow:inset 0 1px #fff9;color:#74445f;font:700 11px/1.15 Arial,sans-serif;text-align:center;opacity:1;cursor:default}
.social-grid :is(button,a) span{overflow-wrap:anywhere}
.social-grid :is(button,a) small{font:8px/1.2 Arial,sans-serif;letter-spacing:.7px;text-transform:uppercase;color:#a16e8e}
@media(max-width:650px){.social-grid :is(button,a){min-height:62px;font-size:12px}.social-grid :is(button,a) small{font-size:9px}}

.social-grid :is(button,a) svg{width:24px;height:24px;flex:none;fill:#8e5275;stroke:#8e5275;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.social-grid :is(button,a):nth-child(1) svg circle{fill:#f8ecf4;stroke:none}
.social-grid :is(button,a):nth-child(2) svg{fill:none;stroke-width:2}
.social-grid :is(button,a):nth-child(3) svg,.social-grid :is(button,a):nth-child(4) svg{stroke:none}
.social-grid :is(button,a){min-height:78px;gap:4px}
.social-grid a.social-link{text-decoration:none;cursor:pointer;border-color:#9d5c83;background:linear-gradient(145deg,#fff5fa,#ecc9dd);transition:transform .15s,box-shadow .15s}
.social-grid a.social-link small{color:#8e5275;font-weight:700}
.social-grid a.social-link:hover,.social-grid a.social-link:focus-visible{transform:translateY(-1px);box-shadow:inset 0 1px #fff9,0 3px 10px #8e527540;outline:none}
.social-grid :is(button,a) span{line-height:1.15}
.official-plan.manifesto p{margin:0 0 14px}.official-plan.manifesto>strong{display:block;margin-bottom:14px}.official-plan.manifesto p strong{color:#874368}.official-plan.manifesto p.manifesto-mark{font:22px Optimus,Georgia,serif;line-height:1.5;color:#874368;margin:22px 0}
.news-entry.entrada h3{font-size:24px;margin-top:6px}.news-entry.entrada .beta-alert strong{font-size:16px}.entrada-cta{display:inline-block;margin-top:14px;padding:12px 26px;width:auto}.news-entry.entrada p.fine-print{font:11px Arial,sans-serif;line-height:1.6;color:#9a8592;margin:16px 0 0}
.social-grid a.social-link[class*=soc-]{border:0;color:#fff;box-shadow:0 2px 6px #0003}.social-grid a.social-link[class*=soc-] small{color:#ffffffd9}.social-grid a.social-link[class*=soc-]:hover,.social-grid a.social-link[class*=soc-]:focus-visible{box-shadow:0 4px 12px #0004;filter:brightness(1.08)}
.social-grid a.social-link.soc-wa{background:#25d366}.social-grid a.social-link.soc-wa svg{fill:none;stroke:#fff;stroke-width:2}
.social-grid a.social-link.soc-ig{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}.social-grid a.social-link.soc-ig svg{fill:none;stroke:#fff;stroke-width:2.2}.social-grid a.social-link.soc-ig svg .dot{fill:#fff;stroke:none}
.social-grid a.social-link.soc-fb{background:#1877f2}.social-grid a.social-link.soc-fb svg{fill:#fff;stroke:none}
.social-grid a.social-link.soc-tt{background:#000}.social-grid a.social-link.soc-tt svg{fill:#fff;stroke:none;filter:drop-shadow(-1.5px -1px 0 #25f4ee) drop-shadow(1.5px 1px 0 #fe2c55)}
.social-grid a.social-link.soc-dc{grid-column:1/-1;flex-direction:row;gap:8px;min-height:42px;background:#5865f2}.social-grid a.social-link.soc-dc svg{width:20px;height:20px;fill:#fff;stroke:none}.social-grid a.social-link.soc-dc svg circle{fill:#5865f2}
.social-grid button.soc-dc{grid-column:1/-1;flex-direction:row;gap:8px;min-height:42px;border:0;background:#5865f2;color:#fff;opacity:.55}.social-grid button.soc-dc svg{width:20px;height:20px;fill:#fff;stroke:none}.social-grid button.soc-dc svg circle{fill:#5865f2}.social-grid button.soc-dc small{color:#fff}
/* Apresentacao v3 (2026-10-03): manifesto antes dos sistemas. */
.ap-paper{padding:46px 52px}
.ap-hero{text-align:center;padding:10px 0 34px;max-width:680px;margin:0 auto}
.ap-paper .ap-hero h1{font:40px/1.22 Optimus,Georgia,serif;color:#6c465f;margin:14px 0 18px}
.ap-hero-lead{font-size:17px;line-height:1.85;color:#7a6071;margin:0 auto 22px;max-width:560px}
.ap-marks{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:0;margin:0 0 26px}
.ap-marks li{font:600 11px/1 Arial,sans-serif;letter-spacing:.6px;text-transform:uppercase;color:#874368;padding:8px 12px;border:1px solid #cfa7c1;border-radius:20px;background:#fff7fc99}
.ap-actions{justify-content:center}
.ap-paper .guide-section{padding:40px 0}
.ap-paper .guide-section>h2{font:30px/1.3 Optimus,Georgia,serif;color:#6c465f;margin:10px 0 18px;max-width:640px}
.ap-paper .guide-section>p{max-width:660px}
.ap-memories{list-style:none;padding:0;margin:26px 0;border-left:2px solid #d9b6cb}
.ap-memories li{font:italic 18px/1.55 Georgia,serif;color:#74445f;padding:7px 0 7px 22px}
.ap-statement{font:600 21px/1.45 Georgia,serif!important;color:#874368;margin:28px 0}
.ap-quote{margin:30px 0 6px;padding:24px 28px;text-align:center;border-top:1px solid #d3b9ca;border-bottom:1px solid #d3b9ca;background:linear-gradient(90deg,transparent,#f6e6f0,transparent)}
.ap-quote p{margin:0;font:italic 20px/1.6 Georgia,serif;color:#874368}
.ap-quote-small p{font-size:18px}
.ap-cycle{list-style:none;counter-reset:ap;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0;margin:24px 0}
.ap-cycle li{counter-increment:ap;position:relative;padding:14px 14px 14px 46px;border:1px solid #d9bccd;background:#fff7fc80;min-width:0}
.ap-cycle li:before{content:counter(ap,decimal-leading-zero);position:absolute;left:13px;top:15px;font:13px Optimus,serif;color:#b783a1}
.ap-cycle strong{display:block;font:16px Optimus,Georgia,serif;color:#74445f}
.ap-cycle span{display:block;font-size:12px;line-height:1.5;color:#826d7b;margin-top:3px}
.ap-duo{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}
.ap-duo article{padding:24px;border:1px solid #cfafc3;background:linear-gradient(155deg,#fff9fd,#f2deeb)}
.ap-duo h3{font:22px Optimus,Georgia,serif;color:#74445f;margin:0 0 10px}
.ap-duo p{font-size:14px;line-height:1.85;margin:0}
.ap-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:26px 0}
.ap-pillars div{text-align:center;padding:20px 16px;border:1px solid #d9bccd;background:#fff7fc80}
.ap-pillars span{display:block;font-size:24px;color:#b36b94}
.ap-pillars h3{font:17px Optimus,Georgia,serif;color:#74445f;margin:8px 0}
.ap-pillars p{font-size:13px;line-height:1.7;margin:0;color:#7a6071}
.ap-shot{margin:24px auto 0;max-width:620px;padding:10px;border:1px solid #cfafc3;background:#fff7fc80}
.ap-shot img,.ap-with-shot img{display:block;width:100%;height:auto;border:1px solid #a98aa0}
.ap-shot figcaption{font:12px/1.5 Arial,sans-serif;color:#826d7b;text-align:center;margin-top:9px}
.ap-systems .mechanic h3{font-size:19px}
.ap-with-shot img{margin-top:14px}
@media(min-width:1101px){.ap-with-shot{grid-column:1/-1}.ap-with-shot img{max-width:560px;margin-left:auto;margin-right:auto}}
.ap-beta .ap-quote{margin-bottom:28px}
.ap-beta-info{padding:18px 22px;border-left:3px solid #c49cb5;background:#f8eef4}
.ap-beta-info h3{font:600 13px Arial,sans-serif;letter-spacing:.5px;color:#74445f;margin:0 0 8px}
.ap-beta-info ul{margin:0;padding-left:18px;font-size:13px!important;line-height:1.8!important;color:#6f5a69}
.ap-chapters{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0 10px}
.ap-chapters article{padding:22px;border:1px solid #cfafc3;background:#fff7fc66;min-width:0}
.ap-chapters h3{font:19px Optimus,Georgia,serif;color:#74445f;margin:8px 0 10px}
.ap-chapters p{font-size:14px;line-height:1.8;margin:0}
.ap-chapters ul{margin:0}
.ap-small{font-size:12px!important;color:#8d7787}
.ap-final{text-align:center;padding:44px 26px 38px;margin-top:10px;border:1px solid #c49cb5;background:linear-gradient(#f3e2ec,#ead3e1)}
.ap-final h2{font:30px/1.3 Optimus,Georgia,serif;color:#6c465f;margin:10px 0 16px}
.ap-final>p{font-size:15px;line-height:1.85;max-width:560px;margin:0 auto 12px}
.ap-final>p.overline{max-width:none}.ap-sign{margin:28px 0 24px}
.ap-sign-name{display:block;font:44px/1 Optimus,Georgia,serif;letter-spacing:4px;color:#874368}
.ap-sign-sub{display:block;font:11px Arial,sans-serif;letter-spacing:3px;text-transform:uppercase;color:#9b6486;margin-top:10px}
.ap-sign .flourish{display:block;color:#c08fad;margin:12px 0}
.ap-sign p{font:italic 18px/1.5 Georgia,serif;color:#74445f;margin:0}
.ap-final .hero-actions{margin-top:6px}
@media(max-width:1100px){.ap-paper{padding:32px 30px}.ap-cycle{grid-template-columns:repeat(2,minmax(0,1fr))}.ap-pillars{grid-template-columns:1fr}.ap-duo,.ap-chapters{grid-template-columns:1fr}}
@media(max-width:650px){.ap-paper{padding:28px 18px}.ap-paper .ap-hero h1{font-size:29px}.ap-hero-lead{font-size:15px}.ap-paper .guide-section{padding:30px 0}.ap-paper .guide-section>h2{font-size:24px}.ap-memories li{font-size:16px;padding-left:16px}.ap-statement{font-size:19px!important}.ap-quote{padding:18px 10px}.ap-quote p{font-size:18px}.ap-cycle{grid-template-columns:1fr}.ap-duo article,.ap-chapters article{padding:18px}.ap-final{padding:30px 14px}.ap-final h2{font-size:24px}.ap-sign-name{font-size:34px}.ap-final .hero-actions{flex-direction:column}.ap-final .hero-actions .button{width:100%}}
.pvm-preview-group{margin-top:12px}.pvm-preview-title{display:block;font:600 11px/1.4 Arial,sans-serif;letter-spacing:.6px;text-transform:uppercase;color:#9a4f78;text-align:center;margin-bottom:2px}.pvm-preview-title:hover{color:#6e2f55}.pvm-preview .ranking-preview-list{margin:4px 0 6px}.pvm-preview-empty{display:block!important;text-align:center;font:italic 11px Arial,sans-serif;color:#9a8592;border-bottom:0!important}
/* Menu com 9 itens (Imperador, 2026-10-04): no celular a 1a linha passa a ter 5 links e a 2a os 3 'em breve' + conta. */
@media(max-width:650px){.navigation>a{flex:1 0 19%;min-width:0;padding:8px 2px;font-size:10px;justify-content:center;text-align:center}}
@media(max-width:360px){.navigation>a{font-size:9px}}

/* Menu com 10 itens (Suporte, 2026-10-06): no celular ficam 5 por linha; a conta ganha um pouco mais de espaco. */
@media(max-width:650px){.navigation a,.navigation .nav-placeholder{flex:1 0 18%}.navigation .nav-account{flex:1 0 26%}}

/* Canais flutuantes (2026-10-08; seletor "nav.social-float" porque o tema-topo.css poe position:relative em tudo depois do topo): em tela larga os botoes da comunidade ficam presos na borda direita e acompanham a rolagem;
   a caixa Comunidade da lateral some. Em tela estreita (celular) continua a caixa e a barra flutuante nao aparece. */
nav.social-float{display:none}
@media (min-width:1280px){
.social-card{display:none}
nav.social-float{display:flex;flex-direction:column;gap:10px;position:fixed;right:16px;top:50%;transform:translateY(-50%);z-index:60}
nav.social-float a{position:relative;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;color:#fff;text-decoration:none;box-shadow:0 3px 10px #0007,0 0 0 2px #ffffff26;transition:transform .15s,box-shadow .15s}
nav.social-float a:hover,nav.social-float a:focus-visible{transform:scale(1.1);box-shadow:0 5px 16px #000a,0 0 0 2px #ffffff80;outline:none}
nav.social-float svg{width:26px;height:26px}
nav.social-float span{position:absolute;right:58px;top:50%;transform:translateY(-50%);padding:6px 11px;border-radius:8px;background:#241020f2;border:1px solid #9d5c83;color:#ffe9f4;font:700 13px/1 Arial,Helvetica,sans-serif;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s}
nav.social-float a:hover span,nav.social-float a:focus-visible span{opacity:1}
nav.social-float .soc-wa{background:#25d366}nav.social-float .soc-wa svg{fill:none;stroke:#fff;stroke-width:2}
nav.social-float .soc-ig{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}nav.social-float .soc-ig svg{fill:none;stroke:#fff;stroke-width:2.2}nav.social-float .soc-ig svg .dot{fill:#fff;stroke:none}
nav.social-float .soc-fb{background:#1877f2}nav.social-float .soc-fb svg{fill:#fff;stroke:none}
nav.social-float .soc-tt{background:#000}nav.social-float .soc-tt svg{fill:#fff;stroke:none;filter:drop-shadow(-1.5px -1px 0 #25f4ee) drop-shadow(1.5px 1px 0 #fe2c55)}
nav.social-float .soc-dc{background:#5865f2}nav.social-float .soc-dc svg{fill:#fff;stroke:none}nav.social-float .soc-dc svg circle{fill:#5865f2}
}
@media (min-width:1280px) and (prefers-reduced-motion:reduce){nav.social-float a,nav.social-float span{transition:none}}