:root{--ink:#090c0f;--panel:#101519;--panel2:#151b1f;--gold:#e7bd63;--gold2:#f0ce7e;--paper:#f1f0eb;--muted:#a4afb5;--line:rgba(238,240,235,.12);--display:"Barlow Condensed",Impact,sans-serif;--body:"DM Sans",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 64px));margin-inline:auto}.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(32px,calc((100vw - 1320px)/2));position:absolute;inset:0 0 auto;z-index:10;background:rgba(7,10,12,.87);border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(14px)}.brand{display:flex;gap:12px;align-items:center}.brand-mark{width:32px;height:38px;color:var(--gold)}.brand-mark svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:3}.brand-name{font-weight:700;letter-spacing:.025em;font-size:15px}.brand-name b{color:var(--gold)}.main-nav{display:flex;align-items:center;gap:34px;margin-left:50px}.main-nav a{font-size:12px;font-weight:600;color:#d5dbde;transition:color .2s}.main-nav a:hover,.main-nav a.active{color:var(--gold)}.header-cta{display:flex;gap:10px;align-items:center;padding:11px 15px;border:1px solid var(--line);border-radius:3px;font-size:12px;font-weight:600;transition:.2s}.header-cta:hover{border-color:var(--gold);color:var(--gold)}.shield{color:var(--gold);font-size:16px}.menu-toggle{display:none}.hero{height:min(860px,100svh);min-height:680px;position:relative;display:flex;align-items:center;overflow:hidden;background:#10191d}.hero-image,.hero-shade,.hero-grid{position:absolute;inset:0}.hero-image{background:url("assets/frontline-hero.jpg") center 46%/cover no-repeat;transform:scale(1.025);animation:hero-enter 1.2s ease both}.hero-shade{background:linear-gradient(90deg,rgba(4,8,11,.95) 0%,rgba(4,8,11,.83) 29%,rgba(4,8,11,.28) 66%,rgba(4,8,11,.06) 100%),linear-gradient(0deg,rgba(4,8,11,.7),transparent 28%,rgba(4,8,11,.22))}.hero-grid{opacity:.1;background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px);background-size:100px 100px;mask-image:linear-gradient(90deg,#000,transparent 85%)}.hero-content{position:relative;padding-top:70px;z-index:1}.eyebrow{font-size:10px;letter-spacing:.12em;font-weight:700;color:#d0d9dc;display:flex;align-items:center;gap:12px;margin:0 0 24px}.eyebrow-line{width:23px;height:1px;background:var(--gold);display:inline-block}.hero h1,.intro h2,.systems h2,.world-section h2,.community h2{font-family:var(--display);text-transform:uppercase;letter-spacing:.012em;font-size:clamp(72px,9.4vw,132px);line-height:.84;margin:0;font-weight:800}.hero h1 em,.intro h2 em,.systems h2 em,.world-section h2 em,.community h2 em{color:var(--gold);font-style:normal}.hero-copy{max-width:450px;color:#c1cbd0;font-size:15px;line-height:1.8;margin:28px 0 29px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{min-height:48px;padding:0 19px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:3px;font-size:12px;font-weight:700;transition:transform .2s,background .2s,border-color .2s}.button:hover{transform:translateY(-2px)}.button-gold{background:var(--gold);color:#111416}.button-gold:hover{background:var(--gold2)}.button-glass,.button-outline{background:rgba(8,12,14,.54);border:1px solid rgba(255,255,255,.22);color:#f2f2ee}.button-glass:hover,.button-outline:hover{border-color:var(--gold)}.arrow{font-size:17px;line-height:1}.hero-tags{display:flex;flex-wrap:wrap;gap:25px;margin-top:35px;color:#d1d9db;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.035em}.hero-tags span:first-letter{color:var(--gold)}.hero-index{position:absolute;right:32px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:12px;writing-mode:vertical-rl;color:#e4e7e4;font-size:9px;letter-spacing:.1em}.hero-index i{height:70px;width:1px;background:linear-gradient(var(--gold),transparent)}.scroll-cue{position:absolute;left:50%;bottom:50px;width:30px;height:30px;border:1px solid rgba(255,255,255,.4);border-radius:50%;display:grid;place-items:center}.scroll-cue span{width:7px;height:7px;border-right:1px solid white;border-bottom:1px solid white;transform:rotate(45deg) translate(-2px,-2px)}.hero-caption{position:absolute;bottom:20px;left:32px;right:32px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.12em;color:rgba(232,235,231,.58)}.section-pad{padding:120px 0}.intro{background:#0c1013}.intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:end}.intro h2,.systems h2,.world-section h2,.community h2{font-size:clamp(64px,7vw,92px)}.intro-text{max-width:400px;padding-bottom:4px}.intro-text p,.systems-copy>p:not(.eyebrow){color:#aeb8bd;font-size:14px;line-height:1.9;margin:0 0 24px}.text-link{display:inline-flex;gap:16px;align-items:center;color:var(--gold);font-size:12px;font-weight:700;border-bottom:1px solid rgba(231,189,99,.4);padding-bottom:8px}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:82px}.pillar{position:relative;border-top:1px solid var(--line);padding:26px 25px 24px;background:linear-gradient(135deg,rgba(255,255,255,.025),transparent);min-height:225px}.pillar-num{position:absolute;right:23px;top:25px;color:#69747a;font-size:10px;letter-spacing:.08em}.pillar-icon{color:var(--gold);font-size:24px;margin-bottom:22px}.pillar h3,.system-row h3{font-family:var(--display);font-size:25px;text-transform:uppercase;letter-spacing:.03em;margin:0 0 9px}.pillar p,.system-row p{font-size:12px;line-height:1.8;color:#98a4aa;margin:0;max-width:300px}.systems{background:var(--panel);border-block:1px solid var(--line)}.systems-grid{display:grid;grid-template-columns:.83fr 1.17fr;gap:90px;align-items:center}.systems-copy>p:not(.eyebrow){max-width:350px;margin:26px 0}.button-outline{min-height:44px}.system-list{border-top:1px solid var(--line)}.system-row{display:grid;grid-template-columns:42px 1fr 20px;gap:15px;align-items:start;padding:24px 0;border-bottom:1px solid var(--line);transition:padding .2s}.system-row:hover{padding-left:8px}.system-icon{color:var(--gold);font-size:20px;padding-top:6px}.system-kicker{color:var(--gold);font-size:8px;letter-spacing:.14em;font-weight:700}.system-row h3{font-size:21px;margin:5px 0 6px}.system-row p{max-width:490px}.row-arrow{color:#718087;padding-top:6px}.world-section{min-height:570px;position:relative;display:flex;align-items:center;overflow:hidden;background:#10191d}.world-photo,.world-overlay{position:absolute;inset:0}.world-photo{background:url("assets/frontline-world.jpg") center 47%/cover no-repeat;transform:scale(1.01)}.world-overlay{background:linear-gradient(90deg,rgba(6,10,12,.95),rgba(6,10,12,.68) 46%,rgba(6,10,12,.12)),linear-gradient(0deg,rgba(6,10,12,.4),transparent 55%)}.world-content{position:relative;padding:90px 0}.world-section h2{font-size:clamp(62px,7.8vw,100px)}.world-content>p:not(.eyebrow){color:#bdc7ca;max-width:410px;font-size:13px;line-height:1.8;margin:22px 0}.map-coord{position:absolute;right:max(32px,calc((100vw - 1160px)/2));bottom:35px;font-size:9px;letter-spacing:.08em;text-align:right;line-height:1.9;color:#e2dfd4}.map-coord span{color:var(--gold);font-size:8px}.community{background:#0b0f12;padding:90px 0}.community-card{display:flex;align-items:center;gap:45px;padding:52px 60px;border:1px solid rgba(231,189,99,.35);background:radial-gradient(ellipse at 15% 50%,rgba(231,189,99,.1),transparent 50%),#101519}.community-mark{font-family:var(--display);font-size:74px;font-weight:800;color:var(--gold);border-right:1px solid var(--line);padding-right:40px}.community-mark span{color:#f3f0e8}.community-copy{flex:1}.community .eyebrow{margin-bottom:15px}.community h2{font-size:54px}.community-copy>p:last-child{font-size:12px;line-height:1.8;color:#aeb8bd;max-width:380px;margin:14px 0 0}.community .button{white-space:nowrap}.site-footer{border-top:1px solid var(--line);background:#080b0d}.footer-inner{min-height:105px;display:flex;align-items:center;gap:24px}.footer-brand .brand-mark{width:24px;height:29px}.footer-brand .brand-name{font-size:12px}.footer-inner>p{font-size:11px;color:#8d989e}.copyright{margin-left:auto;font-size:8px;letter-spacing:.08em;color:#79848a}.back-top{font-size:8px;letter-spacing:.08em;color:var(--gold);white-space:nowrap}@keyframes hero-enter{from{opacity:.55;transform:scale(1.06)}to{opacity:1;transform:scale(1.025)}}@media(max-width:900px){.main-nav{gap:18px;margin-left:10px}.header-cta{font-size:0;padding:11px}.header-cta .shield,.header-cta span:last-child{font-size:14px}.systems-grid{gap:45px}.community-card{padding:38px;gap:28px}.community-mark{padding-right:26px}}@media(max-width:700px){.wrap{width:calc(100% - 40px)}.site-header{height:68px;padding:0 20px}.brand-mark{width:27px;height:33px}.brand-name{font-size:13px}.menu-toggle{display:flex;flex-direction:column;gap:6px;background:none;border:0;padding:10px;margin-left:auto;margin-right:12px}.menu-toggle span{display:block;width:21px;height:1px;background:#f3f2ee;transition:.2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.main-nav{display:none;position:absolute;top:68px;left:0;right:0;margin:0;padding:18px 22px 24px;background:#090c0f;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:0}.main-nav.open{display:flex}.main-nav a{width:100%;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.07)}.header-cta{padding:10px}.hero{min-height:690px;height:92svh;max-height:850px;align-items:flex-end;padding-bottom:116px}.hero-image{background-position:56% center}.hero-shade{background:linear-gradient(90deg,rgba(4,8,11,.88),rgba(4,8,11,.42)),linear-gradient(0deg,rgba(4,8,11,.9),transparent 76%)}.hero-content{padding-top:0}.eyebrow{font-size:8px;margin-bottom:18px}.hero h1{font-size:clamp(64px,15vw,96px)}.hero-copy{font-size:13px;max-width:370px;margin:22px 0}.button{min-height:45px;font-size:11px;padding:0 14px}.hero-tags{gap:12px 19px;font-size:8px;margin-top:24px}.hero-index{right:14px;top:42%;font-size:8px}.scroll-cue{bottom:46px}.hero-caption{left:20px;right:20px;font-size:7px}.section-pad{padding:78px 0}.intro-grid,.systems-grid{grid-template-columns:1fr;gap:30px}.intro h2,.systems h2{font-size:70px}.intro-text p,.systems-copy>p:not(.eyebrow){font-size:13px}.pillars{grid-template-columns:1fr;gap:0;margin-top:46px}.pillar{min-height:auto;padding:22px 20px}.pillar-icon{margin-bottom:12px}.pillar p{max-width:420px}.systems-grid{gap:48px}.system-row{grid-template-columns:29px 1fr 16px;gap:11px;padding:19px 0}.system-row h3{font-size:19px}.world-section{min-height:550px;align-items:flex-end}.world-photo{background-position:55% center}.world-overlay{background:linear-gradient(0deg,rgba(6,10,12,.94),rgba(6,10,12,.35) 75%),linear-gradient(90deg,rgba(6,10,12,.25),transparent)}.world-content{padding:80px 0 110px}.world-section h2{font-size:70px}.map-coord{right:20px;bottom:22px;font-size:8px}.community{padding:60px 0}.community-card{padding:30px 24px;display:grid;grid-template-columns:48px 1fr;gap:18px}.community-mark{font-size:45px;padding-right:16px;align-self:center}.community h2{font-size:48px}.community-copy>p:last-child{font-size:11px}.community .button{grid-column:1/-1;width:100%;margin-top:6px}.footer-inner{padding:22px 0;display:grid;grid-template-columns:1fr auto;gap:10px}.footer-inner>p{grid-column:1}.copyright{margin:4px 0 0;grid-column:1;font-size:7px}.back-top{grid-column:2;grid-row:1/3;align-self:center}.footer-brand .brand-mark{width:21px;height:26px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
.header-actions{display:flex;align-items:center;gap:10px}.header-discord{width:36px;height:36px;border:1px solid transparent;border-radius:3px;display:grid;place-items:center;font-size:17px}.header-discord:hover{color:var(--gold);border-color:var(--line)}.main-nav{gap:clamp(12px,1.7vw,25px)}.status-section{background:#101519;border-block:1px solid var(--line);padding:42px 0}.status-wrap{display:grid;grid-template-columns:1fr;gap:16px}.status-heading{display:flex;align-items:end;justify-content:space-between}.status-heading .eyebrow{margin-bottom:10px}.status-heading h2,.section-heading h2{font-family:var(--display);font-size:38px;text-transform:uppercase;margin:0}.status-heading h2 em,.section-heading h2 em{font-style:normal;color:var(--gold)}.status-refresh{background:transparent;border:1px solid var(--line);color:#dce0df;border-radius:3px;padding:9px 12px;cursor:pointer;font:600 11px var(--body)}.status-refresh:hover{border-color:var(--gold);color:var(--gold)}.status-refresh:disabled{opacity:.5}.status-card{display:flex;align-items:center;gap:15px;padding:16px 18px;border:1px solid var(--line);background:#0b0f12;min-height:77px}.status-dot{width:9px;height:9px;background:#d7a94c;border-radius:50%;box-shadow:0 0 12px currentColor}.status-dot.is-online{background:#65d49a}.status-dot.is-offline{background:#e07171}.status-card>div:first-of-type{flex:1}.status-card small{display:block;font-size:8px;letter-spacing:.12em;color:#8d9aa1;margin-bottom:5px}.status-card strong{font-size:13px}.status-side{color:#c8a552;font-size:9px;letter-spacing:.1em}.status-stat{min-width:96px;border-left:1px solid var(--line);padding-left:18px}.status-note{font-size:10px;color:#89969c;margin:0}.copy-address{background:none;border:0;color:var(--gold);font:inherit;cursor:pointer;padding:0}.loading-state{min-height:80vh;display:grid;place-items:center;color:var(--gold);letter-spacing:.08em}.inner-hero{padding:165px 0 85px;background:radial-gradient(ellipse at 80% 25%,rgba(231,189,99,.1),transparent 40%),linear-gradient(135deg,#11191d,#090c0f 72%);border-bottom:1px solid var(--line)}.inner-hero h1{font-family:var(--display);font-size:clamp(58px,8vw,100px);line-height:.9;text-transform:uppercase;margin:0;max-width:900px}.inner-hero h1 em{color:var(--gold);font-style:normal}.inner-lead{max-width:660px;color:#b0bbc0;line-height:1.9;font-size:14px;margin:22px 0 0}.page-body{color:#b5c0c4;line-height:1.9;font-size:14px}.page-cards{margin-top:45px}.page-body>p{max-width:760px}.news-preview{background:#0b0f12}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:34px}.section-heading .eyebrow{margin-bottom:12px}.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.news-card,.product-card,.info-panel{padding:25px;background:#11171b;border:1px solid var(--line);min-height:190px}.news-category,.system-kicker{display:block;color:var(--gold);font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.news-card h3,.product-card h2{font:700 25px/1.05 var(--display);text-transform:uppercase;margin:14px 0}.news-body{color:#a7b1b6;font-size:12px;line-height:1.8}.news-body p{margin:0 0 8px}.news-card>small{display:block;color:#748087;font-size:9px;margin-top:18px}.empty-copy{color:#98a5ab;font-size:13px;line-height:1.8}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.info-panel{padding:30px}.info-panel h2{font:700 34px/1 var(--display);text-transform:uppercase;margin:15px 0}.info-panel p{font-size:12px;line-height:1.8;color:#a9b4b9}.info-panel .button{margin:8px 8px 0 0}.info-panel details{margin-top:20px;color:var(--gold);font-size:12px}.info-panel details p{color:#a9b4b9}.pix-key{font-family:monospace;font-size:14px!important;color:var(--gold)!important;overflow-wrap:anywhere}.products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product-card{display:flex;flex-direction:column;align-items:flex-start}.product-card p{font-size:12px;line-height:1.8;color:#a6b0b5;flex:1}.product-card>strong{font-size:18px;color:var(--gold);margin:10px 0 16px}.product-card .button{margin-top:auto}.site-footer{position:relative}.inner-hero .button{margin-top:25px}@media(max-width:1000px){.main-nav{gap:12px}.main-nav a{font-size:10px}.site-header{padding-inline:24px}}@media(max-width:700px){.site-header{padding:0 18px}.main-nav{gap:0}.main-nav a{font-size:12px}.header-actions{gap:4px}.header-cta{font-size:0;padding:10px}.header-cta .shield{font-size:16px}.header-discord{width:28px}.status-section{padding:31px 0}.status-heading h2,.section-heading h2{font-size:31px}.status-heading{align-items:start;gap:12px}.status-heading .status-refresh{font-size:0;padding:9px}.status-heading .status-refresh::first-letter{font-size:14px}.status-card{gap:10px;padding:13px}.status-card strong{font-size:11px}.status-stat{min-width:68px;padding-left:10px}.status-side{display:none}.status-note{font-size:9px}.inner-hero{padding:130px 0 62px}.inner-hero h1{font-size:64px}.inner-lead{font-size:12px}.news-grid,.products-grid,.info-grid{grid-template-columns:1fr}.section-heading{align-items:start;gap:15px;flex-direction:column}.news-card,.product-card,.info-panel{padding:21px}.page-cards{margin-top:28px}}

/* Navegação animada e botões */
#app-main{view-transition-name:frontline-page}.main-nav a{position:relative;padding:10px 0;transition:color .22s ease,transform .22s ease}.main-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:1px;background:var(--gold);transition:right .24s cubic-bezier(.2,.75,.25,1)}.main-nav a:hover{transform:translateY(-1px)}.main-nav a:hover::after,.main-nav a.active::after{right:0}.header-cta,.header-discord,.status-refresh,.text-link,.button{transition:color .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s cubic-bezier(.2,.75,.25,1)}.header-cta{box-shadow:inset 0 0 0 0 rgba(231,189,99,.08)}.header-cta:hover,.header-cta.active{background:rgba(231,189,99,.08);box-shadow:0 5px 18px rgba(0,0,0,.18)}.account-icon{color:var(--gold);font-size:15px}.account-cta{max-width:160px;overflow:hidden}.account-cta #account-label{max-width:105px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.button{position:relative;isolation:isolate;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.15)}.button::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(110deg,transparent 18%,rgba(255,255,255,.19) 48%,transparent 78%);transform:translateX(-120%);transition:transform .55s ease}.button:hover::before{transform:translateX(120%)}.button:active,.header-cta:active,.status-refresh:active{transform:scale(.97)}.button-gold{background:linear-gradient(135deg,#f1ce7b,#dfb253);box-shadow:0 5px 18px rgba(208,166,76,.16)}.button-gold:hover{background:linear-gradient(135deg,#f6d98f,#ecc26a);box-shadow:0 9px 25px rgba(208,166,76,.27)}.button-glass:hover,.button-outline:hover{background:rgba(231,189,99,.08);box-shadow:0 6px 18px rgba(0,0,0,.2)}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button:disabled{cursor:wait;opacity:.65}.status-refresh:hover{transform:translateY(-1px);box-shadow:0 5px 15px rgba(0,0,0,.2)}.status-refresh[data-action="refresh"]{position:relative}.status-refresh:disabled::after{content:"";display:inline-block;width:10px;height:10px;margin-left:7px;border:1px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:-1px;animation:spin .7s linear infinite}
@keyframes route-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes route-out{to{opacity:0;transform:translateY(-6px)}}@keyframes page-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.page-enter{animation:page-enter .35s cubic-bezier(.2,.75,.25,1) both}::view-transition-old(frontline-page){animation:route-out .16s ease both}::view-transition-new(frontline-page){animation:route-in .32s cubic-bezier(.2,.75,.25,1) both}.account-section{background:#0b0f12}.account-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:stretch}.account-intro{padding:42px 35px;border:1px solid var(--line);background:radial-gradient(ellipse at 5% 0,rgba(231,189,99,.1),transparent 45%),#101519}.account-intro h2{font:700 clamp(45px,5.4vw,70px)/.91 var(--display);text-transform:uppercase;margin:20px 0}.account-intro h2 em{color:var(--gold);font-style:normal}.account-intro>p{font-size:12px;line-height:1.8;color:var(--muted);max-width:340px;margin:20px 0 30px}.account-benefit{display:flex;gap:13px;align-items:center;padding:13px 0;border-top:1px solid var(--line);font-size:11px;color:#cad1d2}.account-benefit span{font:600 16px var(--display);color:var(--gold)}.account-card,.account-profile,.account-password-form{border:1px solid var(--line);background:#101519}.account-card{padding:30px;align-self:start}.account-switch{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);margin:-2px 0 26px}.account-switch button{position:relative;padding:12px 10px;background:none;border:0;color:#96a2a8;font:600 11px var(--body);cursor:pointer;transition:color .2s}.account-switch button::after{content:"";position:absolute;height:2px;bottom:-1px;left:0;right:100%;background:var(--gold);transition:right .24s}.account-switch button.selected{color:var(--gold)}.account-switch button.selected::after{right:0}.account-form-title{font:600 25px var(--display);text-transform:uppercase;margin:0 0 5px}.form-feedback{font-size:11px;color:var(--gold);min-height:17px;margin:7px 0 10px}.account-field{display:flex;flex-direction:column;gap:8px;font-size:10px;font-weight:700;color:#d9dfe0;margin:16px 0}.account-field input{width:100%;height:45px;border:1px solid #2a363d;background:#090d10;border-radius:3px;padding:0 13px;color:var(--paper);font:12px var(--body);transition:border-color .2s,box-shadow .2s}.account-field input:focus{border-color:#bd9c55;box-shadow:0 0 0 3px rgba(231,189,99,.09);outline:none}.account-field input::placeholder{color:#647178}.account-field small,.form-footnote{font-size:9px;line-height:1.6;color:#7f8b91;font-weight:400}.account-submit{width:100%;margin-top:7px}.account-terms{font-size:9px;line-height:1.65;color:#758188;margin:17px 0 0}.account-profile{padding:34px;display:flex;flex-direction:column;align-items:flex-start}.profile-avatar{width:58px;height:58px;border:1px solid rgba(231,189,99,.55);border-radius:50%;display:grid;place-items:center;font:700 26px var(--display);color:var(--gold);background:rgba(231,189,99,.08);margin-bottom:25px}.account-profile h2,.account-password-form h2{font:700 33px var(--display);text-transform:uppercase;margin:11px 0}.account-profile p,.account-password-form>p:not(.form-feedback){font-size:11px;line-height:1.7;color:var(--muted);margin:0 0 20px}.account-profile .button{margin:7px 0;width:100%}.account-password-form{padding:34px}.account-password-form .button{margin-top:5px}.account-password-form .form-footnote{display:block;margin-top:16px}.account-password-form .form-feedback{min-height:17px}.inner-hero.account-hero{background:radial-gradient(ellipse at 70% 25%,rgba(231,189,99,.13),transparent 42%),linear-gradient(135deg,#11191d,#090c0f 72%)}.is-loading{pointer-events:none}.is-loading .arrow{display:inline-block;animation:spin .8s linear infinite}
@media(max-width:1000px){.main-nav{gap:clamp(9px,1.25vw,15px)}.main-nav a{font-size:10px}.account-layout{gap:16px}.account-intro,.account-card,.account-profile,.account-password-form{padding:26px}}
@media(max-width:700px){.header-actions{gap:4px}.account-cta{font-size:10px;padding:9px;gap:6px;max-width:105px}.account-cta #account-label{max-width:61px}.panel-label{display:none}.header-cta:not(.account-cta){padding:9px}.main-nav a::after{display:none}.main-nav a.active{color:var(--gold);padding-left:8px}.account-layout{grid-template-columns:1fr;gap:14px}.account-intro{padding:27px 24px}.account-intro h2{font-size:52px}.account-card,.account-profile,.account-password-form{padding:24px}.account-hero h1{font-size:66px}.account-profile .button{width:100%}}
@media(prefers-reduced-motion:reduce){#app-main,.main-nav a,.button,.header-cta,.account-switch button{animation:none!important;transition:none!important}::view-transition-old(frontline-page),::view-transition-new(frontline-page){animation:none!important}}
@media(max-width:700px){.account-card{order:-1}}
.news-gallery{display:grid;grid-template-columns:1fr;grid-auto-rows:230px;gap:5px;margin:-25px -25px 20px;overflow:hidden}.news-gallery.has-many{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:145px}.news-gallery img{width:100%;height:100%;object-fit:cover}.news-gallery.has-many img:first-child{grid-row:span 2}.nations-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.nation-card{padding:25px;background:#11171b;border:1px solid var(--line);overflow:hidden}.nation-cover{height:210px;margin:-25px -25px 22px;overflow:hidden;background:#11171b}.nation-cover img{width:100%;height:100%;object-fit:cover}.nation-card h2{font:700 29px/1 var(--display);text-transform:uppercase;margin:12px 0}.nation-card>small{color:var(--gold);font-size:10px}.nation-card details{border-top:1px solid var(--line);padding-top:12px;color:var(--gold);font-size:12px;cursor:pointer}.chat-cta{color:var(--gold)}.site-header [hidden]{display:none!important}@media(max-width:700px){.nations-grid{grid-template-columns:1fr}.news-gallery{margin:-21px -21px 18px}}
.chat-layout{display:grid;grid-template-columns:300px 1fr;gap:18px;min-height:550px}.chat-sidebar,.chat-main{background:#101519;border:1px solid var(--line);padding:18px}.chat-sidebar form{display:grid;gap:10px;margin-bottom:18px}.chat-sidebar input,.chat-main input{background:#080b0e;border:1px solid var(--line);color:var(--text);padding:11px}.chat-sidebar label{display:grid;gap:8px;color:var(--muted);font-size:11px}.chat-sidebar .button{margin:4px 0}.chat-main{display:grid;grid-template-rows:1fr auto;min-height:550px}.chat-main>div{overflow:auto}.chat-main form{display:flex;gap:8px;border-top:1px solid var(--line);padding-top:13px}.chat-main input{flex:1}.conversation-button,.search-user{display:flex;width:100%;align-items:center;justify-content:space-between;padding:12px;background:#151d21;color:var(--text);border:1px solid var(--line);margin:6px 0;cursor:pointer}.search-user button{background:transparent;border:1px solid var(--gold);color:var(--gold);padding:5px 8px}.chat-message{display:grid;gap:5px;padding:12px;border-bottom:1px solid var(--line);font-size:12px}.chat-message b{color:var(--gold)}.chat-message small{font-size:9px;color:var(--muted)}.chat-call-note{font-size:11px;color:var(--muted);margin-top:14px}.chat-sidebar h3{font:600 20px var(--display)}@media(max-width:750px){.chat-layout{grid-template-columns:1fr}.chat-main{min-height:400px}}
.profile-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-upload{cursor:pointer}.news-card{overflow:hidden}.news-body strong{color:#eee}.news-body em{color:var(--gold)}
.call-controls{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:10px}.call-controls .button{font-size:10px;padding:8px}.call-controls video{width:100%;max-height:250px;background:#050607;object-fit:contain}.chat-main{grid-template-rows:auto 1fr auto}
:root{color-scheme:dark}.account-card.recovery-mode .account-switch{display:none}.recovery-progress{display:flex;align-items:center;gap:10px;margin:0 0 24px;color:#78858c;font-size:9px;letter-spacing:.06em}.recovery-progress span.current{color:var(--gold)}.recovery-progress i{height:1px;flex:1;background:linear-gradient(90deg,var(--gold),#334047)}.recovery-intro{font-size:11px;line-height:1.7;color:#9eabb0;margin:8px 0 15px}.account-field input,.chat-sidebar input,.chat-main input{color-scheme:dark;background:#0a1014!important;color:#f1f0eb!important;border:1px solid #35434b!important;box-shadow:inset 0 1px 2px #0005}.account-field input:hover,.chat-sidebar input:hover,.chat-main input:hover{border-color:#64727a!important}.account-field input:focus,.chat-sidebar input:focus,.chat-main input:focus{border-color:#e7bd63!important;outline:0;box-shadow:0 0 0 3px #e7bd631e!important}.account-field input::placeholder,.chat-sidebar input::placeholder,.chat-main input::placeholder{color:#77858c}.account-form [data-account-mode]{display:inline-flex;justify-content:center;align-items:center;margin:17px 0 0;padding:9px 12px;border:1px solid #35434b;border-radius:4px;background:#11191e;color:#dce1e1;font:600 10px var(--body);cursor:pointer;transition:.2s}.account-form [data-account-mode]:hover{color:var(--gold);border-color:#b6924a;background:#171b1b}.account-submit,.button{transition:transform .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.account-submit:hover,.button-gold:hover{transform:translateY(-1px);box-shadow:0 8px 24px #e7bd6322}.chat-attachment-preview{display:flex;gap:8px;flex-wrap:wrap;padding:8px 0}.chat-attachment-preview:empty{display:none}.chat-attachment-preview>div{position:relative}.chat-attachment-preview img{width:72px;height:72px;object-fit:cover;border-radius:5px;border:1px solid var(--line)}.chat-attachment-preview button{position:absolute;top:-5px;right:-5px;border:1px solid #56636a;border-radius:50%;background:#11191e;color:white;width:22px;height:22px;cursor:pointer}.chat-image-button{display:grid;place-items:center;width:42px;border:1px solid var(--line);color:var(--gold);font-size:21px;cursor:pointer}.chat-image{display:block;max-width:min(320px,100%);max-height:280px;object-fit:contain;border-radius:5px;border:1px solid var(--line);margin-top:5px}.chat-main{grid-template-rows:auto 1fr auto auto}.chat-send input{min-width:0}
.profile-upload{background:#151d21;border-color:#35434b;color:#e5e9e8}.profile-upload:hover{background:#1d282e;border-color:var(--gold);color:var(--gold)}
.password-toggle{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #35434b;border-radius:4px;background:#11191e;color:#c2cdd0;cursor:pointer;transition:background .18s,border-color .18s,color .18s}.password-toggle:hover{background:#1a252b;border-color:#e7bd63;color:#e7bd63}.password-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.password-toggle .eye-closed{display:none}.password-toggle[aria-pressed="true"] .eye-open{display:none}.password-toggle[aria-pressed="true"] .eye-closed{display:block}.account-field{position:relative}.account-field input[type="password"],.account-field input[type="text"]{padding-right:48px}.account-field>.password-toggle{position:absolute;right:7px;top:29px}.account-field small{position:relative}.password-help{display:block;color:#8c989d;font-size:10px;margin:-9px 0 14px;line-height:1.5}.password-input-wrap{position:relative}.password-input-wrap input{padding-right:48px!important}.password-input-wrap .password-toggle{position:absolute;right:7px;top:50%;transform:translateY(-50%)}
.news-card-link{padding:0;display:flex;flex-direction:column;border:1px solid var(--line);background:#11171b;transition:transform .25s,border-color .25s}.news-card-link:hover{transform:translateY(-4px);border-color:#b99443}.news-card-cover{display:block;height:230px;background:#10191e}.news-card-cover img{height:100%;width:100%;object-fit:cover}.news-card-placeholder{display:grid;place-items:center;color:var(--gold)}.news-card-content{padding:22px;display:flex;flex-direction:column;align-items:flex-start;flex:1}.news-card-content h3{margin:12px 0}.news-card-content h3 a{color:#f2f1ed;text-decoration:none}.news-card-content .news-body{color:#aab4bb;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-height:5.4em}.news-card-content small{margin-top:auto;padding-top:16px;color:#78848b}.news-read-more{display:inline-flex;gap:10px;margin-top:15px;color:var(--gold);text-decoration:none;font-weight:700}.news-read-more span{transition:transform .2s}.news-read-more:hover span{transform:translateY(4px)}@media(max-width:700px){.news-card-link{padding:0}.news-card-cover{height:190px}.news-card-content{padding:20px}}
.account-profile{position:relative;align-items:center;text-align:center;padding:42px;background:radial-gradient(circle at 50% 0,#e7bd631f,transparent 45%),#101519}.profile-avatar{width:104px;height:104px;overflow:hidden;margin:0 0 18px;font-size:42px;box-shadow:0 0 0 6px #e7bd630e,0 10px 36px #0008}.profile-upload{width:auto!important;min-width:180px}.account-profile h2{font-size:clamp(38px,5vw,54px);margin:4px 0}.account-profile .system-kicker{margin:8px 0}.account-profile .account-nation{display:flex;gap:10px;align-items:center;justify-content:center;padding:12px 18px;border:1px solid var(--line);background:#0b1013;width:100%;box-sizing:border-box}.account-profile .account-nation strong{color:var(--gold)}.account-profile .button{max-width:100%;box-sizing:border-box}.account-icon.has-avatar{width:29px;height:29px;border-radius:50%;overflow:hidden;display:grid;place-items:center;border:1px solid #e7bd6380;font-size:12px}.account-icon.has-avatar img{width:100%;height:100%;object-fit:cover}.chat-section{background:radial-gradient(ellipse at 15% 15%,#1b25292a,transparent 35%),#090d10}.discord-layout{grid-template-columns:320px minmax(0,1fr);min-height:720px;align-items:stretch}.discord-layout .chat-sidebar{padding:18px;background:#0d1317;border-color:#27343a;border-radius:12px}.discord-layout .chat-main{position:relative;grid-template-rows:auto 1fr auto;gap:0;padding:0;background:#0d1317;border-color:#27343a;border-radius:12px;overflow:hidden}.chat-self{display:flex;align-items:center;gap:12px;padding:8px 6px 18px;border-bottom:1px solid #263138;margin-bottom:18px}.chat-self>div{display:grid;gap:4px}.chat-self strong{font-size:14px}.chat-self small,.chat-topbar small{color:#829099;font-size:10px}.chat-avatar,.mini-avatar,.message-avatar{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:linear-gradient(140deg,#d4a944,#664d21);color:#111;font-weight:800}.chat-avatar img,.mini-avatar img,.message-avatar img{width:100%;height:100%;object-fit:cover}.discord-layout .chat-sidebar form{gap:10px;margin-bottom:18px}.discord-layout .chat-sidebar input{width:100%;box-sizing:border-box;border-radius:7px}.discord-layout .chat-sidebar .button{width:100%;border-radius:7px}.discord-layout #conversation-list h3,.group-create h3{margin:18px 0 8px;color:#c7d0d3;font:700 15px var(--display)}.conversation-button{gap:9px;border-radius:7px;text-align:left;transition:background .18s,border-color .18s}.conversation-button:hover{background:#202c32;border-color:#53616a}.conversation-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-button small{color:#8c9aa1;font-size:9px}.friend-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 8px;border-bottom:1px solid #202a30;color:#d5dcdd;font-size:11px}.friend-row button{border:1px solid #bc9846;color:#f0c766;background:transparent;border-radius:6px;padding:6px 10px;cursor:pointer}.friend-row.pending{color:#8f9da4}.founder-access-note{padding:9px;background:#e7bd6310;border:1px solid #e7bd6330;border-radius:6px;color:#ddb859;font-size:9px}.chat-empty-note{color:#85939a;font-size:11px;line-height:1.6}.group-create{padding-top:12px;border-top:1px solid #27343a}.group-create small{color:#7e8b91;font-size:9px;line-height:1.5}.group-create .button{margin-top:5px}.search-user{gap:9px;border-radius:8px}.search-user strong{flex:1;color:#e8ebeb;font-size:11px}.search-user .mini-avatar{width:30px;height:30px}.search-user button{border-radius:6px;min-width:34px;font-size:15px}.chat-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid #27343a}.chat-topbar>div:first-child{display:grid;gap:4px}.chat-topbar strong{font-size:14px}.discord-layout .call-controls{margin:0}.discord-layout .call-controls .button{border-radius:7px}.discord-layout #remote-video{display:none;width:100%;height:260px;background:#050607;object-fit:contain}.discord-layout #remote-video:not([src=""]){display:block}.chat-messages{min-height:360px;max-height:600px;padding:16px;overflow:auto!important}.chat-message{grid-template-columns:36px 1fr;align-items:start;gap:10px;padding:12px 8px;border:0;border-radius:9px}.chat-message:hover{background:#ffffff06}.message-avatar{width:34px;height:34px;font-size:12px}.message-content{display:grid;gap:6px;min-width:0}.message-content header{display:flex;align-items:center;gap:10px}.message-content header b{color:#f0c766}.message-content header small{color:#7e8a91;font-size:9px}.message-content>span{white-space:pre-wrap;overflow-wrap:anywhere;color:#d6dcdd;line-height:1.55}.own-message .message-content header b{color:#b7d7cd}.delete-message{margin-left:auto;border:0;background:transparent;color:#839096;font-size:9px;cursor:pointer;opacity:0}.chat-message:hover .delete-message{opacity:1}.chat-image{max-width:min(420px,100%);max-height:320px;object-fit:contain;border-radius:9px}.chat-empty{height:100%;min-height:320px;display:grid;align-content:center;justify-items:center;text-align:center;color:#8e9ba1}.chat-empty>span{color:#e7bd63;font-size:28px}.chat-empty h2{color:#eff1ed;font:700 26px var(--display);margin:14px 0 4px}.chat-empty p{font-size:11px}.discord-layout #chat-send{align-items:center;margin:0 15px 15px;padding:10px;background:#080c0f;border:1px solid #2e3a40;border-radius:10px}.discord-layout #chat-send input{border:0!important;background:transparent!important;box-shadow:none!important;min-width:0}.discord-layout #chat-send .button{border-radius:7px}.chat-image-button{display:grid;place-items:center;width:38px;height:38px;border-radius:7px;background:#1a242a;color:#f0c766;font-size:20px;cursor:pointer}.chat-attachment-preview{display:flex;gap:8px;padding:4px 15px}.chat-attachment-preview>div{position:relative}.chat-attachment-preview img{width:56px;height:56px;object-fit:cover;border-radius:7px}.chat-attachment-preview button{position:absolute;right:-5px;top:-5px;border:0;border-radius:50%;background:#9a3333;color:white}.site-notice{position:fixed;z-index:9999;top:22px;right:22px;max-width:min(360px,calc(100vw - 44px));padding:14px 18px;border:1px solid #e7bd6370;border-radius:10px;background:#121a20;color:#f5f2e8;box-shadow:0 14px 42px #0009;opacity:0;transform:translateY(-8px);pointer-events:none;transition:.25s}.site-notice.visible{opacity:1;transform:translateY(0)}.incoming-call-backdrop{position:fixed;z-index:10000;inset:0;display:grid;place-items:center;background:#000b;backdrop-filter:blur(8px)}.incoming-call-card{width:min(380px,calc(100vw - 40px));padding:32px;text-align:center;border:1px solid #d8b45d66;border-radius:18px;background:radial-gradient(circle at 50% 0,#d4a9441f,transparent 45%),#11191e;box-shadow:0 25px 80px #000b}.incoming-call-card small{display:block;color:#dcbc64;letter-spacing:.12em;font-size:9px}.incoming-call-card h2{margin:18px 0 4px;font:700 32px var(--display)}.incoming-call-card p{color:#9eabb1}.incoming-call-card>div{display:flex;gap:10px;margin-top:24px}.incoming-call-card .button{flex:1;border-radius:8px}.incoming-call-pulse{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 18px;border-radius:50%;background:#c79e3b;color:#101315;font-size:27px;animation:call-pulse 1s infinite alternate}@keyframes call-pulse{to{box-shadow:0 0 0 14px #d5b34a20;transform:scale(1.05)}}@media(max-width:850px){.discord-layout{grid-template-columns:1fr;min-height:0}.chat-topbar{align-items:flex-start;flex-direction:column}.chat-topbar .call-controls{width:100%}.chat-topbar .call-controls .button{flex:1}.discord-layout .chat-sidebar{order:1}.discord-layout .chat-main{min-height:600px}.chat-messages{max-height:65vh}}
.account-identity{display:flex;align-items:center;gap:18px;width:100%;text-align:left;margin-bottom:18px}.account-identity .profile-avatar{width:88px;height:88px;flex:0 0 auto;margin:0}.account-identity-copy{min-width:0}.account-identity-copy .system-kicker{display:block;margin:0 0 5px}.account-identity-copy h2{font-size:clamp(28px,4vw,42px);margin:0 0 5px;overflow-wrap:anywhere}.account-bio{max-width:100%;margin:0 0 6px!important;color:#b8c2c5!important;white-space:pre-wrap;overflow-wrap:anywhere}.account-role-line{font-size:9px!important;margin:0!important;color:#dfb953!important;letter-spacing:.08em}.bio-form{display:grid;gap:8px;width:100%;margin:10px 0 18px;text-align:left}.bio-form label{color:#e3c46b;font-size:10px;font-weight:700}.bio-form textarea{box-sizing:border-box;width:100%;min-height:92px;resize:vertical;border:1px solid #34434a;border-radius:8px;background:#090e11;color:#f1f0eb;padding:12px;font:12px/1.6 var(--body)}.bio-form small{font-size:9px;color:#78868d}.bio-form .button{margin:0}.account-profile>p:not(.account-nation){max-width:100%}@media(max-width:480px){.account-identity{gap:12px}.account-identity .profile-avatar{width:68px;height:68px}.account-identity-copy h2{font-size:30px}}
.account-identity-copy .account-bio{font-size:11px;line-height:1.55}.account-profile .bio-form{align-self:stretch}

/* Discord-like chat composer, readable text, emoji and markdown */
.chat-composer{position:relative;padding:9px 12px 12px;background:#0b1115;border-top:1px solid #27343a}.chat-compose-tools{display:flex;align-items:center;gap:5px;margin:0 0 8px;position:relative}.chat-compose-tools>button,.chat-emoji-wrap>button{min-width:32px;height:30px;padding:0 9px;border:1px solid #2c3940;border-radius:6px;background:#141d22;color:#d3dcde;font-size:12px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.chat-compose-tools>button:hover,.chat-emoji-wrap>button:hover{border-color:#b79445;background:#202a2f;color:#f2ca65}.chat-compose-tools [data-chat-format=heading]{font-weight:800;color:#ecc45d}.chat-emoji-wrap{position:relative}.chat-emoji-menu{position:absolute;bottom:38px;left:0;z-index:20;display:grid;grid-template-columns:repeat(8,36px);gap:3px;padding:8px;border:1px solid #35434a;border-radius:10px;background:#11191e;box-shadow:0 14px 38px #0009}.chat-emoji-menu[hidden]{display:none}.chat-emoji-menu button{width:36px;height:36px;border:0;border-radius:6px;background:transparent;font-size:20px;cursor:pointer}.chat-emoji-menu button:hover{background:#29343a}.discord-layout #chat-send{display:flex;align-items:flex-end;gap:8px;margin:0!important;padding:8px!important;border:1px solid #34434a!important;border-radius:10px!important;background:#080c0f!important}.discord-layout #chat-send textarea{flex:1;min-width:0;min-height:42px;max-height:180px;resize:vertical;padding:10px 12px;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:#f0f2ed;font:var(--chat-font-size,16px)/1.55 var(--body);overflow-wrap:anywhere}.discord-layout #chat-send textarea::placeholder{color:#78868c}.discord-layout .chat-messages{--chat-font-size:16px}.chat-message-text{color:#d8dfe0;font-size:var(--chat-font-size,16px);line-height:1.7;overflow-wrap:anywhere}.chat-message-text p{margin:2px 0}.chat-message-text .chat-blank{height:8px;margin:0}.chat-message-text .chat-heading{margin:8px 0 5px;color:#f2f3ef;font-weight:800;line-height:1.25}.chat-message-text h1{font-size:1.55em}.chat-message-text h2{font-size:1.35em}.chat-message-text h3{font-size:1.18em}.chat-message-text code{padding:2px 5px;border-radius:4px;background:#050809;color:#e3c46c;font:0.9em ui-monospace,Consolas,monospace}.chat-message-text del{color:#929da1}.chat-spoiler{border-radius:3px;background:#414a4e;color:transparent;cursor:pointer;transition:color .15s}.chat-spoiler:hover,.chat-spoiler:focus{color:#f1f2ee}.chat-message{font-size:14px}.message-content header b{font-size:13px}.message-content header small{font-size:10px}.chat-main{min-width:0}.chat-attachment-preview{flex-wrap:wrap}.chat-attachment-preview:empty{display:none}.news-card .news-body,.nation-card .news-body{font-size:14px;line-height:1.75}.article-text{line-height:1.75}.article-byline strong{font-size:14px}.article-byline span,.article-heading time{font-size:12px}@media(max-width:750px){.chat-compose-tools{flex-wrap:wrap}.chat-emoji-menu{grid-template-columns:repeat(6,36px)}.discord-layout #chat-send textarea{font-size:max(15px,var(--chat-font-size,16px))}}
.formatted-heading{display:block;margin:18px 0 8px;color:#f0c65e;font-weight:800;line-height:1.2}.page-body .formatted-heading{font-family:var(--display);text-transform:uppercase}.formatted-heading:first-child{margin-top:0}.news-md-heading{display:inline-block;color:inherit;font-weight:800;line-height:1.25}.news-md-h1{font-size:1.55em}.news-md-h2{font-size:1.35em}.news-md-h3{font-size:1.18em}.news-md-heading strong{color:#f2cf72}.article-text code,.article-preview-text code{padding:2px 5px;border-radius:4px;background:#070b0e;color:#e7c66d;font:0.9em ui-monospace,Consolas,monospace}

/* Indicador de rolagem refinado */
.scroll-cue{width:42px;height:42px;border:1px solid #e7bd6355;border-radius:50%;background:linear-gradient(145deg,#111a1dcc,#090d10dd);color:var(--gold2);box-shadow:0 6px 22px #0005;transition:transform .22s,border-color .22s,background .22s,box-shadow .22s}.scroll-cue svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;animation:cue-float 1.8s ease-in-out infinite}.scroll-cue:hover{transform:translateX(-50%) translateY(3px);border-color:var(--gold);background:#1a211b;box-shadow:0 0 0 5px #e7bd6312,0 8px 24px #0006}.scroll-cue span{display:none}@keyframes cue-float{0%,100%{transform:translateY(-2px)}50%{transform:translateY(2px)}}@media(prefers-reduced-motion:reduce){.scroll-cue svg{animation:none}}
.scroll-cue{transform:translateX(-50%)}

/* Movimento discreto para dar profundidade sem distrair */
@keyframes frontline-rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.pillar,.news-card,.nation-card,.system-row{animation:frontline-rise .55s cubic-bezier(.2,.75,.25,1) both}.pillar:nth-child(2),.news-card:nth-child(2),.nation-card:nth-child(2),.system-row:nth-child(2){animation-delay:.06s}.pillar:nth-child(3),.news-card:nth-child(3),.nation-card:nth-child(3),.system-row:nth-child(3){animation-delay:.12s}.news-card,.nation-card,.pillar{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.news-card:hover,.nation-card:hover,.pillar:hover{transform:translateY(-4px);box-shadow:0 18px 42px #0005}.scroll-cue{width:44px;height:44px;border:0;background:var(--gold);color:#091014;box-shadow:0 7px 24px #0007,0 0 0 5px #e7bd631c}.scroll-cue svg{width:19px;height:19px;stroke:currentColor;stroke-width:2;animation:cue-float 1.7s ease-in-out infinite}.scroll-cue:hover{background:var(--gold2);box-shadow:0 0 0 7px #e7bd6324,0 10px 28px #0008}@media(prefers-reduced-motion:reduce){.pillar,.news-card,.nation-card,.system-row{animation:none!important}.news-card,.nation-card,.pillar{transition:none}}

/* Lore imersiva com arte flutuante e leitura em capítulos */
.lore-hero{position:relative;min-height:min(760px,88vh);display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--line);isolation:isolate;background:#090e12}.lore-hero-image,.lore-hero-shade{position:absolute;inset:0}.lore-hero-image{left:18%;z-index:-2;overflow:hidden}.lore-hero-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.82);animation:lore-landscape-drift 26s ease-in-out infinite alternate}.lore-hero-shade{z-index:-1;background:linear-gradient(90deg,#080c0f 3%,#080c0fea 32%,#080c0f87 64%,#080c0f2b),linear-gradient(0deg,#080c0fbd,transparent 34%,#080c0f47)}.lore-hero-content{padding:145px 0 125px;max-width:1160px}.lore-hero-content h1{max-width:770px;margin:22px 0;font:700 clamp(48px,8vw,100px)/.96 var(--display);letter-spacing:-.02em;text-transform:uppercase;color:#f4f1e9;text-wrap:balance}.lore-hero-content>p:not(.eyebrow){max-width:650px;color:#c2cbcd;font-size:clamp(14px,1.5vw,18px);line-height:1.8}.lore-hero-content .button{margin-top:14px}.lore-float-card{position:absolute;right:max(7vw,48px);bottom:7%;width:min(26vw,330px);height:210px;margin:0;padding:8px;border:1px solid #e7bd6370;border-radius:13px;background:#10171ad9;box-shadow:0 24px 70px #0009;animation:lore-card-float 7s ease-in-out infinite;transform:rotate(2deg)}.lore-float-card img{display:block;width:100%;height:164px;object-fit:cover;border-radius:8px}.lore-float-card figcaption{padding:9px 4px 2px;color:#e4c36d;font-size:8px;font-weight:700;letter-spacing:.16em}.lore-coordinate{position:absolute;right:32px;top:50%;color:#ffffff78;font-size:8px;letter-spacing:.15em;line-height:1.8;writing-mode:vertical-rl}.lore-reading{position:relative;background:radial-gradient(ellipse at 5% 15%,#d9b2550b,transparent 37%),#090d10}.lore-reading-grid{display:grid;grid-template-columns:minmax(210px,.65fr) minmax(0,1.7fr);gap:clamp(36px,8vw,120px);align-items:start}.lore-visual-rail{position:sticky;top:110px;min-height:420px;padding:16px 0}.lore-visual-rail>.system-kicker{color:#e6c264;font-size:9px;letter-spacing:.15em}.lore-visual-rail>p{max-width:210px;color:#9eaaae;font-size:11px;line-height:1.7}.lore-floating-gallery{position:relative;min-height:330px;margin-top:25px}.lore-gallery-image{position:absolute;width:76%;height:170px;margin:0;padding:6px;border:1px solid #d9b25568;border-radius:10px;background:#11191dcc;box-shadow:0 16px 44px #0008;animation:lore-card-float 7s ease-in-out infinite}.lore-gallery-image img{width:100%;height:100%;object-fit:cover;border-radius:6px}.lore-gallery-0{left:0;top:0;transform:rotate(-4deg)}.lore-gallery-1{right:0;top:105px;animation-delay:-2.4s;transform:rotate(4deg)}.lore-gallery-2{left:8%;top:200px;animation-delay:-4.1s;transform:rotate(-2deg)}.lore-chapters{min-width:0}.lore-chapter{display:grid;grid-template-columns:48px minmax(0,1fr);gap:20px;padding:30px 0 34px;border-top:1px solid #29343a;animation:lore-chapter-enter .6s ease both}.lore-chapter-index{padding-top:4px;color:#d8b457;font:700 16px var(--display);letter-spacing:.08em}.lore-chapter h2{margin:0 0 14px;color:#f0eee8;font:700 clamp(24px,3vw,34px)/1.05 var(--display)}.lore-chapter p{margin:0 0 14px;color:#b3bec1;font-size:14px;line-height:1.9}.lore-chapter strong{color:#f0cb6e}.lore-endmark{display:flex;align-items:center;gap:14px;margin:18px 0 0;padding:22px 0;border-top:1px solid #344047;color:#e7bd63}.lore-endmark span{font-size:24px}.lore-endmark p{margin:0;color:#d4d9d7;font:600 17px var(--display)}@keyframes lore-card-float{0%,100%{translate:0 0}50%{translate:0 -11px}}@keyframes lore-landscape-drift{from{transform:scale(1.02) translateX(0)}to{transform:scale(1.09) translateX(-1.2%)}}@keyframes lore-chapter-enter{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@media(max-width:780px){.lore-hero{min-height:760px;align-items:flex-start}.lore-hero-image{left:0}.lore-hero-shade{background:linear-gradient(90deg,#080c0fee,#080c0f9c 68%,#080c0f65),linear-gradient(0deg,#080c0f,transparent 65%)}.lore-hero-content{padding:130px 0 270px}.lore-hero-content h1{font-size:clamp(48px,13vw,76px)}.lore-float-card{right:8%;bottom:6%;width:min(68vw,310px);height:185px}.lore-float-card img{height:140px}.lore-coordinate{right:14px;top:42%}.lore-reading-grid{grid-template-columns:1fr;gap:28px}.lore-visual-rail{position:relative;top:auto;min-height:0}.lore-floating-gallery{display:flex;gap:12px;min-height:0;overflow-x:auto;padding:10px 6px 22px}.lore-gallery-image,.lore-gallery-0,.lore-gallery-1,.lore-gallery-2{position:relative;left:auto;right:auto;top:auto;flex:0 0 220px;height:140px}.lore-chapter{grid-template-columns:34px 1fr;gap:12px}.lore-chapter p{font-size:13px}}@media(prefers-reduced-motion:reduce){.lore-float-card,.lore-gallery-image,.lore-hero-image img,.lore-chapter{animation:none!important}}

/* Nações e notícias: grade editorial uniforme, cartões horizontais e imagens sem recorte. */
.news-grid,.nations-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:22px}
.news-card-link,.nation-card{min-width:0;min-height:0;border-radius:12px}
.news-card-cover,.nation-cover{height:auto;aspect-ratio:16/8.5;background:#0b1115;overflow:hidden}
.news-card-cover img,.nation-cover img,.news-gallery img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#0b1115}
.news-card-content{padding:24px;min-height:230px}
.nation-card{display:flex;flex-direction:column;padding:25px}
.nation-cover{margin:-25px -25px 22px;border-bottom:1px solid #ffffff12}
.nation-card h2{line-height:1.08;overflow-wrap:anywhere}
.nation-card>.news-body{flex:1}
.nation-card details{margin-top:20px}
.news-card-link:hover,.nation-card:hover{transform:translateY(-5px);box-shadow:0 18px 44px #0007}
@media(max-width:700px){.news-grid,.nations-grid{grid-template-columns:minmax(0,1fr);gap:16px}.news-card-cover,.nation-cover{aspect-ratio:16/9}.news-card-content{min-height:0}.nation-card{padding:21px}.nation-cover{margin:-21px -21px 18px}}

/* Nações: cartões compactos e independentes; regras funcionam como acordeão. */
.nations-grid{align-items:start;row-gap:18px}
.nation-card{align-self:start;min-height:0;padding:20px 22px;border-radius:10px;background:linear-gradient(145deg,#11181c,#0d1215);transition:transform .28s cubic-bezier(.2,.75,.25,1),border-color .28s,box-shadow .28s}
.nation-card:nth-child(4n+2){animation-delay:.08s}.nation-card:nth-child(4n+3){animation-delay:.16s}.nation-card:nth-child(4n+4){animation-delay:.24s}
.nation-card:hover{transform:translateY(-3px);border-color:#76633a;box-shadow:0 12px 30px #0005}
.nation-cover{aspect-ratio:16/6.5;margin:-20px -22px 18px;background:#0b1115}
.nation-cover img{object-fit:contain!important;transition:transform .55s cubic-bezier(.2,.75,.25,1),filter .35s}
.nation-card:hover .nation-cover img{transform:scale(1.025);filter:brightness(1.04)}
.nation-card h2{margin:10px 0 7px;font-size:clamp(23px,2.3vw,30px)}
.nation-card>small{font-size:10px}
.nation-card>.news-body{flex:initial;margin:12px 0;color:#aeb9bd;font-size:13px;line-height:1.7}
.nation-card details{margin-top:12px;padding-top:10px;color:#e7bd63}
.nation-card details>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;cursor:pointer;font-size:11px;font-weight:700}
.nation-card details>summary::-webkit-details-marker{display:none}
.nation-card details>summary::after{content:'+';display:grid;place-items:center;width:23px;height:23px;border:1px solid #3a4549;border-radius:50%;color:#e7bd63;font-size:16px;transition:transform .25s,background .25s}

/* O avatar do autor fica restrito ao byline; nunca deve herdar dimensões de imagem editorial. */
.news-card-content .news-author-link{display:inline-flex;align-items:center;gap:10px;width:max-content;max-width:100%;margin:10px 0 12px;color:inherit;text-decoration:none;line-height:1.2}
.news-card-content .news-author-link>img,.news-card-content .news-author-link>.news-author-initial{display:grid;place-items:center;flex:0 0 34px;width:34px!important;height:34px!important;max-width:34px!important;max-height:34px!important;aspect-ratio:1;border:1px solid #d7b452;border-radius:50%;object-fit:cover!important;overflow:hidden}
.news-card-content .news-author-link>span:last-child{display:grid;gap:3px;min-width:0}
.news-card-content .news-author-link small{color:#d9b957;font-size:9px}
.news-card-content .news-author-link strong{color:#edf0eb;font-size:11px}

.header-actions{position:relative}.notification-bell{position:relative;min-width:42px;min-height:42px;padding:10px;justify-content:center;background:#11191d;color:#e7bd63;cursor:pointer}.notification-bell svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.notification-bell>b{position:absolute;right:-5px;top:-6px;display:none;place-items:center;min-width:18px;height:18px;padding:0 4px;border:2px solid #090c0f;border-radius:999px;background:#e74d4d;color:#fff;font-size:9px;line-height:1}.notification-bell.has-notifications>b{display:grid}.notification-bell.has-notifications svg{animation:bell-nudge .5s ease both}@keyframes bell-nudge{0%,100%{transform:rotate(0)}25%{transform:rotate(12deg)}55%{transform:rotate(-10deg)}75%{transform:rotate(5deg)}}
.notification-popover{position:absolute;z-index:100;right:0;top:calc(100% + 12px);width:min(390px,calc(100vw - 28px));max-height:min(560px,calc(100vh - 110px));overflow:hidden;border:1px solid #35434a;border-radius:14px;background:linear-gradient(155deg,#141d22,#0b1114);box-shadow:0 24px 70px #000b;animation:notification-in .2s ease both}.notification-popover[hidden]{display:none}@keyframes notification-in{from{opacity:0;transform:translateY(-7px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.notification-popover>header{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 14px;border-bottom:1px solid #29363c}.notification-popover>header h2{margin:5px 0 0;font:700 23px var(--display)}.notification-popover>header h2 b{color:#e7bd63;font:700 13px var(--body)}.notification-popover>header button,.notification-item>button{display:grid;place-items:center;width:32px;height:32px;border:1px solid #34434a;border-radius:50%;background:#0b1114;color:#b8c2c4;font-size:20px;cursor:pointer}.notification-list{max-height:450px;overflow:auto;padding:8px}.notification-item{display:flex;align-items:center;gap:8px;padding:10px;border-bottom:1px solid #ffffff0c}.notification-item:last-child{border:0}.notification-item>a{display:flex;align-items:flex-start;gap:11px;min-width:0;flex:1;padding:4px;color:inherit;text-decoration:none}.notification-kind{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:1px solid #6f5d35;border-radius:10px;background:#d7ad4412;color:#e8c56b}.notification-copy{display:grid;gap:4px;min-width:0}.notification-copy strong{font-size:12px}.notification-copy small{color:#a8b3b6;font-size:11px;line-height:1.45;overflow-wrap:anywhere}.notification-copy time{color:#758288;font-size:9px}.notification-item>button{flex:0 0 28px;width:28px;height:28px;font-size:17px}.notification-item>button:hover,.notification-popover>header button:hover{border-color:#b96a62;color:#ffb0a6}.notification-empty{display:grid;justify-items:center;gap:7px;padding:34px 20px;color:#edf0eb}.notification-empty>span{display:grid;place-items:center;width:43px;height:43px;border:1px solid #6f5d35;border-radius:50%;color:#e7bd63}.notification-empty small{color:#8c999e;font-size:11px}
.nation-application-fields{display:grid;gap:15px;margin:10px 0 4px;padding:20px;border:1px solid #304047;border-radius:12px;background:#0c1317}.nation-image-upload{display:grid;justify-items:center;gap:5px;padding:20px;border:1px dashed #806b39;border-radius:10px;background:#d7ad4408;color:#eac96d;cursor:pointer;text-align:center}.nation-image-upload>span{font-size:24px}.nation-image-upload small{color:#94a2a7;font-size:10px}.nation-application-fields[hidden],[data-standard-request][hidden]{display:none!important}
.diplomacy-compose-unified{position:relative;top:auto;min-width:0}.nation-application-fields .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.nation-application-fields .form-grid>label{display:grid;align-content:start;gap:7px;min-width:0;color:#c3cdcc;font-size:11px;font-weight:700;line-height:1.4}.nation-application-fields .form-grid>label.full{grid-column:1/-1}.nation-application-fields input,.nation-application-fields textarea{display:block;width:100%;min-width:0;min-height:44px;padding:11px 12px;border:1px solid #344249;border-radius:9px;background:#090f12;color:#eef0eb;font:500 13px var(--body)}.nation-application-fields textarea{min-height:100px;resize:vertical;line-height:1.6}.nation-application-fields input:focus,.nation-application-fields textarea:focus{outline:2px solid #e7bd6330;border-color:#c39d4a}.nation-image-upload{margin-top:4px}@media(max-width:560px){.nation-application-fields{padding:14px}.nation-application-fields .form-grid{grid-template-columns:1fr}.nation-application-fields .form-grid>label.full{grid-column:auto}}
@media(max-width:760px){.notification-popover{position:fixed;top:76px;right:14px}.header-actions{gap:6px}.notification-bell{min-width:38px;min-height:38px}}
.nation-card details[open]>summary::after{content:'−';transform:rotate(180deg);background:#e7bd6312}
.nation-card details[open]>.news-body{animation:nation-rules-enter .28s ease both}
@keyframes nation-rules-enter{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.nation-card{padding:18px}.nation-cover{margin:-18px -18px 16px;aspect-ratio:16/7.5}}

/* Loja: descrições quebram dentro dos cards e capas preservam a imagem. */
.product-card{min-width:0;overflow:hidden;border-radius:12px;background:linear-gradient(145deg,#131b1f,#0e1316);transition:transform .25s,border-color .25s,box-shadow .25s}
.product-card:hover{transform:translateY(-4px);border-color:#8c7542;box-shadow:0 18px 42px #0006}
.product-card>*{max-width:100%;min-width:0}
.product-card h2,.product-card p{width:100%;overflow-wrap:anywhere;word-break:normal;white-space:normal}
.product-card p{line-height:1.75;flex:1;margin:0;color:#aeb9bd}
.product-cover{width:calc(100% + 50px);height:auto;aspect-ratio:16/8.5;margin:-25px -25px 20px;overflow:hidden;border-bottom:1px solid #ffffff12;background:#0b1115}
.product-cover img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .45s ease}
.product-card:hover .product-cover img{transform:scale(1.025)}
.product-cover-placeholder{display:grid;place-items:center;color:#e7bd63}.product-cover-placeholder span{font-size:42px;opacity:.75}
.product-card .button{margin-top:20px}
.cart-hero{position:relative;overflow:hidden;padding:150px 0 54px;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 78% 34%,#e7bd6312,transparent 35%),linear-gradient(140deg,#11191d,#090c0f 75%)}
.cart-status{display:inline-flex;align-items:center;gap:8px;margin:12px 0 18px;padding:8px 11px;border:1px solid #e7bd6345;border-radius:999px;background:#e7bd630c;color:#edc86e;font-size:9px;font-weight:800;letter-spacing:.12em}
.cart-status i,.cart-total strong i{width:7px;height:7px;border-radius:50%;background:#e7bd63;box-shadow:0 0 12px #e7bd6380}
.cart-hero h1{margin:0;color:#f4f1e8;font:800 clamp(52px,8vw,92px)/.88 var(--display);text-transform:uppercase;letter-spacing:-.02em}.cart-hero h1 em{color:var(--gold);font-style:normal}
.cart-hero .wrap>p:not(.eyebrow){max-width:600px;margin:18px 0;color:#aeb9bd;font-size:14px;line-height:1.8}
.cart-back-link{display:inline-flex;margin-top:10px;color:#e6c56e;font-size:12px;font-weight:700;transition:transform .2s}.cart-back-link:hover{transform:translateX(-3px)}
.cart-section{padding:48px 0 92px;background:#090d10}
.cart-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(290px,.8fr);gap:20px;align-items:start}
.cart-panel,.cart-preview-panel{min-width:0;padding:clamp(20px,3vw,30px);border:1px solid #2b383e;border-radius:14px;background:linear-gradient(145deg,#11191d,#0b1114);box-shadow:0 14px 38px #0003}
.cart-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:18px;border-bottom:1px solid #29353a}
.cart-panel-heading h2,.cart-preview-panel h2{margin:5px 0 0;color:#f0eee7;font:700 clamp(24px,3vw,32px)/1.05 var(--display)}
.cart-item-count{padding:7px 10px;border:1px solid #354148;border-radius:999px;color:#aab5b9;font-size:10px}
.cart-product{position:relative;display:grid;grid-template-columns:minmax(120px,190px) minmax(0,1fr);gap:20px;padding:22px 34px 22px 0;border-bottom:1px solid #28343a;animation:cart-product-enter .4s ease both}
.cart-product-image{display:grid;place-items:center;min-height:140px;overflow:hidden;border:1px solid #2e3b40;border-radius:10px;background:#090e11}
.cart-product-image img{display:block;width:100%;height:100%;max-height:190px;object-fit:contain}
.cart-product-placeholder span{color:#e7bd63;font-size:38px}
.cart-product-info{min-width:0}.cart-product-info h3{margin:7px 0 9px;color:#f4f1e9;font:700 clamp(22px,3vw,30px)/1.05 var(--display);overflow-wrap:anywhere}
.cart-product-description{color:#aeb9bd;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.cart-product-description p{margin:0 0 8px}.cart-product-info>strong{display:block;margin-top:15px;color:#e9c463;font-size:18px}
.cart-remove{position:absolute;top:20px;right:0;width:30px;height:30px;border:1px solid #3b4549;border-radius:8px;background:#151b1e;color:#b9c1c3;font-size:19px;cursor:pointer;transition:color .2s,border-color .2s,background .2s}.cart-remove:hover{border-color:#b35d59;background:#351a1a;color:#ffaaa0}
.cart-total{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:18px 0;color:#aeb9bd;font-size:12px}.cart-total strong{display:flex;align-items:center;gap:8px;color:#e9c463;font-size:12px}
.cart-note{margin:0;padding:12px 14px;border-left:2px solid #d8b658;background:#e7bd630b;color:#9aa7ac;font-size:10px;line-height:1.6}
.cart-empty{display:grid;justify-items:start;gap:8px;padding:32px 0 8px}.cart-empty>span{color:#e7bd63;font-size:36px}.cart-empty h3{margin:0;color:#f0eee7;font:700 25px var(--display)}.cart-empty p{max-width:430px;margin:0 0 10px;color:#9da9ad;font-size:12px;line-height:1.7}
.cart-preview-panel>.system-kicker{margin-bottom:10px}.cart-preview-panel>p{margin:10px 0 20px;color:#9da9ad;font-size:11px;line-height:1.7}
.cart-spoiler{margin-top:9px;border:1px solid #2c393f;border-radius:10px;background:#0c1215;overflow:hidden;transition:border-color .2s,background .2s}.cart-spoiler:hover,.cart-spoiler[open]{border-color:#816c3b;background:#111719}
.cart-spoiler summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;list-style:none;color:#e7e8e2;font-size:12px;font-weight:700;cursor:pointer}.cart-spoiler summary::-webkit-details-marker{display:none}.cart-spoiler summary>span{display:grid;gap:5px}.cart-spoiler summary small{color:#d7b455;font-size:8px;letter-spacing:.1em}.cart-spoiler summary i{display:grid;place-items:center;flex:none;width:25px;height:25px;border:1px solid #3b474b;border-radius:50%;color:#e7bd63;font-size:17px;font-style:normal;transition:transform .22s,background .22s}.cart-spoiler[open] summary i{transform:rotate(45deg);background:#e7bd6312}
.cart-spoiler>div{padding:0 14px 15px;color:#aeb9bd;font-size:11px;line-height:1.7;animation:cart-spoiler-enter .22s ease both}.cart-spoiler>div p{margin:0 0 10px}.cart-spoiler>div a{color:#e8c366;font-weight:700}.spoiler-tag{display:inline-flex;padding:5px 7px;border:1px solid #e7bd6338;border-radius:5px;color:#dabc69;font-size:8px;font-weight:800;letter-spacing:.06em}
@keyframes cart-product-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes cart-spoiler-enter{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.cart-grid{grid-template-columns:1fr}.cart-hero{padding:122px 0 42px}.cart-section{padding:28px 0 60px}.cart-product{grid-template-columns:110px minmax(0,1fr);gap:13px}.cart-product-image{min-height:115px}.product-cover{width:calc(100% + 42px);margin:-21px -21px 18px;aspect-ratio:16/9}}
@media(max-width:420px){.cart-product{grid-template-columns:1fr;padding-right:0}.cart-remove{right:0}.cart-product-image{height:180px}.cart-product-info{padding-right:30px}}
@media(prefers-reduced-motion:reduce){.product-card,.product-cover img,.cart-product,.cart-spoiler>div{animation:none;transition:none}}

.cart-section .cart-product-info,.cart-panel,.cart-preview-panel,.product-card{min-width:0}.cart-product-description,.cart-preview-panel,.cart-spoiler{overflow-wrap:anywhere;word-break:normal}

/* Frontline shop policies and saved-order checkout */
.shop-service-badges{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.shop-service-badges span{padding:9px 12px;border:1px solid #354148;border-radius:999px;background:#11191d;color:#d9c16f;font-size:10px;font-weight:750}.shop-delivery-info{margin-top:28px}.shop-delivery-info article{max-width:850px;margin:auto;padding:24px;border:1px solid #28363c;border-radius:14px;background:linear-gradient(145deg,#11191d,#0c1215)}.shop-delivery-info h2{margin:7px 0 11px;color:#f1efe7;font:700 30px/1.1 var(--display)}.shop-delivery-info p{color:#aeb9bd;font-size:12px;line-height:1.8}.shop-delivery-info details,.checkout-terms{margin-top:14px;border:1px solid #2b383e;border-radius:9px;background:#0b1114}.shop-delivery-info details summary,.checkout-terms summary{padding:12px 14px;color:#e8ca72;font-size:11px;font-weight:750;cursor:pointer}.shop-delivery-info details>div,.checkout-terms>div{padding:0 14px 13px;color:#aeb9bd;font-size:11px;line-height:1.7}.product-description p,.product-benefits p{margin:0 0 7px}.product-benefits{margin-top:10px;padding:11px 12px;border-left:2px solid #d8b65d;border-radius:0 7px 7px 0;background:#e7bd6308;color:#aeb9bd;font-size:11px;line-height:1.65}.product-benefits>b{display:block;margin-bottom:5px;color:#e6c466;font-size:10px;text-transform:uppercase;letter-spacing:.09em}

/* Store cards: preserve each product image ratio and tighten the purchase layout. */
.product-card{padding:20px;align-items:stretch;gap:0;border-color:#2b383d;border-radius:14px;background:linear-gradient(155deg,#141c20 0%,#0d1316 72%);box-shadow:0 12px 32px #0003}
.product-card:hover{transform:translateY(-3px);border-color:#806b3e;box-shadow:0 18px 38px #0005}
.product-card .product-cover{display:grid;place-items:center;width:calc(100% + 40px);height:auto;min-height:0;aspect-ratio:auto;margin:-20px -20px 17px;border-bottom:1px solid #ffffff10;background:radial-gradient(ellipse at 50% 35%,#d9ad4f12,transparent 68%),#0a1013}
.product-card .product-cover img{display:block;width:auto;height:auto;max-width:100%;max-height:230px;object-fit:contain;transition:transform .4s ease}
.product-card:hover .product-cover img{transform:scale(1.025)}
.product-card>.system-kicker{margin-top:1px;color:#d9b65a;font-size:9px;letter-spacing:.14em}
.product-card h2{margin:8px 0 10px;font-size:27px;line-height:1.05}
.product-card .product-description{flex:initial;margin:0;color:#aab6ba;font-size:12px;line-height:1.65}
.product-card .product-description p{margin:0}
.product-card .product-benefits{margin-top:12px;padding:10px 12px;background:#e7bd6309}
.product-card>strong{margin:17px 0 14px;color:#ebc465;font-size:20px;line-height:1}
.product-card>.button{align-self:flex-start;width:auto;min-width:190px;min-height:44px;margin:0;padding:0 17px;border:1px solid transparent;border-radius:8px;box-shadow:0 7px 18px #d5aa4420}
.product-card>.button:focus{outline:none}
.product-card>.button:focus-visible{outline:2px solid #f3d786;outline-offset:3px}
@media(max-width:650px){.product-card{padding:17px}.product-card .product-cover{width:calc(100% + 34px);margin:-17px -17px 15px}.product-card .product-cover img{max-height:210px}.product-card>.button{width:100%;min-width:0}}
.checkout-form,.checkout-payment,.checkout-transition,.checkout-login{margin-top:22px;padding:20px;border:1px solid #34434a;border-radius:13px;background:linear-gradient(145deg,#121a1e,#0b1114);animation:checkout-enter .35s ease both}.checkout-form header h3,.checkout-login h3,.checkout-payment header h3{margin:5px 0;color:#f2f1ec;font:700 26px/1.1 var(--display)}.checkout-form header p,.checkout-login p{margin:6px 0 0;color:#9eaaad;font-size:11px;line-height:1.65}.checkout-fields{display:grid;grid-template-columns:1fr 1fr 100px;gap:12px;margin-top:18px}.checkout-fields label{display:grid;align-content:start;gap:7px;color:#bac4c5;font-size:11px;font-weight:700}.checkout-fields input{width:100%;min-height:42px;box-sizing:border-box;padding:0 11px;border:1px solid #34434a;border-radius:8px;outline:0;background:#090e11;color:#eef0ed;font:500 12px var(--body)}.checkout-fields input:focus{border-color:#c8a650;box-shadow:0 0 0 3px #c8a65018}.checkout-fields label small{color:#77878d;font-size:9px;font-weight:500}.checkout-accept{display:flex;align-items:flex-start;gap:9px;margin:13px 0;color:#b8c2c4;font-size:10px;line-height:1.5;cursor:pointer}.checkout-accept input{width:16px;height:16px;flex:none;margin:0;accent-color:#e5bd60}.checkout-submit{width:100%;min-height:46px;border-radius:9px;font-size:12px;font-weight:750}.checkout-hint{display:block;margin-top:9px;color:#809095;font-size:9px;line-height:1.6}.checkout-error{min-height:0;margin:0 0 8px;color:#ed9d91;font-size:11px}.checkout-error:empty{display:none}.checkout-login{display:grid;justify-items:start;gap:8px}.checkout-login>span{color:#e6c061;font-size:24px}.checkout-login .button{margin-top:8px}.payment-pending{display:inline-flex;margin-top:9px;padding:6px 9px;border:1px solid #8a6d31;border-radius:999px;background:#e5ba4a10;color:#efc866;font-size:9px;font-weight:800;letter-spacing:.09em}.payment-columns{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(0,1.3fr);gap:20px;margin-top:18px}.payment-qr{display:grid;justify-items:center;align-content:start;gap:9px}.payment-qr-placeholder{display:grid;place-content:center;justify-items:center;gap:10px;width:min(100%,220px);aspect-ratio:1;border:1px dashed #8d733c;border-radius:13px;background:repeating-linear-gradient(135deg,#131a1c,#131a1c 12px,#101619 12px,#101619 24px);color:#edc964;text-align:center}.payment-qr-placeholder>span{font-size:40px;opacity:.8}.payment-qr-placeholder>b{font-size:11px;line-height:1.5;letter-spacing:.14em}.payment-qr>small{color:#79878b;font-size:9px;text-align:center}.payment-details h4{margin:7px 0;color:#f1f0eb;font:700 20px var(--display)}.payment-details>p{color:#a3afb1;font-size:11px;line-height:1.6}.payment-details>strong{display:block;margin:12px 0;color:#efca68;font-size:24px}.payment-receiver{display:grid;gap:8px;margin:12px 0}.payment-receiver span{display:grid;gap:4px;padding:10px;border:1px solid #29373d;border-radius:8px;background:#0b1114}.payment-receiver small{color:#8a989d;font-size:8px;font-weight:800;letter-spacing:.1em}.payment-receiver b{color:#e8eae6;font-size:11px;overflow-wrap:anywhere}.payment-wait-note{padding:9px 10px;border-left:2px solid #d8b657;background:#e7bd630b}.delivery-window{color:#d7bd6d;font-size:10px;font-weight:700}.checkout-transition{text-align:center}.checkout-road{position:relative;height:190px;margin:0 auto 15px;overflow:hidden;border-bottom:2px solid #3d4646;background:linear-gradient(#0b1114,#11191a)}.checkout-road::before,.checkout-road::after{position:absolute;bottom:42px;left:0;width:200%;height:2px;background:repeating-linear-gradient(90deg,#c8a654 0 42px,transparent 42px 78px);content:"";animation:road-run .4s linear infinite}.checkout-road::after{bottom:22px;opacity:.22;animation-duration:.28s}.checkout-cart{position:absolute;z-index:2;bottom:31px;left:50%;width:168px;height:92px;transform:translateX(-50%);animation:cart-rev 5s ease-in forwards}.checkout-cart-goods{position:absolute;top:8px;left:49px;display:grid;place-items:center;width:77px;height:43px;border:1px solid #e3c260;border-radius:6px 8px 2px 2px;background:linear-gradient(150deg,#e1bf5d,#84672b);color:#151712;font-size:9px;font-weight:900;letter-spacing:.1em}.checkout-cart-basket{position:absolute;top:50px;left:32px;width:111px;height:26px;transform:skewX(-10deg);border:5px solid #d3b254;border-top:0;border-radius:0 0 8px 9px}.checkout-cart-handle{position:absolute;top:43px;left:13px;width:29px;height:33px;border-top:4px solid #cdb05a;border-right:4px solid #cdb05a;transform:skew(18deg)}.checkout-wheel{position:absolute;bottom:0;width:25px;height:25px;border:5px solid #657176;border-radius:50%;background:#0a0d0e;animation:wheel-spin .22s linear infinite}.checkout-wheel::after{position:absolute;top:6px;left:6px;width:4px;height:4px;border-radius:50%;background:#e1bf5e;content:""}.wheel-one{left:38px}.wheel-two{right:27px}.checkout-smoke{position:absolute;z-index:1;bottom:42px;left:calc(50% - 130px);width:120px;height:100px}.checkout-smoke i{position:absolute;bottom:4px;left:30px;width:22px;height:22px;border-radius:50%;background:#b5b9b5;filter:blur(8px);opacity:0;animation:smoke-grow 1.1s ease-out infinite}.checkout-smoke i:nth-child(2){left:8px;animation-delay:.2s}.checkout-smoke i:nth-child(3){left:50px;animation-delay:.4s}.checkout-smoke i:nth-child(4){left:71px;animation-delay:.6s}.checkout-smoke i:nth-child(5){left:31px;animation-delay:.8s}.checkout-smoke i:nth-child(6){left:91px;animation-delay:1s}.checkout-transition>strong{color:#f0d17b;font:700 24px var(--display)}.checkout-transition>p{color:#a0abad;font-size:11px}.checkout-progress{height:4px;max-width:360px;margin:15px auto 0;overflow:hidden;border-radius:999px;background:#293438}.checkout-progress i{display:block;width:0;height:100%;background:#e5bd63;animation:checkout-progress 5s linear forwards}.account-order-summary{margin-top:17px;padding:14px;border:1px solid #2b3a40;border-radius:10px;background:#0c1215}.account-order-summary h3{margin:4px 0 12px;color:#e8e9e3;font:700 20px var(--display)}.account-spend-total{display:flex;justify-content:space-between;align-items:center;padding:10px;border:1px solid #303d42;border-radius:8px;color:#a8b4b6;font-size:10px}.account-spend-total strong{color:#eac767;font-size:14px}.account-order-list{display:grid;gap:7px;margin-top:9px}.account-order-list article{display:grid;grid-template-columns:1fr auto;gap:6px 10px;padding:9px;border-bottom:1px solid #253138;background:#0a1013}.account-order-list article>div{display:grid;gap:3px}.account-order-list b{color:#e3e8e5;font-size:10px}.account-order-list small{color:#7f8c90;font-size:9px}.account-order-list article>strong{color:#e4c56e;font-size:10px}.order-pill{width:max-content;padding:4px 6px;border-radius:999px;font-size:8px;font-weight:700}.order-pill.pending{background:#d7a93c14;color:#e8c96f}.order-pill.paid{background:#53a77a19;color:#89d2a5}.account-order-empty{color:#89969a;font-size:10px;line-height:1.5}@keyframes checkout-enter{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}@keyframes cart-rev{0%{transform:translateX(-50%) translateX(-170px)}12%{transform:translateX(-50%) translateX(0)}88%{transform:translateX(-50%) translateX(0)}100%{transform:translateX(-50%) translateX(800px)}}@keyframes wheel-spin{to{rotate:360deg}}@keyframes smoke-grow{0%{opacity:0;scale:.35;translate:0 8px}55%{opacity:.55}100%{opacity:0;scale:2.8;translate:-18px -58px}}@keyframes road-run{to{transform:translateX(-78px)}}@keyframes checkout-progress{to{width:100%}}
@media(max-width:680px){.checkout-fields{grid-template-columns:1fr 1fr}.checkout-quantity{grid-column:1/-1}.payment-columns{grid-template-columns:1fr}.payment-qr-placeholder{width:180px}.shop-delivery-info article{padding:17px}.account-order-list article{grid-template-columns:1fr auto}.shop-service-badges{gap:6px}.shop-service-badges span{font-size:9px;padding:7px 9px}}
@media(prefers-reduced-motion:reduce){.checkout-transition,.checkout-cart,.checkout-wheel,.checkout-smoke i,.checkout-progress i,.checkout-road::before,.checkout-road::after{animation:none!important}.checkout-progress i{width:100%}}
/* Checkout launch scene: a clear arrival, brake, rev and final departure. */
.checkout-transition{position:relative;isolation:isolate;overflow:hidden;padding:22px 24px 19px;border-color:#35444a;background:radial-gradient(ellipse at 50% 0%,#29301e55,transparent 54%),linear-gradient(145deg,#11191c,#0a1012);box-shadow:0 18px 50px #0005}
.checkout-road{height:208px;max-width:760px;border:1px solid #26343a;border-bottom:2px solid #6d5a30;border-radius:13px;margin:0 auto 17px;overflow:hidden;background:radial-gradient(ellipse at 51% 75%,#d8ae3a16,transparent 44%),linear-gradient(180deg,#0a1014 0%,#11191b 68%,#0c1113 100%);box-shadow:inset 0 -22px 42px #0006}
.checkout-road::before{bottom:45px;height:46px;background:repeating-linear-gradient(90deg,transparent 0 36px,#d3ae5140 37px 40px,transparent 41px 88px);mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);animation:road-run .6s linear infinite;opacity:.8}
.checkout-road::after{bottom:27px;height:1px;background:linear-gradient(90deg,transparent,#ddbc5a70,transparent);animation:road-glow 1.7s ease-in-out infinite alternate}
.checkout-scene-label{position:absolute;z-index:1;top:15px;left:18px;display:flex;align-items:center;gap:8px;color:#849196;font-size:8px;font-weight:800;letter-spacing:.16em}
.checkout-scene-label i,.checkout-live-dot{width:6px;height:6px;border-radius:50%;background:#dfbd5f;box-shadow:0 0 12px #dfbd5f;animation:live-pulse 1.2s ease-in-out infinite}
.checkout-speedlines{position:absolute;inset:48px 0 43px;overflow:hidden;opacity:.55}
.checkout-speedlines i{position:absolute;right:-38%;width:var(--line-width,24%);height:1px;background:linear-gradient(90deg,transparent,#c5a75280);animation:speed-streak 1.7s linear infinite;animation-delay:var(--delay,0s)}
.checkout-speedlines i:nth-child(1){top:12%;--line-width:21%;--delay:.1s}.checkout-speedlines i:nth-child(2){top:29%;--line-width:13%;--delay:.8s}.checkout-speedlines i:nth-child(3){top:46%;--line-width:29%;--delay:.4s}.checkout-speedlines i:nth-child(4){top:65%;--line-width:18%;--delay:1.1s}.checkout-speedlines i:nth-child(5){top:79%;--line-width:25%;--delay:.6s}.checkout-speedlines i:nth-child(6){top:21%;--line-width:9%;--delay:1.4s}.checkout-speedlines i:nth-child(7){top:57%;--line-width:11%;--delay:.2s}.checkout-speedlines i:nth-child(8){top:88%;--line-width:15%;--delay:1s}
.checkout-cart{position:absolute;z-index:3;bottom:37px;left:50%;width:190px;height:116px;transform:translateX(-50%);filter:drop-shadow(0 11px 14px #0009);animation:cart-launch 5s cubic-bezier(.25,.68,.22,1) both}
.checkout-cart::before{position:absolute;content:"";left:37px;right:24px;bottom:16px;height:12px;border-radius:50%;background:#d5ad4938;filter:blur(9px);animation:cart-shadow 5s ease-in-out both}
.checkout-cart-glow{position:absolute;z-index:-1;left:35px;right:18px;bottom:6px;height:50px;border-radius:50%;background:#d6a82d36;filter:blur(18px);opacity:0;animation:cart-aura 5s ease-in-out both}
.checkout-cart-goods{z-index:2;top:12px;left:59px;display:flex;flex-direction:column;justify-content:center;gap:2px;width:84px;height:49px;overflow:hidden;border:1px solid #ffe291;border-radius:7px 9px 3px 3px;background:linear-gradient(145deg,#f6d777 0%,#d2a638 52%,#896620 100%);box-shadow:inset 0 1px 0 #fff8,0 5px 12px #d6a63824;color:#29220f;transform:skewY(-3deg)}
.checkout-cart-goods::after{position:absolute;inset:0;content:"";background:linear-gradient(115deg,transparent 25%,#fff6 48%,transparent 67%);transform:translateX(-120%);animation:cart-shine 5s ease-in-out both}
.checkout-cart-goods i{font:900 18px/1 var(--display);font-style:normal}.checkout-cart-goods b{font-size:7px;letter-spacing:.12em}.checkout-cart-goods small{font-size:5px;font-weight:800;letter-spacing:.08em;opacity:.75}
.checkout-cart-basket{z-index:2;top:58px;left:43px;width:119px;height:29px;border:4px solid #d9b958;border-top:0;border-radius:0 0 11px 12px;background:repeating-linear-gradient(90deg,transparent 0 12px,#e2c46d 13px 15px,transparent 16px 25px),linear-gradient(#d5b5541c,#d5b55408);box-shadow:inset 0 -3px 0 #785d25;transform:perspective(70px) rotateX(-7deg) skewX(-8deg)}
.checkout-cart-handle{z-index:1;top:50px;left:19px;width:35px;height:37px;border-top:4px solid #b7a15e;border-right:4px solid #b7a15e;border-radius:0 6px 0 0;transform:skew(16deg)}
.checkout-wheel{z-index:4;bottom:0;width:27px;height:27px;border:4px solid #aab2af;background:repeating-conic-gradient(#40494a 0deg 13deg,#d5b354 14deg 17deg,#1b2325 18deg 45deg);box-shadow:0 0 0 2px #0a0f11,0 3px 8px #000b;animation:wheel-torque 5s linear both}
.checkout-wheel::after{top:8px;left:8px;width:3px;height:3px;background:#f5d779;box-shadow:0 0 4px #f5d779}
.wheel-one{left:47px}.wheel-two{right:25px}
.checkout-smoke{z-index:2;bottom:30px;left:calc(50% - 130px);width:140px;height:120px;filter:blur(.2px)}
.checkout-smoke i{bottom:4px;left:31px;width:30px;height:30px;background:radial-gradient(circle at 35% 36%,#eee9d9ad,#939c9b78 48%,#74808100 75%);filter:blur(8px);animation:smoke-plume 1.45s ease-out infinite}
.checkout-smoke i:nth-child(2){left:8px;animation-delay:.22s}.checkout-smoke i:nth-child(3){left:52px;animation-delay:.44s}.checkout-smoke i:nth-child(4){left:77px;animation-delay:.66s}.checkout-smoke i:nth-child(5){left:28px;animation-delay:.88s}.checkout-smoke i:nth-child(6){left:99px;animation-delay:1.1s}.checkout-smoke i:nth-child(n+7){display:block}.checkout-smoke i:nth-child(7){left:62px;animation-delay:.33s}.checkout-smoke i:nth-child(8){left:15px;animation-delay:.77s}.checkout-smoke i:nth-child(9){left:88px;animation-delay:.99s}.checkout-smoke i:nth-child(10){left:43px;animation-delay:1.21s}
.checkout-sparks{position:absolute;z-index:4;left:calc(50% - 125px);bottom:45px;width:100px;height:45px;pointer-events:none}
.checkout-sparks i{position:absolute;left:55px;bottom:10px;width:4px;height:4px;border-radius:50%;background:#ffe18a;box-shadow:0 0 9px 2px #e7b947;opacity:0;animation:spark-fly .55s ease-out 3.55s 4}
.checkout-sparks i:nth-child(2){animation-delay:3.72s}.checkout-sparks i:nth-child(3){animation-delay:3.9s}.checkout-sparks i:nth-child(4){animation-delay:4.04s}.checkout-sparks i:nth-child(5){animation-delay:4.16s}
.checkout-road-dashes{position:absolute;left:0;right:0;bottom:35px;height:2px;background:repeating-linear-gradient(90deg,transparent 0 22px,#e0bd5d 23px 55px,transparent 56px 91px);opacity:.72;animation:road-dash .45s linear infinite}
.checkout-transition-copy{display:flex;justify-content:center;align-items:center;gap:9px;flex-wrap:wrap}.checkout-transition-copy strong{color:#f0d17b;font:700 23px var(--display)}.checkout-transition-copy p{flex-basis:100%;margin:0;color:#a0abad;font-size:11px}
.checkout-live-dot{width:7px;height:7px;flex:none}
.checkout-progress{height:5px;max-width:360px;margin:15px auto 0;background:#263136}.checkout-progress i{position:relative;border-radius:inherit;background:linear-gradient(90deg,#96732b,#f4d273,#fff0ae);box-shadow:0 0 14px #e0b54878;animation:checkout-progress 5s cubic-bezier(.4,0,.2,1) forwards}
@keyframes cart-launch{0%{transform:translateX(-50%) translateX(-430px) translateY(7px) scale(.78);opacity:.3}9%{transform:translateX(-50%) translateX(-35px) translateY(0) scale(1.03);opacity:1}13%{transform:translateX(-50%) translateX(0) translateY(-2px) scale(1)}18%{transform:translateX(-50%) translateY(3px) rotate(-3deg) scale(.98)}23%,68%{transform:translateX(-50%) translateY(0) rotate(0) scale(1)}76%{transform:translateX(-50%) translateY(-2px) rotate(-1deg) scale(1.02)}82%{transform:translateX(-50%) translateY(3px) rotate(2deg) scale(1.04, .96)}86%{transform:translateX(-50%) translateY(-8px) rotate(-2deg) scale(1.1, .91)}100%{transform:translateX(-50%) translateX(900px) translateY(-25px) rotate(5deg) scale(1.13);opacity:.15}}
@keyframes wheel-torque{0%,9%{transform:rotate(0)}18%{transform:rotate(210deg)}35%{transform:rotate(690deg)}68%{transform:rotate(1450deg)}82%{transform:rotate(2130deg)}100%{transform:rotate(3050deg)}}
@keyframes smoke-plume{0%{opacity:0;scale:.35;translate:0 7px}18%{opacity:.55}62%{opacity:.24}100%{opacity:0;scale:3.4;translate:-25px -62px}}
@keyframes cart-aura{0%,10%{opacity:0;scale:.6}18%,66%{opacity:.45;scale:1}82%{opacity:.85;scale:1.25}100%{opacity:0;scale:1.7}}
@keyframes cart-shadow{0%,10%{opacity:.2;scale:.7}18%,70%{opacity:1;scale:1}84%{opacity:.8;scale:1.4}100%{opacity:0;scale:1.8}}
@keyframes cart-shine{0%,17%{transform:translateX(-120%)}27%,75%{transform:translateX(120%)}100%{transform:translateX(120%)}}
@keyframes speed-streak{0%,64%{transform:translateX(0);opacity:0}72%{opacity:.35}100%{transform:translateX(-185%);opacity:0}}
@keyframes road-dash{to{background-position:-91px 0}}
@keyframes road-glow{from{opacity:.2}to{opacity:.8}}
@keyframes spark-fly{0%{opacity:0;transform:translate(0,0) scale(.4)}20%{opacity:1}100%{opacity:0;transform:translate(var(--spark-x,42px),-32px) scale(0)}}
@keyframes live-pulse{50%{opacity:.45;box-shadow:0 0 4px #dfbd5f}}
@media(max-width:600px){.checkout-transition{padding:15px 12px}.checkout-road{height:180px}.checkout-cart{scale:.83}.checkout-smoke{scale:.85}.checkout-transition-copy strong{font-size:20px}.checkout-scene-label{left:12px;top:12px;font-size:7px}}
@media(prefers-reduced-motion:reduce){.checkout-transition,.checkout-transition *,.checkout-road::before,.checkout-road::after{animation:none!important;scroll-behavior:auto!important}.checkout-cart{transform:translateX(-50%)}.checkout-wheel{transform:none}.checkout-smoke i,.checkout-sparks i,.checkout-speedlines i{display:none!important}.checkout-progress i{width:100%}}
/* Slim shared scrollbar for the site and control panel */
:root{scrollbar-color:#75623a #0a0e11;scrollbar-width:thin}
*{scrollbar-width:thin;scrollbar-color:#75623a #0a0e11}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#0a0e11;border-left:1px solid #1b252a}
::-webkit-scrollbar-thumb{min-height:38px;border:2px solid #0a0e11;border-radius:999px;background:linear-gradient(180deg,#887443,#584a2d);background-clip:padding-box}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#c5a85b,#8a7040);background-clip:padding-box}
::-webkit-scrollbar-thumb:active{background:#d2b45d;background-clip:padding-box}
::-webkit-scrollbar-corner{background:#0a0e11}
::-webkit-scrollbar-button{display:none;width:0;height:0}

/* Loja: capa ilustrada sem imagem, campos e aceite com identidade Frontline. */
.product-card .product-cover-placeholder{height:86px;min-height:86px;aspect-ratio:auto;margin-bottom:15px;border-bottom-color:#d4b15a24;background:#0b1013}
.product-card .product-cover-placeholder img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;opacity:.96;transition:filter .3s ease}
.product-card:hover .product-cover-placeholder img{transform:none;filter:brightness(1.12)}
.product-card>strong{margin:13px 0 11px}
.product-card>.button{min-height:43px}
.cart-product-placeholder{min-height:92px;background:#0b1013}
.cart-product-placeholder img{display:block;width:100%;height:92px;max-height:none!important;object-fit:cover!important}
.checkout-form{border-color:#35434a;background:linear-gradient(145deg,#121a1e,#0c1215);box-shadow:0 12px 28px #0002}
.checkout-fields{gap:14px}
.checkout-fields input{min-height:46px;border-radius:9px;background:linear-gradient(145deg,#0b1114,#080d10);transition:border-color .16s,box-shadow .16s,background .16s}
.checkout-fields input:hover{border-color:#56656a}
.checkout-fields input[aria-invalid="true"]{border-color:#bf7166;box-shadow:0 0 0 3px #bf716618}
.checkout-fields input::placeholder{color:#748187;opacity:1}
.checkout-terms{overflow:hidden;border-color:#354148;border-radius:10px;background:linear-gradient(145deg,#10171b,#0b1114)}
.checkout-terms summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;padding:0 14px;color:#d9c16f;transition:background .16s,color .16s}
.checkout-terms summary:hover,.checkout-terms[open] summary{background:#d9b65b0d;color:#f0d27d}
.checkout-terms summary::after{content:"";width:8px;height:8px;flex:none;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .18s}
.checkout-terms[open] summary::after{transform:rotate(225deg) translate(-1px,-1px)}
.checkout-terms>div{padding:3px 15px 15px;border-top:1px solid #28353a}
.checkout-accept{align-items:center;gap:11px;margin:15px 0;padding:11px 12px;border:1px solid #29363b;border-radius:9px;background:#0b1114;transition:border-color .16s,background .16s}
.checkout-accept:hover{border-color:#6d5b35;background:#d9b65b09}
.checkout-accept input{appearance:none;display:grid;place-content:center;width:19px;height:19px;border:1px solid #657177;border-radius:5px;background:#090f12;cursor:pointer;transition:background .16s,border-color .16s,box-shadow .16s}
.checkout-accept input::before{content:"✓";color:#171713;font-size:13px;font-weight:900;transform:scale(0);transition:transform .12s}
.checkout-accept input:checked{border-color:#e7c56d;background:linear-gradient(135deg,#f0ce7b,#d9ad4f);box-shadow:0 0 0 3px #e7bd6315}
.checkout-accept input:checked::before{transform:scale(1)}
.checkout-accept input:focus-visible{outline:2px solid #f0d17b;outline-offset:3px}
.checkout-accept input[aria-invalid="true"]{border-color:#df897a;box-shadow:0 0 0 3px #df897a24}
.checkout-error{padding:0 2px;color:#ef9a8e;font-size:11px;line-height:1.5}
.checkout-submit{border:1px solid #f2d283;box-shadow:0 8px 22px #d5aa4420;transition:transform .18s,filter .18s,box-shadow .18s}
.checkout-submit:hover{transform:translateY(-1px);filter:brightness(1.05);box-shadow:0 12px 26px #d5aa4430}
@media(max-width:680px){.product-card .product-cover-placeholder{height:74px;min-height:74px}.checkout-fields{grid-template-columns:1fr}.checkout-quantity{grid-column:auto}.cart-product-placeholder img{height:90px}}
@media(prefers-reduced-motion:reduce){.product-cover-placeholder img,.checkout-submit,.checkout-accept,.checkout-terms summary{transition:none}}
.cart-remove{display:grid;place-items:center;width:34px;height:34px;border-color:#3b4549;border-radius:9px;background:#101619;color:#aab5b7}.cart-remove svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.cart-remove:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0005}.cart-product-image{height:clamp(150px,22vw,210px);min-height:0;aspect-ratio:4/3;background:radial-gradient(ellipse at 50% 38%,#d3ae5314,transparent 65%),#090e11}.cart-product-image img{width:100%;height:100%;max-height:none;object-fit:contain;padding:8px}.cart-product-placeholder img{padding:0}.cart-product-info>strong{margin-top:10px}.cart-product-benefits{margin-top:12px}.account-order-list article.is-cancelled{opacity:.76}.order-pill.cancelled{background:#bd696914;color:#e5a39a}.order-cancel-button{grid-column:1/-1;justify-self:start;min-height:30px;padding:0 10px;border:1px solid #60403c;border-radius:7px;background:#291918;color:#e2a59b;font-size:9px;font-weight:750;cursor:pointer;transition:background .18s,border-color .18s}.order-cancel-button:hover{border-color:#a15b50;background:#3b201e}.order-cancel-button:disabled{opacity:.55;cursor:wait}.site-confirm-dialog{width:min(430px,calc(100% - 28px));padding:0;border:1px solid #79633a;border-radius:15px;background:#101619;color:#f0eee7;box-shadow:0 25px 90px #000b}.site-confirm-dialog::backdrop{background:#020506c7;backdrop-filter:blur(5px)}.site-confirm-dialog form{padding:24px}.site-confirm-dialog h2{margin:6px 0;color:#f2f0e9;font:700 28px var(--display)}.site-confirm-dialog p{margin:0;color:#a6b1b3;font-size:12px;line-height:1.7}.site-confirm-dialog form>div{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.site-confirm-dialog .button{min-height:39px;padding:0 13px;border-radius:8px;font-size:10px}
/* Delivery sequence: staged anticipation, torque, exhaust and a cinematic launch. */
.checkout-transition{padding:22px 24px 17px;background:radial-gradient(ellipse at 50% 8%,#e6bb4d12,transparent 45%),linear-gradient(145deg,#121a1e,#080d10);box-shadow:0 24px 64px #0007,inset 0 1px #ffffff08}
.checkout-road{height:232px;border-color:#344147;border-bottom-color:#d8b14f;background:radial-gradient(ellipse at 50% 79%,#e9b93724,transparent 43%),radial-gradient(ellipse at 50% 110%,#b9892d16,transparent 68%),linear-gradient(180deg,#0b1115 0%,#11191b 66%,#090e10 100%);transform-origin:center 80%;animation:delivery-camera 6s cubic-bezier(.22,.66,.25,1) both}
.checkout-road::before{bottom:39px;height:54px;background:repeating-linear-gradient(90deg,transparent 0 24px,#e2bc5840 25px 27px,transparent 28px 62px);animation:road-run .42s linear infinite;opacity:.9}
.checkout-road::after{bottom:24px;height:2px;background:linear-gradient(90deg,transparent,#ebc968a0 20%,#fff3b640 50%,#ebc968a0 80%,transparent);animation:road-glow .8s ease-in-out infinite alternate}
.checkout-road-dashes{bottom:33px;height:3px;filter:drop-shadow(0 0 5px #e6bc5866);animation:road-dash .27s linear infinite}
.checkout-cart{width:198px;height:120px;animation:cart-launch-pro 6s cubic-bezier(.2,.72,.15,1) both}
.checkout-cart::after{position:absolute;z-index:-2;top:46px;right:74%;width:0;height:18px;border-radius:50%;background:linear-gradient(90deg,transparent,#ffdd7caa);filter:blur(7px);content:"";animation:cart-boost 6s ease-in both}
.checkout-cart::before{height:15px;background:#f3c44c46;filter:blur(12px);animation:cart-shadow 6s ease-in-out both}
.checkout-cart-glow{background:radial-gradient(ellipse,#ffda6e69,#e8ad2933 46%,transparent 76%);filter:blur(22px);animation:cart-aura 6s ease-in-out both}
.checkout-cart-goods{border-color:#ffe6a0;background:linear-gradient(145deg,#ffe38a 0%,#e4b943 48%,#9b7120 100%);box-shadow:inset 0 1px 0 #fff9,0 7px 20px #d6a63836;animation:parcel-jolt 6s ease-in-out both}
.checkout-cart-goods i{font-size:20px;text-shadow:0 1px #fff8}.checkout-cart-basket{border-color:#edd078;background:repeating-linear-gradient(90deg,transparent 0 12px,#e7ca76 13px 15px,transparent 16px 25px),linear-gradient(#e3bd5c28,#e3bd5c0b);box-shadow:inset 0 -3px 0 #73591f,0 0 0 1px #ffe39a20}
.checkout-wheel{width:28px;height:28px;border-width:4px;background:repeating-conic-gradient(#303a3b 0deg 12deg,#f0cd70 13deg 17deg,#141b1d 18deg 45deg);box-shadow:0 0 0 2px #0a0f11,0 0 0 4px #a88a4624,0 4px 9px #000c;animation:wheel-torque-pro 6s cubic-bezier(.2,.65,.2,1) both}
.checkout-wheel::after{top:8px;left:8px;width:4px;height:4px;box-shadow:0 0 7px #ffe28c}
.checkout-smoke{bottom:26px;left:calc(50% - 139px);width:150px;height:135px}
.checkout-smoke i{width:34px;height:34px;background:radial-gradient(circle at 34% 35%,#f2efe2c9,#a9b1ae8a 42%,#7d878500 75%);filter:blur(9px);animation:smoke-plume-pro 1.32s cubic-bezier(.18,.62,.3,1) infinite}
.checkout-smoke i:nth-child(2){animation-delay:.13s}.checkout-smoke i:nth-child(3){animation-delay:.27s}.checkout-smoke i:nth-child(4){animation-delay:.41s}.checkout-smoke i:nth-child(5){animation-delay:.55s}.checkout-smoke i:nth-child(6){animation-delay:.69s}.checkout-smoke i:nth-child(7){animation-delay:.83s}.checkout-smoke i:nth-child(8){animation-delay:.97s}.checkout-smoke i:nth-child(9){animation-delay:1.11s}.checkout-smoke i:nth-child(10){animation-delay:1.25s}
.checkout-speedlines i{height:2px;background:linear-gradient(90deg,transparent,#e9c465aa 62%,#fff3c5);filter:blur(.3px);animation-duration:1.25s}
.checkout-speedlines i:nth-child(1){animation-delay:.8s}.checkout-speedlines i:nth-child(2){animation-delay:1.2s}.checkout-speedlines i:nth-child(3){animation-delay:.95s}.checkout-speedlines i:nth-child(4){animation-delay:1.4s}.checkout-speedlines i:nth-child(5){animation-delay:1.05s}.checkout-speedlines i:nth-child(6){animation-delay:1.55s}.checkout-speedlines i:nth-child(7){animation-delay:1.3s}.checkout-speedlines i:nth-child(8){animation-delay:1.65s}
.checkout-sparks{left:calc(50% - 140px);bottom:42px;width:112px;height:56px}
.checkout-sparks i{width:5px;height:5px;background:#fff0a7;box-shadow:0 0 13px 3px #efbd45;animation:spark-fly-pro .5s cubic-bezier(.12,.7,.24,1) 4.25s 4 both}
.checkout-sparks i:nth-child(2){animation-delay:4.38s}.checkout-sparks i:nth-child(3){animation-delay:4.52s}.checkout-sparks i:nth-child(4){animation-delay:4.66s}.checkout-sparks i:nth-child(5){animation-delay:4.8s}
.checkout-transition-copy{position:relative;min-height:45px;gap:10px}.checkout-transition-copy strong{font-size:24px;letter-spacing:.01em}.checkout-transition-copy p{color:#9ca9ac}.checkout-progress{position:relative;height:6px;margin-top:17px;background:linear-gradient(90deg,#1c272b,#303a3c);box-shadow:inset 0 1px 3px #0008}.checkout-progress i{background:linear-gradient(90deg,#a57d2d,#e8c05a 55%,#fff0a8);box-shadow:0 0 16px #e2b94b88;animation:checkout-progress 6s cubic-bezier(.42,0,.2,1) forwards}
.checkout-route-steps{display:flex;justify-content:space-between;gap:12px;max-width:540px;margin:11px auto 0}.checkout-route-steps span{display:flex;align-items:center;gap:6px;color:#66757a;font-size:8px;font-weight:700;letter-spacing:.035em;animation:route-step 6s ease both}.checkout-route-steps span:nth-child(2){animation-delay:1.9s}.checkout-route-steps span:nth-child(3){animation-delay:4.4s}.checkout-route-steps i{display:grid;place-items:center;width:18px;height:18px;border:1px solid #3a474a;border-radius:50%;color:#718083;font-size:7px;font-style:normal}
@keyframes cart-launch-pro{0%{transform:translateX(-50%) translateX(-480px) translateY(12px) scale(.72);opacity:0;filter:blur(4px)}8%{transform:translateX(-50%) translateX(-58px) translateY(0) scale(1.04);opacity:1;filter:blur(0)}12%{transform:translateX(-50%) translateY(-3px) scale(1)}16%{transform:translateX(-50%) translateY(4px) rotate(-3deg) scale(.97)}21%{transform:translateX(-50%) translateY(-2px) rotate(1.5deg) scale(1.015)}25%,66%{transform:translateX(-50%) translateY(0) rotate(0) scale(1)}70%{transform:translateX(-50%) translateY(2px) rotate(-1deg) scale(1.02)}76%{transform:translateX(-50%) translateY(7px) rotate(2deg) scale(1.055,.94)}80%{transform:translateX(-50%) translateY(-7px) rotate(-2deg) scale(1.08,.92)}84%{transform:translateX(-50%) translateX(20px) translateY(-1px) rotate(0) scale(1.04);filter:blur(0)}100%{transform:translateX(-50%) translateX(1020px) translateY(-34px) rotate(4deg) scale(1.17);opacity:.12;filter:blur(7px)}}
@keyframes wheel-torque-pro{0%,8%{transform:rotate(0)}16%{transform:rotate(300deg)}28%{transform:rotate(900deg)}65%{transform:rotate(1850deg)}76%{transform:rotate(2480deg)}83%{transform:rotate(3240deg)}100%{transform:rotate(4860deg)}}
@keyframes smoke-plume-pro{0%,8%{opacity:0;scale:.25;translate:0 5px}25%{opacity:.68}55%{opacity:.3}100%{opacity:0;scale:3.8;translate:-34px -77px}}
@keyframes cart-boost{0%,71%{width:0;opacity:0}78%{width:110px;opacity:.35}83%{width:235px;opacity:1}100%{width:380px;opacity:0}}
@keyframes cart-aura{0%,12%{opacity:0;scale:.45}20%,64%{opacity:.34;scale:.9}76%{opacity:.75;scale:1.2}83%{opacity:1;scale:1.65}100%{opacity:0;scale:2.2}}
@keyframes cart-shadow{0%,10%{opacity:0;scale:.5}18%,65%{opacity:.8;scale:1}79%{opacity:1;scale:1.35}100%{opacity:0;scale:2}}
@keyframes parcel-jolt{0%,68%,100%{translate:0 0}17%{translate:0 3px}20%{translate:0 -2px}74%{translate:0 -2px}78%{translate:0 4px}82%{translate:0 -4px}}
@keyframes delivery-camera{0%,70%{transform:translateX(0) scale(1)}76%{transform:translateX(-1px) scale(1.005)}80%{transform:translateX(2px) scale(1.008)}84%{transform:translateX(-1px) scale(1)}100%{transform:translateX(0) scale(1)}}
@keyframes spark-fly-pro{0%{opacity:0;transform:translate(0,0) scale(.3)}16%{opacity:1}100%{opacity:0;transform:translate(var(--spark-x,48px),-42px) scale(0)}}
@keyframes route-step{0%,30%{color:#e7c562;filter:drop-shadow(0 0 5px #dfbd5f55)}30%,100%{color:#66757a;filter:none}}
@media(max-width:600px){.checkout-road{height:205px}.checkout-transition{padding:16px 13px}.checkout-route-steps{gap:4px}.checkout-route-steps span{font-size:7px}.checkout-route-steps i{width:16px;height:16px}.checkout-transition-copy strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){.checkout-transition *,.checkout-road{animation:none!important}.checkout-cart{transform:translateX(-50%);opacity:1;filter:none}.checkout-wheel{transform:none}.checkout-smoke i,.checkout-sparks i,.checkout-speedlines i{display:none!important}.checkout-progress i{width:100%}.checkout-route-steps span:first-child{color:#e7c562}}
/* Store catalog: center a solo item, use a balanced two-column catalog otherwise. */
.products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:940px;align-items:stretch}.products-grid-single{grid-template-columns:minmax(0,1fr);max-width:430px}.products-grid-double{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px}.products-grid .product-card{width:100%;height:100%;min-width:0}.product-card .product-cover{width:calc(100% + 40px);aspect-ratio:16/8.5;height:auto;min-height:0;margin:-20px -20px 17px;overflow:hidden}.product-card .product-cover img{width:100%;height:100%;max-width:100%;max-height:none;object-fit:contain}.product-card .product-cover-placeholder img{object-fit:contain}.shop-delivery-info{width:min(940px,calc(100% - 64px));margin-top:24px}.shop-delivery-info article{max-width:none;margin:0}.product-card>.button{align-self:flex-start}
@media(max-width:700px){.products-grid,.products-grid-double{grid-template-columns:minmax(0,1fr);max-width:460px}.products-grid-single{max-width:430px}.shop-delivery-info{width:min(460px,calc(100% - 36px));margin-top:18px}.product-card .product-cover{width:calc(100% + 34px);margin:-17px -17px 15px}}

/* A quiet gold resize grip replaces the bright native corner while keeping textarea resizing. */
textarea::-webkit-resizer{border:0;border-radius:0 0 7px 0;background:linear-gradient(135deg,transparent 0 46%,#64747a 47% 55%,transparent 56%) 2px 2px/7px 7px no-repeat,linear-gradient(135deg,transparent 0 46%,#c6a752 47% 55%,transparent 56%) 7px 7px/7px 7px no-repeat}
.site-notice{display:flex;align-items:center;gap:12px;overflow:hidden;min-height:62px;padding:13px 45px 16px 14px;border:1px solid #465349;border-radius:13px;background:linear-gradient(145deg,#172126f5,#0c1216f7);box-shadow:0 18px 48px #000a,0 0 28px #d0aa4311;backdrop-filter:blur(16px);opacity:0;transform:translate3d(0,-12px,0) scale(.97);transition:opacity .24s ease,transform .32s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.site-notice.visible{opacity:1;transform:translate3d(0,0,0) scale(1)}
.site-notice-icon{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border:1px solid #d4ae574a;border-radius:10px;background:linear-gradient(145deg,#dfbd6430,#d4a6330b);color:#f3cf6d;font-size:16px;box-shadow:inset 0 0 14px #d7b44b12}
.site-notice-copy{min-width:0;color:#eef0e9;font-size:12px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}
.site-notice-close{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:26px;height:26px;border:1px solid transparent;border-radius:7px;background:transparent;color:#849197;font-size:18px;line-height:1;cursor:pointer;pointer-events:auto;transition:color .16s,border-color .16s,background .16s}
.site-notice-close:hover{border-color:#536067;background:#ffffff0a;color:#f4cf6c}
.site-notice-progress{position:absolute;right:10px;bottom:0;left:10px;height:2px;overflow:hidden;border-radius:2px;background:#ffffff0c;transform-origin:left center}
.site-notice-progress:after{position:absolute;inset:0;content:"";border-radius:inherit;background:linear-gradient(90deg,#8e7134,#f3cf6d 60%,#ffdf82);transform-origin:left center;animation:notice-countdown 4.8s linear forwards}
.site-notice.bursting{opacity:0;transform:scale(.94);filter:blur(2px);transition:opacity .12s ease,transform .16s ease,filter .16s ease}
.notice-particles{position:fixed;z-index:10010;width:1px;height:1px;pointer-events:none}
.notice-particles i{position:absolute;width:5px;height:5px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3bd,#e3bd58 55%,#aa7d28);box-shadow:0 0 8px #edc966aa;animation:notice-pop .46s cubic-bezier(.15,.75,.3,1) forwards}
@keyframes notice-countdown{to{transform:scaleX(0)}}
@keyframes notice-pop{0%{opacity:1;transform:translate(0,0) scale(1)}75%{opacity:.9}100%{opacity:0;transform:translate(var(--px),var(--py)) scale(.1)}}
.toast{display:flex;align-items:center;gap:11px;min-width:min(320px,calc(100vw - 32px));min-height:58px;padding:12px 43px 15px 13px;overflow:hidden;border:1px solid #465349;border-radius:12px;background:linear-gradient(145deg,#172126f5,#0c1216f7);box-shadow:0 18px 48px #000a,0 0 25px #d0aa4310;backdrop-filter:blur(14px);opacity:0;transform:translateY(8px) scale(.98);transition:opacity .2s,transform .25s cubic-bezier(.2,.8,.2,1)}
.toast.visible{opacity:1;transform:translateY(0) scale(1)}
.toast-icon{display:grid;place-items:center;width:29px;height:29px;flex:0 0 29px;border:1px solid #d4ae574a;border-radius:9px;background:#d4ae5714;color:#f3cf6d;font-size:14px;font-weight:800}
.toast-copy{color:#eef0e9;font-size:11px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}
.toast-close{position:absolute;top:7px;right:7px;display:grid;place-items:center;width:25px;height:25px;border:1px solid transparent;border-radius:7px;background:transparent;color:#849197;font-size:18px;line-height:1;cursor:pointer}
.toast-close:hover{border-color:#536067;background:#ffffff0a;color:#f4cf6c}
.toast-progress{position:absolute;right:9px;bottom:0;left:9px;height:2px;overflow:hidden;border-radius:2px;background:#ffffff0c}
.toast-progress:after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,#8e7134,#f3cf6d 60%,#ffdf82);transform-origin:left center;animation:notice-countdown 4.8s linear forwards}
.toast.error .toast-icon{border-color:#bf6b6555;background:#a9433a20;color:#f2a29a}
.toast.error .toast-progress:after{background:linear-gradient(90deg,#934d48,#e18b79)}
.toast.bursting{opacity:0;transform:scale(.94);filter:blur(2px);transition:opacity .12s,transform .16s,filter .16s}
@media(max-width:520px){.site-notice{top:12px;right:12px;max-width:calc(100vw - 24px);padding-left:11px}.toast{right:12px;bottom:12px;max-width:calc(100vw - 24px)}}
@media(prefers-reduced-motion:reduce){.site-notice,.toast{transition:none}.notice-particles i{animation-duration:.01ms!important}}
.quantity-stepper{position:relative;min-width:0}.quantity-stepper input[type=number]{padding-right:43px;-moz-appearance:textfield}.quantity-stepper input[type=number]::-webkit-inner-spin-button,.quantity-stepper input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.quantity-step-buttons{position:absolute;top:5px;right:5px;bottom:5px;display:grid;width:30px;grid-template-rows:1fr 1fr;gap:3px;padding-left:4px;border-left:1px solid #29363b}.quantity-step-buttons button{display:grid;place-items:center;min-width:0;padding:0;border:1px solid #29363b;border-radius:5px;background:linear-gradient(145deg,#182126,#10171b);color:#9da8a9;cursor:pointer;transition:color .18s,border-color .18s,background .18s,transform .18s,box-shadow .18s}.quantity-step-buttons button:hover{border-color:#b99a4c;background:linear-gradient(145deg,#2a281d,#191b18);color:#f0ca64;box-shadow:0 0 12px #d6b25318}.quantity-step-buttons button:active{transform:scale(.9)}.quantity-step-buttons svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s}.quantity-step-buttons button:first-child:hover svg{transform:translateY(-1px)}.quantity-step-buttons button:last-child:hover svg{transform:translateY(1px)}.quantity-step-buttons button:focus-visible{outline:2px solid #e2bd5b;outline-offset:1px}
@media(prefers-reduced-motion:reduce){.quantity-step-buttons button,.quantity-step-buttons svg{transition:none}}

/* Public identity and friendship center */
.site-notice-progress:after{animation-duration:var(--notice-duration,5.8s)}
.friend-center{margin:8px 0 22px;padding:13px;border:1px solid #26343a;border-radius:11px;background:linear-gradient(145deg,#11191d,#0b1013)}
.friend-center>header{display:flex;align-items:center;justify-content:space-between;margin:0 0 11px;padding:0 2px}.friend-center>header h3{margin:4px 0 0!important;font-size:17px!important}.friend-total{color:#f0c766;font-size:20px}.friend-total small{color:#8b989e;font-size:10px;font-weight:500}.friend-tabs{display:flex;flex-wrap:wrap;gap:5px;padding:4px;background:#090e11;border:1px solid #222e34;border-radius:8px}.friend-tabs button{flex:1;min-width:70px;padding:8px 7px;border:1px solid transparent;border-radius:6px;background:transparent;color:#9ca9ae;font:600 10px var(--body);cursor:pointer;transition:background .18s,color .18s,border-color .18s}.friend-tabs button:hover,.friend-tabs button.active{border-color:#9f803e66;background:#d4ae5714;color:#f0c766}.friend-tabs button b{margin-left:3px;color:inherit}.friend-results{padding-top:6px}.friend-row{min-height:47px}.friend-person{display:flex;align-items:center;gap:9px;min-width:0;color:inherit;text-decoration:none}.friend-person>span:last-child{display:grid;gap:3px;min-width:0}.friend-person strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e9ece8;font-size:11px}.friend-person small{color:#849198;font-size:9px}.friend-person .mini-avatar{width:32px;height:32px}.friend-actions{display:flex;gap:5px;align-items:center}.friend-actions button,.friend-profile-link{padding:6px 8px;border:1px solid #34434a;border-radius:6px;background:#121b20;color:#cbd3d3;font:600 9px var(--body);text-decoration:none;cursor:pointer;white-space:nowrap}.friend-actions button:hover,.friend-profile-link:hover{border-color:#c3a34e;color:#f0c766}.friend-actions .friend-reject{border-color:#714541;color:#e9a39b}.friend-actions .friend-reject:hover{background:#722f2b;color:#fff}.conversation-heading{margin-top:18px!important;padding-top:13px;border-top:1px solid #253137}.search-user-profile{flex:1;min-width:0;color:inherit;text-decoration:none}.search-user-profile strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.public-profile-loading,.profile-load-error{min-height:220px;display:grid;align-content:center;justify-items:start}.profile-loading-mark{color:#e7bd63;font-size:28px;animation:profile-mark-pulse 1.5s ease-in-out infinite alternate}.profile-load-error h2{margin:0;color:#eee}.profile-load-error p{color:#a5b1b5}.profile-back{display:inline-flex;margin-bottom:25px;color:#b8c6cc;font-size:11px;text-decoration:none}.public-profile-card{display:grid;grid-template-columns:132px minmax(0,1fr);gap:28px;align-items:start;max-width:920px;margin:12px 0;padding:30px;border:1px solid #2a383e;border-radius:16px;background:linear-gradient(135deg,#121a1e,#0c1114);box-shadow:0 24px 70px #0004;animation:profile-card-in .55s cubic-bezier(.2,.8,.2,1) both}.public-profile-avatar{width:128px;height:128px;display:grid;place-items:center;overflow:hidden;border:2px solid #d7b452;border-radius:50%;background:radial-gradient(circle at 30% 20%,#d7b45255,#1b2428 65%);color:#f5d36c;font:700 48px var(--display);box-shadow:0 0 0 7px #d6b14d12,0 18px 40px #0007}.public-profile-avatar img{width:100%;height:100%;object-fit:cover}.public-profile-info h1{margin:5px 0 7px;font:700 clamp(34px,5vw,56px)/1 var(--display);color:#f1efe8}.public-profile-bio{max-width:620px;margin:0;color:#aab6bb;line-height:1.7;overflow-wrap:anywhere}.public-profile-roles{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.public-profile-roles span{padding:6px 10px;border:1px solid #a8873c66;border-radius:999px;background:#e2b94d12;color:#ebc45b;font-size:10px;font-weight:700}.public-profile-stats{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.public-profile-stats span{display:grid;gap:5px;min-width:120px;padding:10px 12px;border:1px solid #26343a;border-radius:8px;background:#090e11;color:#8f9da2;font-size:9px}.public-profile-stats strong{color:#e9ece8;font-size:13px}.public-profile-actions{display:flex;align-items:center;gap:9px}.profile-friend-state{color:#a8c7b6;font-size:12px;font-weight:700}.@keyframes profile-card-in{from{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes profile-mark-pulse{to{opacity:.45;transform:scale(.85)}}
@media(max-width:620px){.friend-tabs button{flex:1 1 calc(50% - 5px)}.friend-row{align-items:flex-start}.friend-actions{flex-wrap:wrap;justify-content:flex-end}.public-profile-card{grid-template-columns:1fr;padding:22px;gap:18px}.public-profile-avatar{width:92px;height:92px;font-size:36px}.public-profile-stats{gap:7px}.public-profile-stats span{min-width:calc(50% - 5px);box-sizing:border-box}}
/* Conta e comunidade: identidade clara, áreas arejadas e ações consistentes. */
.account-section{padding-top:72px;padding-bottom:90px}.account-layout{grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr);gap:30px;align-items:start}.account-profile,.account-password-form{min-width:0;padding:clamp(26px,4vw,42px);border:1px solid #2b3a40;border-radius:16px;background:linear-gradient(145deg,#121a1e,#0b1013);box-shadow:0 18px 55px #0003}.account-profile{display:flex;flex-direction:column;align-items:stretch;gap:18px;text-align:left}.account-profile>p{margin:0;color:#98a7ad;font-size:12px}.account-identity{gap:24px;margin:0 0 2px}.account-identity .profile-avatar{width:112px;height:112px;margin:0;border:2px solid #d6b251;border-radius:50%;background:#11191c}.account-identity-copy h2{margin:2px 0 8px;font-size:clamp(36px,4.2vw,54px)}.account-bio{font-size:13px;line-height:1.65}.account-role-line{font-size:10px!important;margin-top:9px!important}.account-profile>.profile-upload{align-self:flex-start;width:auto!important;min-width:180px;margin:0;border-radius:9px}.nation-form{display:grid;gap:9px;padding:17px;border:1px solid #2a383e;border-radius:11px;background:#0a1013}.nation-form>label,.bio-form>label{color:#e5c568;font-size:11px;font-weight:700}.nation-form>div{display:flex;gap:9px}.nation-form input{flex:1;min-width:0;height:44px;padding:0 13px;border:1px solid #33434a;border-radius:8px;background:#080d10;color:#f1f0eb;font:13px var(--body)}.nation-form input:focus,.bio-form textarea:focus{outline:2px solid #d6b25150;border-color:#d6b251}.nation-form .button{min-height:44px;border-radius:8px}.nation-form small{color:#819097;font-size:10px}.bio-form{gap:10px;padding:18px;border:1px solid #2a383e;border-radius:11px;background:#0a1013}.bio-form textarea{min-height:120px;font:13px/1.7 var(--body)}.bio-form .button{align-self:flex-start;min-width:150px;border-radius:8px}.account-order-summary{width:100%;margin:0;padding:20px;border:1px solid #2a383e;border-radius:12px;background:#0a1013}.account-profile>.button:not(.profile-upload){width:100%;border-radius:9px}.account-password-form{display:block;align-self:stretch}.account-password-form h2{margin:12px 0 28px;font:700 clamp(30px,4vw,44px)/1 var(--display);text-transform:uppercase}.account-password-form .account-field{margin-bottom:20px}.account-password-form>.button{margin-top:7px;border-radius:9px}.chat-cta{position:relative;gap:10px;min-height:47px;padding:5px 13px 5px 6px;border-radius:999px}.chat-header-avatar{display:grid;place-items:center;width:35px;height:35px;overflow:hidden;border:1px solid #c5a34f;border-radius:50%;background:#182126;color:#edca71;font-weight:800}.chat-header-avatar img{width:100%;height:100%;object-fit:cover}.chat-header-copy{display:grid;gap:2px}.chat-header-copy strong{font-size:11px}.chat-header-copy small{color:#89979d;font-size:9px}.friend-request-badge{position:absolute;top:-5px;left:31px;display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border:2px solid #090c0f;border-radius:999px;background:#cf4541;color:white;font-size:9px;line-height:1}.friend-request-badge[hidden]{display:none!important}.friend-center{margin:8px 0 24px;padding:19px;border:1px solid #2b3a40;border-radius:13px;background:linear-gradient(145deg,#131c20,#0b1013)}.friend-center>header{margin-bottom:15px}.friend-tabs{gap:7px;padding:6px;border-radius:10px}.friend-tabs button{min-height:38px;font-size:11px;border-radius:8px}.friend-tabs button[data-friend-filter=received]:not(.active) b{color:#ee7771}.friend-results{padding-top:12px}.friend-row{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:10px 12px;border:1px solid transparent;border-radius:10px;transition:background .2s,border-color .2s}.friend-row:hover{border-color:#2a393f;background:#0a1013}.friend-person{gap:12px}.friend-person .mini-avatar{width:42px;height:42px;border:1px solid #39484e;border-radius:50%;overflow:hidden}.mini-avatar img{width:100%;height:100%;object-fit:cover}.friend-person strong{font-size:13px}.friend-person small{font-size:10px}.friend-actions button,.friend-profile-link{min-height:34px;padding:0 11px;border-radius:8px;font-size:10px}.friend-actions .friend-accept{border-color:#b9953e;background:#d9b455;color:#111}.friend-actions .friend-remove{color:#db9c94;border-color:#70433d}.group-create{margin-top:22px;padding:18px;border:1px solid #2a383e;border-radius:12px;background:#0b1114}.group-create h3{margin:0 0 6px!important;font-size:18px!important}.group-create p{margin:0 0 14px;color:#89979d;font-size:11px;line-height:1.6}.group-create .button{min-height:42px;border-radius:8px}.group-modal-backdrop{position:fixed;z-index:10001;inset:0;display:grid;place-items:center;padding:20px;background:#030608cc;backdrop-filter:blur(8px);animation:fade-in .2s ease both}.group-modal{position:relative;width:min(520px,100%);max-height:min(760px,90vh);overflow:auto;padding:30px;border:1px solid #45545a;border-radius:18px;background:linear-gradient(145deg,#172126,#0c1215);box-shadow:0 30px 100px #000b;animation:profile-card-in .28s ease both}.group-modal-x{position:absolute;right:18px;top:16px;width:34px;height:34px;border:1px solid #34434a;border-radius:50%;background:#11191d;color:#dce1de;font-size:20px;cursor:pointer}.group-modal h2{margin:10px 42px 8px 0;font:700 32px/1 var(--display)}.group-modal>p{color:#9aa8ad;font-size:12px;line-height:1.6}.group-name-field{display:grid;gap:8px;margin:18px 0;color:#dec16c;font-size:11px;font-weight:700}.group-name-field input{height:44px;padding:0 13px;border:1px solid #33434a;border-radius:8px;background:#080d10;color:#f1f0eb;font:13px var(--body)}.group-friend-options{display:grid;gap:6px;max-height:330px;overflow:auto;margin:18px 0;padding:5px}.group-friend-option{display:flex;align-items:center;gap:12px;min-height:58px;padding:8px 11px;border:1px solid #29373d;border-radius:10px;background:#0b1114;cursor:pointer;transition:border-color .2s,background .2s}.group-friend-option:has(input:checked){border-color:#bb9847;background:#d6b25012}.group-friend-option input{position:absolute;opacity:0}.group-friend-option .mini-avatar{display:grid;place-items:center;width:38px;height:38px;overflow:hidden;border-radius:50%;background:#1a252a;color:#e5c260}.group-friend-option .mini-avatar img{width:100%;height:100%;object-fit:cover}.group-friend-option strong{flex:1;color:#e7e9e5;font-size:12px}.group-check{opacity:0;color:#e8c45f}.group-friend-option:has(input:checked) .group-check{opacity:1}.group-modal footer{display:flex;justify-content:flex-end;gap:10px;padding-top:16px;border-top:1px solid #26343a}.group-modal footer .button{min-height:42px;border-radius:8px}.chat-topbar .call-controls [data-action=group-add-members][hidden]{display:none!important}.friend-remove:hover{border-color:#d16e66!important;background:#381b19!important;color:#ffc3bb!important}.public-profile-card{max-width:1040px;min-height:300px;padding:42px;gap:38px;border-radius:20px}.public-profile-avatar{width:150px;height:150px}.public-profile-actions .button{min-width:195px;min-height:48px;border-radius:9px;background:linear-gradient(135deg,#f0cf7c,#d8ae4d);box-shadow:0 8px 24px #c69c3b20}.public-profile-actions .button:hover{box-shadow:0 12px 34px #d0ac5340;transform:translateY(-2px)}.article-byline-top{gap:14px;margin:0 0 28px}.article-byline-top .byline-avatar{width:54px;height:54px;overflow:hidden;border:2px solid #d5ae4e;box-shadow:0 0 0 5px #d5ae4e12}.article-byline-top .byline-avatar img{width:100%;height:100%;object-fit:cover}.article-byline-top .article-author-copy{display:grid;gap:5px}.article-byline-top .article-author-copy strong{font-size:17px}.article-byline-top .article-author-copy span{font-size:11px;color:#d9b455}.article-back{display:none!important}.product-card .product-cover-placeholder img[src*=vip-art]{object-fit:cover}.chat-cta:hover{border-color:#cda94f;background:#d4ac4b10}.friend-row{animation:friend-row-in .3s ease both}.friend-row:nth-child(2){animation-delay:.04s}.friend-row:nth-child(3){animation-delay:.08s}.friend-row:nth-child(4){animation-delay:.12s}@keyframes friend-row-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.account-layout{grid-template-columns:1fr;gap:18px}.account-profile,.account-password-form{padding:22px}.account-identity{align-items:flex-start;gap:15px}.account-identity .profile-avatar{width:76px;height:76px}.account-identity-copy h2{font-size:32px}.nation-form>div{flex-direction:column}.friend-row{align-items:flex-start}.friend-actions{flex-wrap:wrap}.group-modal{padding:23px}.public-profile-card{grid-template-columns:96px minmax(0,1fr);gap:20px;padding:25px}.public-profile-avatar{width:92px;height:92px;font-size:34px}}
@media(max-width:520px){.chat-header-copy small{display:none}.chat-header-copy strong{font-size:10px}.chat-cta{padding-right:9px}.public-profile-card{grid-template-columns:1fr}.public-profile-avatar{width:100px;height:100px}.friend-row{flex-direction:column}.friend-actions{width:100%;justify-content:flex-end}.friend-actions button,.friend-profile-link{font-size:9px}.group-modal footer{flex-direction:column-reverse}.group-modal footer .button{width:100%}}
.product-card .product-cover-placeholder img[src*=vip-art]{object-fit:contain;width:100%;height:100%;padding:8px}
.account-role-line{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 0!important}.account-role-line span{display:inline-flex;padding:6px 10px;border:1px solid #a8873c66;border-radius:999px;background:#e2b94d12;color:#ebc45b;font-size:10px;font-weight:700;letter-spacing:.02em}
.friend-remove-confirm{min-height:42px;padding:0 16px;border:1px solid #7f4b45;border-radius:8px;background:#5b2925;color:#ffe3de;font:700 11px var(--body);cursor:pointer}.friend-remove-confirm:hover{background:#78352f;border-color:#c56b5e}
/* Navegação do topo: ações distintas e alinhadas, sem repetir a identidade. */
.site-header{gap:24px}.header-actions{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;gap:9px;min-width:max-content}.header-actions>.header-cta,.header-actions>.header-discord{height:44px;min-height:44px;box-sizing:border-box}.header-actions .account-cta{display:inline-flex;justify-content:center;min-width:88px;padding:0 15px;border-radius:9px;background:#10171b;color:#e7e9e4}.account-cta .account-icon[hidden]{display:none}.header-actions .chat-cta{display:inline-flex;justify-content:flex-start;min-width:132px;min-height:44px;padding:4px 14px 4px 5px;border-radius:999px;background:#10171b}.chat-cta .chat-header-avatar{width:34px;height:34px;flex:0 0 34px}.chat-cta .chat-header-copy{display:grid;align-content:center;gap:0}.chat-cta .chat-header-copy strong{color:#f2c85f;font-size:11px;line-height:1.2}.chat-cta .chat-header-copy small{display:block;color:#a3afb3;font-size:9px;line-height:1.2}.chat-cta .friend-request-badge{top:-4px;left:28px}.header-actions .panel-cta{min-width:96px;justify-content:center;border-radius:9px}.header-actions .header-discord{width:40px;border-radius:9px}.header-actions .header-cta:hover,.header-actions .header-discord:hover{transform:translateY(-1px);background:#171f23;border-color:#c4a04a}.header-actions .panel-cta[hidden]{display:none!important}
@media(max-width:980px){.site-header{gap:14px;padding-inline:24px}.main-nav{gap:14px;margin-left:8px}.header-actions{gap:6px}.header-actions .chat-cta{min-width:112px}.header-actions .panel-cta{min-width:44px;padding-inline:11px}}
@media(max-width:700px){.site-header{gap:7px;padding-inline:12px}.header-actions{gap:5px}.header-actions .chat-cta{min-width:44px;width:44px;justify-content:center;padding:4px}.chat-cta .chat-header-copy{display:none}.chat-cta .chat-header-avatar{width:30px;height:30px;flex-basis:30px}.chat-cta .friend-request-badge{left:25px;top:-5px}.header-actions .account-cta{min-width:72px;padding-inline:9px}.header-actions .panel-cta{min-width:40px;padding-inline:9px}.header-actions .header-discord{width:34px}.header-actions .panel-label{display:inline;font-size:10px}}
@media(max-width:420px){.header-actions{gap:3px}.header-actions .account-cta{min-width:58px;font-size:10px}.header-actions .panel-cta{min-width:36px;padding-inline:7px}.header-actions .panel-label{font-size:9px}.header-actions .header-discord{width:30px}}
@media(max-width:980px){.main-nav{gap:8px;margin-left:2px}.main-nav a{font-size:10px}.brand-name{font-size:13px}.header-actions .chat-cta{min-width:100px}.header-actions .account-cta{min-width:70px;padding-inline:10px}.header-actions .panel-cta{min-width:42px;padding-inline:9px}.header-actions .header-discord{width:32px}}
.account-icon[hidden]{display:none!important}
/* Conta: corrigir o campo de nação no mobile, evitar coluna de senha esticada e compactar pedidos. */
.account-layout{align-items:start!important}.account-password-form{align-self:start!important;height:max-content!important;min-height:0!important;padding:30px!important}.account-password-form h2{margin:10px 0 22px}.account-password-form .account-field{margin:0 0 17px}.account-password-form .form-footnote{margin-top:13px}.account-profile{align-self:start;gap:14px}.nation-form{width:100%;min-width:0}.nation-form>div{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;min-width:0}.nation-form input{display:block;width:100%!important;min-width:0;height:44px;flex:1 1 auto!important}.account-profile .nation-form .button{width:auto!important;min-width:112px;min-height:44px;margin:0;padding-inline:14px;white-space:nowrap}.account-order-summary{padding:16px!important}.account-orders-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.account-orders-heading h3{margin:4px 0 0!important;font-size:19px!important}.account-order-count{color:#ecc762;font-size:14px}.account-order-count small{color:#89969a;font-size:9px;font-weight:500}.account-spend-total{padding:8px 10px!important}.account-order-filters{display:flex;gap:5px;overflow-x:auto;margin-top:9px;padding:3px 0 6px;scrollbar-width:thin}.account-order-filters button{flex:0 0 auto;min-height:30px;padding:0 9px;border:1px solid #29373d;border-radius:999px;background:#0a1013;color:#9aa7aa;font:600 9px var(--body);cursor:pointer;transition:background .18s,border-color .18s,color .18s}.account-order-filters button:hover,.account-order-filters button.active{border-color:#92793f;background:#d8b45416;color:#edc867}.account-order-filters button b{margin-left:3px;color:inherit}.account-order-list{gap:4px!important;margin-top:5px!important}.account-order-list article{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 10px;padding:8px 9px;border:1px solid #202d32;border-radius:8px}.account-order-title{min-width:0}.account-order-title b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.account-order-title b span{color:#e3bd59}.account-order-price{font-size:10px!important;white-space:nowrap}.account-order-status{display:flex;flex-wrap:wrap;gap:5px}.account-order-list .order-pill{font-size:8px;padding:3px 6px}.account-order-list .order-cancel-button{justify-self:end;padding:4px 8px;font-size:8px;border-radius:6px}.account-order-empty{padding:8px 0;margin:0}
@media(max-width:760px){.account-layout{align-items:start!important}.account-password-form{align-self:start!important}.nation-form>div{grid-template-columns:minmax(0,1fr) auto!important}.account-profile .nation-form .button{width:auto!important}.account-order-filters button{font-size:9px}}
@media(max-width:440px){.nation-form>div{grid-template-columns:minmax(0,1fr)!important}.account-profile .nation-form .button{width:100%!important}.account-password-form{padding:20px!important}}
/* Ícone de conta reconhecível e alinhamento dos atalhos do cabeçalho. */
.account-cta{gap:9px!important;min-width:92px!important;justify-content:center}.account-icon{display:grid;place-items:center;width:23px;height:23px;flex:0 0 23px;color:#e7bd63;font-size:15px}.account-icon svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.account-icon.has-avatar{width:23px;height:23px;border:0;border-radius:0;overflow:visible}.account-cta #account-label{max-width:none!important;font-size:11px;font-weight:700}
@media(max-width:700px){.account-cta{min-width:72px!important;gap:6px!important}.account-cta #account-label{max-width:none!important;font-size:10px}}

/* Comunidade: busca clara, modal de grupo organizado e identificação visual de chamadas */
.discord-layout #friend-search{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.discord-layout #friend-search label{display:grid;gap:8px}
.discord-layout #user-results{display:grid;gap:6px;min-width:0}
.chat-search-state,.chat-search-error{margin:4px 0;padding:10px 11px;border:1px solid #27363c;border-radius:8px;background:#0a1013;color:#9aa8ad;font-size:11px;line-height:1.5;overflow-wrap:anywhere}
.chat-search-state strong{color:#e8c66a}.chat-search-error{border-color:#70433d;color:#e7a49d}
.group-modal form{display:grid!important;grid-template-columns:minmax(0,1fr);gap:0;min-width:0}
.group-name-field,.group-friend-options{width:100%;min-width:0;box-sizing:border-box}
.group-name-field input{width:100%;min-width:0;box-sizing:border-box}
.group-friend-options{grid-template-columns:minmax(0,1fr);max-height:min(310px,38vh);margin:10px 0 18px;padding:4px}
.group-friend-option{width:100%;min-width:0;box-sizing:border-box}
.group-friend-option strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.group-modal footer{width:100%;box-sizing:border-box}
.incoming-call-card{position:relative;overflow:hidden}
.incoming-call-avatar{position:relative;isolation:isolate;display:grid;place-items:center;width:92px;height:92px;margin:0 auto 20px;border:2px solid #d6b251;border-radius:50%;background:#1b252a;color:#f0cc70;font:800 34px var(--display);box-shadow:0 0 0 7px #d6b25112,0 12px 36px #0008;animation:caller-avatar-enter .55s cubic-bezier(.2,.8,.2,1) both}
.incoming-call-avatar::before,.incoming-call-avatar::after{position:absolute;z-index:-1;inset:-9px;border:1px solid #e2bd5c55;border-radius:50%;content:"";animation:caller-ring 2s ease-out infinite}
.incoming-call-avatar::after{animation-delay:1s}
.incoming-call-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.incoming-call-avatar i{position:absolute;right:-3px;bottom:0;display:grid;place-items:center;width:31px;height:31px;border:3px solid #11191e;border-radius:50%;background:#d9b454;color:#101315;font:normal 14px var(--body)}
.incoming-call-card small{margin-bottom:8px}
@keyframes caller-ring{0%{opacity:.65;transform:scale(.86)}100%{opacity:0;transform:scale(1.28)}}
@keyframes caller-avatar-enter{from{opacity:0;transform:scale(.82) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}
@media(max-width:600px){.group-modal{width:min(500px,100%);padding:22px}.group-name-field{margin-top:14px}.group-friend-options{max-height:34vh}.incoming-call-card{padding:28px 22px}}

/* Áudio e mídia de chamada */
.mic-device-panel{display:grid;grid-template-columns:minmax(180px,1fr) auto auto minmax(110px,.45fr);align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #26343a;background:#0a1013}
.mic-device-panel label{display:grid;gap:6px;min-width:0;color:#d9ba62;font-size:9px;font-weight:800;letter-spacing:.12em}
.mic-device-panel select{width:100%;height:38px;min-width:0;padding:0 10px;border:1px solid #34434a;border-radius:7px;background:#10181d;color:#e7e9e5;font:11px var(--body)}
.mic-device-panel .button{min-height:36px;padding:0 12px;border-radius:7px;font-size:10px;white-space:nowrap}
.mic-meter{height:7px;overflow:hidden;border-radius:99px;background:#1b272c;box-shadow:inset 0 1px 3px #0008}
.mic-meter i{display:block;width:var(--level,0%);height:100%;border-radius:inherit;background:linear-gradient(90deg,#4fa879,#d6b251);transition:width .08s linear}
.mic-device-panel>small{grid-column:1/-1;color:#829198;font-size:10px;line-height:1.4}
#remote-audio,#mic-monitor{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.discord-layout #remote-video,.discord-layout #local-preview{display:none;width:100%;max-height:420px;min-height:220px;background:#05080a;object-fit:contain;border-bottom:1px solid #27343a}
.discord-layout #remote-video.is-live,.discord-layout #local-preview.is-live{display:block}
@media(max-width:760px){.mic-device-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.mic-device-panel label{grid-column:1/-1}.mic-meter{min-height:7px}.mic-device-panel>small{grid-column:1/-1}.discord-layout #remote-video,.discord-layout #local-preview{max-height:55vh;min-height:180px}}
@media(max-width:420px){.mic-device-panel .button{padding:0 8px;font-size:9px}}

/* Modal de grupo: grade estável e interações sem fechamento acidental */
.group-modal{width:min(620px,calc(100vw - 32px));padding:32px;box-sizing:border-box}
.group-modal form{display:grid!important;grid-template-columns:minmax(0,1fr);gap:0;min-width:0}
.group-picker-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:20px 0 11px;color:#edf0ec}
.group-picker-heading>div{display:grid;gap:4px}.group-picker-heading strong{font-size:13px}.group-picker-heading small,.group-picker-heading>span{color:#87959b;font-size:10px}
.group-picker-heading>span{padding:6px 9px;border:1px solid #35434a;border-radius:999px;background:#0a1013;white-space:nowrap}
.group-member-search{display:flex;align-items:center;gap:9px;min-height:42px;padding:0 12px;border:1px solid #34434a;border-radius:9px;background:#090f12;color:#d9b454}
.group-member-search>span{font-size:19px}.group-member-search input{width:100%;min-width:0;border:0!important;outline:0;background:transparent!important;color:#edf0ec!important;font:12px var(--body);box-shadow:none!important}
.group-member-search input::placeholder{color:#748188}
.group-friend-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:min(310px,38vh);overflow:auto;margin:12px 0 18px;padding:2px}
.group-friend-option{display:flex;align-items:center;gap:10px;min-width:0;min-height:66px;padding:10px 12px;border:1px solid #2b3a40;border-radius:11px;background:linear-gradient(145deg,#111a1e,#0b1114);cursor:pointer;transition:transform .18s,border-color .18s,background .18s}
.group-friend-option:hover{transform:translateY(-1px);border-color:#59676b}.group-friend-option:has(input:checked){border-color:#d4ae52;background:linear-gradient(145deg,#282417,#111619);box-shadow:0 0 0 1px #d4ae5225}
.group-friend-option[hidden]{display:none!important}.group-friend-option .mini-avatar{width:40px;height:40px;flex:0 0 40px;border:1px solid #46545a}.group-friend-copy{display:grid;gap:4px;min-width:0}.group-friend-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#edf0ec;font-size:12px}.group-friend-copy small{color:#87959b;font-size:9px}.group-friend-option .group-check{display:grid;place-items:center;width:22px;height:22px;flex:0 0 22px;margin-left:auto;border:1px solid #39474c;border-radius:50%;color:transparent;opacity:1;transition:.18s}.group-friend-option:has(input:checked) .group-check{border-color:#d8b452;background:#d8b452;color:#111}
.group-friend-option input{position:absolute;width:1px;height:1px;opacity:0}.group-modal footer .button{min-width:130px}.group-modal footer .button:disabled{opacity:.42;cursor:not-allowed;transform:none;box-shadow:none}
@media(max-width:560px){.group-modal{padding:24px 18px}.group-friend-options{grid-template-columns:minmax(0,1fr);max-height:34vh}.group-modal footer{flex-direction:column-reverse}.group-modal footer .button{width:100%}}
@media(max-width:900px){.friend-row{flex-wrap:wrap}.friend-person{flex:1 1 100%}.friend-actions{margin-left:54px;flex-wrap:wrap}}

/* Acabamento do centro da comunidade */
.discord-layout{grid-template-columns:minmax(300px,350px) minmax(0,1fr);gap:20px;max-width:1320px}
.discord-layout .chat-sidebar,.discord-layout .chat-main{border-radius:16px;box-shadow:0 18px 55px #0003}
.discord-layout .chat-sidebar{padding:20px;background:linear-gradient(160deg,#11191d,#0a1013)}
.friend-center{padding:16px;margin:5px 0 22px;border-radius:12px;background:linear-gradient(150deg,#141d21,#0b1114)}
.friend-center>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.friend-center>header h3{margin:4px 0 0!important;font-size:20px!important}
.friend-total{display:flex;align-items:baseline;gap:5px;color:#e7bd63;font-size:23px}.friend-total small{color:#89969b;font-size:9px}
.friend-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:0;background:transparent}
.friend-tabs button{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0;min-height:43px;padding:8px 10px;border:1px solid #2a383e;border-radius:8px;background:#0b1114;color:#aab5b8;text-align:left;font-size:10px;line-height:1.25;white-space:normal}
.friend-tabs button:hover{border-color:#7f6b39;color:#e9d38e}.friend-tabs button.active{border-color:#a98539;background:linear-gradient(135deg,#332b18,#171a16);color:#f0cf78}
.friend-tabs button b{display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#202a2e;color:#c3cdce;font-size:9px}
.friend-tabs button[data-friend-filter=received]:not(.active) b{color:#f08e86;background:#351e1c}
.friend-results{padding-top:10px}.friend-row{display:grid;grid-template-columns:minmax(0,1fr);gap:9px;min-height:0;margin:4px 0;padding:11px;border:1px solid #26343a;border-radius:10px;background:#0b1114}
.friend-row:hover{border-color:#45545a;background:#10181c}.friend-person{display:flex;align-items:center;gap:10px;min-width:0}.friend-person>span:last-child{display:grid;gap:3px;min-width:0}.friend-person strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.friend-person small{color:#87949a;font-size:9px}.friend-person .mini-avatar{width:36px;height:36px;flex:0 0 36px}
.friend-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:7px}.friend-actions button,.friend-profile-link{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 10px;border:1px solid #35434a;border-radius:7px;background:#121a1e;color:#ccd4d5;font-size:9px;white-space:nowrap}.friend-actions .friend-accept{border-color:#b9953e;background:linear-gradient(135deg,#f0ce7e,#d4a942);color:#171613}.friend-actions .friend-reject,.friend-actions .friend-remove{border-color:#69413d;background:#211615;color:#e4aaa2}.friend-actions button:hover,.friend-profile-link:hover{border-color:#d3ad54;color:#f0ce7e}
.conversation-heading{margin:20px 0 8px!important;padding-top:14px;border-top:1px solid #27353b;color:#d9e0e1;font-size:14px!important}.conversation-button{min-height:44px;margin:6px 0;padding:10px 12px;border-radius:9px;background:#0c1215}.conversation-button[aria-current=true]{border-color:#aa873f;background:#191a16}.founder-access-note{line-height:1.45}
.chat-topbar{display:grid;grid-template-columns:minmax(140px,.7fr) minmax(0,1.3fr);align-items:center;padding:15px 18px;gap:16px;background:linear-gradient(110deg,#121a1e,#0c1215)}.chat-topbar strong{font-size:14px}.chat-topbar .call-controls{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:7px}.chat-topbar .call-controls .button{min-height:37px;padding:0 11px;border-radius:8px;font-size:9px;white-space:nowrap}.chat-topbar .call-controls .button:disabled{opacity:.42;cursor:not-allowed}.discord-layout #chat-send{display:flex;align-items:center;gap:9px;margin:0 13px 13px;padding:9px;border-radius:12px}.discord-layout #chat-send textarea{min-height:44px;max-height:160px;flex:1;resize:vertical;border:0!important;background:transparent!important;color:#eef0ec!important;box-shadow:none!important;font:13px/1.5 var(--body)}.discord-layout #chat-send textarea::placeholder{color:#718087}.discord-layout #chat-send .button{min-height:43px;border-radius:8px}
.mic-device-panel{grid-template-columns:minmax(0,1fr) auto auto;gap:10px 12px;padding:15px 18px;background:#0a1013}.mic-device-picker{position:relative;display:grid;gap:6px;min-width:0}.mic-picker-label{color:#d9ba62;font-size:9px;font-weight:800;letter-spacing:.12em}.mic-picker-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;height:40px;padding:0 12px;border:1px solid #34434a;border-radius:8px;background:#10181d;color:#e8ece9;text-align:left;font:600 11px var(--body);cursor:pointer;transition:border-color .18s,background .18s}.mic-picker-trigger:hover,.mic-picker-trigger[aria-expanded=true]{border-color:#b99548;background:#151d21}.mic-picker-trigger>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mic-picker-chevron{color:#d9ba62;font-size:17px;transition:transform .18s}.mic-picker-trigger[aria-expanded=true] .mic-picker-chevron{transform:rotate(180deg)}.mic-picker-options{position:absolute;z-index:20;top:calc(100% + 7px);left:0;right:0;display:grid;gap:4px;max-height:270px;overflow:auto;padding:6px;border:1px solid #39484e;border-radius:10px;background:#11191e;box-shadow:0 18px 42px #000b;animation:fade-in .16s ease both}.mic-picker-options[hidden]{display:none!important}.mic-picker-option{display:grid;grid-template-columns:28px minmax(0,1fr) 20px;align-items:center;gap:9px;min-height:48px;padding:6px 9px;border:1px solid transparent;border-radius:7px;background:transparent;color:#dce2e1;text-align:left;cursor:pointer}.mic-picker-option:hover,.mic-picker-option[aria-selected=true]{border-color:#7c6736;background:#272417}.mic-picker-option-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;background:#202a2f;color:#dfbb5c}.mic-picker-option>span:nth-child(2){display:grid;gap:3px;min-width:0}.mic-picker-option strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.mic-picker-option small{color:#829096;font-size:8px}.mic-picker-option i{color:#e9c45e;font-style:normal;opacity:0}.mic-picker-option[aria-selected=true] i{opacity:1}.mic-device-panel .button{min-height:40px;border-radius:8px}.mic-device-panel .mic-meter{grid-column:1/-1;height:5px}.mic-device-panel>small{grid-column:1/-1;margin-top:-4px}
@media(max-width:900px){.discord-layout{grid-template-columns:300px minmax(0,1fr);gap:14px}.chat-topbar{grid-template-columns:1fr}.chat-topbar .call-controls{justify-content:flex-start}.mic-device-panel{grid-template-columns:minmax(0,1fr) auto}.mic-device-picker{grid-column:1/-1}}
@media(max-width:700px){.discord-layout{grid-template-columns:minmax(0,1fr)}.discord-layout .chat-main{min-height:600px}.discord-layout .chat-sidebar{order:0}.chat-topbar .call-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.chat-topbar .call-controls .button{width:100%;white-space:normal}.friend-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.mic-device-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.mic-device-panel .mic-device-picker{grid-column:1/-1}.mic-device-panel .button{width:100%;padding:0 7px;font-size:9px}}
@media(max-width:420px){.discord-layout .chat-sidebar{padding:14px}.friend-center{padding:13px}.friend-tabs button{font-size:9px}.chat-topbar .call-controls{grid-template-columns:1fr 1fr}.friend-actions{justify-content:flex-start}}

:where(button,a,input,textarea,[role=button]):focus-visible{outline:2px solid #d9b452!important;outline-offset:3px!important}

/* Composer simples: somente o seletor de emojis */
.chat-compose-tools{display:flex;align-items:center;min-height:34px;margin:0 0 8px;padding:0;z-index:3}
.chat-compose-tools>button:not([data-chat-emoji-toggle]){display:none!important}
.chat-emoji-wrap{position:relative;display:flex;align-items:center}
.chat-emoji-wrap>[data-chat-emoji-toggle]{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #34434a;border-radius:9px;background:#121a1e;color:#f0cc70;font-size:18px;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}
.chat-emoji-wrap>[data-chat-emoji-toggle]:hover,.chat-emoji-wrap>[data-chat-emoji-toggle][aria-expanded=true]{transform:translateY(-1px);border-color:#bd9843;background:#272316}
.chat-emoji-menu{position:absolute;left:0;bottom:calc(100% + 10px);z-index:50;grid-template-columns:repeat(6,38px);gap:4px;width:max-content;max-width:min(286px,calc(100vw - 38px));padding:9px;border:1px solid #39484e;border-radius:12px;background:linear-gradient(145deg,#172126,#0b1114);box-shadow:0 18px 48px #000c;animation:emoji-menu-in .16s ease both}
.chat-emoji-menu[hidden]{display:none!important}.chat-emoji-menu button{display:grid;place-items:center;width:38px;height:38px;border:1px solid transparent;border-radius:8px;background:transparent;color:#fff;font-size:21px;cursor:pointer;transition:background .14s,transform .14s}.chat-emoji-menu button:hover{transform:scale(1.12);border-color:#756235;background:#292519}
@keyframes emoji-menu-in{from{opacity:0;transform:translateY(5px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.mic-device-panel{grid-template-columns:minmax(240px,1fr) auto auto minmax(190px,.7fr);align-items:end;gap:10px 12px;min-height:102px;padding:15px 18px 12px;position:relative}
.mic-device-picker{grid-column:auto;align-self:end}.mic-device-panel .button{height:40px;align-self:end}.noise-control{display:flex!important;align-items:center;gap:10px;min-width:0;height:40px;padding:0 11px;border:1px solid #2b3a40;border-radius:9px;background:#0d1418;cursor:pointer;letter-spacing:normal!important}
.noise-control input{position:absolute;width:1px;height:1px;opacity:0}.noise-switch{position:relative;display:block;width:34px;height:19px;flex:0 0 34px;border:1px solid #4b585c;border-radius:99px;background:#263137;transition:background .2s,border-color .2s}.noise-switch::after{position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:50%;background:#b3bdc0;content:"";transition:transform .2s,background .2s}.noise-control:has(input:checked) .noise-switch{border-color:#d2ad4e;background:#806523}.noise-control:has(input:checked) .noise-switch::after{transform:translateX(15px);background:#fff0b4}.noise-control:focus-within{outline:2px solid #d9b452;outline-offset:2px}.noise-copy{display:grid;gap:3px;min-width:0}.noise-copy strong{color:#dce3e1;font-size:10px;letter-spacing:0}.noise-copy small{overflow:hidden;color:#819096;font-size:8px;font-weight:500;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.mic-device-panel .mic-meter{align-self:center;grid-column:1/-1}.mic-device-panel>small{grid-column:1/-1;margin-top:-7px}
@media(max-width:900px){.mic-device-panel{grid-template-columns:minmax(0,1fr) auto auto}.noise-control{grid-column:1/-1;justify-self:start}.mic-device-panel .mic-meter,.mic-device-panel>small{grid-column:1/-1}}
@media(max-width:620px){.mic-device-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}.mic-device-panel .mic-device-picker{grid-column:1/-1}.mic-device-panel .button{width:100%;padding:0 8px}.noise-control{grid-column:1/-1;justify-self:stretch}.chat-emoji-menu{grid-template-columns:repeat(6,36px);gap:3px;padding:8px}.chat-emoji-menu button{width:36px;height:36px}}

/* Palco de chamada: câmeras simultâneas, compartilhamento independente e controles no canto */
.discord-layout .chat-main{grid-template-rows:auto auto auto 1fr auto;min-height:720px}
.call-stage[hidden]{display:none!important}.call-stage{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(210px,clamp(220px,28vw,340px));gap:12px;min-width:0;padding:14px 14px 98px;border-bottom:1px solid #253239;background:radial-gradient(ellipse at 50% 0,#d8b44b0c,transparent 54%),#080d10;overflow:hidden}
.call-stage.is-active{animation:call-stage-in .3s ease both}@keyframes call-stage-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.call-participant,.call-screen-share{position:relative;min-width:0;min-height:0;overflow:hidden;border:1px solid #303e44;border-radius:14px;background:radial-gradient(circle at 50% 38%,#233038,#10181d 70%);box-shadow:0 10px 30px #0004}
.call-participant{display:grid;place-items:center;isolation:isolate}.call-avatar{position:absolute;z-index:1;top:50%;left:50%;display:grid;place-items:center;width:clamp(76px,10vw,112px);height:clamp(76px,10vw,112px);transform:translate(-50%,-50%);overflow:hidden;border:2px solid #d1ad55;border-radius:50%;background:linear-gradient(145deg,#e6c56e,#785b20);color:#111;font:800 clamp(30px,4vw,46px) var(--display);box-shadow:0 0 0 7px #d6b25112,0 12px 35px #0008;transition:opacity .2s,transform .2s}
.call-avatar img{width:100%;height:100%;object-fit:cover}.call-avatar.has-video{opacity:0;transform:translate(-50%,-50%) scale(.92)}.call-participant>video{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;background:#10181d;opacity:0;transition:opacity .25s}.call-participant>video.is-live{opacity:1}.call-participant-name{position:absolute;z-index:2;left:12px;bottom:12px;max-width:calc(100% - 30px);overflow:hidden;padding:7px 10px;border:1px solid #ffffff17;border-radius:8px;background:#070b0dcc;color:#f0f1ed;font-size:11px;font-weight:700;text-overflow:ellipsis;white-space:nowrap;backdrop-filter:blur(8px)}.call-live-indicator{position:absolute;z-index:2;right:12px;top:12px;display:flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid #ffffff16;border-radius:999px;background:#080d10c9;color:#bdc7c9;font-size:9px;backdrop-filter:blur(8px)}.call-live-indicator i{width:6px;height:6px;border-radius:50%;background:#d3ad51;box-shadow:0 0 10px #d3ad5188}.call-stage[data-connection=connected] .call-live-indicator i{background:#67c995;box-shadow:0 0 10px #67c99588}
.call-screen-share{display:none;grid-column:span 1;min-height:220px;background:#050709}.call-screen-share.is-live{display:block}.call-screen-share video{display:block;width:100%;height:100%;min-height:220px;object-fit:contain;background:#050709}.call-screen-label{position:absolute;left:12px;bottom:12px;padding:7px 10px;border:1px solid #ffffff1c;border-radius:8px;background:#070b0dcc;color:#e9ece8;font-size:10px;backdrop-filter:blur(8px)}.call-screen-label b{color:#e6c263}.call-stage.has-local-share .call-screen-local,.call-stage.has-remote-share .call-screen-remote{display:block}.call-stage.has-local-share:not(.has-remote-share) .call-screen-local,.call-stage.has-remote-share:not(.has-local-share) .call-screen-remote{grid-column:1/-1;grid-row:1;min-height:clamp(270px,38vw,470px)}.call-stage.has-local-share:not(.has-remote-share) .call-screen-local video,.call-stage.has-remote-share:not(.has-local-share) .call-screen-remote video{min-height:clamp(270px,38vw,470px)}.call-stage.has-local-share:not(.has-remote-share) .call-participant,.call-stage.has-remote-share:not(.has-local-share) .call-participant{grid-row:2;min-height:150px}.call-stage.has-local-share.has-remote-share .call-screen-share{grid-row:1;min-height:clamp(240px,32vw,400px)}.call-stage.has-local-share.has-remote-share .call-screen-share video{min-height:clamp(240px,32vw,400px)}.call-stage.has-local-share.has-remote-share .call-participant{grid-row:2;min-height:150px}
.call-audio-dock{position:absolute;z-index:5;right:14px;bottom:12px;display:grid;grid-template-columns:minmax(180px,1fr) auto auto;align-items:end;gap:8px;width:min(580px,calc(100% - 28px));padding:10px;border:1px solid #3a474b;border-radius:12px;background:#0b1113ed;box-shadow:0 12px 32px #0008;backdrop-filter:blur(14px)}.call-audio-dock .mic-device-picker{min-width:0}.call-audio-dock .mic-picker-label{font-size:8px}.call-audio-dock .mic-picker-trigger{height:36px;font-size:10px}.call-audio-dock .noise-control{height:36px;gap:8px;padding:0 8px}.call-audio-dock .noise-copy strong{font-size:9px}.call-audio-dock .noise-copy small{font-size:7px}.call-audio-dock>[data-action=refresh-microphones]{width:36px;min-width:36px;height:36px;min-height:36px;padding:0;font-size:16px}.call-audio-dock>small{grid-column:1/-1;margin:0!important;color:#87959a;font-size:9px}
@media(max-width:760px){.discord-layout .chat-main{grid-template-rows:auto auto auto 1fr auto;min-height:680px}.call-stage{grid-auto-rows:minmax(170px,34vw);gap:8px;padding:10px 10px 114px}.call-stage.has-local-share:not(.has-remote-share) .call-screen-local,.call-stage.has-remote-share:not(.has-local-share) .call-screen-remote,.call-stage.has-local-share:not(.has-remote-share) .call-screen-local video,.call-stage.has-remote-share:not(.has-local-share) .call-screen-remote video{min-height:230px}.call-audio-dock{right:10px;bottom:10px;width:calc(100% - 20px);grid-template-columns:minmax(0,1fr) auto;gap:7px}.call-audio-dock .noise-control{grid-column:1/-1;justify-self:end;width:100%}.call-audio-dock>[data-action=refresh-microphones]{grid-column:2;grid-row:1}.call-audio-dock>small{grid-column:1/-1}.call-stage.has-local-share.has-remote-share .call-screen-share,.call-stage.has-local-share.has-remote-share .call-screen-share video{min-height:190px}}
@media(max-width:480px){.call-stage{grid-template-columns:minmax(0,1fr);grid-auto-rows:210px;padding-bottom:128px}.call-stage.has-local-share.has-remote-share .call-screen-share{grid-column:span 1;min-height:180px}.call-stage.has-local-share.has-remote-share .call-screen-share video{min-height:180px}.call-stage.has-local-share.has-remote-share .call-participant{grid-row:auto;min-height:130px}.call-stage.has-local-share:not(.has-remote-share) .call-participant,.call-stage.has-remote-share:not(.has-local-share) .call-participant{grid-row:auto}.call-stage.has-local-share:not(.has-remote-share) .call-screen-local,.call-stage.has-remote-share:not(.has-local-share) .call-screen-remote{grid-column:span 1;min-height:220px}.call-stage.has-local-share:not(.has-remote-share) .call-screen-local video,.call-stage.has-remote-share:not(.has-local-share) .call-screen-remote video{min-height:220px}}
/* Discord-inspired community layout: compact navigation, large call stage, readable message rail. */
.chat-section{padding:clamp(18px,2.6vw,34px) 0 22px}
.discord-layout{width:min(1540px,calc(100% - 32px));max-width:1540px;grid-template-columns:minmax(250px,300px) minmax(0,1fr);gap:14px;align-items:stretch}
.discord-layout .chat-sidebar{position:relative;display:flex;flex-direction:column;gap:14px;min-width:0;min-height:calc(100dvh - 185px);max-height:calc(100dvh - 185px);overflow-y:auto;padding:14px;background:linear-gradient(155deg,#11191e,#0a1013)}
.discord-layout .chat-self{padding:5px 4px 13px;border-bottom:1px solid #26343a}
.discord-layout #friend-search{gap:8px}
.discord-layout #friend-search label{font-size:11px}
.discord-layout #friend-search input{height:40px}
.discord-layout #friend-search>.button{min-height:38px}
.friend-center{margin:0!important;padding:13px!important;border-radius:12px!important}
.friend-tabs button{min-width:0}
.dm-heading.conversation-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0!important;padding:13px 2px 6px;border-top:1px solid #26343a}
.dm-heading h3{margin:0!important;color:#dce2e2;font-size:12px!important;letter-spacing:.02em}
.dm-heading>button{display:grid;place-items:center;width:30px;height:30px;border:1px solid transparent;border-radius:8px;background:transparent;color:#aab5b9;font-size:21px;cursor:pointer;transition:.18s ease}
.dm-heading>button:hover{border-color:#9f803e66;background:#d4ae5714;color:#f0c766;transform:rotate(90deg)}
.dm-list{display:grid;gap:3px}
.dm-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px;min-width:0}
.dm-entry .conversation-button{width:100%;min-width:0;min-height:42px;margin:0;padding:7px 9px;border-color:transparent;background:transparent;text-align:left;transition:background .16s,border-color .16s}
.dm-entry .conversation-button:hover,.dm-entry .conversation-button[aria-current=true]{border-color:#29363c;background:#182126}
.conversation-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dm-call-actions{display:flex;gap:2px;opacity:0;transition:opacity .16s}
.dm-entry:hover .dm-call-actions,.dm-entry:focus-within .dm-call-actions{opacity:1}
.dm-call-actions button{display:grid;place-items:center;width:29px;height:29px;border:1px solid transparent;border-radius:7px;background:transparent;color:#9eaaae;cursor:pointer}
.dm-call-actions button:hover{border-color:#415057;background:#202b30;color:#edc55c}
.group-create{margin-top:2px!important;padding:13px!important;border-radius:12px!important}
.group-create h3{font-size:13px!important}
.group-create p{font-size:10px!important;line-height:1.45}
.group-create .button{min-height:38px}
.chat-profile-dock{position:sticky;bottom:-14px;z-index:8;margin:auto -14px -14px;padding:10px 12px;background:#090e11f5;border-top:1px solid #27343a;backdrop-filter:blur(12px)}
.chat-profile-summary{display:grid;grid-template-columns:38px minmax(0,1fr) 36px;align-items:center;gap:9px}
.chat-profile-summary .chat-avatar{width:36px;height:36px}
.chat-profile-summary>span:nth-child(2){display:grid;gap:3px;min-width:0}
.chat-profile-summary strong{overflow:hidden;color:#eef0eb;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.chat-profile-summary small{overflow:hidden;color:#869398;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.profile-settings-toggle{width:34px;height:34px;border:1px solid #2d3a40;border-radius:9px;background:#131c20;color:#bdc7c8;font-size:17px;cursor:pointer;transition:.2s ease}
.profile-settings-toggle:hover,.profile-settings-toggle[aria-expanded=true]{border-color:#b28e42;background:#211f17;color:#edc55c;transform:rotate(30deg)}
.profile-settings-popover{position:absolute;right:10px;bottom:calc(100% + 8px);left:10px;padding:13px;border:1px solid #34434a;border-radius:12px;background:#11191e;box-shadow:0 18px 50px #000a;animation:profile-pop-in .18s ease both}
.profile-settings-popover[hidden]{display:none}
.profile-settings-popover>p{display:grid;gap:4px;margin:0 0 10px}
.profile-settings-popover>p b{color:#e9ece8;font-size:11px}
.profile-settings-popover>p small{color:#87949a;font-size:9px}
.profile-settings-popover>div{display:flex;flex-wrap:wrap;gap:5px}
.profile-settings-popover .button{min-height:32px;padding:0 8px;font-size:9px}
.profile-audio-link{display:flex;justify-content:space-between;width:100%;margin-top:8px;padding:9px 1px 0;border:0;border-top:1px solid #26343a;background:transparent;color:#c7d0d1;font:600 10px var(--body);text-align:left;cursor:pointer}
.profile-audio-link span{color:#e6bf58}
@keyframes profile-pop-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.discord-layout .chat-main{display:grid;grid-template-rows:auto auto minmax(130px,1fr) auto;min-width:0;height:calc(100dvh - 185px);min-height:620px;overflow:hidden;border:1px solid #29373d;border-radius:15px;background:#0d1317}
.discord-layout .chat-main>audio{display:none}
.discord-layout .chat-topbar{position:relative;z-index:2;grid-template-columns:minmax(120px,1fr) auto;padding:10px 14px;border-bottom:1px solid #27343a}
.chat-topbar small{display:block;margin-top:4px;color:#8c999f;font-size:9px}
.chat-topbar .call-controls{gap:5px}
.chat-topbar .call-controls .button{min-height:33px;padding:0 9px;font-size:9px}
.discord-layout .chat-messages{min-height:0;max-height:none;overflow-y:auto;padding:12px 16px;background:#0b1114}
.discord-layout .chat-composer{z-index:3;padding:8px 12px 11px}
.discord-layout .chat-compose-tools{margin-bottom:5px}
.discord-layout .chat-compose-tools .chat-emoji-wrap>button{width:34px;height:32px}
.discord-layout #chat-send textarea{min-height:39px;max-height:100px;resize:none}
.call-stage[hidden]{display:none!important}
.discord-layout .call-stage:not([hidden]){grid-row:2;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr) 92px;grid-auto-rows:minmax(0,1fr);height:clamp(360px,49dvh,650px);min-height:360px;max-height:650px;padding:12px 12px 82px;gap:10px;border-bottom:1px solid #27343a}
.discord-layout .call-stage:not(.has-local-share):not(.has-remote-share) .call-participant{grid-row:1/span 2;min-height:0}
.discord-layout .call-stage.has-local-share:not(.has-remote-share) .call-screen-local,.discord-layout .call-stage.has-remote-share:not(.has-local-share) .call-screen-remote{grid-column:1/-1;grid-row:1;min-height:0;height:100%}
.discord-layout .call-stage.has-local-share:not(.has-remote-share) .call-screen-local video,.discord-layout .call-stage.has-remote-share:not(.has-local-share) .call-screen-remote video{height:100%;min-height:0}
.discord-layout .call-stage.has-local-share:not(.has-remote-share) .call-participant,.discord-layout .call-stage.has-remote-share:not(.has-local-share) .call-participant{grid-row:2;min-height:82px}
.discord-layout .call-stage.has-local-share.has-remote-share .call-screen-share{grid-row:1;min-height:0;height:100%}
.discord-layout .call-stage.has-local-share.has-remote-share .call-screen-share video{height:100%;min-height:0}
.discord-layout .call-stage.has-local-share.has-remote-share .call-participant{grid-row:2;min-height:82px}
.discord-layout .call-stage .call-participant-name{bottom:8px;left:9px;padding:5px 8px;font-size:9px}
.discord-layout .call-stage .call-live-indicator{top:8px;right:8px;padding:4px 7px;font-size:8px}
.discord-layout .call-audio-dock{right:12px;bottom:10px;width:min(560px,calc(100% - 24px));padding:8px}
@media(max-width:900px){.discord-layout{grid-template-columns:minmax(230px,270px) minmax(0,1fr);gap:10px}.discord-layout .chat-sidebar{padding:11px}.chat-profile-dock{margin-right:-11px;margin-left:-11px}.discord-layout .chat-main{height:calc(100dvh - 155px);min-height:580px}}
@media(max-width:700px){.discord-layout{width:calc(100% - 20px);grid-template-columns:minmax(0,1fr)}.discord-layout .chat-sidebar{min-height:0;max-height:42dvh;order:0}.discord-layout .chat-main{height:calc(100dvh - 170px);min-height:520px;order:1}.chat-profile-dock{position:relative;bottom:auto;margin:auto -11px -11px}.discord-layout .call-stage:not([hidden]){height:40dvh;min-height:280px;padding-bottom:105px;grid-template-rows:minmax(0,1fr) 70px}.discord-layout .call-stage.has-local-share:not(.has-remote-share) .call-participant,.discord-layout .call-stage.has-remote-share:not(.has-local-share) .call-participant,.discord-layout .call-stage.has-local-share.has-remote-share .call-participant{min-height:64px}.discord-layout .call-audio-dock{right:8px;bottom:8px;width:calc(100% - 16px)}.dm-call-actions{opacity:1}}
.chat-hero{padding:24px 0 18px}
.chat-hero .eyebrow{margin:0 0 8px;font-size:8px}
.chat-hero h1{font-size:clamp(26px,3.2vw,38px);line-height:1;text-transform:none}
.chat-hero .inner-lead{display:none}
.dm-entry .conversation-button{display:flex;align-items:center;gap:9px}
.conversation-avatar{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;overflow:hidden;border:1px solid #35434a;border-radius:50%;background:linear-gradient(145deg,#d4ae57,#72582a);color:#101519;font-size:11px;font-weight:800}
.conversation-avatar img{width:100%;height:100%;object-fit:cover}
.conversation-copy{display:grid;gap:3px;min-width:0;text-align:left}
.conversation-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.discord-layout .call-stage:not([hidden]){height:clamp(300px,43dvh,580px);min-height:300px;max-height:580px}
@media(max-width:700px){.discord-layout .call-stage:not([hidden]){height:40dvh;min-height:280px}}

/* Dedicated, viewport-fitted community workspace. */
.chat-hero{display:none!important}
.chat-section{height:calc(100dvh - 78px);min-height:0;margin-top:78px;padding:10px 0!important;overflow:hidden;background:radial-gradient(ellipse at 78% 0%,#172127 0,transparent 43%),#090d10}
.discord-layout{width:calc(100% - 28px);max-width:none;height:100%;min-height:0;margin:0 auto;grid-template-columns:minmax(260px,310px) minmax(0,1fr);gap:12px;align-items:stretch}
.discord-layout .chat-sidebar{height:100%;min-height:0;max-height:none;gap:10px;padding:12px;overflow:auto;overscroll-behavior:contain;border:1px solid #26343b;border-radius:15px}
.discord-layout .chat-self{gap:9px;padding:2px 3px 10px}
.discord-layout .chat-self .chat-avatar{width:38px;height:38px;flex-basis:38px}
.discord-layout #friend-search{gap:7px}
.discord-layout #friend-search label{gap:6px}
.discord-layout #friend-search input{height:38px}
.discord-layout #friend-search>.button{min-height:35px}
.discord-layout #user-results{max-height:130px;overflow:auto}
.discord-layout #conversation-list{display:flex;flex:1 1 auto;flex-direction:column;min-height:150px;gap:8px;overflow:visible}
.discord-layout #conversation-list .friend-center{display:flex;flex:0 1 auto;flex-direction:column;min-height:0;max-height:42dvh;padding:11px;overflow:hidden}
.discord-layout #conversation-list .friend-center header{flex:0 0 auto}
.discord-layout #conversation-list .friend-tabs{flex:0 0 auto;gap:5px}
.discord-layout #conversation-list .friend-tabs button{min-height:34px;padding:6px;font-size:9px}
.discord-layout #conversation-list .friend-results{min-height:32px;overflow:auto;overscroll-behavior:contain}
.discord-layout #conversation-list .friend-row{min-height:42px}
.discord-layout .dm-heading{margin:4px 0 0}
.discord-layout .dm-list{display:grid;gap:3px;overflow:visible}
.discord-layout .chat-profile-dock{position:sticky;bottom:-12px;z-index:4;margin:auto -12px -12px;padding:9px 12px;background:linear-gradient(180deg,#11191e,#0a1013 35%);border-top:1px solid #27343a}
.discord-layout .chat-main{height:100%;min-height:0;grid-template-rows:auto minmax(0,auto) minmax(100px,1fr) auto;overflow:hidden}
.discord-layout .chat-topbar{grid-row:1;min-height:58px;padding:8px 12px}
.discord-layout .chat-topbar .call-controls{flex-wrap:nowrap}
.discord-layout .chat-topbar .call-controls [data-action="share-screen"],.discord-layout .chat-topbar .call-controls [data-action="end-call"]{display:none}
.discord-layout .call-stage:not([hidden]){grid-row:2;height:clamp(340px,58dvh,720px);min-height:0;max-height:none;grid-template-rows:minmax(0,1fr) 76px;padding:10px 10px 78px;gap:9px}
.discord-layout .call-stage:not(.has-local-share):not(.has-remote-share) .call-participant{grid-row:1/span 2}
.discord-layout .call-stage:not(.has-local-share):not(.has-remote-share) .call-avatar{width:clamp(82px,11vw,146px);height:clamp(82px,11vw,146px)}
.discord-layout .call-stage .call-screen-share video{object-fit:contain}
.discord-layout .call-stage.has-local-share:not(.has-remote-share) .call-screen-local,.discord-layout .call-stage.has-remote-share:not(.has-local-share) .call-screen-remote{grid-column:1/-1;grid-row:1;min-height:0;height:100%}
.discord-layout .call-stage.has-local-share:not(.has-remote-share) .call-screen-local video,.discord-layout .call-stage.has-remote-share:not(.has-local-share) .call-screen-remote video{height:100%;min-height:0}
.discord-layout .call-stage.has-local-share:not(.has-remote-share) .call-participant,.discord-layout .call-stage.has-remote-share:not(.has-local-share) .call-participant,.discord-layout .call-stage.has-local-share.has-remote-share .call-participant{grid-row:2;min-height:64px}
.discord-layout .call-stage.has-local-share.has-remote-share .call-screen-share,.discord-layout .call-stage.has-local-share.has-remote-share .call-screen-share video{grid-row:1;min-height:0;height:100%}
.discord-layout .chat-messages{grid-row:3;min-height:0;padding:9px 13px}
.discord-layout .chat-composer{grid-row:4;padding:7px 10px 9px}
.discord-layout .chat-compose-tools{margin-bottom:3px}
.discord-layout #chat-send{margin:0;padding:6px}
.discord-layout #chat-send textarea{min-height:36px}
.chat-call-note{display:none!important}
body:has(.chat-section) .site-footer{display:none}
@media(max-width:900px){.discord-layout{grid-template-columns:minmax(225px,270px) minmax(0,1fr);gap:9px}.discord-layout .call-stage:not([hidden]){height:clamp(320px,55dvh,620px)}}
@media(max-width:700px){.chat-section{height:auto;min-height:calc(100dvh - 78px);overflow:visible;padding:8px 0!important}.discord-layout{width:calc(100% - 16px);height:auto;min-height:calc(100dvh - 94px);grid-template-columns:minmax(0,1fr);gap:9px}.discord-layout .chat-sidebar{height:auto;max-height:37dvh;min-height:0;order:0}.discord-layout #conversation-list{min-height:0}.discord-layout #conversation-list .friend-center{max-height:20dvh}.discord-layout .chat-profile-dock{position:sticky;bottom:-12px}.discord-layout .chat-main{height:calc(100dvh - 37dvh - 112px);min-height:360px;order:1;grid-template-rows:auto minmax(0,1fr) minmax(80px,auto) auto}.discord-layout .chat-topbar{grid-template-columns:minmax(0,1fr) auto}.discord-layout .chat-topbar .call-controls{display:flex;width:auto}.discord-layout .chat-topbar .call-controls .button{width:auto;min-height:32px;padding:0 8px}.discord-layout .call-stage:not([hidden]){grid-row:2;height:42dvh;min-height:250px;padding:8px 8px 76px;grid-template-rows:minmax(0,1fr) 60px}.discord-layout .chat-messages{grid-row:3}.discord-layout .chat-composer{grid-row:4}.discord-layout .call-audio-dock{right:8px;bottom:7px;width:calc(100% - 16px);padding:6px}.dm-call-actions{opacity:1}}
@media(prefers-reduced-motion:no-preference){.discord-layout .chat-sidebar,.discord-layout .chat-main{animation:chat-workspace-in .38s cubic-bezier(.2,.75,.25,1) both}@keyframes chat-workspace-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}}
.dm-call-actions{opacity:.68}
.dm-entry:hover .dm-call-actions,.dm-entry:focus-within .dm-call-actions{opacity:1}

/* Friends and direct messages: keep each section readable without clipping. */
.discord-layout .chat-sidebar{overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable;}
.discord-layout #conversation-list{flex:0 0 auto;min-height:0;gap:10px;}
.discord-layout #conversation-list .friend-center{flex:0 0 auto;max-height:none;overflow:visible;padding:13px;}
.discord-layout #conversation-list .friend-center>header{margin-bottom:11px;}
.discord-layout #conversation-list .friend-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;}
.discord-layout #conversation-list .friend-tabs button{min-height:38px;padding:7px 9px;font-size:10px;}
.discord-layout #conversation-list .friend-results{flex:0 1 auto;min-height:0;max-height:min(28dvh,250px);padding:6px 1px 0;overflow-y:auto;overscroll-behavior:contain;}
.discord-layout #conversation-list .friend-row{grid-template-columns:minmax(0,1fr);gap:8px;margin:4px 0;padding:9px;}
.discord-layout #conversation-list .friend-actions{justify-content:flex-end;flex-wrap:wrap;}
.discord-layout .dm-heading.conversation-heading{margin:0!important;padding:10px 2px 4px;}
.discord-layout .dm-heading>button{width:32px;height:32px;border:1px solid #4b4028;background:#201d16;color:#efc864;}
.discord-layout .dm-list{gap:2px;}
.discord-layout .dm-entry{grid-template-columns:minmax(0,1fr) auto;gap:3px;padding:2px;border:1px solid transparent;border-radius:10px;transition:background .18s,border-color .18s;}
.discord-layout .dm-entry:hover{border-color:#27373e;background:#121a1e;}
.discord-layout .dm-entry .conversation-button{display:flex;flex:1;align-items:center;gap:10px;min-height:46px;padding:7px 8px;}
.discord-layout .conversation-avatar{width:36px;height:36px;flex-basis:36px;}
.discord-layout .conversation-copy{flex:1;min-width:0;}
.discord-layout .conversation-copy .conversation-name{max-width:100%;color:#e8eceb;font-size:11px;font-weight:700;}
.discord-layout .conversation-copy small{color:#839198;font-size:9px;}
.discord-layout .dm-call-actions{gap:2px;opacity:.82;}
.discord-layout .dm-call-actions button{width:30px;height:30px;border-color:transparent;border-radius:8px;}
.discord-layout .dm-call-actions button:hover{border-color:#67552e;background:#252116;color:#f3d174;}
.discord-layout .chat-profile-dock{overflow:visible;}
.discord-layout .profile-settings-popover{position:fixed;right:auto;bottom:76px;left:14px;width:min(300px,calc(100vw - 28px));padding:14px;border-color:#3b4c53;background:linear-gradient(145deg,#182126,#0e1418);box-shadow:0 22px 70px #000b;}
.discord-layout .profile-settings-popover>p{padding:0 1px 10px;border-bottom:1px solid #2a383e;}
.discord-layout .profile-settings-popover>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;}
.discord-layout .profile-settings-popover .button{min-height:38px;border-radius:9px;font-size:10px;}
.discord-layout .profile-settings-popover [data-action="end-call"]{grid-column:1/-1;border-color:#64403d;color:#e7a49c;}
.discord-layout .profile-audio-link{margin-top:10px;padding:10px;border:1px solid #2a383e;border-radius:9px;background:#0a1013;}
.discord-layout .chat-profile-summary{min-height:42px;}
.discord-layout .profile-settings-toggle{display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,#1a2429,#11181c);}
@media(max-width:700px){
  .discord-layout .chat-sidebar{overflow-y:auto;}
  .discord-layout #conversation-list .friend-center{max-height:none;}
  .discord-layout #conversation-list .friend-results{max-height:20dvh;}
  .discord-layout .profile-settings-popover{bottom:calc(100dvh - 48dvh);left:10px;width:min(300px,calc(100vw - 20px));}
  .discord-layout .dm-call-actions{opacity:1;}
}

/* Fresh friends workspace: compact navigation, full conversation space, no nested clipping. */
.chat-mode .chat-section{height:calc(100dvh - 56px);min-height:0;padding:8px 0!important;overflow:hidden;}
.chat-mode .chat-app-shell{display:grid;width:calc(100% - 20px);height:100%;min-height:0;max-width:none;margin:0 auto;grid-template-columns:minmax(260px,300px) minmax(0,1fr);gap:10px;}
.chat-mode .chat-sidebar{display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;align-content:stretch;gap:9px;height:100%;min-width:0;min-height:0;max-height:none;padding:10px;overflow:hidden;border:1px solid #28363c;border-radius:14px;background:linear-gradient(165deg,#121a1f 0%,#0c1216 70%);}
.chat-mode .discord-layout #friend-search{display:grid;grid-template-columns:22px minmax(0,1fr) 30px;align-items:center;gap:6px;width:100%;min-width:0;margin:0;padding:5px 7px;border:1px solid #2d3b41;border-radius:10px;background:#080d10;}
.chat-mode .discord-layout #friend-search label.sr-only{position:absolute!important;display:block!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}
.chat-mode .discord-layout #friend-search>span{color:#94a2a7;font-size:20px;text-align:center;}
.chat-mode .discord-layout #friend-search input{width:100%;min-width:0;height:32px;margin:0;padding:0 4px;border:0!important;outline:0;background:transparent!important;color:#edf0eb!important;box-shadow:none!important;font:500 11px var(--body);}
.chat-mode .discord-layout #friend-search input::placeholder{color:#849197;}
.chat-mode .discord-layout #friend-search button{display:grid;place-items:center;width:30px;min-height:30px;height:30px;margin:0;padding:0;border:1px solid #594a2b;border-radius:8px;background:#201d16;color:#e8c365;font-size:15px;cursor:pointer;}
.chat-mode .chat-search-form{display:grid;grid-template-columns:22px minmax(0,1fr) 30px;align-items:center;gap:6px;min-width:0;padding:5px 7px;border:1px solid #2d3b41;border-radius:10px;background:#080d10;}
.chat-mode .chat-search-form>span{color:#94a2a7;font-size:20px;text-align:center;}
.chat-mode .chat-search-form input{width:100%;min-width:0;height:32px;padding:0 4px;border:0!important;outline:0;background:transparent!important;color:#edf0eb!important;box-shadow:none!important;font:500 11px var(--body);}
.chat-mode .chat-search-form input::placeholder{color:#849197;}
.chat-mode .chat-search-form button{display:grid;place-items:center;width:30px;height:30px;border:1px solid #594a2b;border-radius:8px;background:#201d16;color:#e8c365;font-size:15px;cursor:pointer;}
.chat-mode .chat-user-results{display:grid;gap:5px;max-height:21dvh;min-height:0;overflow-y:auto;}
.chat-mode .chat-user-results:empty{display:none;}
.chat-mode .sidebar-section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:3px 3px 0;}
.chat-mode .sidebar-section-heading span{color:#e0ba5e;font-size:8px;font-weight:800;letter-spacing:.14em;}
.chat-mode .sidebar-section-heading small{color:#77858b;font-size:9px;}
.chat-mode .community-list{display:flex;flex-direction:column;gap:9px;min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;}
.chat-mode .discord-layout #conversation-list{display:flex;flex:1 1 auto;flex-direction:column;gap:9px;min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain;}
.chat-mode .community-list>.friend-center{display:flex;flex:0 0 auto;flex-direction:column;gap:10px;min-height:0;max-height:none;margin:0!important;padding:11px!important;border:1px solid #26353b;border-radius:12px;background:linear-gradient(145deg,#121a1e,#0a1013);}
.chat-mode .friend-center-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0!important;padding:0!important;border:0!important;}
.chat-mode .friend-center-head h2{margin:3px 0 0;color:#e9ece8;font:700 20px/1 var(--display);}
.chat-mode .friend-center-head .friend-total{display:flex;align-items:baseline;gap:5px;color:#f0c766;}
.chat-mode .friend-center-head .friend-total strong{font:700 22px var(--display);}
.chat-mode .friend-center-head .friend-total small{color:#8b989e;font:500 9px var(--body);}
.chat-mode .friend-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:3px;border:1px solid #253239;border-radius:9px;background:#080d10;}
.chat-mode .friend-tabs button{position:relative;display:grid;place-items:center;gap:4px;min-width:0;min-height:48px;padding:5px 2px;border:1px solid transparent;border-radius:7px;background:transparent;color:#96a3a7;font-size:8px;line-height:1.1;white-space:nowrap;}
.chat-mode .discord-layout #conversation-list .friend-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;}
.chat-mode .discord-layout #conversation-list .friend-tabs button{display:grid;place-items:center;gap:4px;min-width:0;min-height:48px;padding:5px 2px;font-size:8px;}
.chat-mode .friend-tabs button.active{border-color:#735f32;background:linear-gradient(145deg,#302919,#171a17);color:#f0cf78;}
.chat-mode .friend-tabs button b{display:grid;place-items:center;min-width:17px;height:17px;margin:0;padding:0 4px;border-radius:999px;background:#202a2e;color:#bec8c9;font-size:8px;}
.chat-mode .friend-tabs button b.has-unread{background:#762c2b;color:#fff;box-shadow:0 0 0 3px #762c2b22;}
.chat-mode .friend-results{display:grid;gap:5px;min-height:0;max-height:min(27dvh,230px);padding:0!important;overflow-y:auto;overscroll-behavior:contain;}
.chat-mode .discord-layout #conversation-list .friend-results{flex:0 1 auto;min-height:0;max-height:min(27dvh,230px);padding:0!important;overflow-y:auto;}
.chat-mode .friend-row{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;min-height:0;margin:0;padding:8px;border:1px solid #202e33;border-radius:9px;background:#0a1013;transition:border-color .18s,background .18s;}
.chat-mode .discord-layout #conversation-list .friend-row{grid-template-columns:minmax(0,1fr);gap:6px;min-height:0;margin:0;padding:8px;}
.chat-mode .friend-row:hover{border-color:#4b4938;background:#10181b;}
.chat-mode .friend-person{display:flex;align-items:center;gap:9px;min-width:0;}
.chat-mode .friend-person .mini-avatar{position:relative;width:34px;height:34px;flex:0 0 34px;border:1px solid #455158;border-radius:50%;}
.chat-mode .friend-person .presence-dot{position:absolute;right:-1px;bottom:-1px;width:9px;height:9px;border:2px solid #0a1013;border-radius:50%;background:#66c994;}
.chat-mode .friend-copy{display:grid;gap:3px;min-width:0;}
.chat-mode .friend-copy strong{overflow:hidden;color:#ebeeea;font-size:10px;text-overflow:ellipsis;white-space:nowrap;}
.chat-mode .friend-copy small{color:#849197;font-size:8px;}
.chat-mode .friend-actions{display:flex;justify-content:flex-end;align-items:center;gap:4px;flex-wrap:wrap;}
.chat-mode .friend-actions button,.chat-mode .friend-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:27px;padding:0 8px;border:1px solid #2d3c42;border-radius:7px;background:#111a1e;color:#aebabc;font:600 9px var(--body);text-decoration:none;cursor:pointer;transition:.16s;}
.chat-mode .friend-actions .friend-icon-action{width:28px;padding:0;color:#e3c05f;}
.chat-mode .friend-actions .friend-message-action,.chat-mode .friend-actions .friend-accept{border-color:#94783b;background:#d8b353;color:#101416;}
.chat-mode .friend-actions .friend-unfriend,.chat-mode .friend-actions .friend-reject{border-color:#543936;color:#e29a91;}
.chat-mode .friend-actions button:hover,.chat-mode .friend-actions a:hover{border-color:#b2924b;color:#f0ce72;}
.chat-mode .friend-actions .friend-message-action:hover,.chat-mode .friend-actions .friend-accept:hover{background:#efd17b;color:#141514;}
.chat-mode .friend-empty{display:grid;justify-items:center;gap:5px;padding:15px 10px;color:#7f8c91;text-align:center;}
.chat-mode .friend-empty>span{color:#d9b651;font-size:17px;}
.chat-mode .friend-empty p{max-width:220px;margin:0;font-size:9px;line-height:1.5;}
.chat-mode .dm-section{display:flex;flex:1 0 140px;flex-direction:column;min-width:0;min-height:135px;overflow:hidden;border:1px solid #26353b;border-radius:12px;background:#0d1418;}
.chat-mode .dm-heading.conversation-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0!important;padding:9px 10px 7px;border:0;border-bottom:1px solid #202d32;}
.chat-mode .dm-heading>div{display:grid;gap:3px;}
.chat-mode .dm-heading .system-kicker{font-size:7px;}
.chat-mode .dm-heading h3{color:#e6eae7;font:700 14px/1.1 var(--display)!important;}
.chat-mode .dm-heading>button{width:28px;height:28px;flex:0 0 28px;border:1px solid #69552a;border-radius:8px;background:#211d14;color:#efc65f;font-size:20px;}
.chat-mode .dm-list{display:flex;flex:1;flex-direction:column;gap:3px;min-height:0;padding:5px;overflow-y:auto;overscroll-behavior:contain;}
.chat-mode .dm-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px;min-width:0;padding:2px;border:1px solid transparent;border-radius:9px;transition:background .15s,border-color .15s;}
.chat-mode .dm-entry:hover,.chat-mode .dm-entry:focus-within{border-color:#29373d;background:#151e22;}
.chat-mode .dm-entry .conversation-button{display:flex;align-items:center;gap:9px;width:100%;min-width:0;min-height:44px;margin:0;padding:5px 6px;border:1px solid transparent;border-radius:7px;background:transparent;text-align:left;}
.chat-mode .conversation-avatar{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;overflow:hidden;border:1px solid #3d4b50;border-radius:50%;background:linear-gradient(145deg,#dfbd62,#8a6d2f);color:#151713;font-size:12px;font-weight:800;}
.chat-mode .conversation-avatar img{width:100%;height:100%;object-fit:cover;}
.chat-mode .conversation-copy{display:grid;flex:1;gap:3px;min-width:0;text-align:left;}
.chat-mode .conversation-copy .conversation-name{overflow:hidden;color:#e7ece8;font-size:10px;font-weight:700;text-overflow:ellipsis;white-space:nowrap;}
.chat-mode .conversation-copy small{overflow:hidden;color:#819096;font-size:8px;text-overflow:ellipsis;white-space:nowrap;}
.chat-mode .dm-entry .conversation-button[aria-current="true"]{border-color:#6b5830;background:#292416;}
.chat-mode .dm-call-actions{display:flex;gap:2px;opacity:.7;}
.chat-mode .dm-call-actions button{display:grid;place-items:center;width:26px;height:26px;border:1px solid transparent;border-radius:7px;background:transparent;color:#92a0a4;font-size:11px;cursor:pointer;}
.chat-mode .dm-entry:hover .dm-call-actions,.chat-mode .dm-entry:focus-within .dm-call-actions{opacity:1;}
.chat-mode .dm-call-actions button:hover{border-color:#6f5b2f;background:#211e16;color:#efc966;}
.chat-mode .community-load-error{display:grid;gap:8px;padding:12px;border:1px solid #643e3a;border-radius:9px;color:#eab3ac;font-size:10px;}
.chat-mode .community-load-error small{color:#a68f8c;overflow-wrap:anywhere;}
.chat-mode .community-load-error button{width:max-content;padding:7px 10px;border:1px solid #554437;border-radius:7px;background:#231c14;color:#efc966;cursor:pointer;}
.chat-mode .chat-profile-dock{position:relative;inset:auto;z-index:10;margin:0!important;padding:7px 9px!important;border:1px solid #28363c;border-radius:12px;background:#10171b;}
.chat-mode .chat-profile-summary{grid-template-columns:36px minmax(0,1fr) 34px;gap:8px;min-height:38px;}
.chat-mode .chat-profile-summary .chat-avatar{width:34px;height:34px;}
.chat-mode .chat-account-copy{display:grid;gap:3px;min-width:0;}
.chat-mode .chat-profile-summary strong{font-size:10px;}
.chat-mode .chat-profile-summary small{color:#70c696;font-size:8px;}
.chat-mode .profile-settings-toggle{width:32px;height:32px;}
.chat-mode .profile-settings-popover{position:fixed;right:auto;bottom:70px;left:14px;width:min(300px,calc(100vw - 28px));padding:12px;border:1px solid #35464b;border-radius:14px;background:#11191e;box-shadow:0 18px 60px #000b;}
.chat-mode .chat-main{grid-template-rows:auto auto minmax(80px,1fr) auto;min-width:0;min-height:0;height:100%;overflow:hidden;border:1px solid #29373d;border-radius:14px;background:#0b1114;}
.chat-mode .chat-topbar{grid-row:1;grid-template-columns:minmax(0,1fr) auto;min-height:58px;padding:8px 13px;}
.chat-mode .chat-conversation-heading{display:flex;align-items:center;gap:10px;min-width:0;}
.chat-mode .chat-conversation-mark{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border:1px solid #3b392b;border-radius:10px;background:#191a15;color:#e2bf61;}
.chat-mode .chat-conversation-heading>div{display:grid;gap:4px;min-width:0;}
.chat-mode .chat-conversation-heading strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap;}
.chat-mode .chat-conversation-heading small{overflow:hidden;color:#87959a;font-size:8px;text-overflow:ellipsis;white-space:nowrap;}
.chat-mode .chat-topbar .call-controls{display:flex;align-items:center;gap:5px;}
.chat-mode .chat-topbar .call-controls .button{width:auto;min-height:33px;padding:0 10px;border-radius:8px;font-size:9px;}
.chat-mode .chat-topbar .call-controls [data-action="call-audio"]:not(:disabled):hover,.chat-mode .chat-topbar .call-controls [data-action="call-video"]:not(:disabled):hover{border-color:#8c7339;background:#211f17;color:#f0cc69;}
.chat-mode .call-stage:not([hidden]){height:clamp(270px,min(54dvh,calc(100dvh - 360px)),620px);min-height:0;max-height:none;grid-row:2;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr) auto;gap:8px;padding:9px;border-bottom:1px solid #253238;overflow:visible;background:radial-gradient(ellipse at 50% 0,#172126,#0a0e11 72%);}
.chat-mode .call-stage:not(.has-local-share):not(.has-remote-share) .call-participant{grid-row:1;min-height:0;}
.chat-mode .call-stage .call-screen-share{min-width:0;min-height:0;overflow:hidden;border:1px solid #29383e;border-radius:11px;background:#050708;}
.chat-mode .call-stage .call-screen-share video{width:100%;height:100%;min-height:0;object-fit:contain;}
.chat-mode .call-stage.has-local-share:not(.has-remote-share) .call-screen-local,.chat-mode .call-stage.has-remote-share:not(.has-local-share) .call-screen-remote{grid-column:1/-1;grid-row:1;min-height:0;height:100%;}
.chat-mode .call-stage.has-local-share:not(.has-remote-share) .call-screen-local video,.chat-mode .call-stage.has-remote-share:not(.has-local-share) .call-screen-remote video{height:100%;min-height:0;}
.chat-mode .call-stage.has-local-share:not(.has-remote-share) .call-participant,.chat-mode .call-stage.has-remote-share:not(.has-local-share) .call-participant,.chat-mode .call-stage.has-local-share.has-remote-share .call-participant{grid-row:2;min-height:70px;}
.chat-mode .call-stage.has-local-share.has-remote-share{grid-template-rows:minmax(0,1fr) 70px auto;}
.chat-mode .call-stage.has-local-share.has-remote-share .call-screen-local{grid-column:1;grid-row:1;}
.chat-mode .call-stage.has-local-share.has-remote-share .call-screen-remote{grid-column:2;grid-row:1;}
.chat-mode .call-stage .call-audio-dock{position:relative;inset:auto;grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr) 36px;align-items:center;gap:7px;width:100%;padding:7px 8px;border:1px solid #2d3c42;border-radius:10px;background:#11191d;box-shadow:none;}
.chat-mode .call-stage.has-local-share:not(.has-remote-share) .call-audio-dock,.chat-mode .call-stage.has-remote-share:not(.has-local-share) .call-audio-dock,.chat-mode .call-stage.has-local-share.has-remote-share .call-audio-dock{grid-row:3;}
.chat-mode .call-stage .mic-picker-label{display:none;}
.chat-mode .call-stage .mic-picker-trigger{height:34px;}
.chat-mode .call-stage .noise-control{min-width:0;height:34px;padding:0 7px;}
.chat-mode .call-stage .noise-copy strong{font-size:8px;}
.chat-mode .call-stage .noise-copy small{font-size:7px;}
.chat-mode .call-stage .call-audio-dock>[data-action="refresh-microphones"]{grid-column:3;grid-row:1;width:34px;min-width:34px;height:34px;min-height:34px;padding:0;}
.chat-mode .call-stage .call-audio-dock>small{grid-column:1/-1;grid-row:2;margin:0!important;color:#859398;font-size:8px;}
.chat-mode .call-stage .mic-picker-options{top:auto;bottom:calc(100% + 6px);max-height:min(230px,36dvh);}
.chat-mode .chat-messages{grid-row:3;min-height:0;padding:12px 15px;background:#0b1114;}
.chat-mode .chat-welcome{display:grid;justify-items:start;align-content:center;max-width:420px;height:100%;margin:0 auto;padding:20px;color:#91a0a5;}
.chat-mode .chat-welcome .welcome-mark{display:grid;place-items:center;width:42px;height:42px;margin-bottom:16px;border:1px solid #594a2c;border-radius:13px;background:#1a1914;color:#e9c365;font-size:20px;}
.chat-mode .chat-welcome h2{margin:8px 0;color:#e9ece8;font:700 28px/1.05 var(--display);}
.chat-mode .chat-welcome p{margin:0;max-width:350px;font-size:11px;line-height:1.7;}
.chat-mode .chat-composer{grid-row:4;padding:8px 11px 10px;border-top:1px solid #222f34;background:#0d1317;}
.chat-mode .chat-compose-tools{margin-bottom:5px;}
.chat-mode .chat-compose-tools .chat-emoji-wrap>button{width:32px;height:30px;border-radius:8px;}
.chat-mode #chat-send{margin:0;padding:5px 6px;border:1px solid #2c3b41;border-radius:11px;background:#080d10;}
.chat-mode #chat-send textarea{min-height:38px;max-height:110px;padding:8px 10px;resize:none;}
.chat-mode #chat-send .chat-image-button{width:34px;height:34px;border-radius:8px;}
.chat-mode #chat-send .button{min-height:36px;border-radius:8px;}
.chat-mode .chat-message{grid-template-columns:36px minmax(0,1fr);gap:9px;margin:0;padding:9px;border-bottom:1px solid #172126;background:transparent;}
.chat-mode .chat-message:hover{background:#10171b;}
.chat-mode .chat-message .message-avatar{width:34px;height:34px;}
.chat-mode .message-content>header{gap:8px;}
.chat-mode .message-content>header b{font-size:10px;}
.chat-mode .message-content>header small{font-size:8px;}
.chat-mode .message-content .chat-message-text{font-size:var(--chat-font-size,14px);line-height:1.55;overflow-wrap:anywhere;}
.chat-mode .chat-message .chat-image{max-width:min(420px,100%);max-height:380px;object-fit:contain;border-radius:10px;}
.chat-mode .chat-call-note{display:none!important;}
.chat-mode .community-loading{display:flex;align-items:center;gap:9px;padding:12px;color:#829096;font-size:9px;}
.chat-mode .community-loading i{width:14px;height:14px;border:2px solid #443a24;border-top-color:#e2bf61;border-radius:50%;animation:chat-spin .8s linear infinite;}
@keyframes chat-spin{to{transform:rotate(360deg)}}
@media(max-width:760px){
 .chat-mode .site-header{height:48px;padding:0 11px;}
 .chat-mode #app-main{height:auto;min-height:100dvh;overflow:visible;padding-top:48px;}
 .chat-mode .chat-section{height:auto;min-height:calc(100dvh - 48px);margin-top:0;padding:6px 0!important;overflow:visible;}
 .chat-mode .chat-app-shell{width:calc(100% - 12px);height:auto;min-height:calc(100dvh - 60px);grid-template-columns:minmax(0,1fr);gap:7px;}
 .chat-mode .chat-sidebar{height:auto;max-height:36dvh;min-height:0;grid-template-rows:auto auto auto minmax(0,1fr) auto;}
 .chat-mode .community-list{min-height:0;}
 .chat-mode .community-list>.friend-center{max-height:none;}
 .chat-mode .friend-results{max-height:13dvh;}
 .chat-mode .dm-section{min-height:92px;}
 .chat-mode .chat-profile-dock{position:relative;bottom:auto;}
 .chat-mode .chat-main{height:calc(100dvh - 36dvh - 70px);min-height:340px;}
 .chat-mode .chat-topbar{min-height:50px;padding:6px 8px;}
 .chat-mode .chat-topbar .call-controls .button{width:auto;min-height:30px;padding:0 7px;}
 .chat-mode .call-stage:not([hidden]){height:clamp(220px,min(38dvh,calc(100dvh - 440px)),400px);grid-template-rows:minmax(0,1fr) auto;gap:6px;padding:6px;}
 .chat-mode .call-stage.has-local-share:not(.has-remote-share),.chat-mode .call-stage.has-remote-share:not(.has-local-share),.chat-mode .call-stage.has-local-share.has-remote-share{grid-template-rows:minmax(0,1fr) 56px auto;}
 .chat-mode .call-stage.has-local-share:not(.has-remote-share) .call-participant,.chat-mode .call-stage.has-remote-share:not(.has-local-share) .call-participant,.chat-mode .call-stage.has-local-share.has-remote-share .call-participant{min-height:52px;}
 .chat-mode .call-stage .call-audio-dock{grid-template-columns:minmax(0,1fr) 34px;gap:5px;padding:5px;}
 .chat-mode .call-stage .noise-control{grid-column:1/-1;grid-row:2;}
 .chat-mode .call-stage .call-audio-dock>[data-action="refresh-microphones"]{grid-column:2;grid-row:1;}
 .chat-mode .call-stage .call-audio-dock>small{grid-row:3;}
 .chat-mode .friend-actions{opacity:1;}
}

/* Centered account and call settings opened from the profile gear. */
.profile-settings-backdrop{position:fixed;z-index:12000;inset:0;display:grid;place-items:center;padding:24px;background:rgba(3,6,8,.76);backdrop-filter:blur(12px);animation:settings-backdrop-in .2s ease both;}
.profile-settings-backdrop[hidden]{display:none!important;}
.profile-settings-dialog{position:relative;width:min(470px,100%);padding:30px;border:1px solid #6d5b35;border-radius:20px;background:radial-gradient(ellipse at 8% 0%,#e7bd6317,transparent 48%),linear-gradient(145deg,#151e23,#0b1013 74%);box-shadow:0 30px 100px #000c;animation:settings-dialog-in .26s cubic-bezier(.2,.8,.2,1) both;}
.profile-settings-dialog>.system-kicker{font-size:9px;letter-spacing:.16em;}
.profile-settings-dialog h2{margin:8px 42px 20px 0;color:#f1f0eb;font:700 29px/1.05 var(--display);}
.profile-settings-close{position:absolute;top:18px;right:18px;width:36px;height:36px;border:1px solid #35434a;border-radius:11px;background:#11191e;color:#b8c2c5;font-size:23px;line-height:1;cursor:pointer;transition:color .18s,border-color .18s,transform .18s;}
.profile-settings-close:hover{border-color:var(--gold);color:var(--gold);transform:rotate(90deg);}
.settings-account-row{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid #2d3b41;border-radius:13px;background:#0a1013;}
.settings-account-row .chat-avatar{width:44px;height:44px;}
.settings-account-row>div{display:grid;gap:4px;}
.settings-account-row strong{font-size:13px;color:#edf0ec;}
.settings-account-row small{font-size:10px;color:#73c99a;}
.settings-call-card{display:flex;align-items:flex-start;gap:13px;margin-top:14px;padding:15px;border:1px solid #343e3d;border-radius:13px;background:linear-gradient(120deg,#1d211a,#101619);}
.settings-call-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:12px;background:#e7bd631b;color:var(--gold);font-size:17px;}
.settings-call-card strong{display:block;margin:2px 0 5px;font-size:12px;color:#eeeae0;}
.settings-call-card p{margin:0;color:#9da9ad;font-size:11px;line-height:1.6;}
.settings-disabled-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;}
.settings-disabled-actions button{display:grid;gap:5px;justify-items:start;min-height:56px;padding:10px;border:1px solid #29363b;border-radius:10px;background:#0b1114;color:#c2cbcd;text-align:left;font-size:10px;}
.settings-disabled-actions small{color:#748186;font-size:8px;}
.settings-account-link{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding:12px 13px;border:1px solid #806b36;border-radius:10px;background:#d9b451;color:#111519;font-size:11px;font-weight:800;transition:transform .18s,box-shadow .18s;}
.settings-account-link:hover{transform:translateY(-1px);box-shadow:0 8px 24px #d9b45125;}
body.settings-modal-open{overflow:hidden;}
@keyframes settings-backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes settings-dialog-in{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:520px){.profile-settings-dialog{padding:24px 18px;border-radius:16px}.profile-settings-dialog h2{font-size:26px}.settings-disabled-actions{gap:5px}.settings-disabled-actions button{padding:8px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.profile-settings-backdrop,.profile-settings-dialog{animation:none}}

/* Full-screen conversation shell and a non-overlapping call stage. */
.chat-mode{overflow:hidden;}
.chat-mode .site-header{position:fixed;height:56px;padding:0 18px;background:#0b1014f2;backdrop-filter:blur(18px);}
.chat-mode .main-nav,.chat-mode .header-actions,.chat-mode .menu-toggle{display:none!important;}
.chat-mode .brand-mark{width:25px;height:30px;}
.chat-mode .brand-name{font-size:13px;}
.chat-mode #app-main{height:100dvh;overflow:hidden;}
.chat-mode .chat-section{height:calc(100dvh - 56px);min-height:0;margin-top:56px;padding:9px 0!important;}
.chat-mode .discord-layout{width:calc(100% - 22px);grid-template-columns:minmax(250px,292px) minmax(0,1fr);gap:10px;}
.chat-mode .discord-layout .chat-sidebar{gap:8px;padding:10px;}
.chat-mode .discord-layout .chat-self{padding-bottom:8px;}
.chat-mode .discord-layout #friend-search{gap:6px;}
.chat-mode .discord-layout #friend-search label{gap:5px;font-size:10px;}
.chat-mode .discord-layout #friend-search input{height:36px;}
.chat-mode .discord-layout #friend-search>.button{min-height:33px;}
.chat-mode .discord-layout #conversation-list .friend-center{padding:10px!important;}
.chat-mode .discord-layout #conversation-list .friend-center>header{margin-bottom:8px;}
.chat-mode .discord-layout #conversation-list .friend-tabs button{min-height:34px;padding:6px 8px;font-size:9px;}
.chat-mode .discord-layout #conversation-list .friend-results{max-height:22dvh;}
.chat-mode .discord-layout .chat-profile-dock{padding:7px 10px;}
.chat-mode .discord-layout .chat-main{grid-template-rows:54px auto minmax(80px,1fr) auto;}
.chat-mode .discord-layout .chat-topbar{min-height:54px;padding:6px 12px;}
.chat-mode .discord-layout .chat-topbar strong{font-size:13px;}
.chat-mode .discord-layout .chat-topbar small{font-size:9px;}
.chat-mode .discord-layout .call-stage:not([hidden]){height:clamp(340px,min(60dvh,calc(100dvh - 290px)),690px);min-height:0;max-height:none;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr) 74px auto;gap:8px;padding:9px;border-bottom:1px solid #26343a;background:radial-gradient(ellipse at 50% 0,#172126,#0a0e11 72%);}
.chat-mode .discord-layout .call-stage:not(.has-local-share):not(.has-remote-share){grid-template-rows:minmax(0,1fr) auto;row-gap:8px;}
.chat-mode .discord-layout .call-stage:not(.has-local-share):not(.has-remote-share) .call-participant{grid-row:1;min-height:0;}
.chat-mode .discord-layout .call-stage:not(.has-local-share):not(.has-remote-share) .call-participant:nth-of-type(3){grid-column:1;}
.chat-mode .discord-layout .call-stage:not(.has-local-share):not(.has-remote-share) .call-participant:nth-of-type(4){grid-column:2;}
.chat-mode .discord-layout .call-stage .call-avatar{width:clamp(78px,10vw,132px);height:clamp(78px,10vw,132px);}
.chat-mode .discord-layout .call-stage .call-screen-share{min-width:0;min-height:0;overflow:hidden;border:1px solid #29383e;border-radius:11px;background:#050708;}
.chat-mode .discord-layout .call-stage .call-screen-share video{width:100%;height:100%;min-height:0;object-fit:contain;}
.chat-mode .discord-layout .call-stage.has-local-share:not(.has-remote-share) .call-screen-local,.chat-mode .discord-layout .call-stage.has-remote-share:not(.has-local-share) .call-screen-remote{grid-column:1/-1;grid-row:1;min-height:0;height:100%;}
.chat-mode .discord-layout .call-stage.has-local-share:not(.has-remote-share) .call-screen-local video,.chat-mode .discord-layout .call-stage.has-remote-share:not(.has-local-share) .call-screen-remote video{height:100%;min-height:0;}
.chat-mode .discord-layout .call-stage.has-local-share:not(.has-remote-share) .call-participant,.chat-mode .discord-layout .call-stage.has-remote-share:not(.has-local-share) .call-participant,.chat-mode .discord-layout .call-stage.has-local-share.has-remote-share .call-participant{grid-row:2;min-height:0;}
.chat-mode .discord-layout .call-stage.has-local-share.has-remote-share .call-screen-local{grid-column:1;grid-row:1;}
.chat-mode .discord-layout .call-stage.has-local-share.has-remote-share .call-screen-remote{grid-column:2;grid-row:1;}
.chat-mode .discord-layout .call-stage .call-audio-dock{position:relative;inset:auto;grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,.52fr) 38px;align-items:center;gap:8px;width:100%;padding:7px 9px;border-radius:10px;background:#10171b;box-shadow:none;}
.chat-mode .discord-layout .call-stage:not(.has-local-share):not(.has-remote-share) .call-audio-dock{grid-row:2;}
.chat-mode .discord-layout .call-stage .mic-picker-options{top:auto;bottom:calc(100% + 6px);max-height:min(230px,38dvh);}
.chat-mode .discord-layout .call-audio-dock .mic-device-picker{grid-column:1;min-width:0;}
.chat-mode .discord-layout .call-audio-dock .mic-picker-label{display:none;}
.chat-mode .discord-layout .call-audio-dock .mic-picker-trigger{height:35px;}
.chat-mode .discord-layout .call-audio-dock .noise-control{grid-column:2;min-width:0;}
.chat-mode .discord-layout .call-audio-dock>[data-action="refresh-microphones"]{grid-column:3;grid-row:1;width:36px;min-width:36px;height:35px;}
.chat-mode .discord-layout .call-audio-dock>small{grid-column:1/-1;grid-row:2;margin:0;font-size:9px;}
.chat-mode .discord-layout .chat-messages{padding:8px 12px;}
.chat-mode .discord-layout .chat-composer{padding:6px 9px 8px;}
.chat-mode .discord-layout .chat-compose-tools{margin-bottom:3px;}
.chat-mode .discord-layout .chat-compose-tools .chat-emoji-wrap>button{width:31px;height:29px;}
.chat-mode .discord-layout #chat-send{margin:0;padding:5px;}
.chat-mode .discord-layout #chat-send textarea{min-height:35px;}
.chat-mode .profile-settings-popover{bottom:70px;}
@media(max-width:700px){
  .chat-mode .site-header{height:50px;padding:0 12px;}
  .chat-mode #app-main{height:auto;min-height:100dvh;overflow:visible;padding-top:50px;}
  .chat-mode .chat-section{height:auto;min-height:calc(100dvh - 50px);margin-top:0;padding:7px 0!important;overflow:visible;}
  .chat-mode .discord-layout{width:calc(100% - 14px);min-height:calc(100dvh - 64px);grid-template-columns:minmax(0,1fr);gap:8px;}
  .chat-mode .discord-layout .chat-sidebar{max-height:34dvh;}
  .chat-mode .discord-layout #conversation-list .friend-center{max-height:none;}
  .chat-mode .discord-layout #conversation-list .friend-results{max-height:16dvh;}
  .chat-mode .discord-layout .chat-main{height:calc(100dvh - 34dvh - 77px);min-height:340px;grid-template-rows:48px auto minmax(70px,1fr) auto;}
  .chat-mode .discord-layout .chat-topbar{grid-template-columns:minmax(0,1fr) auto;}
  .chat-mode .discord-layout .call-stage:not([hidden]){height:clamp(270px,min(43dvh,calc(100dvh - 420px)),420px);grid-template-rows:minmax(0,1fr) 58px auto;gap:6px;padding:7px;}
  .chat-mode .discord-layout .call-stage:not(.has-local-share):not(.has-remote-share){grid-template-rows:minmax(0,1fr) auto;}
  .chat-mode .discord-layout .call-stage .call-audio-dock{grid-template-columns:minmax(0,1fr) 38px;gap:6px;padding:6px;}
  .chat-mode .discord-layout .call-audio-dock .noise-control{grid-column:1/-1;grid-row:2;}
  .chat-mode .discord-layout .call-audio-dock>[data-action="refresh-microphones"]{grid-column:2;grid-row:1;}
  .chat-mode .discord-layout .call-audio-dock>small{grid-row:3;}
  .chat-mode .profile-settings-popover{bottom:calc(100dvh - 48dvh);}
}
.chat-mode #friend-hub[hidden],.chat-mode #chat-messages[hidden],.chat-mode .chat-composer[hidden]{display:none!important}
.chat-mode .chat-app-shell{grid-template-columns:minmax(255px,310px) minmax(0,1fr);gap:10px;align-items:stretch}
.chat-mode .chat-sidebar{min-width:0;display:flex;flex-direction:column;overflow:hidden}
.chat-mode .conversation-search{margin:10px 10px 14px;min-height:40px;border-radius:9px}
.chat-mode .conversation-search input{min-width:0}
.chat-mode .sidebar-section-heading{display:flex;align-items:center;justify-content:space-between;padding:2px 14px 8px;color:#a8b1b5;font-size:12px;font-weight:700;letter-spacing:.02em}
.chat-mode .sidebar-section-heading button{width:28px;height:28px;border:0;border-radius:7px;background:transparent;color:#aab4b8;font-size:20px;cursor:pointer}
.chat-mode .sidebar-section-heading button:hover{background:#20282d;color:#edc35c}
.chat-mode .community-list{flex:1;min-height:0;overflow:auto;padding:0 8px 12px}
.chat-mode .community-list .dm-list{display:grid;gap:2px}
.chat-mode .community-list .dm-entry{display:flex;align-items:center;gap:4px;border-radius:8px;padding:3px}
.chat-mode .community-list .dm-entry:hover,.chat-mode .community-list .dm-entry:has([aria-current="true"]){background:#1c2429}
.chat-mode .community-list .conversation-button{min-width:0;flex:1;border:0;background:transparent;padding:8px 6px;text-align:left}
.chat-mode .community-list .conversation-copy{min-width:0}
.chat-mode .community-list .conversation-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-mode .community-list .dm-call-actions{display:flex;gap:2px;opacity:.45}
.chat-mode .community-list .dm-entry:hover .dm-call-actions{opacity:1}
.chat-mode .community-list .dm-call-actions button{width:27px;height:27px;border:0;border-radius:6px;background:transparent;color:#aeb9bd;cursor:pointer}
.chat-mode .community-list .dm-call-actions button:hover{background:#303a40;color:#edc35c}
.chat-mode .chat-profile-dock{margin-top:auto}
.chat-mode .friend-hub{grid-row:2 / -1;min-height:0;overflow:auto;background:#0a0e11}
.chat-mode .friend-hub-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;min-height:100%;}
.chat-mode .friend-hub-main{min-width:0;padding:0 24px 28px}
.chat-mode .friend-hub-tabs{display:flex;align-items:center;gap:8px;min-height:56px;border-bottom:1px solid #273238;overflow-x:auto}
.chat-mode .friend-hub-tabs button{display:inline-flex;align-items:center;gap:8px;flex:none;padding:8px 12px;border:0;border-radius:7px;background:transparent;color:#aeb8bd;font:600 13px var(--body);cursor:pointer;white-space:nowrap}
.chat-mode .friend-hub-tabs button:hover{background:#171f24;color:#f3f4f5}
.chat-mode .friend-hub-tabs button.active{background:#20292e;color:#f4f5f6}
.chat-mode .friend-hub-tabs button:last-child{margin-left:auto;background:#d8b24f;color:#111519}
.chat-mode .friend-hub-tabs button span{color:#d8b24f;font-size:11px}
.chat-mode .friend-hub-tabs button:last-child span{color:#111519}
.chat-mode .friend-hub-heading{display:flex;align-items:end;justify-content:space-between;padding:24px 0 16px;border-bottom:1px solid #253036}
.chat-mode .friend-hub-heading .system-kicker{color:#d8b24f;font-size:10px;letter-spacing:.14em}
.chat-mode .friend-hub-heading h1{margin:5px 0 0;font-size:24px;line-height:1.2}
.chat-mode .friend-hub-heading>strong{color:#edc35c;font-size:20px}
.chat-mode .friend-hub-heading>strong small{color:#9aa6ab;font-size:11px;font-weight:500}
.chat-mode .friend-results{display:grid;gap:2px;padding-top:8px}
.chat-mode .friend-row{min-height:62px;padding:8px 10px;border-radius:8px;border-bottom:1px solid #20292e}
.chat-mode .friend-row:hover{background:#151d21}
.chat-mode .friend-person{display:flex;align-items:center;gap:12px;min-width:0}
.chat-mode .friend-person .mini-avatar{width:38px;height:38px;flex:none}
.chat-mode .friend-copy{display:grid;gap:3px;min-width:0}
.chat-mode .friend-copy strong{color:#e4e8e9;font-size:14px}
.chat-mode .friend-copy small{color:#87949a;font-size:11px}
.chat-mode .friend-actions{display:flex;align-items:center;gap:6px}
.chat-mode .friend-icon-action,.chat-mode .friend-profile-link,.chat-mode .friend-unfriend,.chat-mode .friend-accept,.chat-mode .friend-reject{min-height:32px;padding:0 10px;border:1px solid #303b41;border-radius:7px;background:#11181c;color:#c3cdd1;font-size:12px;text-decoration:none;cursor:pointer}
.chat-mode .friend-actions button:hover,.chat-mode .friend-profile-link:hover{border-color:#c5a24c;color:#f2cc69}
.chat-mode .friend-accept{background:#d9b451;border-color:#d9b451;color:#111519;font-weight:700}
.chat-mode .friend-unfriend,.chat-mode .friend-reject{color:#e39a91}
.chat-mode .friend-empty{display:grid;justify-items:center;align-content:center;min-height:260px;text-align:center;color:#a4afb3}
.chat-mode .friend-empty>span{display:grid;place-items:center;width:52px;height:52px;margin-bottom:12px;border:1px solid #3a3423;border-radius:15px;background:#171711;color:#e5bf59;font-size:24px}
.chat-mode .friend-empty h3{margin:0 0 6px;color:#e7e9ea;font-size:17px}
.chat-mode .friend-empty p{max-width:360px;margin:0 0 16px;color:#929ea3;font-size:13px;line-height:1.6}
.chat-mode .friend-activity{padding:25px 17px;border-left:1px solid #242e33;background:#0d1215}
.chat-mode .friend-activity>.system-kicker{color:#aeb8bd;font-size:10px;letter-spacing:.13em}
.chat-mode .friend-activity h2{margin:8px 0 22px;font-size:16px}
.chat-mode .activity-empty{display:grid;justify-items:center;padding:24px 8px;text-align:center}
.chat-mode .activity-empty>span{display:grid;place-items:center;width:48px;height:48px;margin-bottom:13px;border-radius:50%;background:#151d21;color:#d9b451;font-size:23px}
.chat-mode .activity-empty strong{font-size:13px;color:#cfd5d7}
.chat-mode .activity-empty p{margin:8px 0;color:#869399;font-size:12px;line-height:1.6}
.chat-mode .friend-add-panel{max-width:700px;margin:28px auto;padding:26px;border:1px solid #29353b;border-radius:12px;background:#10171b}
.chat-mode .friend-add-panel h2{margin:7px 0;font-size:23px}
.chat-mode .friend-add-panel p{color:#a0acb1;font-size:13px}
.chat-mode .friend-add-form{display:grid;gap:8px;margin-top:24px}
.chat-mode .friend-add-form>label{color:#b7c1c5;font-size:12px;font-weight:700}
.chat-mode .friend-add-input{display:flex;align-items:center;gap:8px;padding:6px;border:1px solid #344148;border-radius:9px;background:#090e11}
.chat-mode .friend-add-input>span{padding-left:9px;color:#d9b451}
.chat-mode .friend-add-input input{flex:1;min-width:0;height:38px;border:0;background:transparent;color:#eff1f1;outline:0}
.chat-mode .friend-add-input .button{min-height:38px;padding:0 15px}
.chat-mode .friend-add-panel .chat-user-results{display:grid;gap:6px}
@media(max-width:900px){.chat-mode .friend-hub-layout{grid-template-columns:minmax(0,1fr)}.chat-mode .friend-activity{display:none}}
@media(max-width:620px){.chat-mode .chat-app-shell{grid-template-columns:1fr}.chat-mode .chat-sidebar{max-height:40vh}.chat-mode .community-list{max-height:22vh}.chat-mode .friend-hub-main{padding:0 12px 20px}.chat-mode .friend-hub-tabs{gap:3px}.chat-mode .friend-hub-tabs button{padding:8px;font-size:12px}.chat-mode .friend-hub-tabs button:last-child{margin-left:0}.chat-mode .friend-row{flex-wrap:wrap}.chat-mode .friend-actions{margin-left:50px}}

.chat-mode #group-modal-root{display:contents}

/* Cursor Frontline: ponteiro dourado com contorno escuro, mantendo cursores de texto e redimensionamento do navegador. */
:root{--frontline-cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='32' viewBox='0 0 28 32'%3E%3Cpath d='M3 2v24l6.5-6.5 4.2 10 4.6-1.9-4.2-9.7H24L3 2z' fill='%23e7bd63' stroke='%23090c0f' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M5 6v14l4-4 3 7' fill='none' stroke='%23fff1c5' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E") 3 2,auto}
body{cursor:var(--frontline-cursor)}
/* Community layout fixes: independent grid tracks, compact DM rows, and a clean friend search. */
.chat-mode .chat-main{grid-template-rows:54px minmax(0,1fr) auto!important;min-height:0;}
.chat-mode .chat-main>.chat-topbar{grid-row:1;min-height:54px;position:relative;z-index:2;}
.chat-mode .chat-main>#friend-hub,.chat-mode .chat-main>#call-stage,.chat-mode .chat-main>#chat-messages{grid-row:2;grid-column:1;min-height:0;}
.chat-mode .chat-main>.chat-composer{grid-row:3;grid-column:1;}
.chat-mode .chat-main>#call-stage{display:none!important;}
.chat-mode .friend-hub{grid-row:2!important;grid-column:1;min-height:0;height:100%;overflow:auto;}
.chat-mode .friend-hub-layout{height:100%;min-height:100%;align-items:stretch;}
.chat-mode .friend-hub-main,.chat-mode .friend-activity{min-height:100%;box-sizing:border-box;}
.chat-mode .friend-hub-main{padding-top:4px;}
.chat-mode .friend-hub-tabs{position:sticky;top:0;z-index:1;background:#0a0e11;padding:5px 0;}
.chat-mode .community-list .dm-list{flex:0 0 auto;align-content:start;}
.chat-mode .community-list .dm-entry{min-height:0;align-self:start;}
.chat-mode .friend-home-button{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;padding:0;border:1px solid #34434a;border-radius:8px;background:#11191e;color:#e7bd63;font-size:21px;line-height:1;cursor:pointer;}
.chat-mode .friend-home-button[hidden]{display:none!important;}
.chat-mode .chat-main .friend-add-form{display:grid!important;grid-template-columns:minmax(0,1fr);gap:9px;width:100%;margin:20px 0 0;padding:0;border:0;background:transparent;}
.chat-mode .chat-main .friend-add-form>label{display:block;width:100%;margin:0;color:#b7c1c5;font-size:12px;line-height:1.4;}
.chat-mode .chat-main .friend-add-input{display:flex;align-items:center;gap:9px;width:100%;min-width:0;padding:6px 8px;border:1px solid #344148;border-radius:10px;background:#090e11;}
.chat-mode .chat-main .friend-add-input input{display:block;flex:1;min-width:0;height:40px;padding:0 6px;border:0;background:transparent;color:#eff1f1;outline:0;}
.chat-mode .chat-main .friend-add-input .button{flex:0 0 auto;min-height:38px;}
@media(max-width:700px){
 .chat-mode .chat-main{grid-template-rows:50px minmax(0,1fr) auto!important;}
 .chat-mode .chat-main>.chat-topbar{min-height:50px;}
 .chat-mode .friend-hub-layout{grid-template-columns:minmax(0,1fr);}
 .chat-mode .friend-activity{display:none;}
 .chat-mode .friend-hub-tabs{position:sticky;top:0;}
}
.chat-mode .chat-main{grid-template-rows:68px minmax(0,1fr) auto!important;}
.chat-mode .chat-main>.chat-topbar{min-height:68px;}
.chat-mode .friend-hub-tabs{min-height:58px;}
@media(max-width:700px){.chat-mode .chat-main{grid-template-rows:62px minmax(0,1fr) auto!important;}.chat-mode .chat-main>.chat-topbar{min-height:62px;}}
.chat-mode .chat-main #friend-search.friend-add-form{grid-template-columns:minmax(0,1fr)!important;}
.chat-mode .chat-main #friend-search.friend-add-form>label{grid-column:1;display:block;width:100%;}
.chat-mode .chat-main #friend-search.friend-add-form>.friend-add-input,.chat-mode .chat-main #friend-search.friend-add-form>#user-results{grid-column:1;}

/* Friend cards: keep the identity and actions in a readable, unclipped row. */
.chat-mode #friend-hub .friend-results{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;max-height:none;min-height:0;padding:14px 0 20px;overflow:visible;}
.chat-mode #friend-hub .friend-row{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-width:0;min-height:76px;box-sizing:border-box;margin:0;padding:12px 16px;border:1px solid #27363c;border-radius:12px;background:linear-gradient(110deg,#10181c,#0c1215);overflow:visible;}
.chat-mode #friend-hub .friend-row:hover{border-color:#806c3e;background:linear-gradient(110deg,#171b18,#0e1518);}
.chat-mode #friend-hub .friend-person{flex:1 1 auto;min-width:0;gap:13px;overflow:visible;}
.chat-mode #friend-hub .friend-person .mini-avatar{position:relative;display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;overflow:hidden;border:1px solid #8b733c;border-radius:50%;background:#182126;color:#e9c25e;font-size:15px;}
.chat-mode #friend-hub .friend-person .mini-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit;}
.chat-mode #friend-hub .friend-copy{display:grid;gap:5px;min-width:0;}
.chat-mode #friend-hub .friend-copy strong{display:block;max-width:100%;overflow:hidden;color:#f0f1ed;font-size:14px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap;}
.chat-mode #friend-hub .friend-copy small{display:block;color:#94a1a5;font-size:11px;line-height:1.35;}
.chat-mode #friend-hub .friend-actions{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:0;}
.chat-mode #friend-hub .friend-actions button,.chat-mode #friend-hub .friend-actions a{min-height:36px;padding:0 12px;border-radius:8px;font-size:11px;}
@media(max-width:560px){.chat-mode #friend-hub .friend-row{gap:10px;min-height:68px;padding:10px}.chat-mode #friend-hub .friend-person{gap:10px}.chat-mode #friend-hub .friend-person .mini-avatar{width:40px;height:40px;flex-basis:40px}.chat-mode #friend-hub .friend-copy strong{font-size:13px}.chat-mode #friend-hub .friend-actions{gap:5px}.chat-mode #friend-hub .friend-actions button,.chat-mode #friend-hub .friend-actions a{min-height:32px;padding:0 8px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.chat-mode #friend-hub .friend-row{animation:none;transition:none}}

/* Keep the conversation header in one row and give mobile chats the full viewport. */
.chat-mode .chat-main>.chat-topbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px;overflow:hidden;}
.chat-mode .chat-conversation-heading{display:flex!important;flex-flow:row nowrap!important;align-items:center!important;gap:9px;min-width:0;}
.chat-mode .chat-conversation-heading>div{display:grid!important;min-width:0;}
.chat-mode .friend-home-button{width:32px;height:32px;flex:0 0 32px;font-size:19px;}
.chat-mode .chat-topbar .call-controls{display:flex;align-items:center;justify-content:flex-end;min-width:0;}
@media(max-width:760px){
  .chat-mode #app-main{height:100dvh;min-height:0;overflow:hidden;padding-top:48px;box-sizing:border-box;}
  .chat-mode .chat-section{height:calc(100dvh - 48px);min-height:0;padding:6px 0!important;overflow:hidden;}
  .chat-mode .chat-app-shell{width:calc(100% - 12px);height:calc(100dvh - 60px)!important;min-height:0;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(170px,32dvh) minmax(0,1fr);gap:7px;}
  .chat-mode .chat-sidebar{height:100%;max-height:none;min-height:0;}
  .chat-mode .chat-main{height:auto;min-height:0;}
  .chat-mode .chat-app-shell:has(#chat-messages:not([hidden])){grid-template-rows:minmax(0,1fr);}
  .chat-mode .chat-app-shell:has(#chat-messages:not([hidden]))>.chat-sidebar{display:none;}
  .chat-mode .chat-main>.chat-topbar{grid-template-columns:minmax(0,1fr) auto!important;min-height:62px;padding:7px 9px;}
  .chat-mode .chat-topbar .call-controls .button{min-height:32px;padding:0 8px;}
  .chat-mode .chat-main #chat-messages{overflow:auto;}
}
/* Diplomatic requests and VIP artwork presentation */
.diplomacy-layout{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);gap:24px;align-items:start}
.diplomacy-compose,.diplomacy-request{min-width:0;padding:22px;border:1px solid #29383e;border-radius:15px;background:linear-gradient(145deg,#121a1e,#0b1114);box-shadow:0 14px 36px #0003}
.diplomacy-compose{position:sticky;top:92px;display:grid;gap:14px}
.diplomacy-compose h2,.diplomacy-feed-heading h2{margin:0 0 3px;font:700 25px/1.1 var(--display)}
.diplomacy-compose>label:not(.diplomacy-upload){display:grid;gap:7px;color:#c3cdcc;font-size:11px;font-weight:700}
.diplomacy-compose input,.diplomacy-compose textarea,.diplomacy-compose select,.diplomacy-comment-form textarea{width:100%;min-width:0;padding:12px;border:1px solid #344249;border-radius:9px;background:#090f12;color:#eef0eb;font:500 13px var(--body)}
.diplomacy-compose textarea{min-height:130px;resize:vertical;line-height:1.6}
.diplomacy-upload,.diplomacy-attach{display:flex;align-items:center;justify-content:center;min-height:42px;padding:9px 12px;border:1px dashed #77663e;border-radius:9px;background:#d7b6570b;color:#e6c56b;font-size:11px;font-weight:700;cursor:pointer}
.diplomacy-compose>small{color:#859398;font-size:10px;line-height:1.5}.diplomacy-form-error{margin:0;color:#e59388;font-size:11px}
.diplomacy-feed{display:grid;gap:16px;min-width:0}.diplomacy-feed-heading{display:flex;align-items:end;justify-content:space-between;padding:4px 2px 14px;border-bottom:1px solid #29363b}.diplomacy-feed-heading>span{color:#aab5b7;font-size:11px}
.diplomacy-request{padding:20px;animation:diplomacy-in .4s ease both}.diplomacy-request>header{display:flex;align-items:center;gap:11px}.diplomacy-author-avatar,.diplomacy-comment-avatar{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;overflow:hidden;border:1px solid #8a713c;border-radius:50%;background:#1b2326;color:#e9c56a;font-weight:800}.diplomacy-author-avatar img,.diplomacy-comment-avatar img{width:100%;height:100%;object-fit:cover}.diplomacy-author{display:grid;gap:3px;min-width:0}.diplomacy-author strong{color:#eff0ea;font-size:13px}.diplomacy-author small{color:#879599;font-size:10px}.diplomacy-status{margin-left:auto;padding:6px 9px;border:1px solid #625233;border-radius:999px;color:#dfc269;font-size:9px;font-weight:800;white-space:nowrap}.status-approved{border-color:#356d55;color:#82d8a5}.status-rejected{border-color:#754746;color:#e69c91}
.diplomacy-request-kind{margin-top:18px;color:#e6c263;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.diplomacy-request h3{margin:7px 0 10px;font:700 clamp(21px,2vw,28px)/1.15 var(--display);overflow-wrap:anywhere}.diplomacy-request-body{color:#c4cece;font-size:13px;line-height:1.75;overflow-wrap:anywhere}.community-request-images{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:9px;margin-top:14px}.community-request-images a{display:block;overflow:hidden;border:1px solid #2c3a40;border-radius:9px;background:#080d10}.community-request-images img{display:block;width:100%;max-height:260px;object-fit:contain;transition:transform .3s}.community-request-images a:hover img{transform:scale(1.025)}
.diplomacy-review-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px;padding-top:14px;border-top:1px solid #29363b}.diplomacy-comments{margin-top:20px;padding-top:16px;border-top:1px solid #29363b}.diplomacy-comments h4{margin:0 0 12px;font-size:13px}.diplomacy-comments h4 span{margin-left:5px;color:#e3bf62}.diplomacy-comment-list{display:grid;gap:12px}.diplomacy-comment{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;padding:12px;border-radius:10px;background:#0a1013}.diplomacy-comment-avatar{width:32px;height:32px;flex-basis:32px;font-size:11px}.diplomacy-comment>div{min-width:0}.diplomacy-comment strong{font-size:11px}.diplomacy-comment strong small{margin-left:5px;color:#d5b55d;font-size:9px}.diplomacy-comment time{float:right;color:#78868b;font-size:9px}.diplomacy-comment>div>div{margin-top:6px;color:#c2cccc;font-size:11px;line-height:1.6}.diplomacy-comment .community-request-images{grid-template-columns:repeat(auto-fit,minmax(90px,150px))}.diplomacy-comment-form{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;margin-top:12px}.diplomacy-comment-form textarea{min-height:42px;max-height:130px;resize:vertical}.diplomacy-comment-form .diplomacy-attach{min-height:42px}.diplomacy-no-comments{color:#879599;font-size:11px}.diplomacy-empty{padding:40px 20px;border:1px dashed #344249;border-radius:13px;text-align:center;color:#9aa8aa}.diplomacy-empty>span{color:#d9b657;font-size:28px}.diplomacy-empty h3{color:#ecebe4;font:700 22px var(--display)}
.product-card .product-cover-placeholder:has(img[src*="vip-art"]){height:auto;min-height:0;aspect-ratio:16/7;margin-bottom:16px;padding:10px;background:radial-gradient(ellipse at 50% 45%,#d7b2501c,transparent 70%),#0a1013}
.product-card .product-cover-placeholder img[src*="vip-art"]{width:min(100%,460px);height:auto;max-height:190px;object-fit:contain;opacity:1}
.cart-product-placeholder.is-vip-art{min-height:130px;padding:8px;background:radial-gradient(ellipse at 50% 45%,#d7b25018,transparent 70%),#0a1013}
.cart-product-placeholder.is-vip-art img{width:min(100%,440px);height:auto;max-height:160px;object-fit:contain!important;opacity:1}
@keyframes diplomacy-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:850px){.diplomacy-layout{grid-template-columns:1fr}.diplomacy-compose{position:static}.diplomacy-feed-heading h2{font-size:22px}}
@media(max-width:560px){.diplomacy-compose,.diplomacy-request{padding:16px}.diplomacy-comment-form{grid-template-columns:1fr 1fr}.diplomacy-comment-form textarea{grid-column:1/-1}.diplomacy-comment-form .button{grid-column:2}.diplomacy-author small{max-width:45vw;line-height:1.4}.diplomacy-status{font-size:8px;padding:5px 7px}.product-card .product-cover-placeholder:has(img[src*="vip-art"]){aspect-ratio:16/8}.product-card .product-cover-placeholder img[src*="vip-art"]{max-height:150px}}
@media(prefers-reduced-motion:reduce){.diplomacy-request,.community-request-images img{animation:none!important;transition:none!important}}

/* Community requests: consistent, readable cards and a clear discussion composer. */
.diplomacy-feed{gap:18px}
.diplomacy-request{position:relative;overflow:hidden;border-radius:18px;padding:24px;background:linear-gradient(145deg,rgba(19,28,32,.98),rgba(10,16,19,.98));transition:border-color .22s ease,transform .22s ease,box-shadow .22s ease}
.diplomacy-request::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,#e8c568,rgba(232,197,104,.08));opacity:.75}
.diplomacy-request:hover{border-color:#46565a;box-shadow:0 18px 42px #0004;transform:translateY(-2px)}
.diplomacy-request>header{padding-bottom:15px;border-bottom:1px solid #28363b}
.diplomacy-author-avatar{box-shadow:0 0 0 4px rgba(225,190,93,.08)}
.diplomacy-request-kind{margin-top:17px}
.diplomacy-request h3{letter-spacing:-.015em}
.diplomacy-request-body{max-width:78ch;white-space:normal}
.community-request-images{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),280px));align-items:start;gap:12px;margin-top:18px}
.community-request-images a{aspect-ratio:16/10;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 0%,#1b282c,#080d10 75%)}
.community-request-images img{width:100%;height:100%;max-height:none;object-fit:contain}
.diplomacy-review-actions{margin-top:20px}
.diplomacy-review-actions .button{min-height:44px;padding-inline:18px}
.diplomacy-reject-form .button-danger{min-height:44px;padding:0 18px;border:1px solid #bd6258;border-radius:9px;background:#a8443d;color:#fff;font:700 11px var(--body);cursor:pointer;transition:background .2s,transform .2s}
.diplomacy-reject-form .button-danger:hover{background:#bd5148;transform:translateY(-1px)}
.diplomacy-decision-reason{margin-top:16px;padding:14px 16px;border:1px solid rgba(222,133,119,.25);border-left:3px solid #d07d70;border-radius:10px;background:rgba(111,45,39,.12)}
.diplomacy-decision-reason>span{display:block;margin-bottom:6px;color:#e39a8c;font-size:9px;font-weight:800;letter-spacing:.12em}
.diplomacy-decision-reason>div{color:#d3c3c0;font-size:12px;line-height:1.65}
.diplomacy-comments{margin-top:22px;padding-top:18px}
.diplomacy-comment-list{gap:9px}
.diplomacy-comment{padding:13px 14px;border:1px solid #202d32;background:rgba(7,13,16,.72)}
.diplomacy-comment-form{display:grid;grid-template-columns:minmax(0,1fr);gap:7px;margin-top:14px;padding:12px;border:1px solid #2a393e;border-radius:13px;background:#0a1114}
.diplomacy-comment-compose{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:9px}
.diplomacy-comment-form textarea{min-height:54px;max-height:180px;resize:vertical;padding:13px 14px;border-color:#34444a;background:#0d1519;line-height:1.55;transition:border-color .2s,box-shadow .2s}
.diplomacy-comment-form textarea:focus{border-color:#d8b451;box-shadow:0 0 0 3px rgba(216,180,81,.12);outline:none}
.diplomacy-comment-form .diplomacy-attach{display:flex;align-items:center;justify-content:center;min-height:46px;padding:0 14px;border:1px dashed #756137;border-radius:10px;background:rgba(216,180,81,.06);color:#e5c56d;font-size:11px;font-weight:700;cursor:pointer;transition:background .2s,border-color .2s}
.diplomacy-comment-form .diplomacy-attach:hover{border-color:#e2bd58;background:rgba(216,180,81,.12)}
.diplomacy-comment-form .button{min-height:46px;display:flex;align-items:center;gap:12px;white-space:nowrap}
.diplomacy-comment-form .button b{font-size:16px;transition:transform .2s}
.diplomacy-comment-form .button:hover b{transform:translateX(3px)}
.diplomacy-comment-hint{padding:0 2px;color:#859398;font-size:10px}
.diplomacy-comment-error{margin:0;padding:9px 11px;border:1px solid rgba(210,115,102,.32);border-radius:8px;background:rgba(100,36,32,.18);color:#ef9d91;font-size:11px}
.diplomacy-comment-error[hidden]{display:none}
.diplomacy-reject-dialog{width:min(520px,calc(100vw - 32px));max-width:none;padding:0;border:1px solid #465354;border-radius:18px;background:#10181c;color:#edf0ea;box-shadow:0 28px 90px #000b}
.diplomacy-reject-dialog::backdrop{background:rgba(1,5,7,.76);backdrop-filter:blur(5px)}
.diplomacy-reject-form{display:grid;gap:12px;padding:26px}
.diplomacy-reject-form h2{margin:0;font:700 26px/1.1 var(--display)}
.diplomacy-reject-form>p{margin:0;color:#aebabb;font-size:13px;line-height:1.6}
.diplomacy-reject-form label{display:flex;justify-content:space-between;color:#e2c163;font-size:11px;font-weight:700}
.diplomacy-reject-form label small{color:#879599;font-weight:500}
.diplomacy-reject-form textarea{min-height:125px;resize:vertical;padding:13px;border:1px solid #344249;border-radius:10px;background:#091013;color:#eef0eb;font:500 13px/1.6 var(--body)}
.diplomacy-reject-form textarea:focus{outline:none;border-color:#d8b451;box-shadow:0 0 0 3px rgba(216,180,81,.12)}
.diplomacy-reject-error{min-height:16px;color:#ee9a8e;font-size:11px}
.diplomacy-reject-form footer{display:flex;justify-content:flex-end;gap:9px;padding-top:8px;border-top:1px solid #29363b}
@media(max-width:560px){.diplomacy-request{padding:17px}.diplomacy-comment-compose{grid-template-columns:minmax(0,1fr) auto}.diplomacy-comment-compose textarea{grid-column:1/-1}.diplomacy-comment-compose .button{grid-column:2}.diplomacy-comment-form .diplomacy-attach{grid-column:1}.diplomacy-reject-form{padding:20px}}
.diplomacy-comment-form .button-gold,.diplomacy-review-actions .button-gold{border:1px solid #e9c769;border-radius:10px;background:linear-gradient(135deg,#f0d17e,#dfb34d);color:#151719;box-shadow:0 5px 15px rgba(218,178,76,.12);cursor:pointer}
.diplomacy-comment-form .button-gold:hover,.diplomacy-review-actions .button-gold:hover{background:linear-gradient(135deg,#f6dc91,#e8c15e);box-shadow:0 8px 22px rgba(218,178,76,.2)}
.diplomacy-comment-form .button-gold:focus-visible,.diplomacy-review-actions .button:focus-visible,.diplomacy-comment-form .diplomacy-attach:focus-within{outline:2px solid #f0d17e;outline-offset:3px}
.diplomacy-review-actions .button-outline{border:1px solid #465257;border-radius:10px;background:#11191d;color:#dce1df;cursor:pointer}
.diplomacy-review-actions .button-outline:hover{border-color:#d19a57;background:rgba(190,128,54,.1);color:#f0cf83}
.diplomacy-card-tools{display:flex;justify-content:flex-end;margin-top:12px}
.diplomacy-delete-request{padding:8px 12px;border:1px solid #573a38;border-radius:9px;background:#1b1213;color:#d9958d;font:600 10px var(--body);cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.diplomacy-delete-request:hover{border-color:#a75e55;background:#321a19;color:#ffb2a8}
.diplomacy-delete-request:disabled,.diplomacy-review-actions button:disabled,.diplomacy-comment-form button:disabled{opacity:.55;cursor:wait;transform:none}
.diplomacy-delete-dialog{width:min(470px,calc(100vw - 32px));max-width:none;padding:0;border:1px solid #39484d;border-radius:20px;background:radial-gradient(ellipse at 0 0,rgba(220,177,75,.11),transparent 55%),linear-gradient(145deg,#141d21,#0b1114);color:#eff0eb;box-shadow:0 32px 100px #000c;overflow:hidden;animation:delete-dialog-in .22s cubic-bezier(.2,.8,.2,1) both}
.diplomacy-delete-dialog::backdrop{background:rgba(2,6,8,.76);backdrop-filter:blur(7px);animation:delete-backdrop-in .2s ease both}
.diplomacy-delete-form{display:grid;justify-items:start;gap:12px;padding:27px}
.diplomacy-delete-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #76534b;border-radius:13px;background:linear-gradient(145deg,#39231f,#211718);color:#eda397;font:700 20px var(--display);box-shadow:inset 0 1px #ffffff0c}
.diplomacy-delete-form .system-kicker{margin-top:5px}
.diplomacy-delete-form h2{margin:0;font:700 30px/1 var(--display);letter-spacing:.01em}
.diplomacy-delete-form>p{max-width:38ch;margin:0;color:#aeb9bb;font-size:13px;line-height:1.7}
.diplomacy-delete-form footer{display:flex;justify-content:flex-end;gap:10px;width:100%;margin-top:9px;padding-top:17px;border-top:1px solid #29363b}
.diplomacy-delete-form footer button{min-height:43px;padding:0 16px;border-radius:10px;font:700 11px var(--body);cursor:pointer;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s}
.diplomacy-delete-form footer button:hover{transform:translateY(-1px)}
.diplomacy-delete-cancel{border:1px solid #3a484d;background:#131c20;color:#d3dbd9}
.diplomacy-delete-cancel:hover{border-color:#627176;background:#192328}
.diplomacy-delete-confirm{border:1px solid #a6554c;background:linear-gradient(135deg,#bb594e,#963d37);color:#fff4ef;box-shadow:0 5px 16px #7d30292e}
.diplomacy-delete-confirm:hover{background:linear-gradient(135deg,#cb675a,#a6463e);box-shadow:0 8px 22px #7d30294a}
@keyframes delete-dialog-in{from{opacity:0;transform:translateY(9px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes delete-backdrop-in{from{opacity:0}to{opacity:1}}
@media(max-width:520px){.diplomacy-delete-form{padding:22px}.diplomacy-delete-form h2{font-size:27px}.diplomacy-delete-form footer{flex-direction:column-reverse}.diplomacy-delete-form footer button{width:100%}}
@media(prefers-reduced-motion:reduce){.diplomacy-delete-dialog,.diplomacy-delete-dialog::backdrop{animation:none}}
/* Direct messages accordion controls */
.chat-mode .dm-section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:3px 2px 0}
.chat-mode .dm-collapse-toggle{display:flex;align-items:center;gap:8px;min-width:0;padding:6px 7px;border:1px solid transparent;border-radius:8px;background:transparent;color:#c4cccb;text-align:left;cursor:pointer;transition:background .18s,border-color .18s,color .18s}
.chat-mode .dm-collapse-toggle:hover{border-color:#2a383e;background:#121a1e;color:#f0d17b}
.chat-mode .dm-collapse-toggle svg{width:14px;height:14px;flex:0 0 14px;fill:none;stroke:#d7b75e;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .22s cubic-bezier(.2,.8,.2,1)}
.chat-mode .dm-collapse-toggle[aria-expanded="false"] svg{transform:rotate(-90deg)}
.chat-mode .dm-collapse-toggle>span{color:#d1b35c;font-size:9px;font-weight:800;letter-spacing:.12em}
.chat-mode .dm-collapse-toggle>b{display:grid;place-items:center;min-width:19px;height:19px;margin-left:2px;padding:0 5px;border:1px solid #344148;border-radius:999px;background:#182126;color:#aebabc;font-size:9px;font-weight:700}
.chat-mode .dm-create-group{display:grid;place-items:center;width:29px;height:29px;border:1px solid #65542f;border-radius:9px;background:linear-gradient(145deg,#282317,#171710);color:#f0ce72;font-size:19px;line-height:1;cursor:pointer;transition:transform .18s,border-color .18s,background .18s}
.chat-mode .dm-create-group:hover{transform:rotate(90deg);border-color:#d2ad54;background:#332a17}
.chat-mode #conversation-list.is-collapsed{flex:0 0 0!important;height:0;min-height:0;margin:0;padding:0;overflow:hidden;opacity:0;transition:height .22s ease,opacity .18s ease}
.chat-mode #conversation-list:not(.is-collapsed){animation:dm-list-open .24s ease both}
@keyframes dm-list-open{from{opacity:.55;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
.chat-mode .dm-collapse-toggle:focus-visible,.chat-mode .dm-create-group:focus-visible{outline:2px solid #e7c565;outline-offset:2px}
@media(prefers-reduced-motion:reduce){.chat-mode .dm-collapse-toggle svg,.chat-mode .dm-create-group,.chat-mode #conversation-list{transition:none;animation:none}}
/* Formulários diplomáticos: seletor no tema, anexos próprios e ação sem contorno do navegador. */
.diplomacy-compose{overflow:visible}
.diplomacy-type-field{position:relative;z-index:5}
.diplomacy-select{position:relative;width:100%}
.diplomacy-select>summary{display:flex;align-items:center;justify-content:space-between;min-height:46px;padding:0 13px;border:1px solid #35434a;border-radius:9px;background:linear-gradient(145deg,#10171b,#090f12);color:#e8ece8;font-size:13px;font-weight:650;cursor:pointer;list-style:none;transition:border-color .18s,box-shadow .18s}
.diplomacy-select>summary::-webkit-details-marker{display:none}
.diplomacy-select>summary svg{width:16px;height:16px;fill:none;stroke:#e3bd62;stroke-width:1.7;transition:transform .2s}
.diplomacy-select[open]>summary{border-color:#c5a24f;box-shadow:0 0 0 3px #dfb94b14}
.diplomacy-select[open]>summary svg{transform:rotate(180deg)}
.diplomacy-select-options{position:absolute;top:calc(100% + 7px);left:0;right:0;z-index:12;display:grid;gap:4px;padding:6px;border:1px solid #3a484e;border-radius:11px;background:linear-gradient(150deg,#151e22,#0b1114);box-shadow:0 18px 40px #000b;animation:diplomacy-in .15s ease both}
.diplomacy-select-options button{position:relative;display:grid;gap:4px;width:100%;min-height:52px;padding:9px 34px 9px 11px;border:1px solid transparent;border-radius:7px;background:transparent;color:#e6eae6;text-align:left;cursor:pointer}
.diplomacy-select-options button:hover,.diplomacy-select-options button[aria-selected="true"]{border-color:#6b5932;background:#d7b65713}
.diplomacy-select-options button>span{font-size:12px;font-weight:700}.diplomacy-select-options button>small{color:#8e9a9e;font-size:10px}.diplomacy-select-options button>i{position:absolute;top:50%;right:11px;color:#e9c568;font-style:normal;transform:translateY(-50%)}
.diplomacy-upload-area{display:grid;gap:9px}
.diplomacy-upload{justify-content:flex-start;gap:12px;min-height:68px;padding:11px 13px;border-style:solid;border-color:#344148;background:linear-gradient(115deg,#131b1f,#0b1114);transition:border-color .18s,background .18s,transform .18s}
.diplomacy-upload:hover{transform:translateY(-1px);border-color:#9b8041;background:linear-gradient(115deg,#1b201c,#101619)}
.diplomacy-upload-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border:1px solid #725f34;border-radius:9px;background:#d8b65712;color:#f0cb69;font-size:22px;line-height:1}
.diplomacy-upload-copy{display:grid;gap:4px;min-width:0}.diplomacy-upload-copy strong{color:#e9ede7;font-size:11px}.diplomacy-upload-copy small{color:#829094;font-size:9px;font-weight:500}
.diplomacy-upload-count{margin-left:auto;color:#d9bd6c;font-size:9px;font-weight:700;text-align:right}
.diplomacy-compose .diplomacy-file-input{position:absolute;width:1px!important;min-width:0!important;height:1px!important;padding:0!important;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%);border:0!important}
.diplomacy-upload-previews{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.diplomacy-upload-previews:empty{display:none}.diplomacy-upload-previews img{display:block;width:100%;height:62px;object-fit:cover;border:1px solid #344148;border-radius:7px;background:#080d10}
.diplomacy-compose>button[type="submit"]{min-height:48px;border:1px solid #efd17f;border-radius:10px;background:linear-gradient(135deg,#f1d17d,#d9ad4c);color:#191812;font-weight:800;box-shadow:0 9px 22px #d5ad4925;transition:transform .18s,box-shadow .18s,filter .18s}
.diplomacy-compose>button[type="submit"]:hover{transform:translateY(-2px);filter:brightness(1.04);box-shadow:0 13px 28px #d5ad4940}
.diplomacy-compose>button[type="submit"]:focus:not(:focus-visible){outline:none}.diplomacy-compose>button[type="submit"]:focus-visible{outline:2px solid #f5dc98;outline-offset:3px}
@media(max-width:560px){.diplomacy-upload{flex-wrap:wrap}.diplomacy-upload-count{width:100%;margin-left:48px;text-align:left}.diplomacy-upload-previews{grid-template-columns:repeat(3,minmax(0,1fr))}.diplomacy-upload-previews img{height:56px}}

.nation-image-upload{position:relative;display:flex;align-items:center;gap:15px;width:100%;min-height:112px;margin-top:5px;padding:17px 18px;border:1px solid #35434a;border-radius:13px;background:radial-gradient(ellipse at 12% 50%,#e7bd6312,transparent 42%),linear-gradient(145deg,#11191d,#0a1013);color:#f0eee7;text-align:left;cursor:pointer;transition:border-color .2s,background .2s,transform .2s,box-shadow .2s}.nation-image-upload:hover,.nation-image-upload:focus-within{border-color:#b18e45;background:radial-gradient(ellipse at 12% 50%,#e7bd631c,transparent 44%),linear-gradient(145deg,#141d21,#0b1114);box-shadow:0 10px 28px #0004;transform:translateY(-1px)}.nation-image-upload input[type=file][hidden]{display:none!important}.nation-image-icon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border:1px solid #6f5b30;border-radius:12px;background:#d9b45612;color:#edc76b;font-size:24px;transition:background .2s,transform .2s}.nation-image-upload:hover .nation-image-icon{background:#d9b45620;transform:scale(1.04)}.nation-image-copy{display:grid;gap:5px;min-width:0;flex:1}.nation-image-copy strong{color:#f2f0e9;font-size:13px;font-weight:700}.nation-image-copy small{overflow:hidden;color:#93a0a5;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.nation-image-action{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 13px;border:1px solid #78643a;border-radius:8px;background:#d7ad4412;color:#e9c566;font-size:10px;font-weight:700;white-space:nowrap;transition:background .2s,color .2s}.nation-image-upload:hover .nation-image-action{background:#e7bd63;color:#111416}.nation-image-preview{display:block;flex:0 0 112px;width:112px;height:78px;object-fit:contain;border:1px solid #3b484e;border-radius:8px;background:#070b0d}.nation-image-upload.has-image .nation-image-icon{display:none}.nation-image-upload.has-image .nation-image-copy strong{color:#e9c566}@media(max-width:560px){.nation-image-upload{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;padding:13px}.nation-image-preview{grid-column:1;width:72px;height:64px}.nation-image-icon{grid-column:1;grid-row:1;width:44px;height:44px}.nation-image-copy{grid-column:2;grid-row:1}.nation-image-action{grid-column:2;grid-row:2;justify-self:start;min-height:34px}}

/* News archive: newest first, responsive cards, and a three-day launch highlight. */
.news-archive .news-grid,.news-preview .news-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:22px}
.news-card-link{position:relative;display:flex;min-width:0;min-height:0;flex-direction:column;overflow:hidden;border-radius:14px;transition:transform .3s cubic-bezier(.2,.75,.25,1),border-color .3s,box-shadow .3s}
.news-card-link .news-card-cover{flex:0 0 auto;aspect-ratio:16/9}
.news-card-link .news-card-content{display:flex;min-height:0;flex:1;flex-direction:column;align-items:flex-start;gap:0;padding:22px}
.news-card-link .news-card-content h3{line-height:1.14}
.news-card-link .news-read-more{margin-top:auto;padding-top:18px}
.news-card-link.is-latest{border-color:#b38e3f;animation:news-latest-glow 4.8s ease-in-out infinite}
.news-card-link.is-latest::after{position:absolute;inset:0;border:1px solid #e7bd6340;border-radius:inherit;content:"";pointer-events:none;animation:news-latest-border 4.8s ease-in-out infinite}
.news-card-link.is-new:not(.is-latest){border-color:#806b3e;box-shadow:0 0 20px #d9b4560b}
.news-new-badge{position:absolute;z-index:2;top:14px;left:14px;display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #f3d5828a;border-radius:999px;background:#111820e8;color:#ffdc83;font-size:10px;font-weight:800;letter-spacing:.1em;box-shadow:0 5px 22px #0007;backdrop-filter:blur(8px)}
.news-new-badge i{width:7px;height:7px;border-radius:50%;background:#f4cf70;box-shadow:0 0 12px #f4cf70;animation:news-new-pulse 1.8s ease-in-out infinite}
.news-archive-count{margin:18px 0 0;color:#d7b75f;font-size:13px;font-weight:700;letter-spacing:.04em}
@keyframes news-latest-glow{0%,100%{box-shadow:0 0 0 #e9bd5700,0 12px 30px #0003}50%{box-shadow:0 0 26px #e9bd571c,0 16px 38px #0005}}
@keyframes news-latest-border{0%,100%{opacity:.28}50%{opacity:.85}}
@keyframes news-new-pulse{0%,100%{opacity:.68;transform:scale(.84)}50%{opacity:1;transform:scale(1.14)}}
@media(max-width:1050px){.news-archive .news-grid,.news-preview .news-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}
@media(max-width:620px){.news-archive .news-grid,.news-preview .news-grid{grid-template-columns:minmax(0,1fr);gap:16px}.news-card-link .news-card-content{padding:19px}.news-new-badge{top:10px;left:10px}}
@media(prefers-reduced-motion:reduce){.news-card-link.is-latest,.news-card-link.is-latest::after,.news-new-badge i{animation:none!important}}

/* Central de notificações com ícones e tempos de leitura consistentes. */
.notification-popover{display:flex;flex-direction:column;max-height:min(620px,calc(100dvh - 105px));border-color:#3a464b;background:linear-gradient(155deg,#121a1e 0%,#0b1013 72%);box-shadow:0 24px 70px #000b,0 0 36px #d8b65b0b}
.notification-popover>header{gap:14px;padding:18px 18px 15px;background:linear-gradient(110deg,#d9b4560d,transparent 65%)}
.notification-popover>header p{margin:5px 0 0;color:#8d9a9f;font-size:10px}
.notification-list{flex:1;min-height:0;max-height:none;padding:6px 9px;overscroll-behavior:contain}
.notification-item{position:relative;gap:10px;padding:9px 7px;border-bottom-color:#ffffff10;transition:background .2s,border-color .2s}
.notification-item:hover{border-radius:10px;background:#ffffff06}
.notification-kind{width:38px;height:38px;flex-basis:38px;border-color:#716039;background:linear-gradient(145deg,#d9b4561b,#d9b45608);color:#e8c56b;transition:transform .2s,box-shadow .2s}
.notification-item:hover .notification-kind{transform:translateY(-1px);box-shadow:0 0 18px #d9b45620}
.notification-kind svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.notification-item.kind-news .notification-kind{color:#82b8f0;border-color:#466788;background:#182330}
.notification-item.kind-friend .notification-kind{color:#82d2b1;border-color:#3b7160;background:#14241f}
.notification-item.kind-message .notification-kind{color:#88c5dc;border-color:#416d7d;background:#14232a}
.notification-item.kind-nation .notification-kind{color:#e8c56b}
.notification-item.kind-diplomacy .notification-kind{color:#c4a7ef;border-color:#665084;background:#211a2c}
.notification-copy strong{font-size:13px;line-height:1.25}
.notification-copy small{font-size:11px;line-height:1.5}
.notification-copy time{margin-top:2px;color:#8d9a9f;font-size:10px}
.notification-item>button{transition:color .2s,border-color .2s,background .2s,transform .2s}
.notification-item>button:hover{transform:scale(1.05);background:#311c1b}
.notification-popover>footer{padding:10px 16px;border-top:1px solid #ffffff10;color:#76858a;font-size:10px}
.news-new-badge{gap:6px}
.news-new-badge time{font:inherit;letter-spacing:inherit}

/* Editorial polish pass for the notification center. */
.notification-popover{width:min(410px,calc(100vw - 24px));max-height:min(660px,calc(100dvh - 92px));border:1px solid #4a4a3e;border-radius:18px;background:radial-gradient(ellipse at 12% 0%,#d4ad4d12,transparent 34%),linear-gradient(160deg,#131b1f 0%,#0b1013 58%,#090d0f 100%);box-shadow:0 28px 90px #000c,0 0 1px 1px #e2c16a18;transform-origin:top right}
.notification-popover::before{position:absolute;top:0;left:24px;right:24px;height:1px;background:linear-gradient(90deg,transparent,#dfba5d,transparent);content:"";opacity:.75}
.notification-popover>header{position:relative;align-items:flex-start;padding:19px 18px 16px 20px;border-bottom:1px solid #ffffff12;background:linear-gradient(115deg,#ffffff04,transparent 65%)}
.notification-header-kicker{display:flex;align-items:center;gap:7px;color:#d8b65e;font-size:9px;font-weight:800;letter-spacing:.16em}
.notification-header-kicker i{width:6px;height:6px;border-radius:50%;background:#e9c66e;box-shadow:0 0 11px #e9c66e88}
.notification-popover>header h2{display:flex;align-items:center;gap:9px;margin:7px 0 0;font-size:25px;letter-spacing:-.02em}
.notification-popover>header h2 b{display:grid;place-items:center;min-width:23px;height:23px;padding:0 6px;border:1px solid #806b3e;border-radius:999px;background:#d9b45614;color:#f1ce73;font:700 11px var(--body)}
.notification-popover>header p{margin-top:6px;font-size:11px}
.notification-popover>header button{flex:0 0 34px;width:34px;height:34px;border-color:#39474b;background:#11191d;color:#aeb9bb;transition:all .2s}
.notification-popover>header button:hover{transform:rotate(90deg);border-color:#d3b45f;background:#1b201c;color:#f1d27e}
.notification-list{padding:8px 9px;scrollbar-color:#665632 #0b1013;scrollbar-width:thin}
.notification-item{gap:9px;padding:9px 7px;border-bottom:1px solid #ffffff0c;animation:notification-row-in .32s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--notification-index,0)*32ms)}
.notification-item>a{align-items:center;gap:12px;padding:7px 6px;border-radius:11px;transition:background .2s}
.notification-item>a:hover{background:linear-gradient(90deg,#ffffff08,transparent)}
.notification-kind{position:relative;flex-basis:40px;width:40px;height:40px;border-radius:12px;box-shadow:inset 0 1px #ffffff0c,0 5px 14px #0002}
.notification-kind::after{position:absolute;inset:-4px;border:1px solid currentColor;border-radius:15px;content:"";opacity:0;transform:scale(.94);transition:opacity .2s,transform .2s}
.notification-item>a:hover .notification-kind::after{opacity:.28;transform:scale(1)}
.notification-kind svg{width:19px;height:19px;stroke-width:1.8}
.notification-copy{gap:3px}
.notification-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:1px}
.notification-meta small{color:#d5b45e;font-size:8px;font-weight:800;letter-spacing:.12em}
.notification-meta time{flex:0 0 auto;color:#7f8d91;font-size:9px}
.notification-copy strong{font-size:12px;line-height:1.35}
.notification-copy .notification-body{color:#aab5b7;font-size:10px;line-height:1.48;overflow-wrap:anywhere}
.notification-item>button{flex:0 0 27px;width:27px;height:27px;border-color:#344147;background:#0e1518;color:#8e9b9e;font-size:16px;transition:all .18s}
.notification-item>button:hover{transform:rotate(90deg);border-color:#b56e62;background:#271918;color:#ffc3b9}
.notification-popover>footer{display:flex;justify-content:space-between;gap:12px;padding:11px 16px 12px;border-top:1px solid #ffffff10;color:#718084;font-size:9px}
.notification-popover>footer b{color:#c9ae63;font-size:12px}
.notification-empty{padding:42px 20px}
.notification-empty>span{border-color:#8a713b;background:#d9b45612;box-shadow:0 0 28px #d9b45612}
@keyframes notification-row-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.notification-popover{position:fixed;top:74px;right:10px;width:min(400px,calc(100vw - 20px));max-height:calc(100dvh - 88px)}.notification-popover>header{padding:17px 14px}.notification-list{padding:6px}.notification-item{padding:7px 4px}.notification-popover>footer{padding-inline:12px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.notification-item,.notification-popover>header button,.notification-item>button{animation:none!important;transition:none!important}}

/* Centered account, audio and video preferences */
.profile-settings-backdrop[hidden],.settings-pane[hidden],[data-settings-screen-empty][hidden],[data-action="settings-stop-screen"][hidden]{display:none!important}
.settings-workspace{display:grid;grid-template-columns:220px minmax(0,1fr);width:min(900px,calc(100vw - 36px));max-height:min(760px,calc(100dvh - 36px));min-height:500px;padding:0;overflow:hidden;border:1px solid #34434a;border-radius:18px;background:#0b1115;box-shadow:0 28px 90px #000b;animation:settings-arrive .24s cubic-bezier(.2,.8,.2,1) both}
.settings-workspace .profile-settings-close{z-index:3;top:15px;right:15px;width:36px;height:36px;border:1px solid #34434a;border-radius:10px;background:#121a1f;color:#cad3d5;font-size:22px;transition:background .18s,border-color .18s,transform .18s}
.settings-workspace .profile-settings-close:hover{transform:rotate(90deg);border-color:#d5ae50;background:#1c211e;color:#f0c960}
.settings-sidebar{display:flex;flex-direction:column;gap:8px;padding:30px 18px;border-right:1px solid #26343a;background:linear-gradient(180deg,#11191d,#0b1115)}
.settings-sidebar>.system-kicker{margin:2px 8px 0;color:#d9b456}
.settings-sidebar h2{margin:1px 8px 18px;color:#f1f1ed;font:700 26px/1 var(--display)}
.settings-nav{display:flex;align-items:center;gap:12px;width:100%;padding:12px 13px;border:1px solid transparent;border-radius:10px;background:transparent;color:#aeb9bd;font:600 13px var(--body);text-align:left;cursor:pointer;transition:background .18s,border-color .18s,color .18s,transform .18s}
.settings-nav>span{display:grid;place-items:center;width:25px;height:25px;border:1px solid #34434a;border-radius:8px;color:#d9b456;font-size:14px}
.settings-nav:hover{transform:translateX(2px);background:#151e22;color:#f2f2ed}
.settings-nav.active{border-color:#6b572a;background:#d7b65714;color:#f2d078;box-shadow:inset 2px 0 #dfbc5d}
.settings-content{min-width:0;padding:42px 42px 30px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#66562e #10171a}
.settings-pane{max-width:590px;animation:settings-pane-in .2s ease both}
.settings-pane-heading{margin:0 0 26px;padding-bottom:19px;border-bottom:1px solid #26343a}
.settings-pane-heading .system-kicker{color:#d9b456}
.settings-pane-heading h3{margin:8px 0 6px;color:#f4f2ec;font:700 30px/1 var(--display)}
.settings-pane-heading p,.settings-help,.settings-call-note{margin:0;color:#91a0a5;font-size:12px;line-height:1.65}
.settings-account-row{display:flex;align-items:center;gap:14px;margin:0 0 22px;padding:15px;border:1px solid #29383e;border-radius:12px;background:#10181c}
.settings-avatar{width:54px;height:54px;flex:0 0 54px;border:2px solid #b9943f;border-radius:50%;overflow:hidden}
.settings-avatar img{width:100%;height:100%;object-fit:cover}
.settings-account-row>div{display:grid;gap:4px;min-width:0}.settings-account-row>div strong{color:#f1f1ed;font-size:15px}.settings-account-row>div small{color:#9ba8ab;font-size:11px}
.settings-change-photo{margin-left:auto;padding:9px 12px;border:1px solid #3a484e;border-radius:8px;color:#e8c663;font-size:11px;font-weight:700;cursor:pointer;transition:.18s}
.settings-change-photo:hover{border-color:#c6a348;background:#d1ae4f14}
.settings-bio-form{display:grid;gap:8px;margin-bottom:22px}.settings-bio-form>label,.settings-field-label{display:block;margin:0 0 7px;color:#c8d0d0;font-size:12px;font-weight:700}
.settings-bio-form textarea{min-height:100px;resize:vertical;padding:12px 14px;border:1px solid #34434a;border-radius:9px;background:#080e11;color:#f0f1ed;font:13px/1.55 var(--body);outline:none;transition:border-color .18s,box-shadow .18s}
.settings-bio-form textarea:focus,.settings-select:focus{border-color:#c8a348;box-shadow:0 0 0 3px #c8a34820}
.settings-bio-form>small{color:#77868b;font-size:10px}.settings-bio-form>.button{justify-self:start;margin-top:4px}
.settings-select{display:block;width:100%;min-height:44px;margin:0 0 13px;padding:0 13px;border:1px solid #34434a;border-radius:9px;background:#0a1013;color:#e5e8e4;font:12px var(--body);outline:none;color-scheme:dark}
.settings-help{margin-top:10px}.settings-audio-actions{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 17px}.settings-audio-actions .button{min-height:38px;padding:0 12px;font-size:11px}
.settings-noise{display:flex;align-items:center;gap:12px;margin:8px 0 14px;padding:13px;border:1px solid #29383e;border-radius:10px;background:#10181c;cursor:pointer}
.settings-noise input{position:absolute;opacity:0;pointer-events:none}.settings-noise .noise-switch{position:relative;width:36px;height:20px;flex:0 0 36px;border:1px solid #48565a;border-radius:99px;background:#202a2e;transition:.2s}
.settings-noise .noise-switch:after{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#829094;content:"";transition:transform .2s,background .2s}
.settings-noise input:checked+.noise-switch{border-color:#c4a04c;background:#9e7b2d}.settings-noise input:checked+.noise-switch:after{transform:translateX(16px);background:#fff0bd}
.settings-noise>span:last-child{display:grid;gap:4px}.settings-noise strong{color:#e3e7e4;font-size:12px}.settings-noise small{color:#8e9ca0;font-size:10px;line-height:1.45}
.settings-audio-meter{height:7px;margin:13px 0 9px;overflow:hidden;border-radius:8px;background:#1b272c}.settings-audio-meter>span{display:block;width:var(--level,0%);height:100%;border-radius:inherit;background:linear-gradient(90deg,#69bd83,#e7c45e);transition:width .08s}
.settings-screen-button{margin-bottom:14px}.settings-screen-preview{position:relative;display:grid;place-items:center;min-height:240px;margin:0 0 14px;overflow:hidden;border:1px solid #29383e;border-radius:12px;background:radial-gradient(ellipse at center,#1a2529,#080d10 70%)}
.settings-screen-preview video{display:block;width:100%;max-height:360px;object-fit:contain}.settings-screen-preview video[srcObject]{background:#050809}
.settings-screen-preview [data-settings-screen-empty]{display:grid;gap:8px;justify-items:center;padding:30px;text-align:center}.settings-screen-preview [data-settings-screen-empty]>span{color:#d4ad4e;font-size:28px}.settings-screen-preview strong{color:#dce1dc;font-size:13px}.settings-screen-preview small{color:#849297;font-size:11px}
.settings-call-note{margin-top:16px;padding:12px 14px;border-left:2px solid #b99747;background:#d2ad5010}
.settings-workspace button:focus-visible,.settings-workspace select:focus-visible,.settings-workspace label:focus-within{outline:2px solid #e4c15f;outline-offset:2px}
.settings-workspace select,.settings-workspace option{color-scheme:dark}.settings-workspace select option{background:#10171b;color:#e6e9e6}
.account-presence{display:flex!important;align-items:center;gap:6px}.presence-indicator{display:inline-block;width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#64c88e;box-shadow:0 0 8px #64c88e65}.presence-indicator.presence-away{border-radius:50% 50% 45% 0;background:#e5a543;box-shadow:0 0 8px #e5a54355;transform:rotate(-35deg)}.presence-indicator.presence-dnd{background:#e16d68;box-shadow:0 0 8px #e16d6855;position:relative}.presence-indicator.presence-dnd:after{position:absolute;inset:3px -1px auto;height:2px;border-radius:2px;background:#fff0;content:"";transform:rotate(-40deg)}
.chat-mode .presence-dot.presence-away{background:#e5a543}.chat-mode .presence-dot.presence-dnd{background:#e16d68}
.chat-mode #conversation-list{max-height:min(48dvh,420px);min-height:0;overflow:auto;transition:max-height .28s cubic-bezier(.2,.75,.25,1),opacity .2s ease,margin .2s ease,padding .2s ease}.chat-mode #conversation-list.is-collapsed{flex:0 0 auto!important;height:auto;max-height:0;margin-block:0;padding-block:0;opacity:0;overflow:hidden;pointer-events:none}
.chat-mode .dm-collapse-toggle{min-height:36px;padding-inline:10px}.chat-mode .dm-collapse-toggle:hover{box-shadow:0 4px 16px #0003}.chat-mode .dm-collapse-toggle>b{transition:transform .18s,background .18s,border-color .18s}.chat-mode .dm-collapse-toggle:hover>b{transform:scale(1.06);border-color:#786331;background:#282317;color:#f0d17b}
@keyframes settings-arrive{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes settings-pane-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:720px){.settings-workspace{grid-template-columns:minmax(0,1fr);width:min(560px,calc(100vw - 20px));max-height:calc(100dvh - 20px);min-height:0}.settings-sidebar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:18px 15px 12px;border-right:0;border-bottom:1px solid #26343a}.settings-sidebar>.system-kicker,.settings-sidebar h2{grid-column:1/-1}.settings-sidebar h2{margin-bottom:5px}.settings-nav{justify-content:center;padding:9px 6px;font-size:11px}.settings-content{padding:22px 18px 24px}.settings-pane-heading h3{font-size:27px}.settings-audio-actions{display:grid;grid-template-columns:1fr}.settings-audio-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){.settings-workspace,.settings-pane{animation:none}.settings-nav,.settings-noise .noise-switch,.settings-noise .noise-switch:after{transition:none}}

/* Final polish: reliable DM collapse plus native device menus in the site palette. */
.chat-mode #conversation-list[hidden],.chat-mode #conversation-list.is-collapsed{display:none!important;}
.chat-mode .dm-section-heading{min-height:38px;}
.chat-mode .dm-collapse-toggle{flex:1;justify-content:flex-start;white-space:nowrap;}
.chat-mode .dm-collapse-toggle>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.chat-mode .dm-collapse-toggle>b{flex:0 0 auto;}
.settings-workspace .settings-select{appearance:none;padding-right:42px;border-color:#34434a;background-color:#0b1216;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m3.5 6 4.5 4 4.5-4' fill='none' stroke='%23d8b557' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;transition:border-color .18s,box-shadow .18s,background-color .18s;}
.settings-workspace .settings-select:hover{border-color:#766439;background-color:#10171a;}
.settings-workspace .settings-select option{background:#10171b;color:#e6e9e6;}
.settings-workspace .settings-select option:checked{background:#4a3d22 linear-gradient(0deg,#4a3d22,#4a3d22);color:#f3d37b;}

/* Layout and upload refinements for nation applications */
.diplomacy-layout{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)}.diplomacy-layout>*{min-width:0}.diplomacy-compose-unified{box-sizing:border-box;width:100%;max-width:100%;min-width:0;justify-self:stretch}.diplomacy-compose-unified>*{box-sizing:border-box;max-width:100%;min-width:0}.diplomacy-compose-unified .diplomacy-type-field,.diplomacy-compose-unified .diplomacy-select,.diplomacy-compose-unified .diplomacy-select>summary,.diplomacy-compose-unified [data-nation-fields]{box-sizing:border-box;width:100%;max-width:100%;min-width:0}.nation-application-fields .form-grid{box-sizing:border-box;width:100%;max-width:100%;min-width:0}.nation-image-upload>.nation-image-action{font-size:10px!important;line-height:1.2;letter-spacing:0}.nation-image-upload>.nation-image-icon{font-size:24px}.nation-image-upload{max-width:100%;min-width:0;overflow:hidden}.nation-image-copy{flex:1 1 auto;min-width:0}.nation-image-action{flex:0 0 auto;padding-inline:11px}.nation-image-preview{min-width:0}@media(max-width:1100px){.diplomacy-layout{grid-template-columns:minmax(0,1fr)}}

/* Group conversations: member rail, clear hierarchy, and responsive controls */
.chat-mode .chat-main{position:relative;overflow:hidden}
.chat-mode .chat-main #chat-messages{transition:margin-right .22s ease}
.chat-mode .chat-main.group-chat-active #chat-messages{margin-right:226px}
.group-members-panel{position:absolute;z-index:2;top:70px;right:0;bottom:78px;width:226px;padding:17px 13px;overflow:auto;border-left:1px solid #27353b;background:linear-gradient(180deg,#10181c,#0b1013);animation:group-rail-in .22s ease both}
.group-members-panel[hidden]{display:none!important}
.group-members-panel>header{display:flex;align-items:center;justify-content:space-between;padding:2px 5px 13px;border-bottom:1px solid #27353b;color:#eef0ed}
.group-members-panel>header strong{font-size:12px;letter-spacing:.04em}
.group-members-panel>header span{display:grid;place-items:center;min-width:23px;height:23px;border-radius:99px;background:#1c282d;color:#e7c15d;font-size:10px;font-weight:800}
.group-members-list{display:grid;gap:4px;padding-top:10px}
.group-member-row{display:flex;align-items:center;gap:10px;min-width:0;padding:8px 7px;border-radius:9px;transition:background .18s ease}
.group-member-row:hover{background:#182226}
.group-member-row .mini-avatar{flex:0 0 34px;width:34px;height:34px;overflow:hidden;border:1px solid #34454c;border-radius:50%;background:#182126;color:#e5c260;display:grid;place-items:center;font-size:11px;font-weight:800}
.group-member-row .mini-avatar img{width:100%;height:100%;object-fit:cover}
.group-member-row>span:last-child{display:grid;gap:3px;min-width:0}
.group-member-row strong{overflow:hidden;color:#e8eae6;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.group-member-row small{color:#839198;font-size:9px}
.group-crown{color:#e4bd5b;font-size:12px}
.chat-topbar .call-controls [data-action="group-edit"],.chat-topbar .call-controls [data-action="group-add-members"]{border-color:#39474d;background:#11191d}
.chat-topbar .call-controls [data-action="group-edit"]:hover,.chat-topbar .call-controls [data-action="group-add-members"]:hover{border-color:#c6a247;color:#f0cd72}
.chat-topbar .call-controls .group-delete-action{color:#d99189;border-color:#67413e;background:#1a1112}
.chat-topbar .call-controls .group-delete-action:hover{border-color:#d36e63;background:#2a1717;color:#ffd0ca}
.group-identity-editor{display:grid;grid-template-columns:58px auto 1fr;align-items:center;gap:12px;margin:18px 0;padding:13px;border:1px solid #2e3d43;border-radius:12px;background:#0b1215}
.group-photo-preview{display:grid;place-items:center;width:58px;height:58px;overflow:hidden;border:1px solid #806b34;border-radius:15px;background:radial-gradient(circle,#463a1d,#141a1c 72%);color:#e5bf5c;font-size:24px}
.group-photo-preview img{width:100%;height:100%;object-fit:cover}
.group-photo-button{min-height:38px!important;padding:0 12px!important;font-size:11px!important;white-space:nowrap}
.group-identity-editor>small{color:#849198;font-size:9px;line-height:1.5}
.group-modal .group-name-field{margin:14px 0}
.group-modal .group-name-field input{width:100%;min-width:0;box-sizing:border-box;transition:border-color .18s,box-shadow .18s}
.group-modal .group-name-field input:focus{outline:0;border-color:#d4af4d;box-shadow:0 0 0 3px #d4af4d20}
.group-modal .group-member-search{display:flex;align-items:center;gap:9px;height:42px;margin:12px 0;padding:0 12px;border:1px solid #304047;border-radius:9px;background:#0a1013;color:#daba62}
.group-modal .group-member-search:focus-within{border-color:#c9a74e;box-shadow:0 0 0 3px #c9a74e18}
.group-modal .group-member-search input{width:100%;border:0;outline:0;background:transparent;color:#eef0ed;font:12px var(--body)}
.group-modal .group-picker-heading{display:flex;justify-content:space-between;align-items:center;margin-top:18px;color:#e7e9e5}
.group-modal .group-picker-heading>div{display:grid;gap:4px}.group-modal .group-picker-heading strong{font-size:12px}.group-modal .group-picker-heading small,.group-modal .group-picker-heading>span{color:#829097;font-size:10px}
.group-modal .group-friend-options{max-height:270px;margin:8px 0 17px;padding:2px;scrollbar-width:thin;scrollbar-color:#786333 #10171a}
.group-modal .group-friend-option{min-height:56px}
.group-modal .group-modal-x:hover{border-color:#c9a74e;color:#f1cf76;transform:rotate(90deg)}
.group-modal footer .button{min-width:115px;transition:transform .18s,box-shadow .18s}
.group-modal footer .button-gold:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 8px 24px #d7b35435}
.group-modal footer .button:disabled{opacity:.48;cursor:not-allowed}
.group-delete-modal{max-width:470px}
.group-delete-modal .friend-remove-confirm{border-color:#80443e;background:linear-gradient(135deg,#9b4941,#713630);color:#fff}
@keyframes group-rail-in{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:760px){.chat-mode .chat-main.group-chat-active #chat-messages{margin-right:0;padding-bottom:165px}.group-members-panel{top:auto;left:0;right:0;bottom:72px;width:auto;max-height:125px;padding:9px 12px;border-top:1px solid #27353b;border-left:0}.group-members-panel>header{padding:0 3px 6px}.group-members-list{display:flex;gap:6px;overflow:auto;padding-top:5px}.group-member-row{flex:0 0 auto;padding:4px 7px}.group-member-row .mini-avatar{width:28px;height:28px;flex-basis:28px}.group-identity-editor{grid-template-columns:50px 1fr;}.group-identity-editor>small{grid-column:2}.group-photo-preview{width:50px;height:50px}.group-modal{padding:24px 18px}}
.settings-select-wrap{position:relative;width:100%;margin:0 0 13px}.settings-select-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;clip-path:inset(50%)!important;overflow:hidden!important}.settings-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:46px;padding:0 14px;border:1px solid #34434a;border-radius:10px;background:linear-gradient(145deg,#11191d,#0a1013);color:#e8ebe7;text-align:left;font:12px var(--body);cursor:pointer;transition:border-color .18s,box-shadow .18s,background .18s}.settings-select-trigger:hover,.settings-select-wrap.is-open .settings-select-trigger{border-color:#b99643;background:#131a1d;box-shadow:0 0 0 3px #c8a34816}.settings-select-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-select-trigger i{color:#e5bd5a;font-size:16px;font-style:normal;transition:transform .18s}.settings-select-wrap.is-open .settings-select-trigger i{transform:rotate(180deg)}.settings-select-options{position:absolute;z-index:10020;top:calc(100% + 5px);left:0;right:0;max-height:min(280px,45vh);overflow:auto;padding:5px;border:1px solid #39494f;border-radius:11px;background:#10171b;box-shadow:0 18px 45px #000b;scrollbar-width:thin;scrollbar-color:#796437 #10171b;animation:group-rail-in .14s ease both}.settings-select-options[hidden]{display:none!important}.settings-select-options button{display:flex;align-items:center;width:100%;min-height:37px;padding:8px 10px;border:0;border-radius:7px;background:transparent;color:#dfe3df;text-align:left;font:11px/1.4 var(--body);cursor:pointer;transition:background .14s,color .14s}.settings-select-options button:hover,.settings-select-options button[aria-selected=true]{background:#d2ad4c1c;color:#f0ce76}.settings-select-options button[disabled]{opacity:.45;cursor:not-allowed}

/* Ponteiro interativo Frontline: mão dourada com contorno escuro. */
:root{--frontline-hand-cursor:url('/cursor-frontline-hand.svg') 12 4,pointer}
a,button,[role='button'],[role='menuitem'],summary,label[for],select,input[type='button'],input[type='submit'],input[type='reset'],input[type='file'],[data-action],[data-friend-filter],[data-conversation],a[class],button[class],[class*='btn'],[class*='button'],.settings-select-options button{cursor:var(--frontline-hand-cursor)}



/* Cabeçalho de grupo: ações alinhadas abaixo do título, sem apertar os controles. */
.chat-mode .chat-main.group-chat-active .chat-topbar{grid-template-columns:minmax(0,1fr);align-items:start;gap:10px;padding:13px 16px 12px}
.chat-mode .chat-main.group-chat-active .chat-topbar .call-controls{grid-column:1;justify-content:flex-start;flex-wrap:wrap;gap:8px;min-width:0}
.chat-mode .chat-main.group-chat-active .chat-topbar .call-controls .button{min-height:36px;padding:0 13px;font-size:11px}
.chat-mode .chat-main.group-chat-active .chat-topbar .call-controls .call-development{display:none}
.chat-mode .chat-main.group-chat-active .chat-topbar .group-delete-action{margin-left:auto}
.chat-mode .chat-main.group-chat-active .chat-topbar .group-delete-action:hover{transform:translateY(-1px);box-shadow:0 7px 18px #c64d4128}
.group-delete-modal{padding:30px!important}
.group-delete-modal footer{margin-top:22px;gap:12px}
.group-delete-modal footer .button{min-height:43px;padding:0 17px;font-size:12px}
.group-delete-modal .friend-remove-confirm:hover{transform:translateY(-1px);box-shadow:0 8px 22px #aa43362e}
@media(max-width:560px){.chat-mode .chat-main.group-chat-active .chat-topbar{padding:11px}.chat-mode .chat-main.group-chat-active .chat-topbar .call-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.chat-mode .chat-main.group-chat-active .chat-topbar .call-controls .button{width:100%;padding:0 8px}.chat-mode .chat-main.group-chat-active .chat-topbar .group-delete-action{margin-left:0}}

/* O atributo hidden deve prevalecer sobre display aplicado por componentes. */
[hidden]{display:none!important}
.chat-mode .chat-main:not(.group-chat-active) .chat-topbar [data-action="group-edit"],.chat-mode .chat-main:not(.group-chat-active) .chat-topbar [data-action="group-delete"],.chat-mode .chat-main:not(.group-chat-active) .chat-topbar [data-action="group-add-members"]{display:none!important}

/* Dock de conta: fixo no rodapé da barra lateral, alinhado e com espaço consistente. */
.chat-mode .chat-sidebar{display:flex!important;flex-direction:column!important;min-height:0;height:100%;gap:10px;}
.chat-mode .chat-sidebar>.conversation-search{flex:0 0 auto;margin:0 0 2px!important;}
.chat-mode .chat-sidebar>.dm-section-heading{flex:0 0 auto;margin:0;padding:0 2px;}
.chat-mode .chat-sidebar>#conversation-list{flex:1 1 auto;min-height:0;margin:0;}
.chat-mode .chat-sidebar>.chat-profile-dock{position:relative;inset:auto;z-index:3;flex:0 0 auto;width:100%;box-sizing:border-box;margin:auto 0 0!important;padding:9px 10px!important;border:1px solid #34444a;border-radius:13px;background:linear-gradient(115deg,#151e22,#0d1417);box-shadow:0 8px 22px #0003;}
.chat-mode .chat-profile-summary{display:grid;grid-template-columns:42px minmax(0,1fr) 38px;align-items:center;gap:10px;min-height:44px;}
.chat-mode .chat-profile-summary .chat-avatar{width:40px;height:40px;border:1px solid #b99948;border-radius:50%;box-shadow:0 0 0 3px #d4ae4a12;}
.chat-mode .chat-profile-summary .chat-account-copy{display:grid;gap:4px;min-width:0;}
.chat-mode .chat-profile-summary strong{overflow:hidden;color:#f2f0e8;font-size:12px;font-weight:750;text-overflow:ellipsis;white-space:nowrap;}
.chat-mode .chat-profile-summary .account-presence{display:flex;align-items:center;gap:6px;color:#91a0a4;font-size:10px;}
.chat-mode .chat-profile-summary .profile-settings-toggle{width:36px;height:36px;border:1px solid #34444a;border-radius:10px;background:#151f23;color:#e4c365;transition:transform .18s,border-color .18s,background .18s;}
.chat-mode .chat-profile-summary .profile-settings-toggle:hover{transform:rotate(24deg);border-color:#b89541;background:#242116;}
@media(max-width:620px){.chat-mode .chat-sidebar>.chat-profile-dock{margin:8px 0 0!important}.chat-mode .chat-profile-summary{grid-template-columns:38px minmax(0,1fr) 36px}.chat-mode .chat-profile-summary .chat-avatar{width:36px;height:36px}}

/* Conversa em grupo: mensagens e participantes em colunas claras, sem controles soltos. */
.chat-mode .chat-main.group-chat-active{grid-template-columns:minmax(0,1fr) 214px;grid-template-rows:auto minmax(0,1fr) auto;}
.chat-mode .chat-main.group-chat-active>.chat-topbar{grid-column:1/-1;grid-row:1;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;min-height:66px;padding:10px 16px;border-bottom:1px solid #29373d;}
.chat-mode .chat-main.group-chat-active>.chat-topbar .chat-conversation-heading{min-width:0;}
.chat-mode .chat-main.group-chat-active>.chat-topbar .call-controls{display:flex;flex:0 0 auto;justify-content:flex-end;flex-wrap:nowrap;gap:7px;margin:0;}
.chat-mode .chat-main.group-chat-active>.chat-topbar .call-controls .button{min-height:34px;padding:0 11px;border-radius:9px;font-size:10px;white-space:nowrap;}
.chat-mode .chat-main.group-chat-active #chat-messages{grid-column:1;grid-row:2;min-width:0;margin:0;padding:14px 16px;overflow:auto;}
.chat-mode .chat-main.group-chat-active>.chat-composer{grid-column:1/-1;grid-row:3;}
.chat-mode .chat-main.group-chat-active>.group-members-panel{position:static;grid-column:2;grid-row:2;display:block;width:auto;min-width:0;padding:16px 12px;overflow:auto;border-left:1px solid #29373d;background:linear-gradient(180deg,#10181c,#0b1013);animation:group-rail-in .2s ease both;}
.chat-mode .chat-main.group-chat-active>.group-members-panel[hidden]{display:none!important;}
.chat-mode .chat-main.group-chat-active:has(>.group-members-panel[hidden]){grid-template-columns:minmax(0,1fr);}
.chat-mode .chat-main.group-chat-active .chat-message{grid-template-columns:38px minmax(0,1fr);gap:11px;margin:0 0 7px;padding:11px 12px;border:1px solid #202d33;border-radius:12px;background:linear-gradient(110deg,#11191d,#0d1417);transition:border-color .18s,background .18s,transform .18s;}
.chat-mode .chat-main.group-chat-active .chat-message:hover{border-color:#39484e;background:#141e22;transform:translateY(-1px);}
.chat-mode .chat-main.group-chat-active .chat-message .message-avatar{width:36px;height:36px;border:1px solid #34434a;border-radius:50%;}
.chat-mode .chat-main.group-chat-active .message-content{min-width:0;}
.chat-mode .chat-main.group-chat-active .message-content>header{display:flex;align-items:center;gap:9px;min-height:22px;}
.chat-mode .chat-main.group-chat-active .message-content>header b{color:#e8c466;font-size:12px;}
.chat-mode .chat-main.group-chat-active .message-content>header small{color:#829096;font-size:10px;}
.chat-mode .chat-main.group-chat-active .chat-message-text{margin-top:3px;font-size:14px;line-height:1.55;overflow-wrap:anywhere;}
.chat-mode .chat-main.group-chat-active .delete-message{display:grid;place-items:center;width:28px;height:28px;margin-left:auto;padding:0;border:1px solid transparent;border-radius:8px;background:transparent;color:#8d999d;font-size:0;opacity:.55;transition:all .16s ease;}
.chat-mode .chat-main.group-chat-active .delete-message::before{content:'×';font-size:19px;line-height:1;}
.chat-mode .chat-main.group-chat-active .chat-message:hover .delete-message,.chat-mode .chat-main.group-chat-active .delete-message:focus-visible{border-color:#68403d;background:#211516;color:#f19b91;opacity:1;}
@media(max-width:760px){.chat-mode .chat-main.group-chat-active{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;}.chat-mode .chat-main.group-chat-active>.chat-topbar{grid-column:1;grid-row:1;align-items:flex-start;flex-direction:column;}.chat-mode .chat-main.group-chat-active>.chat-topbar .call-controls{width:100%;justify-content:flex-start;flex-wrap:wrap;}.chat-mode .chat-main.group-chat-active #chat-messages{grid-column:1;grid-row:2;}.chat-mode .chat-main.group-chat-active>.group-members-panel{grid-column:1;grid-row:3;max-height:126px;border-top:1px solid #29373d;border-left:0;}.chat-mode .chat-main.group-chat-active>.chat-composer{grid-column:1;grid-row:4;}}

/* Ações de grupo: toolbar compacta, consistente e acessível por ícones. */
.chat-mode .chat-main.group-chat-active>.chat-topbar{min-height:62px;padding:10px 14px!important;}
.chat-mode .chat-main.group-chat-active>.chat-topbar .call-controls{align-items:center;justify-content:flex-end;gap:8px;flex-wrap:nowrap;}
.chat-mode .chat-main.group-chat-active>.chat-topbar .call-controls .group-icon-action{display:grid;place-items:center;flex:0 0 38px;width:38px;min-width:38px;height:38px;min-height:38px;padding:0;border:1px solid #34434a;border-radius:11px;background:linear-gradient(145deg,#172126,#10171b);color:#d9c077;box-shadow:inset 0 1px #ffffff08;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease;}
.chat-mode .chat-main.group-chat-active>.chat-topbar .call-controls .group-icon-action:hover{transform:translateY(-2px);border-color:#c5a450;background:#242117;color:#f2d47b;box-shadow:0 7px 18px #0004,0 0 0 3px #dfb95012;}
.chat-mode .chat-main.group-chat-active>.chat-topbar .call-controls .group-icon-action svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.chat-mode .chat-main.group-chat-active>.chat-topbar .call-controls .group-delete-action{border-color:#543936;background:#1c1213;color:#d9948c;}
.chat-mode .chat-main.group-chat-active>.chat-topbar .call-controls .group-delete-action:hover{border-color:#d46d63;background:#2a1717;color:#ffc1b8;box-shadow:0 7px 18px #9c3f3328;}
.chat-mode .chat-main.group-chat-active>.chat-topbar .call-controls .group-icon-action[hidden]{display:none!important;}
@media(max-width:760px){.chat-mode .chat-main.group-chat-active>.chat-topbar{flex-direction:row;align-items:center;}.chat-mode .chat-main.group-chat-active>.chat-topbar .call-controls{width:auto;margin-left:auto;}.chat-mode .chat-main.group-chat-active>.chat-topbar .call-controls .group-icon-action{flex-basis:36px;width:36px;min-width:36px;height:36px;min-height:36px;}}

/* Correção de sobreposição: substituir as trilhas fixas antigas ao abrir grupo. */
.chat-mode .chat-main.group-chat-active{display:grid;grid-template-columns:minmax(0,1fr) 214px!important;grid-template-rows:minmax(68px,auto) minmax(0,1fr) auto!important;min-height:0;}
.chat-mode .chat-main.group-chat-active>.chat-topbar{grid-column:1/-1;grid-row:1;box-sizing:border-box;width:100%;min-height:68px;height:auto;}
.chat-mode .chat-main.group-chat-active>#chat-messages{grid-column:1;grid-row:2;min-height:0;height:auto;margin:0!important;}
.chat-mode .chat-main.group-chat-active>.group-members-panel{grid-column:2;grid-row:2;position:static;top:auto;right:auto;bottom:auto;left:auto;width:auto;height:auto;min-height:0;max-height:none;box-sizing:border-box;}
.chat-mode .chat-main.group-chat-active>.group-members-panel[hidden]{display:none!important;}
.chat-mode .chat-main.group-chat-active>.chat-composer{grid-column:1/-1;grid-row:3;min-width:0;}
.chat-mode .chat-main.group-chat-active:has(>.group-members-panel[hidden]){grid-template-columns:minmax(0,1fr)!important;}
@media(max-width:760px){
 .chat-mode .chat-main.group-chat-active{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(68px,auto) minmax(0,1fr) minmax(84px,auto) auto!important;}
 .chat-mode .chat-main.group-chat-active>.chat-topbar{grid-column:1;grid-row:1;flex-direction:row;align-items:center;}
 .chat-mode .chat-main.group-chat-active>#chat-messages{grid-column:1;grid-row:2;}
 .chat-mode .chat-main.group-chat-active>.group-members-panel{grid-column:1;grid-row:3;max-height:110px;overflow:auto;border-top:1px solid #29373d;border-left:0;}
 .chat-mode .chat-main.group-chat-active>.chat-composer{grid-column:1;grid-row:4;}
}
.chat-mode .chat-main.group-chat-active>.chat-topbar .call-controls .group-delete-action:disabled{display:grid!important;opacity:.38;cursor:not-allowed;filter:saturate(.55);box-shadow:none;transform:none;}
.chat-mode .chat-main.group-chat-active>.chat-topbar .call-controls .group-delete-action:disabled:hover{border-color:#543936;background:#1c1213;color:#d9948c;box-shadow:none;transform:none;}

/* Responsive hardening: keep group actions inside the header in Opera and zoomed viewports. */
.chat-mode .chat-main.group-chat-active{min-width:0;width:100%;box-sizing:border-box;}
.chat-mode .chat-main.group-chat-active>.chat-topbar{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:minmax(40px,auto)!important;
  align-items:center!important;justify-content:initial!important;gap:12px!important;min-width:0;overflow:visible!important;
  box-sizing:border-box;width:100%;height:auto;min-height:66px;padding:10px 14px!important;
}
.chat-mode .chat-main.group-chat-active>.chat-topbar>.chat-conversation-heading{grid-column:1;grid-row:1;min-width:0;}
.chat-mode .chat-main.group-chat-active>.chat-topbar>.call-controls{
  grid-column:2!important;grid-row:1!important;display:flex!important;align-items:center;justify-content:flex-end!important;
  flex:0 0 auto!important;flex-wrap:nowrap!important;gap:7px!important;width:auto!important;min-width:0;margin:0!important;
}
.chat-mode .chat-main.group-chat-active>.chat-topbar>.call-controls>.group-icon-action{
  flex:0 0 38px!important;width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;
}
.chat-mode .chat-main.group-chat-active>.chat-topbar>.call-controls>.group-delete-action{margin:0!important;}
.chat-mode .chat-main.group-chat-active>.chat-topbar>.call-controls>.call-development{display:none!important;}
.chat-mode .chat-main.group-chat-active>#chat-messages,.chat-mode .chat-main.group-chat-active>.group-members-panel,
.chat-mode .chat-main.group-chat-active>.chat-composer{min-width:0;box-sizing:border-box;}

/* Tablets, mobile and desktop zoom: move actions to a dedicated, wrapping row. */
@media(max-width:900px){
  .chat-mode .chat-main.group-chat-active>.chat-topbar{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:8px!important;padding:10px 12px!important;}
  .chat-mode .chat-main.group-chat-active>.chat-topbar>.chat-conversation-heading{grid-column:1;grid-row:1;}
  .chat-mode .chat-main.group-chat-active>.chat-topbar>.call-controls{grid-column:1!important;grid-row:2!important;justify-content:flex-start!important;flex-wrap:wrap!important;width:100%!important;}
}
@media(max-width:760px){
  .chat-mode .chat-main.group-chat-active{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto minmax(180px,1fr) minmax(68px,auto) auto!important;}
  .chat-mode .chat-main.group-chat-active>.chat-topbar{grid-column:1!important;grid-row:1!important;}
  .chat-mode .chat-main.group-chat-active>.chat-topbar>.call-controls{display:flex!important;}
  .chat-mode .chat-main.group-chat-active>#chat-messages{grid-column:1!important;grid-row:2!important;}
  .chat-mode .chat-main.group-chat-active>.group-members-panel{grid-column:1!important;grid-row:3!important;max-height:120px;overflow:auto;border-top:1px solid #29373d;border-left:0;}
  .chat-mode .chat-main.group-chat-active>.chat-composer{grid-column:1!important;grid-row:4!important;}
  .chat-mode .chat-main.group-chat-active>.chat-topbar>.call-controls>.group-icon-action{flex-basis:36px!important;width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;}
}
@media(max-width:420px){
  .chat-mode .chat-main.group-chat-active>.chat-topbar{padding:9px!important;}
  .chat-mode .chat-main.group-chat-active>.chat-topbar>.call-controls{gap:6px!important;}
  .chat-mode .chat-main.group-chat-active>.chat-topbar>.call-controls>.group-icon-action{flex-basis:34px!important;width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;}
}

/* Ações visuais de chamada: exibidas nas DMs e nos grupos, ainda desativadas. */
.chat-mode .chat-main>.chat-topbar .chat-call-placeholder{
  display:grid!important;place-items:center;flex:0 0 38px;width:38px;min-width:38px;height:38px;min-height:38px;padding:0;
  border:1px solid #34434a;border-radius:10px;background:linear-gradient(145deg,#151e22,#0d1417);color:#bdc5c5;
  opacity:.58;cursor:not-allowed;box-shadow:inset 0 1px #ffffff08;
}
.chat-mode .chat-main>.chat-topbar .chat-call-placeholder svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.chat-mode .chat-main>.chat-topbar .chat-call-placeholder:disabled{pointer-events:none;}
@media(max-width:420px){.chat-mode .chat-main>.chat-topbar .chat-call-placeholder{flex-basis:34px;width:34px;min-width:34px;height:34px;min-height:34px;}}

.chat-mode .chat-main>.chat-topbar .chat-call-placeholder[hidden]{display:none!important}
.call-action-dock{grid-column:1/-1;display:flex;justify-content:center;align-items:center;gap:10px;padding:10px 12px;border:1px solid #2b3a40;border-radius:14px;background:rgba(10,15,18,.94);backdrop-filter:blur(14px);box-shadow:0 12px 40px #0008;z-index:5}.call-action-dock button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:46px;min-height:42px;padding:0 14px;border:1px solid #35444a;border-radius:12px;color:#e7ecee;background:#151e22;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .18s,border-color .18s,transform .18s,color .18s}.call-action-dock button:hover{background:#202c31;border-color:#d7b354;transform:translateY(-1px)}.call-action-dock button[aria-pressed=true],.call-action-dock button.is-muted{background:#422524;border-color:#a95149;color:#ffb2a9}.call-action-dock button.call-hangup{background:#9e3935;border-color:#b9534e;color:white}.call-action-dock button.call-hangup:hover{background:#c3433d}.call-stage .call-avatar{border-radius:50%;overflow:hidden;transition:box-shadow .2s,transform .2s}.call-stage .call-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.call-stage .call-avatar.is-speaking{box-shadow:0 0 0 4px #57b8ff,0 0 0 10px #57b8ff40,0 0 34px #3ba7ffb0;transform:scale(1.035)}.dm-call-actions{display:flex;gap:5px;align-items:center}.dm-call-actions button{display:grid;place-items:center;width:32px;height:32px;padding:7px;border:1px solid transparent;border-radius:9px;color:#98a8ad;background:transparent;cursor:pointer;transition:color .18s,background .18s,border-color .18s}.dm-call-actions button:hover{color:#e6bf5b;background:#1a2327;border-color:#39494f}.dm-call-actions svg,.chat-call-placeholder svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.chat-call-placeholder:not(:disabled){color:#e9c25e}.chat-call-placeholder:disabled{opacity:.4;cursor:not-allowed}@media(max-width:600px){.call-action-dock{gap:5px;padding:7px;flex-wrap:wrap}.call-action-dock button{min-width:40px;min-height:40px;padding:0 9px}.call-action-dock button span{font-size:11px}}
.chat-mode .chat-main.is-call-active{grid-template-rows:54px minmax(210px,1fr) minmax(92px,24dvh) auto!important}.chat-mode .chat-main.is-call-active>#call-stage:not([hidden]){display:grid!important;grid-row:2;grid-column:1;grid-template-rows:minmax(0,1fr) auto auto;min-height:220px;height:auto;max-height:none;overflow:hidden}.chat-mode .chat-main.is-call-active>#chat-messages{display:flex!important;grid-row:3;grid-column:1;min-height:92px;max-height:24dvh;overflow:auto}.chat-mode .chat-main.is-call-active>.chat-composer{grid-row:4;grid-column:1}.chat-mode .chat-main>#call-stage[hidden]{display:none!important}.chat-mode .call-stage .call-audio-dock{grid-row:2}.chat-mode .call-stage .call-action-dock{grid-row:3}.chat-mode .call-stage.has-local-share:not(.has-remote-share) .call-audio-dock,.chat-mode .call-stage.has-remote-share:not(.has-local-share) .call-audio-dock,.chat-mode .call-stage.has-local-share.has-remote-share .call-audio-dock{grid-row:2}.chat-mode .call-stage.has-local-share:not(.has-remote-share) .call-action-dock,.chat-mode .call-stage.has-remote-share:not(.has-local-share) .call-action-dock,.chat-mode .call-stage.has-local-share.has-remote-share .call-action-dock{grid-row:3}.chat-mode .call-stage .call-audio-dock{grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr) 36px}.chat-mode .call-stage .call-audio-dock>small{display:none}
@media(max-width:700px){.chat-mode .chat-main.is-call-active{grid-template-rows:50px minmax(190px,1fr) minmax(76px,20dvh) auto!important}.chat-mode .chat-main.is-call-active>#call-stage:not([hidden]){min-height:190px}.chat-mode .chat-main.is-call-active>#chat-messages{min-height:76px;max-height:20dvh}.chat-mode .call-action-dock button span{display:none}}
.chat-mode .chat-main>.chat-topbar .chat-call-placeholder:not(:disabled){opacity:1;cursor:pointer;color:#e9c25e}.chat-mode .chat-main>.chat-topbar .chat-call-placeholder:not(:disabled):hover{border-color:#a98a45;background:linear-gradient(145deg,#242116,#11171a);box-shadow:0 0 0 3px #d7b3541c}

/* Add-friend view: contain the form and let action labels use their real width. */
.chat-mode #friend-hub,
.chat-mode #friend-hub .friend-hub-layout,
.chat-mode #friend-hub .friend-hub-main,
.chat-mode #friend-hub .friend-add-panel,
.chat-mode #friend-hub #friend-search,
.chat-mode #friend-hub #user-results{box-sizing:border-box;min-width:0;max-width:100%;}
.chat-mode #friend-hub .friend-add-panel{width:min(100%,760px);margin:clamp(12px,3vw,32px) auto;padding:clamp(16px,3vw,28px);overflow:hidden;border-radius:16px;background:linear-gradient(145deg,#121a1e,#0c1215);box-shadow:0 18px 48px #0003;}
.chat-mode #friend-hub .friend-add-panel h2{margin:7px 0 8px;font-size:clamp(21px,2vw,26px);line-height:1.2;}
.chat-mode #friend-hub .friend-add-panel p{margin:0;color:#9eabb0;line-height:1.55;}
.chat-mode #friend-hub #friend-search.friend-add-form{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px;width:100%;margin:16px 0 0;}
.chat-mode #friend-hub #friend-search.friend-add-form>label{grid-column:1;width:100%;margin:0;color:#b8c3c7;font-size:11px;font-weight:700;}
.chat-mode #friend-hub #friend-search .friend-add-input{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-width:0;padding:6px 7px;border:1px solid #35434a;border-radius:11px;background:#080d10;}
.chat-mode #friend-hub #friend-search .friend-add-input>span{padding:0;text-align:center;font-size:17px;font-weight:700;}
.chat-mode #friend-hub #friend-search .friend-add-input input{display:block;width:100%;min-width:0;height:40px;padding:0 6px;border:0!important;background:transparent!important;box-shadow:none!important;color:#f1f2ef;outline:0;font:500 14px var(--body);}
.chat-mode #friend-hub #friend-search .friend-add-input input:focus{outline:0;}
.chat-mode #friend-hub #friend-search .friend-add-input .button{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 auto;width:auto!important;min-width:82px;height:38px;min-height:38px;margin:0;padding:0 14px;border-radius:9px;font-size:12px;white-space:nowrap;}
.chat-mode #friend-hub #user-results{display:grid;gap:7px;width:100%;padding:0;overflow-x:hidden;}
.chat-mode #friend-hub #user-results:empty{display:none;}
.chat-mode #friend-hub #user-results .search-user{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-width:0;min-height:58px;box-sizing:border-box;margin:0;padding:9px 11px;border:1px solid #29383e;border-radius:11px;background:#11191d;}
.chat-mode #friend-hub #user-results .search-user>.mini-avatar{display:grid;place-items:center;width:38px;height:38px;min-width:0;overflow:hidden;border:1px solid #6c5a31;border-radius:50%;object-fit:cover;}
.chat-mode #friend-hub #user-results .search-user-profile{display:block;min-width:0;overflow:hidden;text-decoration:none;}
.chat-mode #friend-hub #user-results .search-user-profile strong{overflow:hidden;color:#edf0ed;font-size:13px;text-overflow:ellipsis;white-space:nowrap;}
.chat-mode #friend-hub #user-results .search-user>[data-add-friend],
.chat-mode #friend-hub #user-results .search-user>.profile-friend-state{display:inline-flex!important;align-items:center;justify-content:center;justify-self:end;width:auto!important;min-width:0;max-width:100%;min-height:34px;margin:0;padding:0 11px;border:1px solid #5a4b2b;border-radius:9px;background:#201d16;color:#e6c15e;font-size:11px;font-weight:700;line-height:1.25;text-align:center;white-space:normal;}
.chat-mode #friend-hub #user-results .search-user>[data-add-friend]{cursor:pointer;}
.chat-mode #friend-hub #user-results .search-user>[data-add-friend]:hover{border-color:#c5a24c;background:#302817;color:#f5d57c;}
.chat-mode #friend-hub #user-results .search-user>.profile-friend-state{border-color:#30443a;background:#132019;color:#9ed0ac;}
.chat-mode #friend-hub #user-results .chat-empty-note,
.chat-mode #friend-hub #user-results .chat-search-state,
.chat-mode #friend-hub #user-results .chat-search-error{min-width:0;margin:4px 0;overflow-wrap:anywhere;}
@media(max-width:480px){
 .chat-mode #friend-hub .friend-add-panel{padding:15px;border-radius:13px;}
 .chat-mode #friend-hub #friend-search .friend-add-input{grid-template-columns:24px minmax(0,1fr) auto;gap:5px;padding:5px;}
 .chat-mode #friend-hub #friend-search .friend-add-input .button{min-width:70px;padding:0 9px;}
 .chat-mode #friend-hub #user-results .search-user{grid-template-columns:36px minmax(0,1fr) auto;gap:7px;padding:8px;}
 .chat-mode #friend-hub #user-results .search-user>.mini-avatar{width:34px;height:34px;}
 .chat-mode #friend-hub #user-results .search-user>[data-add-friend],
 .chat-mode #friend-hub #user-results .search-user>.profile-friend-state{padding:0 8px;font-size:10px;}
}

/* Device selection and noise filtering live in Settings > Audio; call controls stay icon-only. */
.chat-mode .call-stage .call-audio-dock{display:none!important;}
.chat-mode .chat-main.is-call-active>#call-stage:not([hidden]){grid-template-rows:minmax(0,1fr) auto!important;}
.chat-mode .call-stage .call-action-dock,
.chat-mode .call-stage.has-local-share .call-action-dock,
.chat-mode .call-stage.has-remote-share .call-action-dock{grid-row:2!important;}
.chat-mode .call-action-dock{display:flex;align-items:center;justify-content:center;gap:12px;width:max-content;max-width:100%;margin:10px auto 0;padding:9px 12px;border:1px solid #34434a;border-radius:16px;background:linear-gradient(145deg,#141d21ee,#0a1013f2);box-shadow:0 12px 32px #0006,inset 0 1px #ffffff0a;}
.chat-mode .call-action-dock button{display:grid;place-items:center;flex:0 0 48px;width:48px;min-width:48px;height:48px;min-height:48px;padding:0;border:1px solid #35454b;border-radius:14px;background:linear-gradient(145deg,#1a252a,#10171a);color:#dce4e3;box-shadow:0 4px 12px #0003;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease;}
.chat-mode .call-action-dock button:hover{transform:translateY(-2px);border-color:#c7a44e;background:linear-gradient(145deg,#29271d,#171a18);color:#f0cd73;box-shadow:0 7px 18px #0005,0 0 0 3px #d7b35415;}
.chat-mode .call-action-dock button svg{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.chat-mode .call-action-dock button[aria-pressed="true"],
.chat-mode .call-action-dock button.is-muted{border-color:#8b4943;background:linear-gradient(145deg,#472522,#281716);color:#ffaaa0;}
.chat-mode .call-action-dock button.call-hangup{border-color:#b54c45;background:linear-gradient(145deg,#d84e48,#a82e2d);color:#fff;}
.chat-mode .call-action-dock button.call-hangup:hover{border-color:#f08177;background:linear-gradient(145deg,#eb6258,#bd3936);color:#fff;}
.chat-mode .settings-pane[data-settings-pane="audio"] .settings-select{width:100%;}
@media(max-width:520px){.chat-mode .call-action-dock{gap:8px;padding:8px}.chat-mode .call-action-dock button{flex-basis:44px;width:44px;min-width:44px;height:44px;min-height:44px;border-radius:13px}}
@media(prefers-reduced-motion:reduce){.chat-mode .call-action-dock button{transition:none}}

/* Focus view for calls: large shared screen with the conversation attached. */
.call-focus-overlay{position:fixed;z-index:10000;inset:0;display:grid;grid-template-rows:64px minmax(0,1fr);padding:clamp(10px,2vw,26px);background:radial-gradient(ellipse at 50% 0,#19252b 0,#080c0f 58%);opacity:0;transform:scale(.985);transition:opacity .2s ease,transform .24s cubic-bezier(.2,.75,.25,1);}
.call-focus-overlay.is-open{opacity:1;transform:scale(1)}.call-focus-overlay.is-closing{opacity:0;transform:scale(.99)}
.call-focus-header{display:flex;align-items:center;justify-content:space-between;max-width:1800px;width:100%;margin:0 auto;padding:0 4px 12px;border-bottom:1px solid #2b3940;color:#f1f3ef}
.call-focus-header>div{display:grid;gap:4px}.call-focus-header strong{font-size:16px}.call-focus-live{display:flex;align-items:center;gap:7px;color:#e7bf5c;font-size:10px;font-weight:800;letter-spacing:.14em}.call-focus-live i{width:7px;height:7px;border-radius:50%;background:#55d39a;box-shadow:0 0 12px #55d39a;animation:focus-live-pulse 1.7s ease-in-out infinite}
.call-focus-close{display:grid;place-items:center;width:42px;height:42px;border:1px solid #435158;border-radius:13px;background:#131b20;color:#eff2ef;font:inherit;font-size:28px;font-weight:400;line-height:1;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}.call-focus-close:hover{transform:rotate(90deg);border-color:#dfb84f;background:#28251a;color:#f0cd73}
.call-focus-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,340px);gap:14px;width:100%;max-width:1800px;min-height:0;margin:14px auto 0}
.call-focus-screen{position:relative;display:grid;place-items:center;min-width:0;min-height:0;overflow:hidden;border:1px solid #34434a;border-radius:18px;background:radial-gradient(ellipse at center,#121a1f,#050709 72%);box-shadow:0 20px 80px #0007,inset 0 1px #ffffff0b}
.call-focus-screen video{display:block;width:100%;height:100%;max-height:100%;object-fit:contain;background:#050709}.call-focus-screen-top{position:absolute;z-index:2;top:14px;left:16px;right:16px;display:flex;justify-content:space-between;gap:12px;pointer-events:none;color:#e7bf5c;font-size:10px;font-weight:800;letter-spacing:.14em;text-shadow:0 2px 10px #000}.call-focus-screen-top small{color:#d2d9d9;font-size:12px;font-weight:600;letter-spacing:0}
.call-focus-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center;color:#dbe2e2;background:radial-gradient(ellipse at center,#152126,#070a0d 72%)}.call-focus-empty[hidden]{display:none}.call-focus-empty>span{display:grid;place-items:center;width:62px;height:62px;border:1px solid #6e5a2c;border-radius:19px;background:#d7b35412;color:#e7bf5c;font-size:26px}.call-focus-empty strong{font-size:18px}.call-focus-empty small{max-width:350px;color:#92a0a6;line-height:1.6}
.call-focus-chat{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;overflow:hidden;border:1px solid #34434a;border-radius:18px;background:linear-gradient(165deg,#11191d,#0b1013 65%);box-shadow:0 20px 65px #0005}.call-focus-chat-heading{display:grid;gap:4px;padding:18px 17px;border-bottom:1px solid #29373d}.call-focus-chat-heading strong{font-size:15px}.call-focus-chat-heading span{color:#82939a;font-size:12px}.call-focus-messages{display:flex;flex-direction:column;gap:8px;min-height:0;padding:14px;overflow:auto;overscroll-behavior:contain}.call-focus-messages .chat-message{flex:0 0 auto;max-width:100%;padding:10px;border:1px solid #202d32;border-radius:12px;background:#11191d}.call-focus-messages .chat-message-text{overflow-wrap:anywhere}.call-focus-messages .chat-image{max-width:min(100%,320px);height:auto;object-fit:contain}.call-focus-messages .chat-empty{margin:auto;text-align:center}.call-focus-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:12px;border-top:1px solid #29373d}.call-focus-composer textarea{width:100%;min-height:44px;max-height:130px;resize:vertical;padding:12px;border:1px solid #34434a;border-radius:11px;outline:none;background:#080d10;color:#f1f3ef;font:inherit;font-size:13px}.call-focus-composer textarea:focus{border-color:#c8a44d;box-shadow:0 0 0 3px #c8a44d20}.call-focus-composer button{align-self:end;min-height:42px;padding:0 16px;border:1px solid #e0b74f;border-radius:11px;background:linear-gradient(135deg,#f1d27a,#d9ad46);color:#17130a;font-weight:800;cursor:pointer;transition:transform .16s,filter .16s}.call-focus-composer button:hover{transform:translateY(-1px);filter:brightness(1.08)}.call-focus-composer button:disabled{opacity:.55;cursor:wait}
.call-stage .call-avatar{position:relative;isolation:isolate}.call-stage .call-avatar.is-speaking{z-index:0;box-shadow:0 0 0 3px #52baff,0 0 0 8px #52baff38,0 0 30px #2daaffaa;transform:scale(1.045);animation:voice-avatar-glow 1.05s ease-in-out infinite alternate}.call-stage .call-avatar.is-speaking:before,.call-stage .call-avatar.is-speaking:after{position:absolute;z-index:-1;inset:-8px;border:2px solid #51b8ffb5;border-radius:50%;content:"";pointer-events:none;animation:voice-ring 1.7s ease-out infinite}.call-stage .call-avatar.is-speaking:after{animation-delay:.82s}
@keyframes voice-ring{0%{opacity:.78;transform:scale(.92)}100%{opacity:0;transform:scale(1.42)}}@keyframes voice-avatar-glow{from{box-shadow:0 0 0 3px #52baff,0 0 0 8px #52baff38,0 0 22px #2daaff80}to{box-shadow:0 0 0 4px #8bd5ff,0 0 0 11px #52baff45,0 0 38px #2daaffd0}}@keyframes focus-live-pulse{50%{opacity:.5;box-shadow:0 0 3px #55d39a}}
@media(max-width:760px){.call-focus-overlay{grid-template-rows:54px minmax(0,1fr);padding:10px}.call-focus-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(180px,1fr) minmax(180px,.7fr);gap:9px;margin-top:9px}.call-focus-chat{border-radius:14px}.call-focus-chat-heading{padding:10px 12px}.call-focus-messages{padding:8px}.call-focus-composer{padding:8px}.call-focus-screen{border-radius:14px}.call-focus-screen-top{top:9px;left:11px}}
@media(max-width:420px){.call-focus-overlay{padding:7px}.call-focus-layout{grid-template-rows:minmax(150px,.9fr) minmax(180px,1fr)}.call-focus-header strong{font-size:14px}.call-focus-close{width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){.call-focus-overlay,.call-focus-close,.call-focus-composer button,.call-stage .call-avatar.is-speaking,.call-stage .call-avatar.is-speaking:before,.call-stage .call-avatar.is-speaking:after,.call-focus-live i{animation:none!important;transition:none!important}}

/* Call transcript stays in a readable vertical stream; mute states remain visible on the local tile. */
.chat-mode .chat-main.is-call-active>#chat-messages{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:4px!important;min-width:0;}
.chat-mode .chat-main.is-call-active>#chat-messages>.chat-message{display:grid;flex:0 0 auto;width:100%;max-width:100%;box-sizing:border-box;grid-template-columns:34px minmax(0,1fr);align-self:stretch;margin:0;padding:8px 10px;border:0;border-bottom:1px solid #1d292e;border-radius:8px;background:transparent;}
.chat-mode .chat-main.is-call-active>#chat-messages>.chat-message:hover{transform:none;background:#ffffff05;}
.chat-mode .call-stage .call-avatar{overflow:visible!important;}
.call-audio-state{position:absolute;right:-5px;bottom:-4px;z-index:4;display:flex;gap:3px;}
.call-audio-state i{display:grid;place-items:center;width:25px;height:25px;border:2px solid #11191d;border-radius:50%;background:#9d3633;color:#fff;box-shadow:0 3px 10px #0008;}
.call-audio-state i[hidden]{display:none!important;}
.call-audio-state svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.chat-mode .call-action-dock [data-action="call-output-toggle"][aria-pressed="true"] svg{transform:scale(1.04);}
@media(max-width:700px){.chat-mode .chat-main.is-call-active>#chat-messages>.chat-message{grid-template-columns:29px minmax(0,1fr);padding:6px 7px}.call-audio-state i{width:22px;height:22px}}

/* Call layout normalization: predictable grid tracks in Chromium browsers (Chrome, Edge, Opera). */
.chat-mode .chat-main.is-call-active>#call-stage:not([hidden]){
  display:grid!important;box-sizing:border-box;grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:minmax(190px,1fr) auto!important;grid-auto-rows:auto;align-content:stretch;align-items:stretch;
  gap:10px;width:100%;height:clamp(320px,48vh,620px);height:clamp(320px,48dvh,620px);
  min-width:0;min-height:320px;max-height:620px;overflow:hidden;padding:12px;
}
.chat-mode .chat-main.is-call-active>#call-stage:not(.has-local-share):not(.has-remote-share) .call-participant{
  grid-row:1!important;grid-column:auto!important;grid-row-end:auto!important;min-width:0;min-height:0;height:100%;align-self:stretch;
}
.chat-mode .chat-main.is-call-active>#call-stage:not(.has-local-share):not(.has-remote-share) .call-remote-participant{grid-column:1!important;}
.chat-mode .chat-main.is-call-active>#call-stage:not(.has-local-share):not(.has-remote-share) .call-local-participant{grid-column:2!important;}
.chat-mode .chat-main.is-call-active>#call-stage .call-avatar{width:clamp(76px,9vw,126px);height:clamp(76px,9vw,126px);}
.chat-mode .chat-main.is-call-active>#call-stage .call-audio-dock{display:none!important;}
.chat-mode .chat-main.is-call-active>#call-stage .call-action-dock{grid-column:1/-1!important;grid-row:2!important;justify-self:center;align-self:center;margin:0;}
.chat-mode .chat-main.is-call-active>#call-stage.has-local-share,
.chat-mode .chat-main.is-call-active>#call-stage.has-remote-share{grid-template-rows:minmax(170px,1fr) 76px auto!important;}
.chat-mode .chat-main.is-call-active>#call-stage.has-local-share:not(.has-remote-share) .call-screen-local,
.chat-mode .chat-main.is-call-active>#call-stage.has-remote-share:not(.has-local-share) .call-screen-remote{grid-column:1/-1!important;grid-row:1!important;height:100%;min-height:0;}
.chat-mode .chat-main.is-call-active>#call-stage.has-local-share.has-remote-share .call-screen-local{grid-column:1!important;grid-row:1!important;height:100%;min-height:0;}
.chat-mode .chat-main.is-call-active>#call-stage.has-local-share.has-remote-share .call-screen-remote{grid-column:2!important;grid-row:1!important;height:100%;min-height:0;}
.chat-mode .chat-main.is-call-active>#call-stage.has-local-share .call-participant,
.chat-mode .chat-main.is-call-active>#call-stage.has-remote-share .call-participant{grid-row:2!important;grid-column:auto!important;grid-row-end:auto!important;min-height:0;height:76px;}
.chat-mode .chat-main.is-call-active>#call-stage .call-screen-share video{width:100%;height:100%;min-height:0;object-fit:contain;}
.chat-mode .chat-main.is-call-active>#call-stage.has-local-share .call-action-dock,
.chat-mode .chat-main.is-call-active>#call-stage.has-remote-share .call-action-dock{grid-row:3!important;}
.call-focus-overlay{height:100vh;height:100dvh;box-sizing:border-box;overflow:hidden;}
.call-focus-layout{box-sizing:border-box;min-width:0;min-height:0;grid-template-columns:minmax(0,1fr) minmax(280px,340px);}
.call-focus-screen video{position:absolute;inset:0;}
@media(max-width:760px){
 .chat-mode .chat-main.is-call-active>#call-stage:not([hidden]){height:clamp(290px,42vh,480px);height:clamp(290px,42dvh,480px);min-height:290px;gap:7px;padding:8px;}
 .chat-mode .chat-main.is-call-active>#call-stage.has-local-share,.chat-mode .chat-main.is-call-active>#call-stage.has-remote-share{grid-template-rows:minmax(145px,1fr) 64px auto!important;}
 .chat-mode .chat-main.is-call-active>#call-stage.has-local-share .call-participant,.chat-mode .chat-main.is-call-active>#call-stage.has-remote-share .call-participant{height:64px;}
 .chat-mode .call-action-dock{gap:7px;padding:7px;}
 .chat-mode .call-action-dock button{flex-basis:42px;width:42px;min-width:42px;height:42px;min-height:42px;}
 .call-focus-overlay{grid-template-rows:52px minmax(0,1fr);padding:9px;}
 .call-focus-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(150px,1fr) minmax(170px,.8fr);gap:8px;margin-top:8px;}
}
@media(max-width:480px){
 .chat-mode .chat-main.is-call-active>#call-stage:not([hidden]){grid-template-columns:repeat(2,minmax(0,1fr));}
 .chat-mode .call-action-dock{gap:5px;padding:6px;}
 .chat-mode .call-action-dock button{flex-basis:38px;width:38px;min-width:38px;height:38px;min-height:38px;border-radius:11px;}
 .call-focus-overlay{padding:7px;}
 .call-focus-layout{grid-template-rows:minmax(130px,1fr) minmax(160px,.9fr);}
}

/* Call stage: simple Discord-like avatars, no boxed participant cards. */
.chat-mode .chat-main.is-call-active>#call-stage:not([hidden]):not(.has-local-share):not(.has-remote-share){
  grid-template-columns:repeat(2,minmax(110px,150px))!important;
  grid-template-rows:minmax(92px,1fr) auto!important;
  justify-content:center;align-content:center;
  height:clamp(146px,19vh,180px);height:clamp(146px,19dvh,180px);
  min-height:146px;max-height:180px;padding:8px 12px;gap:4px 24px;
  background:radial-gradient(ellipse at 50% 45%,#17212688,transparent 58%);border:0;overflow:visible;
}
.chat-mode .chat-main.is-call-active>#call-stage:not(.has-local-share):not(.has-remote-share) .call-participant{
  display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;
  grid-row:1!important;grid-row-end:auto!important;min-height:0;height:100%;
  overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;
}
.chat-mode .chat-main.is-call-active>#call-stage:not(.has-local-share):not(.has-remote-share) .call-avatar{
  position:relative;inset:auto;top:auto;left:auto;transform:none!important;
  flex:0 0 80px;width:80px;height:80px;border:1px solid #c9a94f;
  box-shadow:none;background:#172126;color:#f1cc68;
}
.chat-mode .chat-main.is-call-active>#call-stage:not(.has-local-share):not(.has-remote-share) .call-participant-name{
  position:static;display:block;max-width:min(100%,220px);padding:0;border:0;
  overflow:hidden;background:transparent;color:#cbd3d4;font-size:11px;
  text-align:center;text-overflow:ellipsis;backdrop-filter:none;line-height:1.35;
}
.chat-mode .chat-main.is-call-active>#call-stage:not(.has-local-share):not(.has-remote-share) .call-live-indicator{display:none;}
.chat-mode .call-stage .call-avatar.is-speaking{
  z-index:1;transform:none!important;animation:none!important;
  outline:1px solid #62baff;outline-offset:3px;
  box-shadow:0 0 0 1px #62baff22!important;
}
.chat-mode .call-stage .call-avatar.is-speaking::before,
.chat-mode .call-stage .call-avatar.is-speaking::after{display:none!important;content:none!important;animation:none!important;}
.chat-mode .call-stage.has-local-share,
.chat-mode .call-stage.has-remote-share{
  grid-template-rows:minmax(140px,1fr) 58px auto!important;
  height:clamp(270px,45vh,560px);height:clamp(270px,45dvh,560px);
  min-height:270px;max-height:560px;padding:9px;gap:7px;
}
.chat-mode .call-stage.has-local-share .call-participant,
.chat-mode .call-stage.has-remote-share .call-participant{
  display:flex;flex-direction:row;justify-content:center;align-items:center;gap:9px;
  min-height:0;height:58px;overflow:visible;border:0;border-radius:0;
  background:transparent;box-shadow:none;
}
.chat-mode .call-stage.has-local-share .call-avatar,
.chat-mode .call-stage.has-remote-share .call-avatar{
  position:relative;inset:auto;top:auto;left:auto;transform:none!important;
  flex:0 0 46px;width:46px;height:46px;border-width:1px;box-shadow:none;
}
.chat-mode .call-stage.has-local-share .call-participant-name,
.chat-mode .call-stage.has-remote-share .call-participant-name{
  position:static;max-width:min(40%,180px);padding:0;border:0;background:transparent;
  color:#cbd3d4;font-size:10px;backdrop-filter:none;
}
.chat-mode .call-stage.has-local-share .call-live-indicator,
.chat-mode .call-stage.has-remote-share .call-live-indicator{display:none;}
.chat-mode .chat-call-note{max-width:1100px;margin:12px auto 0;padding:10px 14px;border:1px solid #28373c;border-radius:10px;background:#10171a;color:#97a5aa;font-size:12px;line-height:1.5;}
@media(max-width:700px){
 .chat-mode .chat-main.is-call-active>#call-stage:not(.has-local-share):not(.has-remote-share){height:142px;min-height:142px;padding:6px;}
 .chat-mode .chat-main.is-call-active>#call-stage:not(.has-local-share):not(.has-remote-share) .call-avatar{flex-basis:64px;width:64px;height:64px;}
 .chat-mode .call-stage.has-local-share,.chat-mode .call-stage.has-remote-share{grid-template-rows:minmax(120px,1fr) 54px auto!important;height:clamp(230px,40vh,440px);height:clamp(230px,40dvh,440px);min-height:230px;}
 .chat-mode .call-stage.has-local-share .call-participant,.chat-mode .call-stage.has-remote-share .call-participant{height:54px;}
 .chat-mode .call-stage.has-local-share .call-avatar,.chat-mode .call-stage.has-remote-share .call-avatar{flex-basis:40px;width:40px;height:40px;}
}
@media(prefers-reduced-motion:reduce){.chat-mode .call-stage .call-avatar.is-speaking{animation:none!important;transition:none!important;}}
@media(max-width:480px){
 .chat-mode .chat-main.is-call-active>#call-stage:not([hidden]):not(.has-local-share):not(.has-remote-share){grid-template-columns:repeat(2,minmax(104px,126px))!important;column-gap:10px;}
 .chat-mode .chat-main.is-call-active>#call-stage:not(.has-local-share):not(.has-remote-share) .call-avatar{flex-basis:66px;width:66px;height:66px;}
 .chat-mode .chat-main.is-call-active>#call-stage:not(.has-local-share):not(.has-remote-share) .call-participant-name{max-width:126px;font-size:10px;}
}

/* Keep avatar labels and call controls on separate, evenly sized rows. */
.chat-mode .chat-main.is-call-active>#call-stage:not([hidden]):not(.has-local-share):not(.has-remote-share){
  box-sizing:border-box;grid-template-rows:122px 54px!important;
  height:198px;height:clamp(188px,24dvh,208px);min-height:188px;max-height:208px;
  align-content:center;gap:5px 24px;padding:8px 12px;overflow:visible;
}
.chat-mode .chat-main.is-call-active>#call-stage:not(.has-local-share):not(.has-remote-share) .call-participant{
  box-sizing:border-box;min-height:0;height:122px;overflow:visible;
  display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;
}
.chat-mode .chat-main.is-call-active>#call-stage:not(.has-local-share):not(.has-remote-share) .call-avatar{
  box-sizing:border-box;flex:0 0 74px;width:74px;height:74px;min-width:74px;min-height:74px;
}
.chat-mode .chat-main.is-call-active>#call-stage:not(.has-local-share):not(.has-remote-share) .call-participant-name{
  box-sizing:border-box;min-height:16px;line-height:16px;max-width:150px;margin:0;
}
.chat-mode .chat-main.is-call-active>#call-stage:not(.has-local-share):not(.has-remote-share) .call-action-dock{
  box-sizing:border-box;grid-row:2!important;align-self:center;justify-self:center;
  min-height:50px;margin:0;padding:5px 8px;gap:8px;z-index:2;
}
@media(max-width:700px){
 .chat-mode .chat-main.is-call-active>#call-stage:not([hidden]):not(.has-local-share):not(.has-remote-share){grid-template-rows:112px 50px!important;height:178px;min-height:178px;padding:6px;gap:4px 12px;}
 .chat-mode .chat-main.is-call-active>#call-stage:not(.has-local-share):not(.has-remote-share) .call-participant{height:112px;}
 .chat-mode .chat-main.is-call-active>#call-stage:not(.has-local-share):not(.has-remote-share) .call-avatar{flex-basis:66px;width:66px;height:66px;min-width:66px;min-height:66px;}
}

/* A clean toolbar: button surfaces only, without a second outline behind them. */
.chat-mode .chat-main.is-call-active>#call-stage .call-action-dock{
  display:flex;align-items:center;justify-content:center;gap:8px;
  width:max-content;max-width:calc(100vw - 28px);min-height:0;height:auto;
  padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;
  backdrop-filter:none;overflow:visible;
}
.chat-mode .chat-main.is-call-active>#call-stage .call-action-dock button{
  box-sizing:border-box;display:grid;place-items:center;flex:0 0 44px;
  width:44px;min-width:44px;height:44px;min-height:44px;padding:0;
  border:1px solid #334148;border-radius:12px;
  background:linear-gradient(160deg,#172126,#10171a);color:#d8e0e1;
  box-shadow:0 2px 7px #0003;transform:none;
}
.chat-mode .chat-main.is-call-active>#call-stage .call-action-dock button:hover{
  border-color:#c9a94f;background:#20251f;color:#f3d277;box-shadow:0 0 0 2px #d7b35415;
}
.chat-mode .chat-main.is-call-active>#call-stage .call-action-dock button.call-hangup{
  border-color:#b74440;background:#c7433e;color:#fff;box-shadow:0 3px 10px #7b201d40;
}
.chat-mode .chat-main.is-call-active>#call-stage .call-action-dock button.call-hangup:hover{
  border-color:#e66a63;background:#d84b45;color:#fff;
}
.chat-mode .chat-main.is-call-active>#call-stage .call-action-dock button:focus-visible{
  outline:2px solid #e5c363;outline-offset:2px;
}
@media(max-width:480px){
 .chat-mode .chat-main.is-call-active>#call-stage .call-action-dock{gap:6px;}
 .chat-mode .chat-main.is-call-active>#call-stage .call-action-dock button{flex-basis:40px;width:40px;min-width:40px;height:40px;min-height:40px;border-radius:11px;}
}

/* Stabilize call participant media: global video min-heights must not leak into avatar tiles. */
.chat-mode #call-stage .call-participant{position:relative;box-sizing:border-box;min-width:0;min-height:0;isolation:isolate;overflow:hidden;}
.chat-mode #call-stage .call-participant>video#remote-video,
.chat-mode #call-stage .call-participant>video#local-preview{
  position:absolute!important;inset:0!important;z-index:0!important;display:block;
  box-sizing:border-box;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;
  max-width:100%!important;max-height:100%!important;margin:0!important;padding:0!important;
  border:0!important;object-fit:cover!important;object-position:center;background:#10181d;
}
.chat-mode #call-stage .call-avatar{
  box-sizing:border-box;aspect-ratio:1/1!important;flex-shrink:0!important;overflow:hidden!important;
  border-radius:50%!important;
}
.chat-mode #call-stage .call-avatar img{
  display:block!important;width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;
  max-width:none!important;max-height:none!important;aspect-ratio:1/1!important;object-fit:cover!important;
  object-position:center;border-radius:50%!important;
}
.chat-mode #call-stage .call-avatar.has-video{opacity:0;pointer-events:none;}
@media(max-width:700px){
  .chat-mode .call-stage.has-local-share .call-participant,
  .chat-mode .call-stage.has-remote-share .call-participant{overflow:hidden;}
}

/* Never let an empty media element replace the participant avatar before its first decoded frame. */
.chat-mode #call-stage .call-participant>video.is-live:not(.has-frame){opacity:0!important;}
.chat-mode #call-stage .call-participant>video.is-live.has-frame{opacity:1!important;}
.chat-mode #call-stage .call-participant{display:flex;flex-direction:column;align-items:center;justify-content:center;}
.chat-mode #call-stage .call-participant .call-avatar{position:relative;top:auto;left:auto;transform:none!important;flex:0 0 auto;}
.chat-mode #call-stage .call-participant .call-participant-name{z-index:3;}
.chat-mode #call-stage.has-local-share .call-participant,
.chat-mode #call-stage.has-remote-share .call-participant{flex-direction:row;}

/* Store product artwork: fill the card width cleanly without a leftover side rail. */
.products-grid .product-card{box-sizing:border-box;min-width:0;overflow:hidden;border-radius:14px;}
.products-grid .product-card>.product-cover{
  box-sizing:border-box;align-self:stretch;flex:0 0 auto;width:auto!important;max-width:none;
  margin:calc(-1 * var(--product-card-pad,17px)) calc(-1 * var(--product-card-pad,17px)) 15px!important;
}
.products-grid .product-card>.product-cover-placeholder{
  display:grid;place-items:center;box-sizing:border-box;align-self:stretch;width:auto!important;
  height:auto!important;min-height:0!important;aspect-ratio:16/7;margin-bottom:15px!important;
  padding:10px!important;overflow:hidden;border-bottom:1px solid #d4b15a24;
  background:radial-gradient(ellipse at 50% 45%,#d7b25020,transparent 70%),#0a1013;
}
.products-grid .product-card>.product-cover-placeholder img[src*="vip-art"]{
  display:block;box-sizing:border-box;width:100%!important;height:100%!important;max-width:100%!important;
  max-height:none!important;padding:0!important;object-fit:contain!important;object-position:center;opacity:1;
}

/* Cart line item: keep the cover and its copy in separate, non-overlapping columns. */
.cart-panel .cart-product{display:flex!important;align-items:stretch;gap:18px;width:100%;min-width:0;max-width:100%;box-sizing:border-box;overflow:hidden;padding:20px 46px 20px 0}
.cart-panel .cart-product-image{position:relative;flex:0 0 clamp(112px,24vw,176px);width:clamp(112px,24vw,176px);min-width:0;height:clamp(130px,22vw,190px);min-height:0;max-height:190px;aspect-ratio:4/3;box-sizing:border-box}
.cart-panel .cart-product-image img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;padding:8px;box-sizing:border-box}
.cart-panel .cart-product-placeholder.is-vip-art img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain!important;padding:8px!important}
.cart-panel .cart-product-info{flex:1 1 0;min-width:0;max-width:100%;padding:0 4px 0 0;overflow-wrap:anywhere}
.cart-panel .cart-product-info h3,.cart-panel .cart-product-description,.cart-panel .cart-product-benefits{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:normal}
.cart-panel .cart-remove{z-index:1;right:0}
@media(max-width:560px){.cart-panel .cart-product{gap:12px;padding:16px 40px 16px 0}.cart-panel .cart-product-image{flex-basis:96px;width:96px;height:112px}.cart-panel .cart-product-info h3{font-size:clamp(20px,6vw,26px)}.cart-panel .cart-product-description{font-size:11px;line-height:1.55}}
@media(max-width:360px){.cart-panel .cart-product{flex-direction:column;padding-right:0}.cart-panel .cart-product-image{flex:0 0 auto;width:100%;height:160px;max-height:160px}.cart-panel .cart-product-info{padding-right:38px}.cart-panel .cart-remove{top:12px;right:8px}}
.friends-maintenance{position:fixed;z-index:20000;inset:0;display:grid;place-items:center;padding:24px;box-sizing:border-box;background:radial-gradient(ellipse at 50% 35%,#d8ae4a18,transparent 42%),rgba(5,8,10,.94);backdrop-filter:blur(12px);animation:friends-maintenance-in .28s ease-out both}.friends-maintenance-card{width:min(480px,100%);box-sizing:border-box;padding:clamp(28px,5vw,48px);border:1px solid #b89446;border-radius:22px;background:linear-gradient(155deg,#151e22,#0b1013 68%);box-shadow:0 28px 100px #000b,0 0 70px #d8ae4a10;text-align:center}.friends-maintenance-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 22px;border:1px solid #d4ad55;border-radius:18px;background:#d4ad5514;color:#edc765;font-size:27px;box-shadow:0 0 32px #d4ad5522}.friends-maintenance-card .system-kicker{margin:0 0 10px;color:#e6bd5b;letter-spacing:.16em;font-size:10px;font-weight:800}.friends-maintenance-card h1{margin:0;color:#f2f1eb;font-size:clamp(26px,5vw,36px);line-height:1.12}.friends-maintenance-card>p:not(.system-kicker){margin:14px auto 26px;max-width:360px;color:#aeb9bc;font-size:15px;line-height:1.6}.friends-maintenance-card .button{min-width:190px;justify-content:center}@keyframes friends-maintenance-in{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.friends-maintenance{animation:none}}
/* Mapa em janela ampla, com navegação privada por navegador. */
.map-window-page{display:flex;min-height:calc(100dvh - 88px);flex-direction:column;gap:18px;padding:clamp(18px,3vw,38px);background:radial-gradient(ellipse at 12% 0,#dfb64c0b,transparent 38%)}
.map-window-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;width:min(100%,1600px);margin:0 auto}
.map-window-heading h1{margin:7px 0;font:800 clamp(30px,4vw,48px)/1 var(--display);letter-spacing:-.025em}
.map-window-heading>div>p:last-child{margin:7px 0 0;color:#9ba9ae;font-size:13px}
.map-private-tag{padding:9px 12px;border:1px solid #34444b;border-radius:999px;background:#11191d;color:#aab6ba;font-size:10px;white-space:nowrap}
.map-private-tag:before{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#66c892;content:""}
.map-window-shell{display:flex;width:min(100%,1600px);min-height:0;flex:1;flex-direction:column;gap:10px;margin:0 auto;padding:12px;border:1px solid #2b3b42;border-radius:20px;background:linear-gradient(150deg,#111a1f,#090e11 76%);box-shadow:0 24px 70px #0005}
.map-address-bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:54px;padding:5px 7px 5px 14px;border:1px solid #2d3d44;border-radius:12px;background:#080d10}
.map-address-bar label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.map-address-lock{color:#d9b75d;font-size:17px}.map-address-bar input{width:100%;min-width:0;height:40px;border:0;outline:0;background:transparent;color:#e9ece8;font:500 13px var(--body)}.map-address-bar input::placeholder{color:#73838a}
.map-address-bar button{min-width:96px;height:40px;padding:0 15px;border:1px solid #efcb6e;border-radius:9px;background:linear-gradient(135deg,#f0cf7b,#dcae45);color:#151513;font:700 12px var(--body);cursor:pointer;transition:filter .18s,transform .18s}.map-address-bar button:hover{filter:brightness(1.06);transform:translateY(-1px)}
.map-frame-wrap{position:relative;display:grid;min-height:360px;flex:1;overflow:hidden;border:1px solid #2a3940;border-radius:14px;background:#070b0d}.map-frame-wrap iframe{display:block;width:100%;height:100%;min-height:360px;border:0;background:#080d10}
.map-frame-empty{display:grid;align-content:center;justify-items:center;gap:10px;min-height:360px;padding:30px;text-align:center;background:radial-gradient(ellipse at center,#dcb75012,transparent 52%)}.map-frame-empty>span{display:grid;place-items:center;width:54px;height:54px;border:1px solid #7d6939;border-radius:16px;background:#dcb75012;color:#eac35d;font-size:25px}.map-frame-empty h2{margin:4px 0;color:#e9ece8;font:700 26px var(--display)}.map-frame-empty p{max-width:490px;margin:0;color:#95a3a8;font-size:12px;line-height:1.7}
.map-window-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 4px;color:#79888e;font-size:10px}.map-window-footer a{color:#e8c15e;font-weight:700;text-decoration:none}.map-window-footer a:hover{text-decoration:underline}
@media(max-width:600px){.map-window-page{min-height:calc(100dvh - 72px);padding:14px;gap:12px}.map-window-heading{align-items:flex-start;flex-direction:column;gap:9px}.map-window-heading h1{font-size:34px}.map-window-shell{padding:8px;border-radius:15px}.map-address-bar{grid-template-columns:auto minmax(0,1fr) auto;gap:7px;padding-left:10px}.map-address-bar button{min-width:70px;padding-inline:9px}.map-frame-wrap,.map-frame-wrap iframe{min-height:52dvh}.map-window-footer{align-items:flex-start;flex-direction:column;padding:6px}}
@media(prefers-reduced-motion:reduce){.map-address-bar button{transition:none}}
/* Video keeps its native 16:9 ratio; websites use the taller available viewport. */
.map-window-page{min-height:100dvh;gap:14px;padding:calc(78px + clamp(14px,2vw,28px)) clamp(14px,2vw,28px) clamp(14px,2vw,28px)}
.map-window-shell{min-height:0;flex:1}
.map-frame-wrap{width:100%;min-height:0;flex:0 0 auto}
.map-frame-wrap iframe{width:100%;height:100%;min-height:0}
.map-frame-wrap.map-frame-video{height:auto;aspect-ratio:16/9}
.map-frame-wrap.map-frame-video iframe{position:absolute;inset:0;width:100%;height:100%}
.map-frame-wrap.map-frame-site{height:clamp(520px,76dvh,1100px)}
.map-frame-empty{height:100%;min-height:0;box-sizing:border-box}
@media(max-width:700px){.map-window-page{padding-top:calc(78px + 14px)}.map-window-shell{padding:9px}.map-frame-wrap.map-frame-video{aspect-ratio:16/9}.map-frame-wrap.map-frame-site{height:62dvh;min-height:420px}.map-private-tag{white-space:normal;line-height:1.45}}