/* style.css */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/barlow-condensed-0.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/barlow-condensed-1.ttf) format('truetype');
}

/* LUNARIS — graphite, paper, one accent. Shared visual foundation. */
:root{--bg:#141718;--panel:#1b1f20;--panel-alt:#202526;--ink:#e9e8e1;--muted:#a4aaa7;--dim:#8b9490;--accent:#89cfc2;--accent-ink:#142823;--line:#343b3b;--line-strong:#626e68;--warning:#d8bb80;--danger:#df9b88;--font:Arial,'Segoe UI',sans-serif;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;--mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace;--gutter:clamp(20px,4vw,72px);color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.65 var(--font);-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}::selection{background:var(--accent);color:var(--accent-ink)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.42;cursor:default}button,a,input,select,textarea,summary{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent)}[hidden]{display:none!important}img{max-width:100%}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-weight:600;line-height:1.1}h1,h2{font-family:var(--display);font-weight:600;letter-spacing:-.02em}h1{font-size:clamp(48px,6vw,88px)}h2{font-size:clamp(32px,3.2vw,48px)}h3{font-size:20px;letter-spacing:-.025em}em{font-style:normal;color:inherit}p{max-width:75ch}a,button{transition:color .15s,background-color .15s,border-color .15s}a:hover{color:var(--accent)}
header{position:relative;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:82px;padding:0 var(--gutter);border-bottom:1px solid var(--line);background:var(--bg)}.brand{display:inline-flex;gap:12px;align-items:center;flex-shrink:0}.brand img{width:29px;height:29px;opacity:.9}.brand>span{font:700 29px/1 var(--display);letter-spacing:.075em}.brand small{display:block;font:9px/1.3 var(--mono);letter-spacing:.09em;color:var(--muted);margin-top:7px}header nav{display:flex;align-items:center;gap:22px;font-size:12px;white-space:nowrap;min-width:0}header nav>a{position:relative;padding:30px 0}header nav>a.active{color:var(--ink)}header nav>a.active:after{content:'';position:absolute;inset:auto 0 -1px;height:3px;background:var(--accent)}header nav .nav-join{padding:8px 12px;border:1px solid var(--line-strong);margin-left:4px}.nav-join b{margin-left:12px;font-weight:400;color:var(--accent)}header nav>button{border:0;background:none;color:var(--muted);padding:8px}.quick-open{display:flex;align-items:center;gap:8px;font-size:23px}.quick-open kbd{font:11px var(--mono);border:1px solid var(--line);padding:2px 6px;color:var(--muted)}.menu-button{display:none}.skip{position:fixed;top:-100px;left:12px;z-index:100;background:var(--accent);color:var(--bg);padding:12px 20px}.skip:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.eyebrow{font:11px/1.5 var(--mono);letter-spacing:.075em;color:var(--muted);margin-bottom:20px}.eyebrow>span{display:inline-block;width:7px;height:7px;background:var(--accent);margin-right:8px}.section{max-width:1600px;margin:auto;padding:68px var(--gutter)}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:44px;padding:10px 18px;border:1px solid var(--line-strong);font-size:12px;font-weight:600;background:transparent;color:var(--ink);line-height:1.4}.button span{font-size:19px;font-weight:400}.button.primary,.primary{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.button.primary:hover,.primary:hover{background:#aae0d6;border-color:#aae0d6;color:var(--accent-ink)}.button.ghost:hover{border-color:var(--ink);background:var(--panel)}.actions{display:flex;flex-wrap:wrap;gap:12px}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line-strong);padding:12px 0;font-size:13px}.text-link span{color:var(--accent)}
/* Home: a masthead, a landscape, a directory. */
.hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:clamp(28px,5vw,90px);padding:74px var(--gutter) 58px;max-width:1600px;margin:auto;min-height:580px;align-items:center}.hero-content{min-width:0}.hero-content .eyebrow{color:var(--accent);margin-bottom:22px}.hero h1{font-size:clamp(88px,12vw,186px);font-weight:700;line-height:.83;letter-spacing:-.025em;margin:0 0 36px}.hero-text{font-size:16px;line-height:1.8;color:var(--muted);max-width:390px;margin-bottom:30px}.hero-image{margin:0;align-self:stretch;position:relative;display:flex;flex-direction:column;min-height:430px;border-top:1px solid var(--line-strong)}.hero-image>div{flex:1;background:#222e2c url('/assets/lunaris-hero.webp') 57% 50%/cover no-repeat;min-height:350px;filter:saturate(.62);margin-top:12px}.hero-image figcaption{display:flex;justify-content:space-between;gap:16px;font:10px/1.7 var(--mono);letter-spacing:.04em;color:var(--muted);padding-top:12px}.hero-image figcaption>span:last-child{color:var(--accent)}.home-index{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px var(--gutter);border-block:1px solid var(--line);font:11px var(--mono);color:var(--muted)}.home-index>span{color:var(--ink)}.home-index>div{display:flex;gap:28px}.home-directory{display:grid;grid-template-columns:240px 1fr;gap:60px}.home-directory-heading .eyebrow{margin-bottom:16px}.home-directory-heading h2{font-size:52px}.home-directory-heading p:last-child{font-size:13px;color:var(--muted);margin-top:20px}.home-directory-list{border-top:1px solid var(--line-strong)}.home-entry{display:grid;grid-template-columns:40px 1fr 28px;gap:22px;align-items:start;padding:27px 0;border-bottom:1px solid var(--line)}.home-entry>span{font:11px var(--mono);color:var(--dim);padding-top:5px}.home-entry h3{font-size:23px;font-weight:500}.home-entry p{font-size:13px;color:var(--muted);margin-top:8px}.home-entry>b{font-size:24px;line-height:1.2;font-weight:400;color:var(--accent)}.home-entry:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.home-clan{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;border-top:1px solid var(--line);align-items:start}.home-clan p:not(.eyebrow){color:var(--muted);font-size:15px;line-height:1.85;margin-bottom:20px}
.about{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-bottom:1px solid var(--line)}.about-copy .lead{font-size:20px;line-height:1.65;margin-bottom:22px}.about-copy>p:not(.lead){color:var(--muted);font-size:14px;line-height:1.9}.about-copy .text-link{margin-top:15px}.world-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:32px}.world-heading>p{font-size:13px;color:var(--muted);line-height:1.8}.values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line-strong)}.values article{position:relative;padding:30px 30px 0 0}.values article+article{border-left:1px solid var(--line);padding-left:30px}.value-index{font:11px var(--mono);color:var(--dim);position:absolute;right:25px;top:30px}.line-icon{color:var(--accent);font-size:28px;margin-bottom:24px}.values h3{margin-bottom:16px;font-size:22px}.values p{font-size:13px;color:var(--muted);line-height:1.85;margin-bottom:22px}.value-tag{font:10px var(--mono);color:var(--dim)}.join{border-block:1px solid var(--line);margin:0 var(--gutter) 60px;padding:45px 0}.join p:not(.eyebrow){margin:20px 0;color:var(--muted)}.join small{display:block;margin-top:15px;color:var(--dim)}.join-moon,.join-star,.hero-shade,.vertical-label{display:none}.ticker{display:none}
footer{padding:34px var(--gutter);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:35px;color:var(--muted);max-width:1920px;margin:auto}footer .brand>span{font-size:24px}footer p{font-size:11px;line-height:1.8}footer p small{font-size:10px;color:var(--dim)}.footer-links{display:flex;gap:22px;font-size:12px}.back-top{font:11px var(--mono)}
input,select,textarea{min-width:0;max-width:100%;border:1px solid var(--line-strong);border-radius:2px;color:var(--ink);background:var(--bg);padding:10px 12px;min-height:42px;color-scheme:dark;line-height:1.4}input::placeholder,textarea::placeholder{color:var(--dim)}input[type=checkbox],input[type=radio]{min-height:0;width:16px;height:16px;padding:0;accent-color:var(--accent);flex-shrink:0}input[type=file]{font-size:12px}label{font-size:12px;color:var(--muted)}summary{cursor:pointer;color:var(--ink);font-size:13px}button.plain-button,a.plain-button,.plain-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:2px;padding:9px 12px;font-size:12px;line-height:1.4}.plain-button:hover{border-color:var(--line-strong);background:var(--panel-alt)}
dialog{width:min(580px,calc(100% - 32px));max-height:90svh;overflow:auto;background:var(--panel);color:var(--ink);border:1px solid var(--line-strong);padding:35px;box-shadow:0 20px 80px #0007}dialog::backdrop{background:#080b0bd9}dialog h2{font-size:35px;margin-bottom:20px}dialog>p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.8;margin-bottom:22px}.dialog-close{position:absolute;right:15px;top:8px;color:var(--muted);background:none;border:0;font-size:28px}.dialog-ok{margin-top:20px}dialog a.resource{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line)}#search-dialog input{width:100%;margin-bottom:18px}#search-results a{display:block;padding:14px 0;border-bottom:1px solid var(--line)}#search-results strong{display:block;font-size:14px;font-weight:500}#search-results small{display:block;font-size:12px;color:var(--muted);margin-top:4px}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,12px);opacity:0;visibility:hidden;pointer-events:none;z-index:1000;max-width:min(560px,92vw);padding:14px 20px;background:var(--ink);color:var(--bg);font-size:13px;border:1px solid var(--ink);transition:opacity .15s,transform .15s}#toast.visible{opacity:1;visibility:visible;transform:translate(-50%,0)}
@media(min-width:1700px){header{padding-inline:max(var(--gutter),calc((100% - 1500px)/2))}}
@media(max-width:1150px){header nav{gap:16px;font-size:11px}.brand>span{font-size:26px}header{gap:22px}.nav-join b{margin-left:5px}.hero{min-height:510px;padding-top:60px}.hero h1{font-size:14vw}.hero-image{min-height:360px}.home-directory{grid-template-columns:200px 1fr;gap:40px}}
@media(max-width:960px){header{min-height:72px}.menu-button{display:inline-flex;align-items:center;justify-content:center;width:42px;height:40px;background:none;border:1px solid var(--line-strong);color:var(--ink);font-size:22px}header nav{display:none;position:absolute;inset:71px 0 auto;background:var(--bg);padding:15px var(--gutter) 24px;border-bottom:1px solid var(--line-strong);flex-direction:column;align-items:stretch;gap:0;box-shadow:0 15px 30px #0005;font-size:14px}header nav.open{display:flex}header nav>a{padding:12px 0}header nav>a.active:after{display:none}header nav>a.active{color:var(--accent)}header nav .nav-join{margin:10px 0 0;padding:12px}header nav>button{justify-content:flex-start;margin-top:8px}.hero{gap:32px;min-height:480px}.hero-text{font-size:14px}.hero .actions{gap:10px}.hero .button{font-size:11px;gap:14px;padding-inline:12px}.hero-image{min-height:320px}.hero-image>div{min-height:280px}.about{gap:40px}.home-clan{gap:40px}footer{flex-wrap:wrap}footer p{order:3;flex-basis:100%}}
@media(max-width:640px){:root{--gutter:22px}.hero{grid-template-columns:1fr;padding-top:48px;padding-bottom:32px;gap:35px;min-height:0}.hero h1{font-size:clamp(88px,25vw,160px);margin-bottom:26px}.hero-text{max-width:340px;font-size:14px}.hero-image{min-height:230px}.hero-image>div{min-height:240px;background-position:57% 43%}.hero-image figcaption{font-size:9px}.hero-content .eyebrow{font-size:10px}.hero .button{font-size:12px;min-height:46px}.home-index{padding-block:16px;font-size:10px;flex-wrap:wrap;gap:13px}.home-index>div{gap:24px}.section{padding-block:42px}.home-directory{grid-template-columns:1fr;gap:30px}.home-directory-heading h2{font-size:42px}.home-directory-heading p:last-child{margin-top:12px}.home-entry{grid-template-columns:24px 1fr 20px;gap:12px;padding:23px 0}.home-entry h3{font-size:20px}.home-entry p{font-size:12px}.home-clan,.about{grid-template-columns:1fr;gap:28px}.home-clan h2,.about h2{font-size:38px}.about-copy .lead{font-size:18px}.world-heading{display:block}.world-heading>p{margin-top:20px}.values{grid-template-columns:1fr}.values article,.values article+article{border-left:0;border-bottom:1px solid var(--line);padding:24px 0}.values article:last-child{border:0}.value-index{right:0;top:25px}.line-icon{font-size:25px;margin-bottom:16px}.values h3{font-size:21px}.values p{font-size:13px;margin-bottom:14px}.join{margin-inline:var(--gutter);padding-block:32px}footer{padding-block:28px;gap:24px}footer .brand>span{font-size:22px}.footer-links{gap:16px;font-size:11px}footer p{font-size:10px}dialog{padding:32px 22px}dialog h2{font-size:32px}.actions{gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* portal.css */
/* Navigation, directories and tools. */
.page-intro{padding:28px var(--gutter) 45px;max-width:1600px;margin:auto;border-bottom:1px solid var(--line)}.breadcrumbs{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font:11px/1.6 var(--mono);color:var(--muted);margin-bottom:35px}.breadcrumbs>span{color:var(--dim)}.page-intro .eyebrow{margin-bottom:15px;font-size:10px}.page-intro h1{font-size:clamp(48px,5.5vw,78px);margin-bottom:18px;line-height:1}.page-intro>p:last-child{font-size:14px;color:var(--muted);max-width:70ch;line-height:1.8}.count-chip{display:inline-flex;align-items:center;justify-content:center;min-width:25px;min-height:24px;padding:2px 7px;border:1px solid var(--line);font:11px var(--mono);vertical-align:middle;color:var(--muted);margin-left:8px}.pill{font:10px var(--mono);letter-spacing:.05em;color:var(--muted)}.directory{padding-top:34px}.directory-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}.directory-head h2{font:600 24px var(--font);letter-spacing:-.03em}.large-tool{display:grid;grid-template-columns:100px minmax(0,1fr) 35px;align-items:center;gap:36px;border-top:1px solid var(--line);padding:30px 0;background:transparent;margin:0}.large-tool:last-of-type{border-bottom:1px solid var(--line)}.large-tool:hover{color:var(--ink)}.large-tool:hover h2{color:var(--accent)}.large-tool .eyebrow{font-size:10px;margin-bottom:11px}.large-tool h2{font-family:var(--font);font-size:26px;letter-spacing:-.035em;font-weight:500;transition:color .15s}.large-tool p:not(.eyebrow){font-size:13px;color:var(--muted);margin:12px 0;max-width:700px;line-height:1.8}.tool-art{height:96px;display:flex;flex-direction:column;justify-content:center;gap:6px;font-size:32px;color:var(--accent);border:1px solid var(--line);align-items:center}.tool-art span{font:10px var(--mono);color:var(--muted);letter-spacing:.05em}.tool-arrow{font-size:28px;font-weight:400;color:var(--muted);text-align:right}.tags{display:flex;flex-wrap:wrap;gap:6px 18px}.tags span{font:10px var(--mono);color:var(--muted);padding:0}.tags span+span:before{content:'·';margin-right:18px;color:var(--dim)}.resources-title{margin-top:55px}.resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.resource-card{border-top:1px solid var(--line-strong);padding:23px 0}.resource-card>span{font:10px var(--mono);color:var(--dim)}.resource-card h3{font-size:23px;margin:15px 0 12px;font-weight:500}.resource-card p{color:var(--muted);font-size:13px}.clan-panorama{height:380px;margin:36px var(--gutter) 0;background:url('/assets/lunaris-hero.webp') 50% 50%/cover;filter:saturate(.65)}.small-cta{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid var(--line)}.small-cta h2{font-size:42px}.guide-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:80px;align-items:start}.guide-toc{position:sticky;top:28px;display:flex;flex-direction:column;gap:18px;border-top:1px solid var(--line-strong);padding-top:20px}.guide-toc>span{font:10px var(--mono);color:var(--dim);margin-bottom:8px}.guide-toc a{font-size:13px;color:var(--muted)}.guide-copy{max-width:800px}.guide-copy section{margin-bottom:55px;scroll-margin-top:30px}.guide-copy h2{font-size:38px;margin-bottom:25px}.guide-copy p,.guide-copy li{font-size:15px;line-height:1.95;color:var(--muted);margin-bottom:18px}.guide-copy li{padding-left:5px}.guide-copy a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.formula{padding:22px;border:1px solid var(--line);border-left:3px solid var(--accent);font:13px/1.9 var(--mono);margin-block:24px;background:var(--panel)}.community-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.community-visual{border:1px solid var(--line);padding:50px 20px;text-align:center}.community-visual>span{display:block;font:160px/1.2 Georgia,serif;color:var(--accent)}.community-visual p{font:700 54px var(--display);letter-spacing:.06em;max-width:none}.community-visual small{font:10px var(--mono);letter-spacing:.08em;color:var(--muted)}.community-copy p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.9;margin-block:20px}.community-copy .small{font-size:12px!important}.notice{border:1px solid var(--line);border-left:3px solid var(--warning);padding:15px 18px;display:flex;gap:10px;align-items:center;color:var(--muted);font-size:13px;line-height:1.8;background:var(--panel)}.status-dot{display:inline-block;width:7px;height:7px;background:var(--warning);flex-shrink:0}.hint{display:block;font-size:12px;color:var(--muted);line-height:1.75;font-weight:400}.hint a{color:var(--accent)}.source-note{display:flex;align-items:start;gap:12px;padding:20px 0;border-top:1px solid var(--line);margin-top:28px}.source-note>span{color:var(--dim);font-size:14px}.source-note p{font-size:11px;line-height:1.9;color:var(--dim);max-width:none}.source-note a{color:var(--muted);text-decoration:underline;text-underline-offset:3px}
/* Every calculator shares this workspace frame. */
.inner-page:has(.workbench) .page-intro{max-width:1920px;padding:24px var(--gutter) 32px;border-bottom:0}.inner-page:has(.workbench) .page-intro h1{font-size:clamp(38px,4vw,58px);line-height:1.05;margin-bottom:12px}.inner-page:has(.workbench) .page-intro .breadcrumbs{margin-bottom:22px}.inner-page:has(.workbench) .page-intro h1 br{display:none}.inner-page:has(.workbench) .page-intro h1 em:before{content:' '}.workbench{display:grid;grid-template-columns:215px minmax(0,1fr);max-width:1920px;margin:auto;border-top:1px solid var(--line)}.tool-sidebar{padding:28px 16px;border-right:1px solid var(--line);background:var(--bg)}.tool-sidebar>p{font:10px var(--mono);letter-spacing:.055em;color:var(--dim);padding:0 13px;margin-bottom:15px}.tool-sidebar>a{display:flex;align-items:center;gap:10px;padding:11px 12px;margin:0 0 4px;border-left:2px solid transparent;color:var(--muted);line-height:1.5;font-size:14px}.tool-sidebar>a span{font-size:12px}.tool-sidebar>a i{font:10px var(--mono);margin-left:auto;color:var(--dim)}.tool-sidebar>a.selected{border-left-color:var(--accent);background:var(--panel);color:var(--ink)}.tool-sidebar>a:hover{color:var(--ink);background:var(--panel)}.sidebar-divider{height:1px;background:var(--line);margin:25px 12px}.sidebar-note{display:none}.tool-main{min-width:0;padding:26px 32px 50px}.tool-topline{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:28px;min-height:28px}.tool-topline>div:first-child,.tool-topline>span{display:flex;gap:10px;align-items:center;font:10px/1.6 var(--mono);letter-spacing:.03em;color:var(--muted)}.live-dot{display:inline-block;width:6px;height:6px;background:var(--accent);flex-shrink:0}.version{display:none;font:10px var(--mono);padding:2px 5px;border:1px solid var(--line);color:var(--dim)}.utility-actions{display:flex;gap:16px;flex-wrap:wrap}.utility-actions button,.utility-actions>a{background:none;border:0;color:var(--muted);font-size:12px;padding:4px 0}.utility-actions button:hover,.utility-actions>a:hover{color:var(--accent)}.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line)}.setting-card{padding:25px;min-width:0;background:var(--panel)}.setting-card+.setting-card{border-left:1px solid var(--line)}.card-label{display:flex;gap:12px;font:11px var(--mono);color:var(--ink);letter-spacing:.025em;margin-bottom:24px}.card-label>span{color:var(--dim)}.character-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.character-fields label{display:flex;flex-direction:column;gap:9px}.character-fields input,.character-fields select{font-size:20px;width:100%;height:47px;font-variant-numeric:tabular-nums}.progress-track{height:3px;background:var(--line);overflow:hidden;margin:22px 0 17px}.progress-track i{display:block;height:100%;width:0;background:var(--accent)}.setting-meta{display:flex;justify-content:space-between;align-items:start;gap:12px;font-size:11px;color:var(--muted);line-height:1.7;margin-top:10px}.setting-meta b{color:var(--ink);font:12px/1.7 var(--mono);text-align:right}.setting-card>.hint{margin-top:14px}.mode-toggle{display:flex;border-bottom:1px solid var(--line-strong);margin-bottom:16px}.mode-toggle button{flex:1;padding:9px 6px;color:var(--muted);background:none;border:0;border-bottom:2px solid transparent;font-size:11px;margin-bottom:-1px}.mode-toggle button[aria-pressed=true]{border-bottom-color:var(--accent);color:var(--ink)}.bonus-field{display:flex;gap:10px;align-items:center;font:25px var(--mono);color:var(--accent)}.bonus-field input{flex:1;text-align:center;font-size:25px;height:47px;padding:6px;min-width:0}.builder-link{display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--bg);border:1px solid var(--line-strong);color:var(--accent);padding:11px 12px;font-size:16px}.catalog-shortcut{display:block;margin-top:7px}.goal-line{display:flex;align-items:center;gap:18px;margin-top:20px}.goal-line span,.goal-line strong{font:30px var(--mono);font-weight:400}.goal-line strong{color:var(--accent)}.goal-line i{font-style:normal;color:var(--dim)}.goal-line small{font:10px var(--mono);margin-left:auto;color:var(--dim)}.presets-panel,.custom-zone-panel{border-block:1px solid var(--line);margin:24px 0}.presets-panel summary,.custom-zone-panel summary{padding:16px 0;font-size:12px}.presets-panel summary span{float:right;font:10px var(--mono);color:var(--dim)}.preset-fields{display:flex;flex-wrap:wrap;align-items:end;gap:12px;padding-bottom:20px}.preset-fields label{display:flex;flex-direction:column;gap:7px;flex:1;min-width:160px}.preset-fields .button{min-height:42px}.result-summary{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;border-block:1px solid var(--line-strong);padding:24px 0;margin-bottom:34px;background:transparent}.result-summary>div{padding:0 22px;border-right:1px solid var(--line);min-width:0}.result-summary>div:first-child{padding-left:0}.result-summary>div:last-child{border:0}.result-summary span{display:block;font:10px/1.6 var(--mono);letter-spacing:.015em;color:var(--muted);margin-bottom:12px}.result-summary b{font:25px/1.35 var(--mono);font-weight:400;color:var(--accent);overflow-wrap:anywhere}.result-summary>div:first-child b{font:500 16px/1.6 var(--font);color:var(--ink)}.section-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.section-toolbar h2{font:500 23px/1.3 var(--font);letter-spacing:-.035em}.section-toolbar p{font-size:12px;line-height:1.7;color:var(--muted);margin-top:8px}.filter-bar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:20px}.filter-bar input,.filter-bar select{height:42px;font-size:12px}.zone-search{display:block;position:relative;flex:1;min-width:200px}.zone-search input{width:100%;padding-left:34px}.zone-search>span:first-child{position:absolute;left:12px;top:6px;font-size:20px;color:var(--dim)}.filter-bar>label:not(.zone-search){flex:0 1 155px;max-width:180px}.filter-bar>label:not(.zone-search) input,.filter-bar>label:not(.zone-search) select{width:100%}.filter-chip{min-height:38px;padding:8px 12px;background:none;border:1px solid var(--line);border-radius:2px;color:var(--muted);font-size:12px}.filter-chip[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:#89cfc20b}.filter-chip:hover{color:var(--ink);border-color:var(--line-strong)}.table-scroll{overflow-x:auto;border-block:1px solid var(--line-strong);overscroll-behavior-x:contain}.exp-table{width:100%;min-width:1000px;border-collapse:collapse;font-size:12px}.exp-table th{background:var(--panel);padding:16px 14px;border-bottom:1px solid var(--line-strong);text-align:left;white-space:nowrap;font:10px var(--mono);font-weight:400;color:var(--muted)}.exp-table th:first-child{width:66px}.exp-table th button{font:inherit;letter-spacing:inherit;border:0;background:none;padding:0;color:inherit}.exp-table th button span{margin-left:5px;color:var(--dim)}.exp-table th button.is-sorted{color:var(--accent)}.exp-table td{padding:17px 14px;border-bottom:1px solid var(--line);vertical-align:middle}.exp-table tr.zone-row{background:var(--bg)}.exp-table tr.zone-row:hover{background:var(--panel)}.exp-table .zone-name{display:flex;align-items:center;gap:10px;text-align:left;background:none;border:0;padding:0;color:var(--ink);font:13px/1.6 var(--font)}.zone-name>span:first-child{font:10px var(--mono);color:var(--dim)}.zone-name .zone-level{font:10px var(--mono);color:var(--muted);white-space:nowrap}.zone-sub{display:flex;gap:8px;color:var(--dim);font-size:10px;margin:6px 0 0 80px}.zone-tag{border:1px solid var(--line);padding:0 5px}.exp-table td small{display:block;font-size:10px;color:var(--dim);margin-top:6px;line-height:1.6}.exp-table .number{font:12px/1.6 var(--mono);white-space:nowrap;color:var(--muted)}.exp-table .hourly-number{color:var(--accent)}.row-choice{display:flex;align-items:center;gap:10px}.row-choice input{width:15px;height:15px;margin:0}.star-button{color:var(--dim);background:none;border:0;padding:0;font-size:22px}.star-button[aria-pressed=true]{color:var(--warning)}.cap-status{display:block;width:max-content;max-width:160px;white-space:normal;font:10px/1.5 var(--font);color:var(--muted);padding:3px 0;margin-top:5px}.cap-status.reached{color:var(--warning)}.empty-state{text-align:center;padding:45px!important;color:var(--muted)}.empty-state strong{display:block;font-size:17px;color:var(--ink);margin-bottom:15px}.table-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;color:var(--muted);margin-top:18px}.table-footer>div,.table-footer label{display:flex;gap:12px;align-items:center}.table-footer select{padding:6px 9px;min-height:32px;font-size:11px}.table-footer button{border:1px solid var(--line);background:none;color:var(--ink);padding:8px 11px}.zone-detail td{padding:25px!important;background:var(--panel)}.row-config{display:flex;align-items:end;flex-wrap:wrap;gap:15px}.row-config label{display:flex;flex-direction:column;gap:8px;min-width:100px;flex:1}.row-config input,.row-config select{width:100%;font-size:12px;min-height:40px}.zone-detail p{font-size:12px;line-height:1.8;color:var(--muted);margin-top:18px}.row-delete{color:var(--danger)!important}.custom-zone-panel form{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin-bottom:15px}.custom-zone-panel form label{display:flex;flex-direction:column;gap:8px;flex:1;min-width:150px}.custom-zone-panel>.hint{margin-bottom:20px}.compare-panel{margin-bottom:32px;padding:24px;background:var(--panel);border-top:2px solid var(--accent)}.compare-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.compare-card{min-width:0;border-top:1px solid var(--line-strong);padding-top:18px}.compare-card h3{font:500 13px/1.6 var(--font);min-height:42px;margin-bottom:16px}.compare-card strong{font:23px var(--mono);color:var(--accent)}.compare-track{height:4px;background:var(--line);margin:18px 0}.compare-track i{display:block;height:100%;background:var(--accent)}.compare-card p{font-size:11px;line-height:1.8;color:var(--muted)}.compare-card button{border:0;background:none;padding:12px 0 0;font-size:11px;color:var(--muted)}.zone-portrait{display:block;object-fit:contain;width:46px;height:46px;flex:0 0 46px;border:1px solid var(--line);background:var(--panel);padding:2px}.zone-portrait-placeholder{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border:1px solid var(--line);font-size:26px;color:var(--dim)}.exp-table .zone-cell{min-width:310px}.zone-detail-heading{display:flex;align-items:center;gap:18px;padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:22px}.zone-portrait.detail{width:72px;height:72px;flex-basis:72px}.zone-detail-heading h3{font:500 17px/1.5 var(--font);margin-bottom:8px}.zone-detail-heading>div>span{font-size:11px;color:var(--muted)}.compare-zone-heading{display:flex;align-items:center;gap:10px;margin-bottom:18px}.compare-zone-heading h3{min-height:0;margin:0}.zone-portrait.compare{width:38px;height:38px;flex-basis:38px}
/* Buffs read as a list, with a persistent working selection. */
.buff-entry{display:grid;grid-template-columns:18px 1fr 85px 18px 24px;gap:10px;align-items:center;margin-bottom:12px}.buff-entry input:not([type=checkbox]){width:100%;font-size:12px;padding:9px}.buff-remove{border:0;background:none;color:var(--muted);font-size:23px}.buff-entry>span{font-size:13px;color:var(--muted)}.buff-total{display:flex;justify-content:space-between;align-items:center;padding-block:20px;border-top:1px solid var(--line);margin:20px 0}.buff-total span{font:11px var(--mono)}.buff-total strong{font:28px var(--mono);color:var(--accent)}.buff-overview{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;padding:0 0 25px;border-bottom:1px solid var(--line);margin-bottom:25px}.buff-overview>div>span{font:10px var(--mono);color:var(--muted);display:block;margin-bottom:13px}.buff-overview strong{font:32px var(--mono);color:var(--ink);font-weight:400}.buff-overview strong small{font-size:13px;margin-left:8px;color:var(--muted)}.buff-overview strong.focus-stat{font:600 35px var(--display)}.overview-motif{display:none}.buff-tabs{display:flex;gap:3px;overflow-x:auto;border-bottom:1px solid var(--line);margin-bottom:30px;padding-bottom:1px;scrollbar-width:thin;position:static;background:none;box-shadow:none}.buff-tabs button{display:flex;align-items:center;gap:9px;white-space:nowrap;border:0;border-bottom:2px solid transparent;padding:12px 13px;color:var(--muted);background:none;font-size:12px}.buff-tabs button>span{font-size:15px}.buff-tabs button i{font:10px var(--mono);font-style:normal;color:var(--dim)}.buff-tabs button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--accent)}.buff-tabs button:hover{background:var(--panel)}.buff-layout{display:grid;grid-template-columns:minmax(0,1fr) 325px;gap:32px;align-items:start}.buff-catalog{min-width:0}.buff-filter-grid{display:grid;grid-template-columns:minmax(0,1fr) 165px 155px;gap:10px}.buff-filter-grid input,.buff-filter-grid select{width:100%;font-size:12px}.buff-filter-grid .zone-search{min-width:0}.buff-filter-options{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:14px 0 24px}.buff-filter-options>div{display:flex;flex-wrap:wrap;gap:8px}.buff-filter-options .filter-chip{font-size:11px;min-height:32px;padding:5px 9px}.buff-filter-options>label{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:11px}.buff-filter-options select{min-height:32px;padding:6px 9px;font-size:11px}.buff-cards{display:flex;flex-direction:column;border-top:1px solid var(--line-strong)}.buff-card{padding:20px 8px;border-bottom:1px solid var(--line);border-left:2px solid transparent;transition:background .15s}.buff-card:hover{background:var(--panel)}.buff-card.is-selected{border-left-color:var(--accent);background:var(--panel)}.buff-card-main{display:flex;align-items:center;gap:12px}.buff-check{display:block;flex:0 0 16px;cursor:pointer}.buff-check input{margin:0;width:16px;height:16px}.buff-card-title{flex:1;min-width:0}.buff-card-title h3{font:500 13px/1.65 var(--font);margin:0 0 5px}.buff-card-title h3 label{font:inherit;color:inherit;cursor:pointer}.buff-card-title>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:10px;color:var(--muted)}.buff-card-title i{font:9px var(--mono);color:var(--warning);border:1px solid var(--line);padding:1px 4px}.buff-value{font:24px var(--mono);color:var(--accent);white-space:nowrap;min-width:65px;text-align:right}.buff-value small{font-size:12px;color:var(--muted);margin-left:2px}.buff-card-main .star-button{font-size:21px}.buff-card-effects{display:flex;flex-wrap:wrap;gap:7px 14px;margin:12px 0 0 82px}.buff-card-effects>span,.buff-card-effects details>div>span{display:inline-flex;align-items:center;gap:5px;font-size:11px;line-height:1.6;color:var(--muted)}.buff-card-effects img{width:14px;height:14px;object-fit:contain}.buff-card-effects .pure-exp{color:var(--dim)}.buff-card-effects details{width:100%;margin-top:3px}.buff-card-effects summary{font-size:11px;color:var(--muted);padding:4px 0}.buff-card-effects details>div{display:flex;gap:8px 14px;flex-wrap:wrap;padding-top:9px}.buff-item-frame{display:inline-flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;border:1px solid var(--line-strong);background:#101414;overflow:hidden}.buff-item-frame img{display:block;width:38px;height:38px;object-fit:contain}.buff-item-frame.grade-1{border-color:#699974}.buff-item-frame.grade-2{border-color:#638caf}.buff-item-frame.grade-3{border-color:#b49d5f}.buff-item-frame.grade-4{border-color:#bc885a}.buff-item-frame.small-icon{width:30px;height:30px;flex-basis:30px}.buff-item-frame.small-icon img{width:28px;height:28px}.category-art{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;font-size:24px;color:var(--muted);border:1px solid var(--line)}.buff-builder{position:sticky;top:22px;max-height:calc(100svh - 44px);overflow-y:auto;scrollbar-width:thin;background:var(--panel);border:1px solid var(--line);padding:23px}.list-heading .eyebrow{font-size:10px;margin-bottom:12px}.list-heading h2{font:500 23px var(--font);letter-spacing:-.04em}.list-name-label{display:flex;flex-direction:column;gap:8px;margin-top:22px;font-size:11px}.list-name-label input{width:100%;font-size:13px}.buff-total-card{padding:23px 0;border-block:1px solid var(--line-strong);margin-top:24px;background:none}.buff-total-card>span{font:10px var(--mono);color:var(--muted)}.buff-total-card>strong{display:block;font:46px/1.2 var(--mono);font-weight:400;color:var(--accent);margin:18px 0}.buff-total-card strong small{font-size:20px;margin-left:4px}.buff-total-card>div{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:var(--muted)}.stack-note,.transfer-note{font-size:11px;line-height:1.85;color:var(--muted);margin:18px 0}.transfer-note{color:var(--dim)}.selected-buffs{display:flex;flex-direction:column;margin-bottom:20px}.selected-buff{padding:15px 0;border-bottom:1px solid var(--line-strong)}.selected-buff.expired{opacity:.55}.selected-buff.expired h3{text-decoration:line-through}.selected-buff-top{display:flex;align-items:center;gap:10px;margin-bottom:13px}.selected-buff-top h3{font:500 12px/1.7 var(--font);flex:1;min-width:0}.selected-buff-top button{background:none;border:0;color:var(--muted);font-size:22px;padding:0}.selected-buff-config{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.selected-buff-config>strong{font:18px var(--mono);font-weight:400;color:var(--accent);margin-right:auto;padding-bottom:7px}.selected-buff-config label{display:flex;flex-direction:column;gap:6px;max-width:90px;font-size:10px}.selected-buff-config input,.selected-buff-config select{width:80px;max-width:80px;padding:6px;min-height:34px;font-size:12px}.selected-buff-config label:has([data-entry-field=quantity]) select{width:50px}.buff-extra-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:20px;border-top:1px solid var(--line)}.buff-extra-fields label{display:flex;flex-direction:column;gap:8px;font-size:11px}.buff-extra-fields input{width:100%;font-size:15px}.buff-builder>#expiry-info{margin:14px 0 20px;font-size:11px}.buff-builder>.button{width:100%;font-size:12px;gap:15px}.list-actions{display:flex;gap:8px;flex-wrap:wrap}.list-actions>.plain-button{flex:1;font-size:10px;padding:9px}.buff-profiles{margin-top:22px;padding-top:20px;border-top:1px solid var(--line-strong)}.buff-profiles summary{font-size:13px}.buff-profiles summary span{float:right;font:10px var(--mono);color:var(--muted)}.buff-profiles>div{padding-top:18px}.buff-profiles>div>.plain-button{width:100%;font-size:12px}.buff-profiles label{display:block;margin-block:12px}.buff-profiles select{width:100%;font-size:12px}.buff-profiles .hint{font-size:11px;margin-top:14px}.list-empty{padding:24px 0;text-align:left;color:var(--muted)}.list-empty>span{display:none}.list-empty p{font-size:13px;margin-bottom:8px}.list-empty small{font-size:11px;line-height:1.8}.buff-empty{padding:45px 20px;border-block:1px solid var(--line);text-align:center;color:var(--muted)}.buff-empty>span{font-size:35px}.buff-empty h3{margin:15px 0;font-size:19px;color:var(--ink)}.buff-empty p{font-size:13px}.copy-fallback,.map-copy-fallback{width:100%;min-height:100px;font-size:12px;background:var(--bg);color:var(--ink);border:1px solid var(--line-strong);padding:12px}.mobile-buff-summary{display:none}
@media(min-width:1700px){.tool-main{padding-inline:45px}.buff-layout{grid-template-columns:minmax(0,1fr) 350px;gap:40px}}
@media(max-width:1200px){.workbench{grid-template-columns:180px minmax(0,1fr)}.tool-main{padding-inline:24px}.setting-card{padding:18px}.card-label{font-size:10px;gap:8px}.character-fields{gap:10px}.character-fields label{font-size:11px}.buff-layout{grid-template-columns:minmax(0,1fr) 290px;gap:20px}.buff-builder{padding:18px}.buff-filter-grid{grid-template-columns:1fr 1fr}.buff-filter-grid>.zone-search{grid-column:1/-1}.buff-value{font-size:20px;min-width:52px}.buff-card-main{gap:9px}.buff-card-effects{margin-left:73px}.guide-layout{gap:45px}.large-tool{gap:25px}.compare-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1000px){.workbench{grid-template-columns:1fr}.tool-sidebar{display:none}.tool-main{padding:25px var(--gutter) 42px}.settings-grid{gap:0}.buff-layout{grid-template-columns:minmax(0,1fr) 300px;gap:24px}.guide-layout{grid-template-columns:160px minmax(0,1fr);gap:35px}.community-layout{gap:40px}.resource-grid{gap:25px}.inner-page:has(.workbench) .page-intro{padding-inline:var(--gutter)}}
@media(max-width:700px){.page-intro{padding-top:24px;padding-bottom:32px}.page-intro h1{font-size:48px}.page-intro>p:last-child{font-size:13px}.breadcrumbs{font-size:10px;margin-bottom:25px}.page-intro .eyebrow{font-size:9px}.inner-page:has(.workbench) .page-intro h1{font-size:42px}.inner-page:has(.workbench) .page-intro .eyebrow{display:none}.tool-main{padding-top:20px}.tool-topline{gap:12px;align-items:start;margin-bottom:23px;flex-wrap:wrap}.tool-topline>div:first-child,.tool-topline>span{font-size:9px}.version{display:none}.utility-actions{gap:16px}.utility-actions button,.utility-actions>a{font-size:11px}.settings-grid{grid-template-columns:1fr}.setting-card{padding:22px}.setting-card+.setting-card{border-left:0;border-top:1px solid var(--line)}.card-label{font-size:11px}.character-fields label{font-size:12px}.character-fields input,.character-fields select{font-size:20px}.goal-line{margin-top:18px}.presets-panel summary span{display:none}.preset-fields label{flex-basis:100%}.result-summary{grid-template-columns:1fr 1fr;gap:25px 0;padding-block:23px}.result-summary>div{padding-inline:15px}.result-summary>div:nth-child(odd){padding-left:0}.result-summary>div:nth-child(even){border:0}.result-summary span{font-size:9px;margin-bottom:10px}.result-summary b{font-size:21px}.result-summary>div:first-child b{font-size:13px}.section-toolbar{gap:14px;align-items:start}.section-toolbar h2{font-size:20px}.section-toolbar p{font-size:11px}.section-toolbar>.plain-button{font-size:10px;white-space:nowrap}.filter-bar .zone-search{flex-basis:100%}.filter-bar>label:not(.zone-search){flex:1;max-width:none;min-width:100px}.filter-chip{font-size:11px}.table-footer{flex-wrap:wrap;gap:15px;font-size:10px}.table-footer>div{margin-left:auto;gap:10px}.compare-panel{padding:20px 16px}.compare-cards{gap:18px}.compare-zone-heading{display:block}.compare-zone-heading img{margin-bottom:10px}.compare-card strong{font-size:19px}.row-config label{flex-basis:calc(50% - 15px)}.source-note p{font-size:10px}.custom-zone-panel form label{flex-basis:100%}.custom-zone-panel .button{margin-bottom:5px}.large-tool{grid-template-columns:45px 1fr 18px;gap:15px;padding:24px 0}.tool-art{height:45px;font-size:23px;border:0;justify-content:start;align-items:start}.tool-art span{display:none}.large-tool h2{font-size:21px}.large-tool .eyebrow{font-size:9px}.large-tool p:not(.eyebrow){font-size:12px}.tool-arrow{font-size:21px}.tags{gap:5px 12px}.tags span{font-size:9px}.tags span+span:before{margin-right:12px}.directory-head .pill{font-size:9px}.directory-head h2{font-size:22px}.resource-grid{grid-template-columns:1fr;gap:10px}.clan-panorama{height:245px;margin-top:25px}.guide-layout{grid-template-columns:1fr;gap:30px}.guide-toc{position:static;flex-direction:row;flex-wrap:wrap;gap:12px 20px}.guide-toc>span{width:100%;margin-bottom:0}.guide-toc a{font-size:12px}.guide-copy h2{font-size:34px}.guide-copy p,.guide-copy li{font-size:14px}.formula{font-size:12px;padding:18px}.community-layout{grid-template-columns:1fr;gap:32px}.community-visual{padding:24px 20px}.community-visual>span{font-size:105px}.community-visual p{font-size:44px}.small-cta{align-items:start;flex-direction:column}.small-cta h2{font-size:38px}.buff-overview{grid-template-columns:1fr 1fr;gap:22px}.buff-overview>div:nth-child(3){display:none}.buff-overview>div>span{font-size:9px}.buff-overview strong{font-size:26px}.buff-overview strong small{font-size:12px}.buff-tabs{margin-bottom:25px}.buff-tabs button{font-size:11px;padding:11px 10px}.buff-layout{grid-template-columns:1fr;gap:32px}.buff-builder{position:static;max-height:none;grid-row:2;padding:22px}.buff-catalog{grid-row:1}.buff-card{padding:18px 5px}.buff-card-main{gap:8px}.buff-item-frame{width:34px;height:34px;flex-basis:34px}.buff-item-frame img{width:32px;height:32px}.buff-card-title h3{font-size:12px}.buff-card-title>div{font-size:10px}.buff-value{font-size:19px;min-width:48px}.buff-value small{font-size:10px}.buff-card-main .star-button{font-size:20px}.buff-card-effects{margin-left:66px;font-size:10px;gap:5px 12px}.buff-card-effects>span,.buff-card-effects details>div>span{font-size:10px}.buff-filter-grid input,.buff-filter-grid select{font-size:11px}.buff-filter-options>label{margin-left:auto}.category-art{width:34px;height:34px;flex-basis:34px}.mobile-buff-summary{display:flex;position:fixed;z-index:40;inset:auto 0 0;align-items:center;justify-content:space-between;gap:15px;padding:12px var(--gutter) max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--line-strong);background:var(--panel)}.mobile-buff-summary>a{display:flex;align-items:baseline;gap:12px}.mobile-buff-summary a>span{display:none}.mobile-buff-summary strong{font:22px var(--mono);color:var(--accent);font-weight:400}.mobile-buff-summary small{font-size:10px;color:var(--muted)}.mobile-buff-summary .button{font-size:11px;min-height:40px;padding:9px 12px}body:has(.buff-workbench){padding-bottom:78px}.buff-entry{grid-template-columns:16px 1fr 65px 13px 18px;gap:7px}.buff-entry input:not([type=checkbox]){padding:8px 6px;font-size:11px}.buff-total strong{font-size:25px}}

/* Interactive BDO world map */
body:has(.map-app){background:var(--panel)}body:has(.map-app) header{height:78px}body:has(.map-app) footer{margin-top:0}.map-app{background:var(--panel);color:var(--muted)}.map-toolbar{height:70px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 28px;background:var(--panel);gap:20px}.map-title{display:flex;align-items:center;gap:12px}.map-title h1{font:400 23px var(--display);letter-spacing:-.5px;margin:0}.map-title em{color:var(--muted)}.map-beta{font-size:11px;letter-spacing:1.5px;color:var(--muted);margin-left:13px}.map-toolbar-actions{display:flex;align-items:center;gap:9px}.map-toolbar-actions>.plain-button{font-size:11px;padding:9px 13px;border:1px solid var(--line);border-radius:2px;color:var(--muted);background:var(--panel)}.map-body{display:grid;grid-template-columns:320px minmax(0,1fr);height:calc(100svh - 148px);min-height:580px;position:relative}.map-sidebar{height:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--muted) var(--line);border-right:1px solid var(--line);background:var(--panel);position:relative;z-index:10}.map-progress-panel{padding:26px 24px 20px;border-bottom:1px solid var(--line);background:var(--panel)}.map-progress-panel .eyebrow{font-size:11px;letter-spacing:1.8px;margin-bottom:20px}.map-progress-number{display:flex;align-items:end;justify-content:space-between;gap:15px}.map-progress-number strong{font-size:35px;line-height:1;color:var(--muted);font-weight:400;letter-spacing:-1px}.map-progress-number strong small{font-size:16px;color:var(--muted);letter-spacing:0}.map-progress-number>span{font-size:11px;letter-spacing:1px;color:var(--muted);padding-bottom:5px}.map-progress-panel .progress-track{margin:17px 0 19px}.map-coin-total{display:flex;align-items:center;gap:12px}.map-coin-total img{object-fit:contain}.map-coin-total b{font-size:15px;color:var(--muted);font-weight:500;display:block}.map-coin-total small{font-size:11px;color:var(--muted);display:block;margin-top:5px}.map-quest-details{padding-top:17px}.map-quest-details summary{font-size:11px;color:var(--muted);line-height:1.9}.map-quest-details summary>span{float:right;font-size:11px;color:var(--muted)}.map-quest-details>div{margin-top:16px}.map-quest-details label{display:flex;align-items:start;gap:7px;margin-bottom:9px;font-size:11px;line-height:1.7;color:var(--muted)}.map-quest-details label>input{margin:2px 0 0;accent-color:var(--muted)}.map-quest-details label>span{flex:1}.map-quest-details b{font-size:11px;color:var(--muted);font-weight:400}.map-sidebar-section{padding:21px 22px;border-bottom:1px solid var(--line)}.map-sidebar-label{font-size:11px;letter-spacing:1.5px;color:var(--muted);margin:0 0 18px}.map-layer{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:11px;color:var(--muted);padding:10px 0}.map-layer input{accent-color:var(--muted);margin:0;width:13px;height:13px}.legacy-dot,.trace-dot{display:inline-block;width:8px;height:8px;background:var(--panel);border:1px solid var(--line);box-shadow:none;flex:0 0 8px}.legacy-dot{transform:rotate(45deg)}.trace-dot{background:var(--panel);border-color:var(--muted);border-radius:2px}.map-layer b{font-weight:400;font-size:11px;margin-left:auto;color:var(--muted)}.map-secondary-layers{display:grid;grid-template-columns:1fr 1fr;gap:12px 8px;border-top:1px solid var(--line);margin-top:12px;padding-top:18px}.map-secondary-layers label{display:flex;gap:7px;align-items:center;font-size:11px;color:var(--muted);cursor:pointer}.map-secondary-layers input{accent-color:var(--muted);margin:0;width:12px;height:12px}.map-filters{padding-top:21px}.map-filters>.zone-search{display:block;min-width:0}.map-filters input[type=search]{font-size:11px;height:37px;width:100%}.map-filter-selects{display:flex;flex-direction:column;gap:8px;margin-top:10px}.map-filter-selects select{font-size:11px;width:100%;padding:8px 10px}.map-filter-toggles{display:flex;align-items:center;justify-content:space-between;margin:15px 0 22px;gap:10px}.map-filter-toggles label{font-size:11px;display:flex;align-items:center;gap:6px}.map-filter-toggles input{accent-color:var(--muted);margin:0}.map-filter-toggles .plain-button{font-size:11px;padding:7px 9px}.map-filter-toggles .plain-button[aria-pressed=true]{color:var(--muted);border-color:var(--muted);background:var(--panel)}.map-list-header{display:flex;justify-content:space-between;align-items:center;margin:15px 0;color:var(--muted);font-size:11px}.map-list-header button{border:0;padding:0;background:var(--panel);font-size:11px;color:var(--muted)}.map-group{border-top:1px solid var(--line)}.map-group summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;gap:10px;padding:14px 0;font-size:11px;color:var(--muted)}.map-group summary::before{content:'›';font-size:16px;color:var(--muted)}.map-group[open] summary::before{transform:rotate(90deg)}.map-group summary>span{flex:1}.map-group summary>b{font-weight:400;font-size:11px;color:var(--muted)}.map-result{display:flex;align-items:center;gap:7px;margin:2px 0;border-radius:2px;background:var(--panel);border:1px solid transparent}.map-result:hover{background:var(--panel)}.map-result.selected{background:var(--panel);border-color:var(--muted)}.map-result-name{display:flex;align-items:center;gap:10px;flex:1;min-width:0;color:var(--muted);font:12px/1.7 var(--font);background:var(--panel);border:0;padding:9px 8px;text-align:left}.map-result-name i{height:6px;width:6px;flex-basis:6px}.map-result-name>span{flex:1}.map-result-name>b{color:var(--muted);font-size:11px}.map-result.found .map-result-name>span{color:var(--muted)}.map-result-check{width:25px;border:0;background:var(--panel);font:15px Arial;color:var(--muted);margin-right:5px}.map-result-check[aria-pressed=true]{color:var(--muted)}.map-missing{padding:10px 8px;font-size:11px;color:var(--muted);line-height:1.7;display:flex;justify-content:space-between;gap:10px;opacity:.75}.map-missing small{font-size:11px;color:var(--muted);max-width:80px;text-align:right}.map-result-group{font-size:11px;letter-spacing:1px;color:var(--muted);margin:20px 0 10px}.map-node-result{display:flex;width:100%;align-items:center;gap:8px;background:var(--panel);border:0;border-bottom:1px solid var(--line);padding:10px 3px;text-align:left;color:var(--muted);font-size:11px}.map-node-result img{object-fit:contain}.map-node-result span{flex:1}.map-node-result small{font-size:11px;color:var(--muted)}.map-no-results{padding:25px 0;font-size:11px;color:var(--muted);text-align:center}.map-no-results button{display:block;margin:15px auto 0;font-size:11px;color:var(--muted);background:var(--panel);border:0}.map-save-panel{padding:20px 22px;border-bottom:1px solid var(--line)}.map-save-panel summary{font-size:11px;color:var(--muted)}.map-save-panel p{font-size:11px;color:var(--muted);line-height:1.9;margin:16px 0}.map-save-panel>div{display:flex;gap:8px}.map-save-panel .plain-button{font-size:11px;padding:8px 11px}.map-save-panel>button{width:100%;margin-top:12px}.map-source{font-size:11px;color:var(--muted);line-height:2;padding:20px 22px}.map-source a{color:var(--muted);text-decoration:underline}.map-stage{position:relative;overflow:hidden;background:var(--panel);min-width:0;height:100%}#world-map{display:block;touch-action:none;cursor:grab;user-select:none;outline-offset:-3px!important}#world-map.dragging{cursor:grabbing}#world-map.on-marker{cursor:pointer}.map-controls{position:absolute;right:22px;top:22px;display:flex;flex-direction:column;gap:5px;z-index:5}.map-controls button{height:34px;width:34px;display:flex;align-items:center;justify-content:center;background:var(--panel);border:1px solid var(--line);border-radius:2px;color:var(--muted);font:20px Arial;box-shadow:none}.map-controls button:hover{background:var(--panel)}.map-live-info{position:absolute;top:22px;left:24px;pointer-events:none;display:flex;flex-direction:column;gap:7px;max-width:calc(100% - 100px);padding:10px 13px;border:1px solid var(--line);background:var(--panel);border-radius:2px;box-shadow:none}.map-live-info>span:first-child{font-size:11px;color:var(--muted);font-weight:600}.map-live-info>span:last-child{font-size:11px;color:var(--muted);letter-spacing:.5px}.map-scale{position:absolute;bottom:20px;left:25px;pointer-events:none;width:100px;color:var(--muted);text-shadow:none}.map-scale span{font-size:11px;white-space:nowrap}.map-scale i{display:block;height:5px;border:1px solid var(--line);border-top:0;box-shadow:none;margin-top:5px}.map-gesture-hint{position:absolute;bottom:16px;right:24px;font-size:11px;color:var(--muted);letter-spacing:.4px;background:var(--panel);padding:8px 12px;border-radius:2px;pointer-events:none;transition:opacity .7s;margin:0}.map-gesture-hint.dismissed{opacity:0}.map-image-status{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:14px 20px;background:var(--panel);border:1px solid var(--line);border-radius:2px;font-size:12px;color:var(--muted);pointer-events:none;text-align:center;max-width:90%;box-shadow:none}.map-detail{position:absolute;right:75px;top:22px;width:310px;max-width:calc(100% - 110px);max-height:calc(100% - 80px);overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:2px;padding:24px;z-index:6;box-shadow:none;backdrop-filter:none;scrollbar-width:thin}.map-detail-close{position:absolute;right:10px;top:8px;background:var(--panel);border:0;font:23px Arial;color:var(--muted)}.map-detail .eyebrow{font-size:11px;letter-spacing:1.4px;margin-bottom:18px;color:var(--muted)}.map-detail h2{font-family:var(--font);font-size:19px;letter-spacing:-.5px;color:var(--muted);line-height:1.5;margin-bottom:10px}.map-detail>p:not(.eyebrow){font-size:11px;line-height:1.9;color:var(--muted);margin-bottom:14px}.map-coordinates{background:var(--panel);border:0;color:var(--muted);font:11px/1.9 var(--mono);text-align:left;padding:0;margin:0 0 17px}#map-detail-reward{display:flex;align-items:center;gap:12px;border-block:1px solid var(--line);padding:15px 0;margin-bottom:18px;font-size:11px;color:var(--muted)}#map-detail-reward strong{font-size:11px;font-weight:500}#map-detail-reward img{object-fit:contain}.map-detail-actions{display:flex;flex-wrap:wrap;gap:8px}.map-detail-actions>.primary{width:100%;font-size:11px;min-height:40px;padding:0 12px}.map-detail-actions>.plain-button{font-size:11px;flex:1}.map-detail>p.map-detail-note{font-size:11px;margin:18px 0 0;color:var(--muted)}.map-sidebar[hidden]{display:none!important}.map-app.sidebar-hidden .map-body{grid-template-columns:1fr}.map-app.sidebar-hidden .map-sidebar{display:none}.map-app:fullscreen{height:100svh;overflow:hidden}.map-app:fullscreen .map-body{height:calc(100svh - 70px);min-height:0}.map-copy-fallback{position:absolute;top:10px;left:30%;width:50%;z-index:100;color:var(--muted)}.map-directory-card{margin-top:22px;background:var(--panel)}
@media(min-width:1700px){.map-body{grid-template-columns:350px minmax(0,1fr)}.map-sidebar-section{padding-inline:27px}.map-progress-panel{padding-inline:27px}.map-result-name{font-size:11px}.map-detail{width:340px}.map-live-info>span:first-child{font-size:11px}}
@media(max-width:1050px){.map-beta{display:none}.map-toolbar{padding-inline:20px}.map-body{grid-template-columns:285px minmax(0,1fr)}.map-progress-panel,.map-sidebar-section,.map-save-panel{padding-inline:18px}.map-detail{width:280px;padding:20px;right:65px}.map-controls{right:16px}.map-title h1{font-size:22px}.map-toolbar-actions>.plain-button{font-size:11px;padding:8px}.map-source{padding-inline:18px}}
@media(max-width:800px){.map-body{display:block;height:calc(100svh - 146px);min-height:570px}.map-sidebar{position:absolute;left:0;top:0;width:min(320px,85vw);height:100%;z-index:12;box-shadow:none}.map-stage{width:100%}.map-title h1{font-size:21px}.map-toolbar{height:68px;padding-inline:15px;gap:10px}.map-toolbar-actions{gap:6px}.map-toolbar-actions>a{display:none}.map-live-info{left:16px;top:16px}.map-controls{top:16px;right:15px}.map-detail{top:auto;bottom:20px;right:15px;max-width:calc(100% - 30px);width:320px;max-height:58%;padding:22px}.map-scale{bottom:16px;left:17px}.map-app:fullscreen .map-body{height:calc(100svh - 68px)}.map-gesture-hint{right:16px;bottom:18px;font-size:11px;max-width:55%;text-align:right;line-height:1.8}}
@media(max-width:500px){body:has(.map-app) header{height:76px}.map-toolbar{height:85px;flex-wrap:wrap;align-content:center;gap:8px}.map-title{width:100%;gap:9px}.map-title h1{font-size:22px}.map-toolbar-actions{width:100%}.map-toolbar-actions>.plain-button{padding:5px 9px;font-size:11px}.map-body{height:calc(100svh - 161px);min-height:530px}.map-progress-number strong{font-size:32px}.map-detail{max-height:55%;bottom:16px}.map-detail h2{font-size:17px}.map-detail p:not(.eyebrow){font-size:11px}.map-detail-actions>.primary{font-size:11px;min-height:37px}.map-detail .eyebrow{margin-bottom:12px}.map-detail #map-detail-reward{padding-block:10px;margin-bottom:14px}.map-app:fullscreen .map-body{height:calc(100svh - 85px)}.map-controls button{width:32px;height:32px;font-size:19px}.map-live-info{padding:8px 10px}.map-live-info>span:first-child{font-size:11px}.map-live-info>span:last-child{font-size:11px}.map-gesture-hint{display:none}.map-scale{width:80px}}

/* Map finish: frame and controls stay separate from game terrain. */
body:has(.map-app) header{height:auto;min-height:82px}.map-app{color:var(--ink);background:var(--bg)}.map-toolbar{height:72px;background:var(--bg);padding-inline:var(--gutter);border-bottom:1px solid var(--line)}.map-title h1{font:600 30px var(--display);color:var(--ink);letter-spacing:-.015em}.map-title em{color:inherit}.map-beta{font:10px var(--mono);color:var(--dim);letter-spacing:.03em}.map-toolbar-actions>.plain-button{font-size:11px;color:var(--ink);background:none;border-color:var(--line);padding:9px 12px}.map-body{height:calc(100svh - 154px);grid-template-columns:310px minmax(0,1fr)}.map-sidebar{background:var(--bg);border-right:1px solid var(--line)}.map-progress-panel{background:var(--panel);border-bottom:1px solid var(--line);padding:24px}.map-progress-panel .eyebrow{font-size:10px;letter-spacing:.04em}.map-progress-number strong{font:36px/1 var(--mono);color:var(--accent)}.map-progress-number strong small{font:14px var(--mono);color:var(--muted)}.map-progress-number>span{font:9px var(--mono);letter-spacing:.02em;color:var(--muted)}.map-coin-total b{font:16px var(--mono);color:var(--warning)}.map-coin-total small{font-size:11px;color:var(--muted)}.map-quest-details summary{font-size:11px}.map-quest-details label{font-size:11px;line-height:1.7}.map-quest-details b{font-size:10px;color:var(--warning)}.map-sidebar-label{font:10px var(--mono);color:var(--dim);letter-spacing:.04em}.map-sidebar-section{padding:22px 24px}.map-layer{font-size:13px;color:var(--ink);padding-block:10px}.map-layer b{font:11px var(--mono);color:var(--muted)}.map-layer input,.map-secondary-layers input,.map-quest-details input,.map-filter-toggles input{accent-color:var(--accent)}.map-secondary-layers label{font-size:11px;gap:7px}.legacy-dot{background:#c7ab71;border-color:#d9c38f;border-radius:0}.trace-dot{background:#af7e99;border-color:#cca1b8;border-radius:50%}.map-group summary{font-size:12px;color:var(--ink);padding-block:16px}.map-group summary>b{font:11px var(--mono);color:var(--dim)}.map-result{background:none;border:0;border-left:2px solid transparent}.map-result.selected{border-left-color:var(--accent);background:var(--panel-alt)}.map-result:hover{background:var(--panel)}.map-result-name{font-size:12px;color:var(--muted);padding-block:10px}.map-result-name>b{color:var(--accent);font-size:12px}.map-result.found .map-result-name>span{color:var(--dim)}.map-result-check{font-size:18px;color:var(--dim)}.map-result-check[aria-pressed=true]{color:var(--accent)}.map-list-header,.map-list-header button{font-size:11px}.map-save-panel{padding:24px}.map-save-panel summary{font-size:12px}.map-save-panel p{font-size:11px}.map-source{font-size:10px;color:var(--dim);padding:22px 24px}.map-source a{color:var(--muted)}.map-filters input[type=search],.map-filter-selects select{font-size:12px;min-height:40px;height:auto}.map-filter-toggles label{font-size:11px}.map-filter-toggles .plain-button{font-size:10px}.map-filter-toggles .plain-button[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:var(--panel)}.map-stage{background:#273333}.map-controls button{width:36px;height:36px;background:var(--bg);color:var(--ink);border-color:var(--line-strong);font-size:20px}.map-controls button:hover{background:var(--panel-alt)}.map-live-info,.map-detail,.map-image-status{background:var(--bg);border-color:var(--line-strong);box-shadow:none;backdrop-filter:none}.map-live-info>span:first-child{font:11px var(--mono);color:var(--ink)}.map-live-info>span:last-child{font:10px var(--mono);color:var(--muted)}.map-detail{padding:24px}.map-detail .eyebrow{color:var(--accent);font:10px var(--mono);letter-spacing:.03em}.map-detail h2{font:500 21px/1.4 var(--font);color:var(--ink)}.map-detail>p:not(.eyebrow){font-size:12px;line-height:1.8;color:var(--muted)}.map-detail-close{color:var(--muted)}.map-coordinates{font:11px/1.8 var(--mono);color:var(--muted)}#map-detail-reward{font-size:12px;color:var(--warning);border-color:var(--line)}#map-detail-reward strong{font-size:12px}.map-detail-actions>.primary{font-size:12px;color:var(--accent-ink);background:var(--accent)}.map-detail-actions>.plain-button{font-size:11px;color:var(--ink)}.map-detail>p.map-detail-note{font-size:10px;color:var(--dim)}.map-gesture-hint{font:10px var(--font);color:var(--ink);background:var(--bg);border:1px solid var(--line)}.map-scale{color:#e9e8e1}.map-scale i{border-color:#e9e8e1}.map-app:fullscreen .map-body{height:calc(100svh - 72px)}.map-app.sidebar-hidden .map-body{grid-template-columns:1fr}
@media(max-width:960px){body:has(.map-app) header{min-height:72px}.map-body{height:calc(100svh - 144px)}}
@media(max-width:800px){.map-toolbar{padding-inline:20px}.map-toolbar-actions>.plain-button{font-size:10px;padding:8px}.map-body{display:block;grid-template-columns:none;min-height:500px}.map-sidebar{width:min(320px,88vw)}.map-detail{top:auto;bottom:18px;right:15px;width:320px;max-width:calc(100% - 30px);max-height:62%}.map-stage{height:100%}.map-title h1{font-size:28px}.map-source{font-size:10px}.map-live-info>span:first-child{font-size:10px}.map-live-info>span:last-child{font-size:9px}}
@media(max-width:500px){.map-toolbar{height:92px;padding-inline:18px;gap:9px}.map-title h1{font-size:27px}.map-toolbar-actions>.plain-button{font-size:10px;padding:6px 9px}.map-body{height:calc(100svh - 164px);min-height:470px}.map-app:fullscreen .map-body{height:calc(100svh - 92px)}.map-controls button{width:33px;height:33px}.map-detail h2{font-size:19px}.map-detail{padding:20px}.map-live-info{max-width:calc(100% - 85px)}}

/* guild.css */
/* Lunaris — quiet turquoise, warm white, generous space. */
:root{--bg:#f6f8f7;--panel:#ffffff;--panel-alt:#edf4f2;--ink:#20343c;--muted:#5e7075;--dim:#627377;--accent:#087e7c;--accent-ink:#ffffff;--line:#dce5e2;--line-strong:#b9ceca;--warning:#895c18;--danger:#a44141;--font:'Segoe UI',Arial,sans-serif;--display:'Segoe UI',Arial,sans-serif;--gutter:clamp(22px,5vw,80px);color-scheme:light}
body{background:var(--bg);background-image:none;font-size:14px;line-height:1.7}h1,h2,h3,h4{font-family:var(--display);font-weight:650;letter-spacing:-.035em;color:var(--ink)}h1{line-height:1.07}h2{font-size:clamp(28px,3.2vw,44px);line-height:1.2}h3{line-height:1.35}p{line-height:1.85}::selection{background:#c2e7e0;color:#164542}a,button,input,select,summary{transition:color .22s,background-color .22s,border-color .22s,box-shadow .22s,transform .25s}img{height:auto}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #138b87;outline-offset:4px}
header{min-height:86px;background:#ffffffed;border-bottom:1px solid var(--line);padding-inline:var(--gutter);gap:28px}.home-page header{position:relative;background:#ffffffed}.brand{gap:11px}.brand img{width:45px;height:45px;object-fit:contain;border-radius:50%;opacity:1;transition:transform .4s}.brand:hover img{transform:rotate(-5deg)}.brand>span{font:650 23px/1.1 var(--font);letter-spacing:.065em}.brand small{font:9px/1.3 var(--font);letter-spacing:.08em;margin-top:5px;color:var(--muted)}header nav{gap:25px;font:600 13px/1.3 var(--font);letter-spacing:0}header nav>a{padding:32px 0;color:var(--muted)}header nav>a:hover,header nav>a.active{color:var(--accent)}header nav>a.active:after{inset:auto 0 19px;height:3px;border-radius:4px}header nav .nav-join{padding:11px 17px;border:1px solid var(--line-strong);border-radius:12px;background:#f4faf8;color:var(--accent)}header nav .nav-join:hover{background:#e7f3ef}.quick-open{color:var(--ink)}.quick-open kbd{border-radius:5px}.menu-button{border-radius:10px}
.section{max-width:1380px;padding-block:76px}.eyebrow{font:650 11px/1.5 var(--font);letter-spacing:.11em;color:var(--accent);margin-bottom:18px}.button{border-radius:12px;clip-path:none;min-height:48px;font:600 13px/1.4 var(--font);padding:13px 21px;letter-spacing:0;gap:22px}.button.primary{background:var(--accent);border-color:var(--accent);color:white}.button.primary:hover{background:#076c6a;border-color:#076c6a;transform:translateY(-2px);box-shadow:0 6px 16px #164b4617}.button.ghost{background:#ffffff;border-color:var(--line-strong);color:var(--ink)}.button.ghost:hover{background:#edf5f2;border-color:#76aaa0;transform:translateY(-2px)}.button span{font:19px var(--font);transition:transform .25s}.button:hover span{transform:translateX(3px)}.text-link{font:600 13px var(--font);letter-spacing:0;color:var(--accent);border-color:#b4d3cb}.plain-button,button.plain-button,a.plain-button{background:var(--panel);border:1px solid var(--line-strong);border-radius:9px;color:var(--ink);font-size:12px}.plain-button:hover{background:#e7f3ef;border-color:#84b5a9;transform:translateY(-1px)}.heading-slash{display:block;width:42px;height:4px;border-radius:3px;background:#49a89f;margin:22px 0;transform:none}
.guild-hero{position:relative;overflow:hidden;background:#edf4f1;border-bottom:1px solid var(--line)}.guild-hero-backdrop{position:absolute;inset:0;background:linear-gradient(90deg,#eef5f2f8,#eef5f2eb),url('/assets/lunaris-hero.webp') center/cover;opacity:.65}.guild-hero-inner{position:relative;max-width:1380px;margin:auto;padding:82px var(--gutter) 105px;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:70px;min-height:640px}.guild-kicker{font:600 12px var(--font);letter-spacing:.16em;color:var(--accent);margin-bottom:24px}.guild-hero-copy h1{font:650 clamp(66px,8vw,112px)/1.05 var(--font);letter-spacing:-.06em;color:#20383f;margin-bottom:27px;text-shadow:none}.guild-hero-tagline{font:500 clamp(20px,2.1vw,27px)/1.65 var(--font);letter-spacing:-.02em;color:#476368;margin-bottom:32px}.guild-hero-copy .actions{gap:12px}.guild-hero-emblem{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0}.guild-hero-emblem>img{width:min(100%,350px);height:auto;border-radius:50%;box-shadow:0 18px 50px #203a3c1c;transition:transform .7s cubic-bezier(.2,.7,.3,1)}.guild-hero-emblem:hover>img{transform:translateY(-6px) rotate(-2deg)}.crest-orbit{display:none}.crest-caption{font:500 10px var(--font);letter-spacing:.13em;color:var(--muted);margin-top:26px}.guild-hero-bottom{position:absolute;bottom:27px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:center;font:550 10px var(--font);letter-spacing:.1em;color:#607a7b}.guild-hero-bottom a{display:flex;gap:18px;align-items:center;color:var(--accent)}.guild-hero-bottom a>span{font-size:20px}
.guild-section-heading{text-align:center;margin-bottom:40px}.guild-section-heading>.eyebrow{margin:0 auto 12px}.guild-section-heading h2{font-size:clamp(30px,3.2vw,43px);letter-spacing:-.04em}.guild-section-heading .heading-slash{margin:20px auto 0}.guild-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.guild-tool-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:32px;background:var(--panel);border:1px solid var(--line);border-radius:20px;clip-path:none;transition:transform .3s,box-shadow .3s,border-color .3s}.guild-tool-card:hover{color:var(--ink);transform:translateY(-6px);border-color:#a0c5bc;box-shadow:0 15px 32px #254d4410}.guild-tool-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:16px;background:#edf6f2;color:var(--accent);font-size:26px;margin-bottom:26px}.guild-tool-no{font:600 10px var(--font);letter-spacing:.08em;color:var(--muted);margin-bottom:10px}.guild-tool-card h3{font-size:23px;margin-bottom:14px}.guild-tool-card p{font-size:13px;color:var(--muted);margin-bottom:25px}.guild-card-link{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid var(--line);font-size:12px;font-weight:600;color:var(--accent)}.guild-card-link b{font-size:22px;font-weight:400}.guild-about{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:75px;padding-top:15px}.guild-about-art{position:relative;min-height:400px}.guild-about-photo{position:absolute;inset:0 22px 20px 0;border-radius:24px;background:url('/assets/lunaris-hero.webp') 58% 52%/cover;filter:saturate(.65)}.guild-about-art:before{content:'';position:absolute;inset:24px 0 0 24px;border-radius:24px;background:#dfede7}.guild-about-art>img{position:absolute;right:0;bottom:3px;width:82px;height:82px;object-fit:contain;background:#06090c;border:6px solid var(--bg);border-radius:50%}.guild-about-art>span{position:absolute;bottom:-7px;left:24px;font:550 9px var(--font);letter-spacing:.1em;background:var(--bg);color:var(--muted);padding:4px 12px}.guild-about-copy h2{font-size:clamp(31px,3.2vw,43px)}.guild-about-copy>p:not(.eyebrow){font-size:14px;color:var(--muted);margin-bottom:18px}.guild-about-copy>.button{margin-top:8px}.guild-feature-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;padding-block:25px 68px}.guild-feature-strip>div{text-align:center;border-right:1px solid var(--line);padding:15px}.guild-feature-strip>div:last-child{border:0}.guild-feature-strip span{font:600 37px/1.1 var(--font);letter-spacing:-.05em;color:var(--accent)}.guild-feature-strip p{font-size:10px;font-weight:600;letter-spacing:.07em;color:var(--muted);margin-top:12px;max-width:none}.guild-join{background:#e8f2ed;border-block:1px solid #d9e6df;padding:55px var(--gutter)}.guild-join-inner{max-width:1220px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px}.guild-join h2{font-size:clamp(28px,3vw,39px)}.guild-join p:not(.eyebrow){font-size:13px;color:var(--muted);margin-top:14px}.guild-join .eyebrow{margin-bottom:12px}.guild-join .button{flex-shrink:0}
.page-intro{max-width:1380px;padding:30px var(--gutter) 40px;margin:auto;background:none;border-bottom:1px solid var(--line)}.page-intro .breadcrumbs{margin-bottom:26px}.page-intro .eyebrow{font:600 10px var(--font);letter-spacing:.1em;margin-bottom:14px}.page-intro h1{font-size:clamp(35px,4.7vw,59px);font-weight:650;letter-spacing:-.045em;text-transform:none}.page-intro>p:last-child{font-size:14px;color:var(--muted);max-width:76ch}.breadcrumbs{font:11px/1.7 var(--font)}.count-chip{border-radius:8px;background:var(--panel-alt);border-color:var(--line);font:600 11px var(--font)}.pill{font:600 10px var(--font);border-radius:8px;letter-spacing:.05em}.directory-head h2{font-size:25px}.large-tool{background:white;border:1px solid var(--line);border-radius:17px;padding:28px;margin-bottom:16px;grid-template-columns:90px 1fr 25px;gap:25px;transition:transform .25s,box-shadow .25s}.large-tool:last-of-type{border-bottom:1px solid var(--line)}.large-tool:hover{transform:translateY(-3px);background:white;border-color:#9bbeb5;box-shadow:0 10px 25px #294f4510}.large-tool h2{font:600 25px/1.25 var(--font);letter-spacing:-.035em}.large-tool .eyebrow{font-size:10px;margin-bottom:9px}.tool-art{background:#eff6f2;border:0;border-radius:14px;clip-path:none;color:var(--accent);font-size:31px}.tool-art span{font:600 9px var(--font);letter-spacing:.08em}.tags span{border-radius:5px;font-size:10px;background:#f1f6f3}.resource-card{background:white;border:1px solid var(--line);border-radius:16px;padding:25px;transition:transform .25s,box-shadow .25s}.resource-card:hover{transform:translateY(-3px);box-shadow:0 10px 22px #294f4510}.resource-card h3{font-size:23px}.resource-card>span{font-size:10px;color:var(--accent)}
.life-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;border:0}.life-card{display:flex;flex-direction:column;align-items:stretch;gap:0;background:white;border:1px solid var(--line);border-radius:18px;padding:29px;clip-path:none;min-width:0;transition:transform .28s,box-shadow .28s}.life-card:hover{background:white;border-color:#9bbeb5;transform:translateY(-5px);box-shadow:0 12px 28px #294f4510}.life-card-top{display:flex;align-items:center;gap:14px;margin-bottom:23px}.life-card-top>span{font-size:27px;color:var(--accent);flex:0 0 34px}.life-card-top small{font:600 9px var(--font);letter-spacing:.07em;color:var(--muted)}.life-card h2{font:600 23px/1.3 var(--font);letter-spacing:-.025em;margin:0 0 14px}.life-card>p{font-size:13px;line-height:1.85;color:var(--muted);margin:0 0 25px}.life-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:18px;border-top:1px solid var(--line);font:10px/1.7 var(--font)}.life-card-bottom b{font-size:22px;font-weight:400}.life-tabs{display:flex;gap:7px;flex-wrap:wrap;border:0;margin-bottom:25px}.life-tabs a{padding:9px 13px;border:1px solid var(--line);border-radius:10px;background:white;font:550 12px var(--font);margin:0}.life-tabs a.active{background:#e1f0e9;color:#126b64;border-color:#b0d0c5}.life-tabs a:hover{background:#edf5f1}.naval-tabs{display:flex;gap:10px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:27px}.naval-tabs a{padding:11px 18px;border-radius:11px;background:white;border:1px solid var(--line);font-size:13px;font-weight:550}.naval-tabs a.active{color:white;background:var(--accent);border-color:var(--accent)}
.workbench{border-top:1px solid var(--line)}.tool-main{background:var(--bg)}.tool-sidebar{background:#eef4f0;border-right:1px solid var(--line)}.tool-sidebar>p{font:650 10px var(--font);letter-spacing:.08em;color:var(--muted)}.tool-sidebar>a{border-radius:9px;margin-bottom:5px;border:1px solid transparent}.tool-sidebar>a.selected{background:#ddece4;border-color:#b9d4c7;color:#176b60;border-left:1px solid #b9d4c7}.tool-sidebar>a:hover{background:#e5eee8}.tool-topline{color:var(--muted)}.tool-topline>span,.tool-topline>div:first-child{font:600 10px var(--font);letter-spacing:.06em}.live-dot,.status-dot{box-shadow:none}.setting-card{background:white}.settings-grid{border:1px solid var(--line);border-radius:16px;overflow:hidden}.card-label{font:600 11px var(--font);letter-spacing:.04em}.setting-card input,.setting-card select{background:#f8faf8}.mode-toggle{border-radius:9px;overflow:hidden}.mode-toggle button{font:550 11px var(--font)}.mode-toggle button[aria-pressed=true]{background:#e5f0e9;color:var(--accent)}.life-panel{background:white;border:1px solid var(--line);border-radius:16px;padding:25px;margin-bottom:23px}.life-panel h2,.section-toolbar h2{font:600 23px/1.3 var(--font);letter-spacing:-.025em}.life-panel>p{font-size:12px;color:var(--muted)}.life-metrics,.result-summary{background:#eaf3ed;border:1px solid #d3e3d8;border-radius:15px;padding:23px 12px;margin-bottom:24px}.life-metric:first-child,.result-summary>div:first-child{padding-left:13px}.life-metric strong,.result-summary b{color:#155f53;letter-spacing:-.04em}.life-metric small,.result-summary span{font:600 10px var(--font);letter-spacing:.02em;color:#526d62}.life-metric em{color:#5e746a}.life-table th,.exp-table th{background:#eef4f0;color:#516d62;font:600 10px var(--font);letter-spacing:.03em;border-color:var(--line);padding-block:15px}.life-table td,.exp-table td{border-color:var(--line);font-size:12px}.life-table tbody tr:nth-child(even){background:#fafcf9}.life-table tbody tr:hover,.exp-table tr.zone-row:hover{background:#edf5ef}.life-scroll,.table-scroll{border-radius:10px}.life-production-card{background:#f6f9f5;border:1px solid var(--line);border-radius:13px;padding:20px}.life-production-card h3{font-size:19px}.life-gear>div{border-radius:12px}.life-details{border-color:var(--line)}.life-details[open]{animation:soft-open .28s ease-out}.life-warning,.notice{background:#f9f3e6;border:1px solid #e9ddbf;border-left:3px solid #b88a3e;border-radius:10px;color:#805e27}.life-form-note,.life-help{color:var(--muted)}input,select,textarea{background:white;border:1px solid #b9cdc2;border-radius:8px;color:var(--ink);color-scheme:light;font-size:13px;box-shadow:none}input:focus,select:focus{border-color:#438d79;box-shadow:0 0 0 3px #438d7910}.filter-chip{border-radius:9px;background:white;font:550 11px var(--font)}.filter-chip[aria-pressed=true]{background:#e1f0e8;border-color:#a1c7b6;color:#165f4f}.life-item img,.buff-item-frame,.zone-portrait{border-radius:7px;background:#e4e9e4}
.buff-overview{border:1px solid var(--line);border-radius:16px;background:#eaf3ed;padding:24px}.buff-overview strong{color:#166653}.buff-overview>div>span{font:550 10px var(--font)}.buff-tabs{background:none;gap:6px;border:0}.buff-tabs button{font:550 12px var(--font);border-radius:9px;border:1px solid var(--line);background:white}.buff-tabs button[aria-pressed=true]{background:#e1f0e8;color:#166653;border-color:#a1c7b6}.buff-card{padding:17px 12px;border-bottom:1px solid var(--line);border-radius:11px;background:white;margin-bottom:7px}.buff-card:hover{background:#f0f6ef}.buff-card.is-selected{background:#e8f3e9;border-left-color:#54947a}.buff-builder{background:white;border:1px solid var(--line);border-radius:16px}.buff-total-card{background:#e9f3eb;border:1px solid #c2d9c9;border-radius:12px;padding:20px}.buff-total-card>strong{color:#14644f}.buff-empty{background:#eff4ef;border-radius:12px}.buff-value{color:#17664f}.list-heading h2{font-size:24px}.buff-extra-fields{border-color:var(--line)}.selected-buff{border-color:var(--line);border-radius:9px}.mobile-buff-summary{background:#f0f6ef;border-color:var(--line)}.compare-panel{background:#edf5ef;border:1px solid #9cbdac;border-radius:15px}.compare-card{border:1px solid var(--line);border-radius:12px}.progress-track,.progress-track i,.character-progress,.progress-track>span{border-radius:8px}.progress-track i{transition:width .65s ease}
.map-toolbar,.map-sidebar{background:#f7faf6;color:var(--ink);border-color:var(--line)}.map-title h1{font-size:25px}.map-detail{background:#fffffff7;border:1px solid var(--line-strong);border-radius:15px;box-shadow:0 10px 35px #173c3520}.map-detail h2{font-size:23px}.map-controls button{background:white;color:var(--ink);border-color:var(--line-strong);border-radius:9px}.map-live-info{background:#ffffffeb;color:var(--ink);border-color:var(--line);border-radius:8px}.map-result.selected{background:#e1eee4;border-left-color:var(--accent)}.map-progress-panel{background:#e9f2e9;border-radius:10px}.map-body{height:calc(100svh - 158px)}.map-marker{color:#f4faf5}.map-detail-actions>.primary{background:var(--accent);color:white;border-radius:9px}.map-detail-actions>.plain-button{background:white}.map-results{color:var(--ink)}.community-layout{gap:70px}.community-visual{background:#e9f1ed;border:1px solid var(--line);border-radius:24px;clip-path:none}.community-visual>img{width:210px;border-radius:50%;margin-bottom:25px}.community-visual>span{color:var(--accent)}.community-visual p{color:var(--ink);font-size:31px;letter-spacing:.08em}.community-visual small{color:var(--muted)}.community-copy h2{font-size:clamp(30px,3.5vw,44px)}.community-copy .button{margin-top:15px}.community-copy>p{font-size:14px}.guide-toc{background:#edf3ee;border:1px solid var(--line);border-radius:13px;padding:22px}.guide-copy h2{font-size:29px}.formula{background:#edf4ed;border:1px solid var(--line);border-left:3px solid #78a990;border-radius:8px;color:var(--ink)}dialog{border:1px solid var(--line);border-radius:20px;background:white;box-shadow:0 24px 80px #15392e24}dialog[open]{animation:dialog-in .3s cubic-bezier(.2,.7,.3,1)}dialog::backdrop{background:#15352f70;backdrop-filter:blur(4px)}dialog h2{font-size:32px}#toast{border:0;border-radius:13px;background:#244b3d;color:white;box-shadow:0 10px 28px #163c3520}footer{background:#edf2ec;border-top:1px solid var(--line);max-width:none;padding-block:35px}.footer-links{font:550 12px var(--font)}footer .brand>span{font-size:22px}footer .brand img{width:39px;height:39px}footer p small{color:#63766b}
.market-panel{background:#edf5ef;border:1px solid #c7ddd0;border-left:3px solid #3d8d70;border-radius:15px}.market-panel .market-panel-head h2{font:600 23px var(--font);letter-spacing:-.02em}.market-panel .eyebrow{font-size:9px}.market-panel .market-help{color:var(--muted)}.market-unavailable{border-left-color:#b88a3e;background:#fbf7eb}.market-unavailable #market-status{color:#805e27}.market-panel .market-price-source{color:var(--muted)}.market-price-source.is-auto{color:#1c7859}
@keyframes dialog-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}@keyframes soft-open{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes hero-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.guild-hero-copy{animation:hero-in .8s both}.guild-hero-emblem{animation:hero-in 1s .12s both}.reveal-ready{opacity:0;transform:translateY(16px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.3,1)}.reveal-ready.is-visible{opacity:1;transform:none}.tool-main>div:first-child{scroll-margin-top:22px}
@media(max-width:1150px){header nav{gap:17px;font-size:12px}.brand>span{font-size:21px}.brand small{font-size:8px}.guild-hero-inner{gap:40px;min-height:580px;padding-block:65px 85px}.guild-about{gap:45px}.guild-tool-card,.life-card{padding:25px}.guild-tool-card h3,.life-card h2{font-size:21px}.life-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:960px){header{min-height:76px}header nav{inset:75px 14px auto;padding:18px 23px 24px;border:1px solid var(--line);border-radius:0 0 17px 17px;background:#fffffff5;box-shadow:0 18px 28px #244b3b13;gap:0;font-size:14px}header nav.open{animation:dialog-in .25s ease-out}header nav>a{padding:13px 0}header nav>a.active:after{display:none}.menu-button{border:1px solid var(--line-strong);color:var(--ink);background:white}.guild-hero-inner{gap:30px;min-height:530px}.guild-hero-copy h1{font-size:73px}.guild-hero-tagline{font-size:20px}.guild-hero-emblem>img{width:290px}.guild-tool-grid{gap:17px}.guild-tool-card{padding:23px}.guild-tool-card h3{font-size:20px}.guild-tool-card p{font-size:12px}.guild-about{gap:35px}.guild-about-art{min-height:360px}.guild-join h2{font-size:30px}.map-body{height:calc(100svh - 148px)}}
@media(max-width:700px){:root{--gutter:22px}.section{padding-block:50px}.guild-hero-inner{grid-template-columns:1fr;text-align:center;gap:40px;padding-top:55px;padding-bottom:95px}.guild-kicker{font-size:10px;margin-inline:auto}.guild-hero-copy h1{font-size:clamp(65px,16vw,98px);margin-bottom:22px}.guild-hero-tagline{font-size:21px;margin-bottom:27px}.guild-hero-copy .actions{justify-content:center}.guild-hero-emblem>img{width:240px}.crest-caption{font-size:8px;margin-top:20px}.guild-hero-bottom{font-size:8px;bottom:22px}.guild-tool-grid{grid-template-columns:1fr;gap:18px}.guild-tool-card{padding:28px}.guild-tool-card h3{font-size:24px}.guild-tool-card p{font-size:13px}.guild-tool-icon{margin-bottom:22px}.guild-section-heading{margin-bottom:30px}.guild-about{grid-template-columns:1fr;gap:40px;padding-top:10px}.guild-about-art{min-height:315px}.guild-about-copy h2{font-size:35px}.guild-feature-strip{grid-template-columns:1fr 1fr;gap:20px 0;padding-block:0 45px}.guild-feature-strip>div:nth-child(even){border-right:0}.guild-feature-strip span{font-size:33px}.guild-feature-strip p{font-size:9px}.guild-join{padding-block:40px}.guild-join-inner{flex-direction:column;align-items:start;gap:25px}.guild-join h2{font-size:31px}.page-intro{padding-block:23px 30px}.page-intro h1{font-size:38px}.page-intro>p:last-child{font-size:13px}.page-intro .breadcrumbs{font-size:10px;margin-bottom:22px}.life-card-grid{grid-template-columns:1fr}.life-card{padding:26px}.life-card h2{font-size:23px}.life-card-bottom{font-size:10px}.large-tool{grid-template-columns:40px minmax(0,1fr) 18px;gap:13px;padding:23px 18px}.large-tool h2{font-size:23px}.large-tool p{font-size:12px}.large-tool .tool-art{width:38px;height:48px;font-size:26px;background:none;border:0}.large-tool .tool-art span{display:none}.large-tool .eyebrow{font-size:9px}.life-panel{padding:20px 17px;border-radius:13px}.life-panel h2,.section-toolbar h2{font-size:22px}.life-tabs a{font-size:11px;padding:8px 10px}.naval-tabs{gap:7px}.naval-tabs a{flex:1;min-width:90px;text-align:center;font-size:11px;padding:10px}.life-metrics,.result-summary{padding:20px 10px}.life-metric strong{font-size:23px}.life-metric small{font-size:9px}.buff-overview{padding:20px 17px}.buff-card{padding:16px 9px}.buff-tabs button{font-size:11px}.buff-builder{padding:20px}.community-layout{gap:35px}.community-visual{min-height:320px}.community-visual>img{width:170px}.community-visual p{font-size:28px}.map-title h1{font-size:22px}.guide-copy h2{font-size:27px}.brand>span{font-size:22px}.brand img{width:40px;height:40px}footer .brand>span{font-size:21px}.footer-links{font-size:11px}}
@media(max-width:500px){.map-body{height:calc(100svh - 168px)}.guild-hero-copy .button{font-size:12px;padding:12px 16px;gap:12px}.guild-hero-tagline{font-size:19px}.guild-hero-inner{padding-top:45px}.guild-section-heading h2{font-size:29px}.map-toolbar{height:92px}}
@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1;transform:none}.guild-hero-copy,.guild-hero-emblem,dialog[open],.life-details[open]{animation:none}*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

@media(min-width:961px){header nav{gap:clamp(12px,1.5vw,23px)}header:has(nav a[href="/basvuru/"]) .brand>span{font-size:21px}header nav>a[href="/basvuru/"]{color:var(--accent);font-weight:700}}
@media(min-width:961px) and (max-width:1150px){header{padding-inline:24px;gap:20px}header nav{gap:11px;font-size:12px}header nav .nav-join{padding:10px 12px}header:has(nav a[href="/basvuru/"]) .brand>span{font-size:19px}}
.guild-start-link{display:inline-flex;margin-top:24px;font-size:12px;font-weight:600;letter-spacing:.12em;color:#c3e8d9}

/* details.css */
.theme-toggle{display:grid;place-items:center;flex-shrink:0;width:39px;height:39px;border:1px solid var(--line-strong);background:var(--panel);color:var(--ink);border-radius:11px;cursor:pointer;order:3}.theme-toggle svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.7}.theme-toggle .theme-sun{display:none}html[data-theme=dark] .theme-toggle .theme-sun{display:block}html[data-theme=dark] .theme-toggle .theme-moon{display:none}header nav{order:2;margin-left:auto}header .menu-button{order:4}@media(max-width:1150px)and (min-width:961px){header{gap:12px}header nav{gap:9px}}@media(max-width:960px){header{gap:13px}.theme-toggle{margin-left:auto}header nav{margin-left:0}}
.stone-token{--stone-color:#817dbe;--stone-bg:#f0eef9;display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;border:1px solid color-mix(in srgb,var(--stone-color) 30%,transparent);background:var(--stone-bg);border-radius:11px;width:48px;height:48px}.stone-token img{width:38px;height:38px;object-fit:contain}.stone-token[data-element=fire]{--stone-color:#ab5145;--stone-bg:#fbefec}.stone-token[data-element=flora]{--stone-color:#40835a;--stone-bg:#edf7ef}.stone-token[data-element=wind]{--stone-color:#4f83ab;--stone-bg:#edf4fb}.stone-token[data-element=earth]{--stone-color:#a0773e;--stone-bg:#f7f1e7}.stone-token[data-element=iridescent]{--stone-color:#9b76af;--stone-bg:#f6effb}.stone-slot-preview{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-top:4px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.stone-slot-preview>span:last-child{font-size:12px;color:var(--ink);line-height:1.6}.stone-slot-preview .stone-token{width:42px;height:42px}.stone-slot-preview img{width:34px;height:34px}.stone-requirements p{display:flex;align-items:center;gap:10px}.stone-requirements .stone-token{width:34px;height:34px;border-radius:8px}.stone-requirements .stone-token img{width:29px;height:29px}.stone-card-art{display:flex;gap:10px;padding:18px 0 7px}.stone-card-art .stone-token{position:relative;width:48px;height:48px}.stone-card-art .stone-token>small{position:absolute;bottom:-5px;right:-5px;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:6px;min-width:19px;text-align:center;font-size:10px;font-weight:650}.stone-family-legend{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:25px}.stone-family-legend>span{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.stone-family-legend .stone-token{width:34px;height:34px;border-radius:9px}.stone-family-legend img{width:29px;height:29px}
.buff-inspector{border-bottom:1px solid var(--line-strong);padding-bottom:23px;margin-bottom:25px;scroll-margin-top:25px}.buff-inspector .eyebrow{font-size:10px;margin-bottom:12px}.buff-inspector-title{display:flex;gap:13px;align-items:center;margin-bottom:17px}.buff-inspector-title img{width:48px;height:48px;background:var(--panel-alt);border:1px solid var(--line);border-radius:9px}.buff-inspector h3{font-size:20px;line-height:1.3}.buff-inspector h4{font-size:12px;margin:19px 0 9px}.buff-inspector p,.buff-inspector li{font-size:12px;color:var(--muted);line-height:1.85}.buff-inspector .buff-detail-method{display:inline-block;background:var(--panel-alt);border:1px solid var(--line);border-radius:6px;padding:3px 8px;font-size:10px;color:var(--accent);margin-bottom:12px}.buff-inspector ul{padding-left:17px}.buff-inspector .buff-recipe{list-style:none;padding:0}.buff-recipe li{display:flex;gap:8px;padding:7px 0;border-bottom:1px solid var(--line)}.buff-recipe b{color:var(--ink);white-space:nowrap}.buff-detail-note{font-size:11px!important;margin-top:13px}.buff-detail-link{display:inline-block;color:var(--accent);font-size:12px;margin-top:14px}.buff-detail-open{font:550 11px var(--font);color:var(--accent);background:var(--panel-alt);border:1px solid var(--line);padding:6px 10px;border-radius:7px;margin-left:auto;cursor:pointer}.buff-detail-focus{box-shadow:inset 3px 0 var(--accent)}.selected-buff-details{font-size:11px;color:var(--accent);background:transparent;border:0;text-align:left;padding:8px 0 0;cursor:pointer}.buff-inspector-empty{font-size:12px;color:var(--muted)}
html[data-theme=dark] .stone-token{background:color-mix(in srgb,var(--stone-color) 17%,#1c292e);border-color:color-mix(in srgb,var(--stone-color) 55%,#1c292e)}

/* dark-theme.css */
/* Generated by scripts/generate-dark-theme.py; manual palette below. */
html[data-theme="dark"]{--bg:#141e22;--panel:#1c292e;--panel-alt:#24373a;--ink:#e2eeed;--muted:#a8bab9;--dim:#95adab;--accent:#80cfc1;--accent-ink:#132e29;--line:#354a4d;--line-strong:#506c6d;--warning:#e6bd7c;--danger:#f09f99;color-scheme:dark}
html[data-theme="dark"] .button.primary:hover,html[data-theme="dark"] .primary:hover{background:#24373a;border-color:var(--line-strong)}
html[data-theme="dark"] .filter-chip[aria-pressed=true]{background:#24373a0b}
html[data-theme="dark"] .buff-item-frame.grade-1{border-color:var(--line-strong)}
html[data-theme="dark"] .buff-item-frame.grade-2{border-color:var(--line-strong)}
html[data-theme="dark"] .buff-item-frame.grade-3{border-color:var(--line-strong)}
html[data-theme="dark"] .buff-item-frame.grade-4{border-color:var(--line-strong)}
html[data-theme="dark"] .legacy-dot{border-color:var(--line-strong)}
html[data-theme="dark"] .trace-dot{border-color:var(--line-strong)}
html[data-theme="dark"] .map-scale{color:var(--ink)}
html[data-theme="dark"] .map-scale i{border-color:var(--line-strong)}
html[data-theme="dark"] .life-item img{background:#24373a}

html[data-theme="dark"] ::selection{background:#24373a;color:var(--accent)}
html[data-theme="dark"] button:focus-visible,html[data-theme="dark"] a:focus-visible,html[data-theme="dark"] input:focus-visible,html[data-theme="dark"] select:focus-visible,html[data-theme="dark"] summary:focus-visible{outline:3px solid var(--line-strong)}
html[data-theme="dark"] header{background:#1c292eed}
html[data-theme="dark"] .home-page header{background:#1c292eed}
html[data-theme="dark"] header nav .nav-join{background:#24373a}
html[data-theme="dark"] header nav .nav-join:hover{background:#24373a}
html[data-theme="dark"] .button.primary{color:var(--ink)}
html[data-theme="dark"] .button.primary:hover{border-color:var(--line-strong)}
html[data-theme="dark"] .button.ghost{background:#1c292e}
html[data-theme="dark"] .button.ghost:hover{background:#24373a;border-color:var(--line-strong)}
html[data-theme="dark"] .text-link{border-color:var(--line-strong)}
html[data-theme="dark"] .plain-button:hover{background:#24373a;border-color:var(--line-strong)}
html[data-theme="dark"] .guild-hero{background:#24373a}
html[data-theme="dark"] .guild-hero-backdrop{background:linear-gradient(90deg,#24373af8,#24373aeb),url('/assets/lunaris-hero.webp') center/cover}
html[data-theme="dark"] .guild-hero-copy h1{color:var(--accent)}
html[data-theme="dark"] .guild-hero-tagline{color:var(--muted)}
html[data-theme="dark"] .guild-hero-bottom{color:var(--muted)}
html[data-theme="dark"] .guild-tool-card:hover{border-color:var(--line-strong)}
html[data-theme="dark"] .guild-tool-icon{background:#24373a}
html[data-theme="dark"] .guild-about-art:before{background:#24373a}
html[data-theme="dark"] .guild-join{background:#24373a}
html[data-theme="dark"] .large-tool{background:#1c292e}
html[data-theme="dark"] .large-tool:hover{background:#1c292e;border-color:var(--line-strong)}
html[data-theme="dark"] .tool-art{background:#24373a}
html[data-theme="dark"] .tags span{background:#24373a}
html[data-theme="dark"] .resource-card{background:#1c292e}
html[data-theme="dark"] .life-card{background:#1c292e}
html[data-theme="dark"] .life-card:hover{background:#1c292e;border-color:var(--line-strong)}
html[data-theme="dark"] .life-tabs a{background:#1c292e}
html[data-theme="dark"] .life-tabs a.active{background:#24373a;color:var(--accent);border-color:var(--line-strong)}
html[data-theme="dark"] .life-tabs a:hover{background:#24373a}
html[data-theme="dark"] .naval-tabs a{background:#1c292e}
html[data-theme="dark"] .naval-tabs a.active{color:var(--ink)}
html[data-theme="dark"] .tool-sidebar{background:#24373a}
html[data-theme="dark"] .tool-sidebar>a.selected{background:#24373a;border-color:var(--line-strong);color:var(--accent);border-left:1px solid var(--line-strong)}
html[data-theme="dark"] .tool-sidebar>a:hover{background:#24373a}
html[data-theme="dark"] .setting-card{background:#1c292e}
html[data-theme="dark"] .setting-card input,html[data-theme="dark"] .setting-card select{background:#24373a}
html[data-theme="dark"] .mode-toggle button[aria-pressed=true]{background:#24373a}
html[data-theme="dark"] .life-panel{background:#1c292e}
html[data-theme="dark"] .life-metrics,html[data-theme="dark"] .result-summary{background:#24373a;border:1px solid var(--line-strong)}
html[data-theme="dark"] .life-metric strong,html[data-theme="dark"] .result-summary b{color:var(--accent)}
html[data-theme="dark"] .life-metric small,html[data-theme="dark"] .result-summary span{color:var(--muted)}
html[data-theme="dark"] .life-metric em{color:var(--muted)}
html[data-theme="dark"] .life-table th,html[data-theme="dark"] .exp-table th{background:#24373a;color:var(--muted)}
html[data-theme="dark"] .life-table tbody tr:nth-child(even){background:#24373a}
html[data-theme="dark"] .life-table tbody tr:hover,html[data-theme="dark"] .exp-table tr.zone-row:hover{background:#24373a}
html[data-theme="dark"] .life-production-card{background:#24373a}
html[data-theme="dark"] .life-warning,html[data-theme="dark"] .notice{background:#24373a;border:1px solid var(--line-strong);border-left:3px solid var(--line-strong);color:var(--warning)}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:#1c292e;border:1px solid var(--line-strong);color-scheme:dark}
html[data-theme="dark"] input:focus,html[data-theme="dark"] select:focus{border-color:var(--line-strong)}
html[data-theme="dark"] .filter-chip{background:#1c292e}
html[data-theme="dark"] .filter-chip[aria-pressed=true]{background:#24373a;border-color:var(--line-strong);color:var(--accent)}
html[data-theme="dark"] .life-item img,html[data-theme="dark"] .buff-item-frame,html[data-theme="dark"] .zone-portrait{background:#24373a}
html[data-theme="dark"] .buff-overview{background:#24373a}
html[data-theme="dark"] .buff-overview strong{color:var(--accent)}
html[data-theme="dark"] .buff-tabs button{background:#1c292e}
html[data-theme="dark"] .buff-tabs button[aria-pressed=true]{background:#24373a;color:var(--accent);border-color:var(--line-strong)}
html[data-theme="dark"] .buff-card{background:#1c292e}
html[data-theme="dark"] .buff-card:hover{background:#24373a}
html[data-theme="dark"] .buff-card.is-selected{background:#24373a;border-left-color:var(--line-strong)}
html[data-theme="dark"] .buff-builder{background:#1c292e}
html[data-theme="dark"] .buff-total-card{background:#24373a;border:1px solid var(--line-strong)}
html[data-theme="dark"] .buff-total-card>strong{color:var(--accent)}
html[data-theme="dark"] .buff-empty{background:#24373a}
html[data-theme="dark"] .buff-value{color:var(--accent)}
html[data-theme="dark"] .mobile-buff-summary{background:#24373a}
html[data-theme="dark"] .compare-panel{background:#24373a;border:1px solid var(--line-strong)}
html[data-theme="dark"] .map-toolbar,html[data-theme="dark"] .map-sidebar{background:#24373a}
html[data-theme="dark"] .map-detail{background:#1c292ef7}
html[data-theme="dark"] .map-controls button{background:#1c292e}
html[data-theme="dark"] .map-live-info{background:#1c292eeb}
html[data-theme="dark"] .map-result.selected{background:#24373a}
html[data-theme="dark"] .map-progress-panel{background:#24373a}
html[data-theme="dark"] .map-marker{color:var(--accent)}
html[data-theme="dark"] .map-detail-actions>.primary{color:var(--ink)}
html[data-theme="dark"] .map-detail-actions>.plain-button{background:#1c292e}
html[data-theme="dark"] .community-visual{background:#24373a}
html[data-theme="dark"] .guide-toc{background:#24373a}
html[data-theme="dark"] .formula{background:#24373a;border-left:3px solid var(--line-strong)}
html[data-theme="dark"] dialog{background:#1c292e}
html[data-theme="dark"] #toast{color:var(--ink)}
html[data-theme="dark"] footer{background:#24373a}
html[data-theme="dark"] footer p small{color:var(--muted)}
html[data-theme="dark"] .market-panel{background:#24373a;border:1px solid var(--line-strong);border-left:3px solid var(--line-strong)}
html[data-theme="dark"] .market-unavailable{border-left-color:var(--line-strong);background:#24373a}
html[data-theme="dark"] .market-unavailable #market-status{color:var(--warning)}
html[data-theme="dark"] .market-price-source.is-auto{color:var(--accent)}
@media(max-width:960px){html[data-theme="dark"] header nav{background:#1c292ef5}
html[data-theme="dark"] .menu-button{background:#1c292e}}
html[data-theme="dark"] .guild-start-link{color:var(--accent)}
html[data-theme="dark"] .planner-chips button[aria-pressed=true],html[data-theme="dark"] .stone-star[aria-pressed=true]{background:#24373a;border-color:var(--line-strong);color:var(--accent)}
html[data-theme="dark"] .boss-next{background:#24373a;border:1px solid var(--line-strong)}
html[data-theme="dark"] .boss-next p{color:var(--muted)}
html[data-theme="dark"] .boss-next .eyebrow{color:var(--accent)}
html[data-theme="dark"] .boss-next strong{color:var(--accent)}
html[data-theme="dark"] .boss-next span{color:var(--muted)}
html[data-theme="dark"] .upcoming-boss{background:#1c292e}
html[data-theme="dark"] .stone-slots select,html[data-theme="dark"] .stone-filters select,html[data-theme="dark"] .stone-filters input[type=search]{background:#24373a}
html[data-theme="dark"] .stone-active{background:#24373a;color:var(--accent)}
html[data-theme="dark"] .stone-card{background:#1c292e}
html[data-theme="dark"] .stone-card:hover{border-color:var(--line-strong)}
html[data-theme="dark"] .boss-spot{background:#1c292e}
html[data-theme="dark"] .boss-featured{background:#24373a;border-color:var(--line-strong)}
html[data-theme="dark"] .boss-portrait{background:#24373a;border:1px solid var(--line-strong)}
html[data-theme="dark"] .boss-featured .boss-portrait{border:2px solid var(--line-strong)}
html[data-theme="dark"] .boss-small-count{color:var(--muted)}
html[data-theme="dark"] .boss-featured #boss-countdown{color:var(--accent)}
html[data-theme="dark"] .boss-follow{background:#24373a}
html[data-theme="dark"] .boss-follow:hover{border-color:var(--line-strong);background:#24373a}
html[data-theme="dark"] .boss-follow[aria-pressed=true]{border-color:var(--line-strong);background:#24373a;color:var(--accent)}
html[data-theme="dark"] .boss-follow[aria-pressed=true] .boss-portrait{border-color:var(--line-strong)}
html[data-theme="dark"] .boss-follow[aria-pressed=true] span:after{color:var(--accent)}
html[data-theme="dark"] .boss-audio-controls select{background:#1c292e}
html[data-theme="dark"] .boss-audio-controls button[aria-pressed=true]{color:var(--ink);border-color:var(--line-strong)}
html[data-theme="dark"] .illustrated-directory .tool-picture{background:#24373a}
html[data-theme="dark"] .clan-opening-art figcaption{background:#1c292e}
html[data-theme="dark"] .clan-founder-quote{border-left:3px solid var(--line-strong)}
html[data-theme="dark"] .clan-together-band{background:#24373a}
html[data-theme="dark"] .clan-principles article{border-top:1px solid var(--line-strong)}
html[data-theme="dark"] .clan-principles article>span{color:var(--accent)}
html[data-theme="dark"] .clan-principles p{color:var(--muted)}
html[data-theme="dark"] .clan-album-grid button{background:#24373a}
html[data-theme="dark"] .clan-photo-open{border:1px solid var(--line-strong);color:var(--accent);background:#1c292eed}
html[data-theme="dark"] .clan-team-band{background:#1c292e}
html[data-theme="dark"] .clan-person{background:#24373a}
html[data-theme="dark"] .clan-person:hover{background:#24373a;border-color:var(--line-strong)}
html[data-theme="dark"] .clan-person-leader{background:#24373a;border-color:var(--line-strong)}
html[data-theme="dark"] .clan-person-mark{color:var(--accent)}
html[data-theme="dark"] .clan-gallery-top button{background:#24373a}
html[data-theme="dark"] #clan-gallery-image{background:#24373a}
html[data-theme="dark"] .clan-gallery-bottom button{background:#1c292e}
html[data-theme="dark"] .clan-portrait-team{background:#24373a}
html[data-theme="dark"] .clan-portrait-card{background:#1c292e;border:1px solid var(--line-strong)}
html[data-theme="dark"] .clan-portrait-card:hover{border-color:var(--line-strong)}
html[data-theme="dark"] .clan-portrait-frame{border:1px solid var(--line-strong)}
html[data-theme="dark"] .clan-portrait-label>p{background:#24373aed;color:var(--accent);border:1px solid var(--line-strong)}
html[data-theme="dark"] .clan-portrait-label>h3{color:var(--ink)}
html[data-theme="dark"] .clan-team-controls>button{background:#1c292e;border:1px solid var(--line-strong);color:var(--accent)}
html[data-theme="dark"] .clan-team-controls>button:hover:not(:disabled){background:#24373a;border-color:var(--line-strong)}
html[data-theme="dark"] .clan-team-dots>button{background:#24373a}
html[data-theme="dark"] .clan-team-carousel:focus-visible{outline:2px solid var(--line-strong)}
html[data-theme="dark"] .application-main form,html[data-theme="dark"] .application-success{background:#1c292e}
html[data-theme="dark"] .application-fields input,html[data-theme="dark"] .application-fields select,html[data-theme="dark"] .application-stats input{background:#24373a}
html[data-theme="dark"] .application-interests label{background:#24373a}
html[data-theme="dark"] .application-interests label:has(input:checked){border-color:var(--line-strong);background:#24373a}
html[data-theme="dark"] .application-guild-note{background:#24373a;border:1px solid var(--line-strong)}
html[data-theme="dark"] .application-guild-note>p:last-child{color:var(--muted)}
html[data-theme="dark"] .application-error{background:#24373a;border:1px solid var(--line-strong);color:var(--danger)}
html[data-theme="dark"] .application-field-error{color:var(--danger)}
html[data-theme="dark"] .application-main [aria-invalid=true]{border-color:var(--line-strong)}
html[data-theme="dark"] .application-success-mark{background:#24373a;color:var(--accent)}
html[data-theme="dark"] .application-main input:focus,html[data-theme="dark"] .application-main select:focus{outline:2px solid var(--line-strong)}
html[data-theme="dark"] html[data-theme=dark] .stone-token{border-color:color-mix(in srgb,var(--stone-color) 55%,var(--line-strong))}
html[data-theme="dark"] body{background:var(--bg);color:var(--ink)}
html[data-theme="dark"] .button.primary,html[data-theme="dark"] button.primary{background:#126f66;border-color:#258b7d;color:#fff}
html[data-theme="dark"] .button.primary:hover{background:#187f72;border-color:#53aa9a;color:#fff}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{color-scheme:dark;color:var(--ink);background:var(--panel);border-color:var(--line-strong)}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#9aafad;opacity:1}
html[data-theme="dark"] .clan-founder-quote footer{background:transparent}
html[data-theme="dark"] .boss-portrait{background:#283b3c}
html[data-theme="dark"] .clan-portrait-label h3{color:#fff}
html[data-theme="dark"] .clan-portrait-shade{background:linear-gradient(0deg,#102a25 1%,#102a25e8 21%,#102a2566 65%,transparent)}
html[data-theme="dark"] :focus-visible{outline-color:var(--accent)!important}
html[data-theme="dark"] .theme-toggle{background:var(--panel-alt);color:var(--ink);border-color:var(--line-strong)}

/* chrome.css */
/* Shared site chrome: palette follows the visitor's selected theme. */
body .site-header{display:block;min-height:0;padding:0 32px;background:var(--panel);border-bottom:1px solid var(--line)}
.header-shell{max-width:1440px;min-height:100px;margin:auto;display:flex;align-items:center;gap:28px;position:relative}
.site-header .brand{gap:13px}.site-header .brand img{width:52px;height:52px}.site-header .brand>span{font-size:25px;letter-spacing:.1em}.site-header .brand small{font-size:9px;letter-spacing:.12em}
.site-header #navigation{position:static;display:flex;flex-direction:row;align-items:center;gap:5px;margin-left:auto;padding:0;background:transparent;border:0;box-shadow:none;font:600 14px/1.3 var(--font)}
.site-header #navigation>a{padding:13px 11px;border-radius:10px;color:var(--muted);transition:background .2s,color .2s}
.site-header #navigation>a:hover,.site-header #navigation>a.active{background:var(--panel-alt);color:var(--accent)}
.site-header #navigation>a.active:after{display:none}
.site-header #navigation .nav-join{margin:0 0 0 7px;padding:12px 15px;border:1px solid var(--line-strong);background:var(--panel-alt);color:var(--accent)}
.site-header #navigation .nav-join b{margin-left:9px;font-weight:400}
.site-header #navigation>a[href="/basvuru/"]{color:var(--accent)}
.site-header .quick-open{display:flex;gap:6px;align-items:center;justify-content:center;padding:10px;margin:0;color:var(--muted);border-radius:10px}
.site-header .quick-open:hover{background:var(--panel-alt);color:var(--ink)}
.site-header svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.site-header .quick-open kbd{font-size:10px;padding:2px 5px}
.site-header .theme-toggle{width:42px;height:42px;flex-shrink:0;margin:0;border-radius:50%;background:var(--panel);color:var(--ink);border:1px solid var(--line);box-shadow:none}
.site-header .theme-toggle:hover{background:var(--panel-alt);border-color:var(--line-strong);transform:rotate(8deg)}
.site-header .menu-button{display:none;background:var(--panel);color:var(--ink);border:1px solid var(--line)}
.site-footer{display:block;max-width:none;margin:0;padding:0 32px;background:var(--panel-alt);border-top:1px solid var(--line);color:var(--muted)}
.footer-shell{max-width:1440px;margin:auto}.footer-main{display:grid;grid-template-columns:1.25fr .8fr .9fr 1.1fr;gap:clamp(28px,4vw,70px);padding:66px 0 48px}
.site-footer .brand{gap:13px;color:var(--ink)}.site-footer .brand img{width:52px;height:52px}.site-footer .brand>span{font-size:26px;letter-spacing:.1em}.site-footer .brand small{font-size:9px}
.site-footer p{font-size:14px;line-height:1.85;margin:20px 0;color:var(--muted)}
.footer-identity>p{max-width:290px}.footer-region{display:inline-flex;gap:12px;font-size:10px;letter-spacing:.12em;color:var(--dim)}.footer-region>span{color:var(--accent)}
.site-footer h2{font:650 14px/1.4 var(--font);color:var(--ink);margin:4px 0 22px;letter-spacing:0;text-transform:none}
.footer-group{display:flex;flex-direction:column;align-items:flex-start;gap:13px}.footer-group h2{margin-bottom:9px}.footer-group>a{font-size:14px;line-height:1.5;transition:color .2s,transform .2s}.footer-group>a:hover{color:var(--accent);transform:translateX(3px)}
.footer-invitation{border-left:1px solid var(--line-strong);padding-left:28px}.footer-kicker{font-size:9px;letter-spacing:.1em;color:var(--accent);font-weight:650}.footer-invitation h2{font-size:25px;letter-spacing:-.035em;margin:15px 0 0}.footer-invitation p{margin:12px 0 21px}
.footer-discord{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:13px 17px;border:1px solid var(--line-strong);border-radius:12px;color:var(--accent);font-size:14px;font-weight:650;transition:background .2s,transform .2s}.footer-discord:hover{background:var(--panel);transform:translateY(-2px)}.footer-discord svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.footer-bottom{border-top:1px solid var(--line-strong);padding:23px 0 26px;display:grid;grid-template-columns:1fr auto;gap:9px 25px;align-items:center}.site-footer .footer-bottom p{font-size:12px;margin:0;color:var(--ink)}.footer-bottom p span{margin-left:14px;color:var(--muted)}.site-footer .footer-bottom small{grid-column:1;font-size:11px;line-height:1.7;color:var(--dim)}.back-to-content{grid-column:2;grid-row:1 / 3;font-size:12px;display:flex;gap:16px;align-items:center}.back-to-content:hover{color:var(--accent)}
@media(min-width:1281px) and (max-width:1380px){.header-shell{gap:16px}.site-header #navigation{font-size:13px}.site-header #navigation>a{padding-inline:8px}.site-header .brand>span{font-size:22px}.site-header .brand img{width:46px;height:46px}.site-header .quick-open kbd{display:none}}
@media(max-width:1280px){.header-shell{min-height:84px;gap:12px}.site-header .brand img{width:46px;height:46px}.site-header .brand>span{font-size:23px}.site-header .theme-toggle{margin-left:auto;order:3}.site-header .menu-button{display:inline-flex;order:4;width:42px;height:42px;align-items:center;justify-content:center}.site-header #navigation{display:none;position:absolute;inset:calc(100% + 8px) 0 auto;flex-direction:column;align-items:stretch;gap:4px;background:var(--panel);padding:14px;border:1px solid var(--line-strong);border-radius:18px;box-shadow:0 18px 40px #00000018;white-space:normal;font-size:15px}.site-header #navigation.open{display:flex}.site-header #navigation>a{padding:12px 15px}.site-header #navigation .nav-join{margin:5px 0 0}.site-header .quick-open{justify-content:flex-start;padding:12px 15px;gap:12px}.site-header .quick-open kbd{display:block}.site-header .quick-open:after{content:'Site içinde ara';font-size:13px}}
@media(max-width:1000px){.footer-main{grid-template-columns:1.2fr 1fr;gap:40px 60px;padding-block:48px}.footer-identity>p{max-width:350px}.footer-invitation{padding-left:0;border-left:0}.footer-discord{max-width:300px}}
@media(max-width:600px){body .site-header,.site-footer{padding-inline:20px}.header-shell{min-height:78px;gap:9px}.site-header .brand{gap:9px}.site-header .brand img{width:40px;height:40px}.site-header .brand>span{font-size:20px}.site-header .brand small{font-size:7px}.site-header .theme-toggle,.site-header .menu-button{width:38px;height:38px}.footer-main{grid-template-columns:1fr 1fr;gap:34px 20px;padding:40px 0 30px}.footer-identity,.footer-invitation{grid-column:1 / -1}.footer-invitation{border-top:1px solid var(--line-strong);padding-top:27px}.site-footer .brand>span{font-size:24px}.site-footer h2{font-size:13px}.footer-group>a{font-size:13px}.footer-bottom{grid-template-columns:1fr;gap:12px;padding-block:22px}.footer-bottom p span{display:block;margin:5px 0 0}.back-to-content{grid-column:1;grid-row:auto;margin-top:8px}.footer-discord{max-width:none}.footer-invitation h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){.site-header *, .site-footer *{transition:none!important;animation:none!important}}
/* Keep legacy footer flex rules from affecting the new grid. */
.site-footer p{order:0;flex-basis:auto}.site-header .header-shell .brand>span{font-size:25px}
@media(min-width:1281px) and (max-width:1380px){.site-header .header-shell .brand>span{font-size:22px}}
@media(max-width:1280px){.site-header .header-shell .brand>span{font-size:23px}}
@media(max-width:600px){.site-header .header-shell .brand>span{font-size:20px}}

/* The footer stays at the viewport bottom on short pages and follows long content. */
body{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
body>.site-header,body>.site-footer{flex-shrink:0}body>main{flex:1 0 auto;width:100%;min-width:0}body>.site-footer{margin-top:auto}
.nav-tools-group{position:relative}.nav-tools-heading{display:flex;align-items:center}.site-header #navigation .nav-tools-link{display:block;padding:13px 6px 13px 11px;border-radius:10px 0 0 10px;color:var(--muted);transition:background .2s,color .2s}.site-header #tools-toggle{display:grid;place-items:center;padding:10px 6px;width:30px;min-height:44px;color:var(--muted);border:0;background:transparent;border-radius:0 10px 10px 0}.site-header #tools-toggle svg{width:16px;height:16px;transition:transform .2s}.site-header #tools-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.site-header #navigation .nav-tools-heading:hover,.site-header #navigation .nav-tools-group.is-active .nav-tools-heading{background:var(--panel-alt);border-radius:10px}.site-header #navigation .nav-tools-group.is-active .nav-tools-link,.site-header #tools-toggle:hover{color:var(--accent)}.site-header #tools-submenu{position:absolute;inset:calc(100% + 10px) auto auto 0;min-width:220px;padding:9px;background:var(--panel);border:1px solid var(--line-strong);border-radius:13px;box-shadow:0 14px 35px #00000018;z-index:40;display:grid;gap:3px}.site-header #tools-submenu a{padding:11px 13px;border-radius:8px;font-size:14px;color:var(--muted)}.site-header #tools-submenu a:hover,.site-header #tools-submenu a.active{background:var(--panel-alt);color:var(--accent)}
@media(max-width:1280px){.nav-tools-heading{justify-content:space-between}.site-header #navigation .nav-tools-link{flex:1;padding:12px 15px}.site-header #tools-toggle{width:44px}.site-header #tools-submenu{position:static;min-width:0;margin:4px 8px 8px;padding:5px 8px;background:var(--panel-alt);border:0;box-shadow:none}.site-header #tools-submenu a{font-size:14px}}

/* visual-polish.css */
/* Native game art accompanies the existing card hierarchy. */
.guild-tool-card .guild-tool-icon{width:100%;height:150px;border-radius:12px;overflow:hidden;background:var(--panel-alt);margin-bottom:24px}
.guild-tool-icon img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.guild-tool-card[href="/enhancement/"] .guild-tool-icon img{width:88px;height:88px;object-fit:contain;image-rendering:auto}
.guild-tool-card:hover .guild-tool-icon img{transform:scale(1.04)}
.life-card-top>.life-card-art{flex:0 0 80px;width:80px;height:72px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--panel-alt);overflow:hidden}
.life-card-art img{width:64px;height:64px;object-fit:contain;transition:transform .3s ease}
.life-card[href="/life/denizcilik/"] .life-card-art img,.life-card[href="/life/royal-workshop/"] .life-card-art img{width:100%;height:100%;object-fit:cover}
.life-card:hover .life-card-art img{transform:scale(1.05)}
.life-workbench .tool-sidebar>a>span:first-child img{width:24px;height:24px;object-fit:contain;border-radius:4px;display:block}
@media(min-width:1101px){.life-card-grid .life-card{grid-template-columns:220px minmax(160px,.9fr) minmax(200px,1.2fr) 140px;gap:20px}}
@media(max-width:600px){.guild-tool-card .guild-tool-icon{height:155px}.life-card-top>.life-card-art{flex-basis:72px;width:72px;height:66px}}
@media(prefers-reduced-motion:reduce){.guild-tool-icon img,.life-card-art img{transition:none}.guild-tool-card:hover .guild-tool-icon img,.life-card:hover .life-card-art img{transform:none}}
@media(min-width:851px) and (max-width:1200px){.life-card-grid .life-card{grid-template-columns:180px minmax(150px,.9fr) minmax(0,1.2fr) 30px;gap:18px}}
@media(max-width:850px){.life-card-grid .life-card{grid-template-columns:80px minmax(0,1fr) 25px;gap:14px}.life-card-grid .life-card-top{grid-row:1 / 3}.life-card-grid .life-card>p{min-width:0}}
@media(max-width:400px){.life-card-grid .life-card{grid-template-columns:64px minmax(0,1fr) 20px;gap:10px;padding:20px 14px}.life-card-top>.life-card-art{width:60px;height:60px;flex-basis:60px}.life-card-art img{width:52px;height:52px}}

/* editorial.css */
/* Lunaris' quieter, game-led surfaces. The homepage keeps its composition. */
.inner-page .page-intro{position:relative;padding-top:34px;padding-bottom:42px;overflow:hidden}
.inner-page .page-intro:after{content:"";position:absolute;width:120px;height:120px;right:var(--gutter);bottom:20px;background:url('/assets/brand/lunaris-crest.svg') center/contain no-repeat;opacity:.065;pointer-events:none}
.page-intro .eyebrow{display:flex;align-items:center;gap:12px;letter-spacing:.13em}
.page-intro .eyebrow:before{content:"";height:1px;width:26px;background:var(--accent);flex:none}
.inner-page .page-intro h1{max-width:20ch;text-wrap:balance}.page-intro h1 em{font-style:normal}
.lost-route{max-width:1440px;margin:0 auto;padding:64px 40px 48px;display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center}
.lost-copy>.eyebrow{letter-spacing:.14em;font-size:11px;margin-bottom:10px}.lost-code{display:block;font:700 clamp(78px,9vw,130px)/1 var(--display);letter-spacing:.02em;color:var(--accent);opacity:.65;margin-bottom:18px}
.lost-copy h1{font-size:clamp(40px,4.2vw,62px);line-height:1.08;letter-spacing:-.025em;margin:0 0 24px;text-wrap:balance}.lost-copy h1 em{color:var(--accent);font-style:normal}.lost-copy>p:not(.eyebrow){color:var(--muted);line-height:1.85;font-size:15px;max-width:45ch;margin-bottom:28px}.lost-copy .actions{flex-wrap:wrap;gap:12px}.lost-footnote{display:block;margin-top:30px;font-size:12px;color:var(--muted)}
.lost-art{height:520px;position:relative;isolation:isolate;border-radius:180px 180px 28px 28px;overflow:hidden;background:#19383b;box-shadow:0 16px 44px #0f313114}
.lost-landscape{width:100%;height:100%;object-fit:cover;object-position:58% center}.lost-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#102d35ed,transparent 65%);z-index:0}.lost-art-label{position:absolute;z-index:1;bottom:38px;left:36px;right:28px;color:#f4f7f5}.lost-art-label>span{font-size:10px;letter-spacing:.18em;color:#c2e3dc}.lost-art-label p{font-size:24px;margin-top:10px;font-family:var(--display)}.lost-art-orbit{position:absolute;inset:18px;border:1px solid #fff4;border-radius:165px 165px 15px 15px;pointer-events:none}
.lost-destinations{max-width:1360px;margin:0 auto 64px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--panel)}.lost-destinations>a{display:block;padding:28px 32px;position:relative;transition:background .25s ease}.lost-destinations>a+a{border-left:1px solid var(--line)}.lost-destinations>a:hover{background:var(--panel-alt)}.lost-destinations span:not(.sr-only){font:10px var(--mono);letter-spacing:.08em;color:var(--muted)}.lost-destinations strong{display:block;font:600 25px var(--display);color:var(--ink);margin-top:14px}.lost-destinations p{color:var(--muted);font-size:12px;line-height:1.7;margin-top:8px;max-width:90%}.lost-destinations b{position:absolute;right:26px;top:30px;color:var(--accent);font-size:20px;font-weight:400}
.workshop-welcome{display:flex;justify-content:space-between;gap:32px;align-items:center;padding:28px 32px;margin-bottom:26px;background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden}.workshop-welcome .eyebrow{font-size:10px;margin-bottom:10px}.workshop-welcome h2{font:600 clamp(27px,3vw,38px)/1.15 var(--display);margin:0 0 10px}.workshop-welcome p:last-child{font-size:13px;line-height:1.75;color:var(--muted);max-width:55ch}.workshop-ingredients{position:relative;min-width:170px;display:flex;align-items:center;justify-content:center;gap:8px}.workshop-ingredients img{width:66px;height:66px;object-fit:contain;background:var(--panel-alt);border:1px solid var(--line);padding:8px;border-radius:16px;transform:rotate(-7deg)}.workshop-ingredients img:nth-child(2){width:78px;height:78px;transform:translateY(-9px) rotate(4deg)}.workshop-ingredients img:nth-child(3){transform:rotate(10deg)}
.craft-loading{min-height:260px;padding:48px 24px;display:grid;align-content:center;justify-items:center;text-align:center;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.craft-loading h2{font:600 28px var(--display);margin:14px 0 10px}.craft-loading p{color:var(--muted);font-size:13px;line-height:1.8;margin-bottom:16px}.craft-loading-mark{width:32px;height:32px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:craft-turn 1.1s linear infinite}[aria-busy=true]>.life-panel{opacity:.6;transition:opacity .18s}
@keyframes craft-turn{to{transform:rotate(360deg)}}
@media(min-width:900px){.lost-copy{animation:route-enter .65s ease both}.lost-art{animation:route-enter .8s ease .1s both}}@keyframes route-enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media(max-width:1450px){.lost-destinations{margin-inline:40px}}@media(max-width:900px){.lost-route{padding:40px 24px;gap:32px}.lost-art{height:440px}.lost-destinations{margin-inline:24px}.lost-destinations>a{padding:24px}.lost-destinations p{max-width:100%}.lost-destinations b{right:18px}.workshop-welcome{padding:24px}.workshop-ingredients{min-width:130px;gap:2px}.workshop-ingredients img{width:46px;height:46px}.workshop-ingredients img:nth-child(2){width:58px;height:58px}}
@media(max-width:620px){.lost-route{grid-template-columns:1fr;padding-top:32px;gap:32px}.lost-code{font-size:82px}.lost-copy h1{font-size:42px}.lost-art{height:280px;border-radius:90px 90px 22px 22px}.lost-art-orbit{border-radius:78px 78px 12px 12px;inset:12px}.lost-art-label{bottom:25px;left:24px}.lost-destinations{grid-template-columns:1fr;margin-bottom:36px}.lost-destinations>a+a{border-left:0;border-top:1px solid var(--line)}.lost-destinations strong{font-size:23px}.workshop-welcome{gap:12px;align-items:flex-start}.workshop-welcome h2{font-size:27px}.workshop-ingredients{min-width:58px;display:block}.workshop-ingredients img{display:none}.workshop-ingredients img:nth-child(2){display:block;transform:none}.inner-page .page-intro:after{right:-20px;opacity:.04}.lost-footnote{font-size:11px}}
@media(prefers-reduced-motion:reduce){.lost-copy,.lost-art,.craft-loading-mark{animation:none}.lost-destinations>a{transition:none}}

/* atelier.css */
/* Lunaris atelier: quiet surfaces, turquoise accents and a clear result hierarchy. */
:root{--atelier-shadow:0 10px 32px #163d3510;--atelier-radius:18px}
html[data-theme=dark]{--atelier-shadow:0 12px 32px #0002}
body .site-header{background:var(--panel)}
.header-shell{min-height:86px}.site-header .brand img{filter:drop-shadow(0 3px 9px #168f8530)}
.inner-page .page-intro{padding-top:40px;padding-bottom:42px;border-bottom:1px solid var(--line)}
.inner-page .page-intro h1{font-size:clamp(40px,5vw,70px);line-height:1.06;max-width:22ch;letter-spacing:-.025em}
.inner-page .page-intro>.eyebrow{color:var(--accent);margin-top:24px;margin-bottom:15px}
.inner-page .page-intro>p:last-child{font-size:15px;line-height:1.85;margin-top:18px;max-width:65ch}
.inner-page .page-intro:after{opacity:.35}
.workbench .tool-main{min-width:0}.workbench .tool-topline{padding-bottom:20px;margin-bottom:24px;border-bottom:1px solid var(--line)}
.life-panel,.market-panel{border:1px solid var(--line);border-radius:var(--atelier-radius);padding:clamp(20px,2.3vw,32px);background:var(--panel);box-shadow:var(--atelier-shadow);margin-bottom:24px}
.life-panel>h2{font:600 clamp(23px,2.3vw,30px)/1.2 var(--display);margin-bottom:12px;color:var(--ink)}
.life-panel>p{max-width:78ch;font-size:13px;line-height:1.85;color:var(--muted);margin-bottom:24px}
.life-fields{gap:18px}.life-fields label{font-size:12px;line-height:1.7}
.life-fields input,.life-fields select,.life-table input,.life-table select{min-height:44px;border-radius:9px;background:var(--bg);border:1px solid var(--line-strong)}
.life-fields input:focus,.life-fields select:focus{border-color:var(--accent)}
.life-metrics{gap:14px;margin-block:24px}.life-metric{min-width:0;padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--panel);gap:12px}
.life-metric strong{font:600 clamp(23px,2.5vw,34px)/1.2 var(--display);font-variant-numeric:tabular-nums;color:var(--ink);overflow-wrap:anywhere}
.life-metric small{font:10px/1.6 var(--mono);letter-spacing:.055em;color:var(--muted)}.life-metric em{font:12px/1.7 var(--font);color:var(--muted)}
.life-scroll{border:1px solid var(--line);border-radius:12px;max-width:100%;margin-top:20px}.life-table{margin:0}.life-table th{font:10px/1.6 var(--mono);letter-spacing:.04em;background:var(--panel-alt);padding:14px 16px;white-space:nowrap}.life-table td{padding:15px 16px;border-color:var(--line);font-size:13px}.life-table tbody tr:nth-child(even){background:color-mix(in srgb,var(--panel-alt) 48%,transparent)}.life-table tbody tr:hover{background:var(--panel-alt)}
.life-details{border:1px solid var(--line);border-radius:10px;padding:16px;margin-top:12px;background:var(--bg)}.life-details summary{font-size:13px;line-height:1.6;cursor:pointer;color:var(--ink)}.life-help{font-size:12px;line-height:1.8;color:var(--muted);margin-top:18px}
.craft-profit-summary{padding:clamp(22px,3vw,36px);border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:22px;background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 9%,var(--panel)),var(--panel));box-shadow:var(--atelier-shadow);margin:28px 0}
.profit-heading{display:flex;justify-content:space-between;gap:18px;align-items:center}.profit-heading h2{font:600 clamp(28px,3vw,40px)/1.15 var(--display);max-width:25ch}.profit-heading .eyebrow{margin-bottom:12px;color:var(--accent)}
.craft-profit-summary .life-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.craft-profit-summary .life-metric{background:var(--panel)}.craft-profit-summary .life-metric:last-child{background:var(--accent);border-color:var(--accent)}.craft-profit-summary .life-metric:last-child :is(small,strong,em){color:var(--accent-ink)}
.item-card-trigger{border:0;padding:0;background:transparent;color:var(--ink);text-align:left;font:inherit;cursor:pointer;max-width:100%;border-radius:5px;min-height:40px}.item-card-trigger:hover{color:var(--accent)}.item-card-trigger>img{flex-shrink:0;border-radius:7px;border:1px solid var(--line);background:var(--panel-alt)}.item-card-hint{font-size:11px;color:var(--accent);margin-left:5px}.item-card-trigger>span:not(.life-symbol):not(.item-card-hint){white-space:normal;overflow-wrap:anywhere}
.item-card-dialog{width:min(640px,calc(100vw - 32px));max-height:88svh;padding:clamp(24px,4vw,40px);background:var(--panel);color:var(--ink);border:1px solid var(--line-strong);border-radius:22px;box-shadow:0 24px 90px #0005;overflow:auto}.item-card-dialog::backdrop{background:#071b21a6;backdrop-filter:blur(5px)}.item-card-heading{display:flex;align-items:center;gap:18px;margin-block:24px}.item-card-heading img{background:var(--panel-alt);border:1px solid var(--line);border-radius:12px;flex-shrink:0}.item-card-heading h2{font:600 32px/1.15 var(--display);margin-bottom:10px}.item-card-heading small{font:10px var(--mono);color:var(--muted)}.item-card-dialog section{margin-block:24px;padding-top:24px;border-top:1px solid var(--line)}.item-card-dialog h3{font:600 21px/1.3 var(--display);margin-bottom:16px}.item-card-dialog p,.item-card-dialog li{font-size:13px;line-height:1.9;color:var(--muted)}.item-card-dialog ul{padding-left:20px}.item-card-price p{margin:14px 0}.item-inline-link{padding:4px 0;background:none;border:0;color:var(--accent);font:inherit;text-align:left;text-decoration:underline;text-underline-offset:3px}.item-card-links{display:flex;flex-wrap:wrap;gap:18px;border-top:1px solid var(--line);padding-top:24px;font-size:12px;color:var(--accent)}.item-card-note{margin-top:24px}
.tool-sync{position:relative;border-radius:12px;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--accent);padding:16px 20px;margin-bottom:24px;box-shadow:none}.tool-sync p{font-size:12px;line-height:1.8}.tool-sync[data-sync-state=conflict],.tool-sync[data-sync-state=error]{border-left-color:var(--warning)}.tool-sync[data-sync-state=saving]{border-left-color:var(--line-strong)}.tool-sync[data-sync-state=saved] p:before{content:'✓ ';color:var(--accent)}
.buff-overview{border-radius:18px;border:1px solid var(--line);background:var(--panel);overflow:hidden}.buff-overview strong{font-variant-numeric:tabular-nums}.buff-tabs{gap:8px;padding-block:20px}.buff-tabs button{border-radius:9px;min-height:42px}.buff-tabs button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.buff-tabs button[aria-pressed=true] i{color:inherit}
.buff-card{border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:var(--atelier-shadow);overflow:hidden;margin-bottom:14px}.buff-card.is-selected{border-color:var(--accent);box-shadow:inset 3px 0 var(--accent)}.buff-card-title h3{font-size:15px;line-height:1.5}.buff-card-main{padding:22px 20px}.buff-card-effects{padding:14px 20px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--panel-alt) 40%,transparent)}.buff-value{font-family:var(--display);font-size:32px;color:var(--accent)}
.buff-builder{border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:var(--atelier-shadow)}.buff-total-card{border-radius:14px;background:var(--panel-alt);padding:24px}.buff-total-card>strong{font-family:var(--display);font-size:clamp(30px,4vw,52px);color:var(--accent)}.selected-buff{border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:12px}.buff-compatibility{border:1px solid var(--line);border-radius:10px;padding:14px;margin-block:16px;background:var(--panel-alt)}.buff-compatibility strong{font-size:12px;color:var(--accent)}.buff-compatibility p{font-size:11px;line-height:1.8;margin-top:8px;color:var(--muted)}.buff-compatibility.has-conflict{border-color:var(--warning)}.buff-compatibility.has-conflict strong{color:var(--warning)}
.life-card,.directory-card,.overview-card,.personal-tool-card{border-radius:16px;box-shadow:var(--atelier-shadow)}.life-card:hover,.directory-card:hover{border-color:var(--accent)}.plain-button{border-radius:8px}
@media(max-width:1000px){.life-panel{padding:22px}.buff-card-main{padding:18px 14px}.buff-card-effects{padding:14px}.item-card-dialog{max-height:90svh}}
@media(max-width:600px){.header-shell{min-height:76px}.inner-page .page-intro{padding-top:26px;padding-bottom:28px}.inner-page .page-intro h1{font-size:42px}.inner-page .page-intro>p:last-child{font-size:14px}.life-panel,.craft-profit-summary{border-radius:14px;padding:18px}.craft-profit-summary .life-metrics{grid-template-columns:1fr}.profit-heading{align-items:flex-start;flex-direction:column}.life-metric{padding:18px}.life-table td,.life-table th{padding:12px}.item-card-dialog{padding:24px 20px}.item-card-heading h2{font-size:28px}.item-card-links{flex-direction:column}.buff-builder{border-radius:14px}.life-fields input,.life-fields select{font-size:16px}.buff-card-title h3{font-size:14px}.buff-card-main{gap:10px}.buff-value{font-size:26px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}
/* Homepage membership discovery and dated MENA patch digest. */
.home-membership{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(28px,5vw,72px);align-items:center;border-bottom:1px solid var(--line)}
.home-membership h2,.home-patch h2{font:600 clamp(32px,3.8vw,54px)/1.08 var(--display);letter-spacing:-.02em;color:var(--ink);margin:15px 0 22px}.home-membership h2 em{color:var(--accent);font-style:normal}.home-membership-copy>p:not(.eyebrow){max-width:49ch;line-height:1.85;color:var(--muted)}.home-membership .actions{margin-top:26px;flex-wrap:wrap;gap:20px}.home-membership-options{display:grid;grid-template-columns:1fr 1fr;gap:16px}.home-membership-options article{min-width:0;padding:28px 24px;border:1px solid var(--line);background:var(--panel);border-radius:18px}.home-membership-options article:last-child{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--panel))}.home-membership h3{font:600 29px/1.15 var(--display);margin:20px 0 12px}.home-membership-options p{font-size:14px;line-height:1.85;color:var(--muted)}.home-membership-options a{display:inline-flex;margin-top:20px;gap:10px;color:var(--accent);font-size:13px;line-height:1.7}.home-patch-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.home-patch-heading p:not(.eyebrow){color:var(--muted);line-height:1.8}.home-patch time{font:11px var(--mono);white-space:nowrap;padding:12px 16px;border:1px solid var(--line);border-radius:30px;color:var(--accent)}.home-patch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:30px 0 26px}.home-patch-grid>a{display:flex;flex-direction:column;align-items:flex-start;background:var(--panel);padding:30px;border:1px solid var(--line);border-radius:18px}.home-patch-grid>a:hover{border-color:var(--accent)}.home-patch h3{font:600 clamp(27px,2.6vw,37px)/1.1 var(--display);margin:20px 0}.home-patch-grid p{font-size:14px;line-height:1.8;color:var(--muted);margin-bottom:25px}.home-patch-grid .text-link{margin-top:auto;font-size:13px;color:var(--accent)}
.patch-article{max-width:1120px;margin-inline:auto;padding-top:15px}.patch-jump{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.patch-jump a{border:1px solid var(--line);border-radius:30px;padding:11px 17px;font-size:13px;color:var(--accent)}.patch-article p,.patch-article li{font-size:15px;line-height:1.9;color:var(--muted);margin:16px 0}.patch-article .patch-source{font-size:13px}.patch-source a,.patch-related a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.patch-article section{padding-block:36px;border-bottom:1px solid var(--line);scroll-margin-top:115px}.patch-article h2{font:600 clamp(30px,3.5vw,44px)/1.15 var(--display);margin-bottom:20px;color:var(--ink)}.patch-article h3{font:600 26px/1.2 var(--display);margin-top:30px}.patch-callout{border-left:3px solid var(--accent);padding:22px;background:var(--panel-alt);border-radius:0 12px 12px 0;margin-block:24px}.patch-callout p{margin-bottom:0}.patch-table-scroll{overflow-x:auto;max-width:100%;border:1px solid var(--line);border-radius:12px;margin:22px 0}.patch-article table{width:100%;border-collapse:collapse;font-size:14px;background:var(--panel)}.patch-article caption{text-align:left;padding:16px;font-size:12px;color:var(--muted)}.patch-article th,.patch-article td{padding:14px 16px;border-top:1px solid var(--line);text-align:left;min-width:56px}.patch-article thead th{background:var(--panel-alt);font-size:12px}.patch-article th[scope=row]{font-weight:500;min-width:190px}.patch-article td{font-variant-numeric:tabular-nums}.patch-article ul{padding-left:22px}.patch-related{display:flex;flex-wrap:wrap;gap:20px;margin-top:24px}.patch-related small{display:inline-block;border:1px solid var(--line);padding:2px 8px;border-radius:20px;font-size:10px}.patch-article details{padding:20px;border:1px solid var(--line);border-radius:12px;margin-block:24px}.patch-article summary{cursor:pointer;font-size:14px;line-height:1.7}.patch-article>.button{margin-top:32px}
@media(min-width:1281px) and (max-width:1450px){.site-header #navigation{gap:1px;font-size:13px}.site-header #navigation>a{padding-inline:9px}.site-header .header-shell{gap:18px}}
@media(max-width:950px){.home-membership{grid-template-columns:1fr}.home-patch-grid{gap:12px}.home-patch-grid>a{padding:22px}}
@media(max-width:650px){.home-membership-options,.home-patch-grid{grid-template-columns:1fr}.home-patch-heading{flex-direction:column;gap:16px}.home-membership-options article{padding:24px}.home-patch-grid h3 br{display:none}.home-patch-grid h3{line-height:1.3}.home-membership .actions{align-items:flex-start;flex-direction:column}.patch-related{flex-direction:column}.patch-article section{padding-block:28px}}