/* Shared spacious theme: near-black surfaces, understated mint, no bold. */
:root{--bg:#0c0d0f;--surface:#141619;--text:#f1f1f0;--muted:#a4a7ad;--accent:#c4dbd0;--gold:#c4dbd0;--line:#292c31}
body{font-size:16px;line-height:1.85;background:var(--bg);word-break:keep-all;overflow-wrap:anywhere}h1,h2,h3{letter-spacing:-.035em}button,input,select{font-size:14px}.section-width,.nav-wrap,.catalog-shell{width:min(1160px,calc(100% - 80px))}.site-header{background:#0c0d0ff5;border-color:#22252a}.nav-wrap,.catalog-page .nav-wrap{min-height:84px;max-width:1160px;gap:60px}.nav-wrap nav{gap:34px;margin-left:auto}.nav-wrap nav a{padding:28px 0;font-size:14px;border:0}.nav-wrap nav a[aria-current]{color:var(--text)}.brand{font-size:21px;gap:12px}.brand-mark{border:0;background:var(--text);color:#111418;border-radius:7px;width:32px;height:34px;font-size:23px}.discord{margin-left:0;font-size:13px;border:1px solid var(--line);border-radius:7px;padding:7px 16px}.eyebrow{font-size:12px;letter-spacing:.08em;color:#9faeaa;margin-bottom:18px}.button{min-height:48px;border-radius:8px;padding:12px 22px;font-size:14px}.primary{background:#e4ece8;color:#161a18;border-color:#e4ece8}.primary:hover{background:#fff}.secondary{background:transparent}.text-link{font-size:14px;color:#c2cec9}.site-footer{margin-top:100px;padding:36px 0 46px;gap:28px;font-size:12px}
.welcome{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding-block:104px 96px;min-height:650px}.welcome h1{font-size:clamp(3.2rem,5vw,4.6rem);line-height:1.3;margin-bottom:28px}.welcome-description{font-size:18px;line-height:2;color:#b2b5bb}.welcome-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}.edition{font-size:12px;color:#7d838c;margin-top:25px}.collection-preview{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#111316}.collection-heading{display:flex;justify-content:space-between;gap:12px;padding:22px 26px;font-size:13px;color:#c7cbd0;border-bottom:1px solid #25282c}.collection-heading span:last-child{font-size:12px;color:#888f96}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:20px 16px;gap:10px}.collection-grid a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;min-height:145px;text-align:center;border-radius:10px;padding:16px 4px;transition:background .2s}.collection-grid a:hover{background:#1d2125}.collection-grid img{width:64px;height:64px;object-fit:contain;image-rendering:pixelated}.collection-grid span{font-size:12px;color:#929aa1}.collection-all{display:block;padding:18px 26px;border-top:1px solid #25282c;font-size:13px;color:#bfcac4;text-align:center}
.connect-strip{display:flex;align-items:center;gap:35px;padding:28px 32px;border:1px solid var(--line);border-radius:12px;background:#101215}.connect-strip .eyebrow{margin-bottom:5px}.connect-strip>p{font-size:13px;flex:1}.connect-strip>div p:last-child{color:#d4d8d6;font-size:15px}.connect-strip .button{font-size:12px}.connect-strip button:disabled{color:#8d969f;border-color:#2b3036}.home-section{padding-top:106px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:36px}.section-heading h2,.archive-entry h2{font-size:30px;line-height:1.5}.section-heading .eyebrow{margin-bottom:12px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature{padding:32px;border:1px solid var(--line);border-radius:14px;background:#121417;transition:border-color .2s}.feature:hover{border-color:#667c71}.feature-number{font-size:12px;color:#8e969e}.feature h3{font-size:21px;color:var(--text);margin:24px 0 18px}.feature p{font-size:14px;line-height:2}.feature-caption{display:block;margin-top:32px;font-size:12px;color:#a6b7ad}.archive-entry{padding:60px 0;margin-top:96px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;border-block:1px solid var(--line)}.archive-entry .eyebrow{margin-bottom:14px}.archive-entry p:not(.eyebrow){font-size:14px;margin-top:18px}.archive-entry input{min-height:54px;border-radius:8px;background:#15181c;font-size:14px;padding:15px}.archive-entry button{border-radius:8px;padding:12px 20px;font-size:14px}.home-links{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;padding-top:56px}.home-links a{padding:0 10px}.home-links h3{font-size:17px;margin-bottom:12px}.home-links p{font-size:13px}
.page-main,.support-main{padding-top:64px}.page-heading{padding-bottom:35px;margin-bottom:50px}.page-heading h1,.support-heading h1,.catalog-heading h1{font-size:36px;line-height:1.4}.page-heading p,.support-heading>p:last-child{font-size:16px;margin-top:18px}.guide-layout{grid-template-columns:180px minmax(0,1fr);gap:65px}.guide-nav{top:115px;border:0;gap:5px}.guide-nav a{border:0;padding:9px 0;font-size:14px;color:#89919a}.guide-nav a:hover{background:none;color:var(--text)}.guide-section{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:0 0 48px;margin-bottom:48px;scroll-margin-top:110px}.guide-section h2{font-size:25px;padding:0;border:0;margin-bottom:25px}.guide-section p,.guide-section li{font-size:16px;line-height:2}.guide-section p+p{margin-top:18px}.table-wrap{margin:24px 0;border:1px solid var(--line);border-radius:10px}th,td{padding:15px 18px;font-size:14px}th{background:#191c21;color:#d6ddd9}td{color:#b0b6bf}.crop-list{gap:24px;margin-top:28px}.crop-list small{font-size:12px}.crop-list a{font-size:14px}
.catalog-heading{padding:60px 0 38px;gap:35px;align-items:end}.catalog-kicker{font-size:12px;margin-bottom:15px;color:#99aca1}.catalog-heading>p{font-size:14px;max-width:350px;color:var(--muted)}.catalog-controls{padding-bottom:24px}.search-box{height:54px;border-radius:8px;background:#14171b;padding:0 18px;border-color:#3b4248}.search-row>.select-box select{height:54px;border-radius:8px;background:#14171b}.category-filters{gap:8px;padding-top:20px}.category-filters button{padding:9px 14px;border-radius:7px;font-size:14px}.category-filters button[aria-pressed=true]{background:#d9e3dd;color:#17211a}.fine-filters{margin-top:16px;gap:16px}.fine-filters select{background:#0c0d0f;color:#b1b7be}.archive-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:32px;padding-top:30px}.results-meta{margin-bottom:18px}.item-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.item-card{min-height:207px;padding:18px;align-items:start;justify-content:start;border-radius:10px;background:#13161a;border-color:#2a2e35}.item-card:hover{background:#1b2025;border-color:#64756b}.item-card[aria-pressed=true]{background:#1b2520;border-color:#81988b;box-shadow:none}.item-card .item-art{position:static;transform:none;width:66px;height:66px;margin:14px auto 20px}.item-card:hover .item-art{transform:none}.item-card .card-name{font-size:14px}.item-card .card-category,.item-card .card-effect{font-size:12px;color:#959fa8}.detail-panel{top:108px;max-height:calc(100dvh - 135px);background:#121519;border-radius:12px;border-color:#333a40}.detail-topline{padding:22px 24px 0}.item-profile{padding:24px;gap:20px}.item-profile h2{font-size:16px}.item-profile>.item-art{width:62px;height:62px}.item-actions button{padding:6px 9px;border-radius:5px;background:transparent}.mc-tooltip{margin:0 20px 25px;padding:22px 16px;border:1px solid #3b3a43;border-radius:8px;background:#101013;font-size:14px}.lore-line{line-height:1.9}.lore-line.blank{height:10px}.item-info{margin:0 22px 22px;padding:16px;border:1px solid #303b35;border-radius:7px;background:#19211d;font-size:12px}.synergies{padding:24px}.synergy-heading h3{font-size:16px}.synergy-description{margin-top:10px}.synergy-card{background:transparent;border-radius:8px;padding:16px;margin-top:14px}.synergy-card p{font-size:13px}.item-source{padding:0 24px 24px}.load-more{margin-top:24px;padding:16px;border-radius:8px}.catalog-footnote{padding-top:32px;line-height:2}.catalog-footer{width:min(1160px,calc(100% - 80px))}.skeleton{height:207px;border-radius:10px}.catalog-toast{background:#e4ece8;color:#1b231e}.texture-fallback small{font-size:12px}
.support-heading{padding-bottom:35px}.support-layout{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:60px;margin-top:45px}.support-form-panel{padding:32px;border-radius:12px;background:#14171b}.panel-top h2{font-size:20px}.service-notice{margin:22px 0;padding:16px;background:#1e2522;border-color:#7f9a89;line-height:1.9}.field{margin-bottom:26px}.field label{margin-bottom:10px}.field input{min-height:48px;border-radius:7px;padding:12px 14px}.field small{line-height:1.8;margin-top:9px}.amount-shortcuts{gap:10px}.amount-shortcuts button{border-radius:7px;padding:10px;background:#1b2025}.support-guide{padding:8px 0;border:0;background:none}.support-guide h2{font-size:25px;margin-bottom:25px}.support-steps li{gap:20px;margin-bottom:28px}.support-steps p{line-height:1.9}.support-help{padding-top:28px}.support-help p{margin-top:12px}.receipt{padding:30px;border-radius:12px;background:#14171b;margin-top:40px}.support-main .badge{font-size:12px;border-radius:5px;border-color:#4a6355;color:#bad1c2}.submit-button{margin-top:5px}
@media(max-width:1000px){.section-width,.nav-wrap,.catalog-shell,.catalog-footer{width:calc(100% - 48px)}.welcome{gap:40px;padding-block:75px}.welcome h1{font-size:3.5rem}.nav-wrap,.catalog-page .nav-wrap{gap:28px}.nav-wrap nav{gap:22px}.feature{padding:24px}.guide-layout{gap:35px}.archive-layout{gap:22px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.item-grid{grid-template-columns:1fr}.item-card{min-height:190px}.support-layout{gap:32px}}
@media(max-width:760px){.section-width,.nav-wrap,.catalog-shell,.catalog-footer{width:calc(100% - 40px)}.nav-wrap,.catalog-page .nav-wrap{min-height:0;gap:12px;padding-top:18px}.nav-wrap nav{order:3;width:100%;margin:0;justify-content:space-between;gap:12px}.nav-wrap nav a{padding:15px 0;font-size:13px}.discord{margin-left:auto;padding:5px 12px;font-size:12px}.brand{font-size:18px}.welcome{grid-template-columns:1fr;gap:50px;padding:64px 0 48px;min-height:0}.welcome h1{font-size:3.4rem;margin-bottom:24px}.welcome-description{font-size:16px}.welcome-actions{margin-top:30px}.collection-preview{max-width:540px;width:100%}.collection-grid{gap:7px;padding:14px}.collection-grid a{min-height:130px}.collection-grid img{width:55px;height:55px}.connect-strip{padding:24px;flex-wrap:wrap;gap:20px}.connect-strip>p{flex-basis:100%;order:3}.connect-strip .button{margin-left:auto;min-height:40px;padding:8px 12px}.home-section{padding-top:70px}.section-heading{align-items:start;margin-bottom:27px}.section-heading h2,.archive-entry h2{font-size:25px}.section-heading>a{font-size:12px;padding-top:37px;white-space:nowrap}.feature-grid{grid-template-columns:1fr;gap:18px}.feature{padding:27px}.feature h3{margin-top:17px}.feature-caption{margin-top:22px}.archive-entry{grid-template-columns:1fr;gap:30px;margin-top:65px;padding:40px 0}.home-links{grid-template-columns:1fr;gap:30px;padding-top:40px}.home-links a{padding:0}.site-footer{margin-top:65px;gap:18px;font-size:12px;line-height:2}.site-footer>span:first-child{flex-basis:100%}.page-main,.support-main{padding-top:42px}.page-heading{margin-bottom:32px;padding-bottom:25px}.page-heading h1,.support-heading h1,.catalog-heading h1{font-size:30px}.guide-layout{grid-template-columns:1fr;gap:35px}.guide-nav{display:flex;position:static;gap:10px}.guide-nav a{padding:7px 12px;border-radius:6px}.guide-section{padding-bottom:35px;margin-bottom:35px}.guide-section h2{font-size:23px}.crop-list{grid-template-columns:1fr}.catalog-heading{padding:40px 0 28px}.catalog-heading>p{margin-top:16px}.archive-layout{display:block;padding-top:24px}.item-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.item-card{min-height:200px;padding:14px}.item-card .item-art{position:static;transform:none;width:56px;height:56px;margin:15px auto 20px}.item-card .card-name{font-size:14px}.item-card .card-category,.item-card .card-effect{font-size:12px}.detail-panel{top:auto;max-height:90dvh;border-radius:16px 16px 0 0}.detail-mobile-bar{padding:16px 20px;background:#171c20}.category-filters{gap:6px}.category-filters button{padding:8px 10px;font-size:13px}.support-layout{grid-template-columns:1fr;gap:40px;margin-top:28px}.support-form-panel{padding:23px}.support-heading{padding-bottom:25px}.support-guide{padding:0 4px}.collection-grid a:hover{background:transparent}}
@media(max-width:380px){.section-width,.nav-wrap,.catalog-shell,.catalog-footer{width:calc(100% - 28px)}.item-grid{grid-template-columns:1fr}.welcome-actions .button{padding:12px 15px}.connect-strip .button{margin-left:0}.collection-heading{padding:18px}.search-box kbd{display:none}}
