/* Approved Spartan treasury art, live translated labels, fluid interior. */
.sp-vault{--vault-font:SpartaMeme,VaultIntl,SpartaIntl,SpartaSymbols,Arial,sans-serif;--vault-ink:#14213c;--vault-blue:#294d93;--vault-muted:#746950;background:#fbf3dd;color:var(--vault-ink);font-family:var(--vault-font);font-weight:900;isolation:isolate;overflow:clip;scroll-margin-top:100px}
.sp-vault *{box-sizing:border-box}
.sp-vault :is(h1,h2,h3,p,ul){margin:0;padding:0}
.sp-vault :is(h1,h2,h3,p,span,strong){overflow-wrap:anywhere;word-break:normal;white-space:normal}
.sp-vault .vault-canvas{position:relative;max-width:1600px;margin-inline:auto;container-type:inline-size;direction:ltr;padding-bottom:3cqw}
.sp-vault .vault-scene{display:block;position:absolute;inset:5.625cqw 0 auto;z-index:-2;pointer-events:none}
.sp-vault .vault-scene img{display:block;width:100%;height:auto}
.sp-vault .vault-canvas::before{content:"";position:absolute;inset:0 0 auto;height:20cqw;background:linear-gradient(#fffcf3 0%,#fffcf3ed 28%,#fffcf300 100%);pointer-events:none;z-index:-1}
.sp-vault .vault-heading{position:absolute;inset:2.75cqw auto auto 4.0625cqw;max-width:57%;z-index:1;text-align:start}
.sp-vault .vault-eyebrow{color:#ae332e;font:800 clamp(12px,1cqw,16px)/1.5 var(--vault-font);letter-spacing:.02em;margin-bottom:.6cqw}
.sp-vault .vault-title{font-family:var(--vault-font);font-size:clamp(34px,3.5cqw,56px);font-weight:900;line-height:1.2;letter-spacing:-.035em;color:var(--vault-ink)}
.sp-vault .vault-subtitle{font-size:clamp(20px,2cqw,32px);line-height:1.45;color:var(--vault-blue);margin-top:.75cqw;max-width:36cqw}
.sp-vault .vault-plaque{display:table;margin-top:4cqw;background:#fff9e9ed;border:2px solid #ba965d;border-radius:10px;padding:12px 30px;font-size:clamp(14px,1.3cqw,21px);line-height:1.4;max-width:36cqw;box-shadow:0 3px 0 #54371424}
.sp-vault .vault-grid{display:grid;grid-template-columns:48.75% 51.25%;padding-top:9.375cqw;align-items:end}
.sp-vault .vault-frame{grid-column:2;grid-row:1;width:98.17%;position:relative;container-type:inline-size;isolation:isolate;padding:0;}
/* Slice the frame so translated rows can grow without stretching the pediment. */
.sp-vault .vault-frame-layout{display:grid;grid-template-rows:33.42246cqw auto 17.73619cqw}
.sp-vault .vault-panel{grid-row:2;position:relative;z-index:1;margin-left:23.79679%;margin-right:23.88592%;min-height:73.79679cqw;padding:clamp(8px,1.5cqw,16px);display:flex;flex-direction:column;background:linear-gradient(145deg,#fffdf3,#fff7e2 55%,#f1e1bc);border-inline:1px solid #dcc083;direction:inherit}
.sp-vault .vault-frame-art{position:absolute;inset:0;z-index:0;display:grid;grid-template-rows:33.42246cqw minmax(0,1fr) 17.73619cqw;pointer-events:none}
.sp-vault .vault-frame-art picture{display:block;min-height:0;overflow:hidden}
.sp-vault .vault-frame-art img{display:block;width:100%;height:100%;max-height:none}
.sp-vault .vault-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:center;padding:4px 3px 14px;border-bottom:1px solid #c3ad76;margin-bottom:10px}
.sp-vault .vault-supply{min-width:0}
.sp-vault .vault-small{display:block;font-size:clamp(11px,1.65cqw,14px);line-height:1.5;color:var(--vault-muted)}
.sp-vault .vault-supply-number{display:block;font-size:clamp(28px,5cqw,42px);line-height:1.35;font-weight:900;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.sp-vault .vault-allocation-heading{text-align:end;min-width:0}
.sp-vault .vault-allocation-heading h3{font-size:clamp(13px,2cqw,16px);line-height:1.45;letter-spacing:-.02em;margin-bottom:8px}
.sp-vault .vault-list{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.sp-vault .vault-row{min-width:0;display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:2px 5px;background:#fffdf7;border:1px solid #d9bf89;border-radius:5px;padding:8px;min-height:65px;font-size:clamp(12px,1.65cqw,14px);line-height:1.35}
.sp-vault .vault-icon{width:100%;max-width:26px;height:auto;aspect-ratio:1;color:var(--vault-accent,#226444);flex:none}
.sp-vault .vault-row-label{grid-column:2/-1;min-width:0}
.sp-vault .vault-percent{color:var(--vault-accent);grid-column:1/3;font-size:clamp(24px,3.2cqw,28px);font-weight:900;line-height:1.25;font-variant-numeric:tabular-nums;white-space:nowrap}
.sp-vault .vault-count{font-size:clamp(11px,1.45cqw,13px);line-height:1.3;color:var(--vault-muted);text-align:end;align-self:end;padding-bottom:3px;max-width:80px}
.sp-vault .vault-primary{grid-column:1/-1;grid-template-columns:24px minmax(0,1fr) auto minmax(35px,auto);min-height:57px;padding:8px;column-gap:7px;font-size:clamp(14px,2cqw,17px)}
.sp-vault .vault-primary .vault-row-label{grid-column:2}
.sp-vault .vault-primary .vault-percent{grid-column:3;font-size:clamp(27px,3.5cqw,31px)}
.sp-vault .vault-primary .vault-count{align-self:center;padding-bottom:0}
.sp-vault .vault-policy{font-size:clamp(10px,1.4cqw,12px);line-height:1.65;color:var(--vault-muted);text-align:center;margin-top:auto;padding-top:28px;padding-bottom:3px}
.sp-vault .vault-game-note{grid-column:1;grid-row:1;display:flex;gap:18px;align-items:center;margin:0 6% 1.5cqw 7.2%;padding:15px 20px;background:linear-gradient(#fffef3,#fff7e2 55%,#ecd5a0);border:7px ridge #d4ac5d;border-radius:20px;box-shadow:4px 7px 0 #573e2728;position:relative}
.sp-vault .vault-game-note>.vault-icon{width:36px;max-width:36px}
.sp-vault .vault-game-copy{min-width:0}
.sp-vault .vault-game-note h3{font-family:var(--vault-font);font-size:clamp(20px,1.75cqw,28px);line-height:1.3;letter-spacing:-.03em;color:#226444;margin-bottom:7px}
.sp-vault .vault-game-split{font-size:clamp(13px,1cqw,16px);line-height:1.6}
.sp-vault .vault-game-terms{font-size:clamp(12px,.85cqw,14px);line-height:1.6;color:#665d4c;margin-top:4px}
html[dir=rtl] .sp-vault :is(.vault-heading,.vault-panel,.vault-game-copy){direction:rtl}
/* Existing /tokenomics uses the same component and the main site's header. */
.sp-content.sp-vault-page{width:100%;max-width:none;margin:0;min-height:55vh}
.sp-vault-page>.vault-page-shell{width:100%}
.sp-vault-page .vault-page-footer{max-width:1440px;margin:24px auto;padding:0 24px}
@media(min-width:901px) and (max-width:1199px){
 .sp-vault .vault-grid{grid-template-columns:38% 62%;padding-top:14cqw}
 .sp-vault .vault-heading{max-width:75%}
 .sp-vault .vault-subtitle{max-width:66cqw}
 .sp-vault .vault-plaque{margin-top:2cqw;max-width:31cqw;padding:8px 12px}
 .sp-vault .vault-game-note{gap:8px;padding:10px;margin-inline:4%;}
 .sp-vault .vault-game-note>.vault-icon{display:none}
}
@media(max-width:900px){
 .sp-vault .vault-canvas{max-width:600px;min-height:0}
 .sp-vault .vault-scene{inset:0 0 auto}
 .sp-vault .vault-canvas::before{height:46cqw;background:linear-gradient(#fffcf3de,#fffcf388 60%,#fffcf300)}
 .sp-vault .vault-heading{position:relative;inset:auto;text-align:center;max-width:none;padding:5.8cqw 16px 0;min-height:36cqw}
 .sp-vault .vault-eyebrow{font-size:clamp(11px,2.6cqw,15px);margin-bottom:4cqw}
 .sp-vault .vault-title{font-size:clamp(26px,7cqw,42px);line-height:1.3;letter-spacing:-.04em}
 .sp-vault .vault-subtitle{font-size:clamp(16px,4.2cqw,24px);line-height:1.4;margin:2.6cqw auto 0;max-width:100%}
 .sp-vault .vault-plaque{display:none}
 .sp-vault .vault-grid{display:flex;flex-direction:column;gap:18px;padding-top:100cqw;padding-bottom:30px}
 .sp-vault .vault-frame{width:99%;margin-inline:auto}
 .sp-vault .vault-frame-layout{grid-template-rows:33.55079cqw auto 19.4781cqw}
 .sp-vault .vault-frame-art{grid-template-rows:33.55079cqw minmax(0,1fr) 19.4781cqw}
 .sp-vault .vault-panel{margin-left:14.72507%;margin-right:14.72507%;min-height:83.59739cqw;padding:7px}
 .sp-vault .vault-summary{padding:2px 3px 9px;gap:8px;margin-bottom:6px}
 .sp-vault .vault-small{font-size:11px}
 .sp-vault .vault-supply-number{font-size:clamp(26px,7cqw,40px);line-height:1.35}
 .sp-vault .vault-allocation-heading h3{font-size:clamp(12px,3cqw,16px);line-height:1.4;margin-bottom:6px}
 .sp-vault .vault-list{grid-template-columns:minmax(0,1fr);gap:3px}
 .sp-vault .vault-row,.sp-vault .vault-primary{grid-column:1;grid-template-columns:20px minmax(0,1fr) auto minmax(32px,auto);gap:5px;min-height:38px;padding:5px 4px;font-size:clamp(12px,3.2cqw,16px);border-radius:5px;background:transparent;border:0;border-bottom:1px solid #d9c79c;line-height:1.4}
 .sp-vault .vault-primary{min-height:43px;background:#fffdf7;border:1px solid #d9bf89}
 .sp-vault .vault-row .vault-row-label{grid-column:2}
 .sp-vault .vault-row .vault-percent{grid-column:3;font-size:clamp(21px,5.6cqw,30px);line-height:1.2}
 .sp-vault .vault-count{align-self:center;padding:0;font-size:11px;max-width:64px}
 .sp-vault .vault-policy{font-size:10px;line-height:1.6;padding-top:18px;padding-bottom:4px}
 .sp-vault .vault-game-note{width:calc(100% - 32px);margin:0 16px;padding:15px 12px;gap:12px;border-width:6px;border-radius:19px}
 .sp-vault .vault-game-note h3{font-size:clamp(18px,4.5cqw,26px);margin-bottom:8px}
 .sp-vault .vault-game-split{font-size:clamp(12px,3cqw,16px)}
 .sp-vault .vault-game-terms{font-size:12px;margin-top:8px}
}
@media(max-width:360px){.sp-vault .vault-panel{padding:5px}.sp-vault .vault-row,.sp-vault .vault-primary{grid-template-columns:16px minmax(0,1fr) auto;gap:3px 5px;padding-block:6px}.sp-vault .vault-row .vault-row-label{grid-row:1/3}.sp-vault .vault-row .vault-icon{grid-row:1/3}.sp-vault .vault-row .vault-percent{grid-row:1}.sp-vault .vault-row .vault-count{grid-column:3;grid-row:2;text-align:center;font-size:10px}.sp-vault .vault-game-note>.vault-icon{width:26px}}

@font-face{font-family:VaultCJK;src:url('/assets/vault-v38/vaultcjk.woff') format('woff');font-weight:400 900;font-display:swap;unicode-range:U+002B,U+0076,U+007B,U+007D,U+50A8,U+514C,U+5151,U+53E6,U+56FA,U+5B63,U+5E02,U+5E93,U+5EAB,U+8CFD,U+8D5B,U+9650,U+975E,U+FF0B}
@font-face{font-family:VaultIntl;src:url('/assets/vault-v38/vaultintl.woff') format('woff');font-weight:400 900;font-display:swap;unicode-range:U+002B}
html:not([lang=ko]) .sp-vault{--vault-font:VaultIntl,SpartaIntl,SpartaSymbols,Arial,sans-serif}
html:lang(ja) .sp-vault,html:lang(zh) .sp-vault{--vault-font:VaultCJK,SpartaCJK,VaultIntl,SpartaIntl,SpartaSymbols,sans-serif}
html:lang(th) .sp-vault{--vault-font:SpartaThai,VaultIntl,SpartaIntl,sans-serif}
html:lang(ar) .sp-vault{--vault-font:SpartaArabic,VaultIntl,SpartaIntl,sans-serif}