@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/font-0.ttf)format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/font-1.ttf)format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/font-2.ttf)format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/font-3.ttf)format("truetype")}@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/font-4.ttf)format("truetype")}@font-face{font-family:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/font-5.ttf)format("truetype")}
:root{--bg:#09121f;--panel:#101c2b;--text:#edf0e9;--muted:#a9b5c3;--line:#334050;--accent:#c5d3c1;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--bg);color:var(--text);margin:0;font-family:DM Sans,Arial,sans-serif;font-size:15px;line-height:1.6}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:var(--text);border:1px solid var(--line);background:0 0;border-radius:3px;padding:11px 19px;transition:background .2s,border-color .2s}button:hover{background:#1e2c3d;border-color:#89988d}button:disabled{opacity:.45;cursor:not-allowed}a:hover{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2{letter-spacing:-.025em;font-family:Instrument Serif,Georgia,serif;font-weight:400;line-height:1.02}h1{font-size:clamp(58px,6.8vw,104px)}h2{font-size:58px}i{color:var(--accent);font-weight:400}p{color:var(--muted)}.eyebrow{letter-spacing:1.7px;font-family:monospace;font-size:10px;font-weight:400}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;height:94px;margin:0 4.4%;display:flex}.brand{white-space:nowrap;letter-spacing:-.6px;align-items:center;gap:11px;font-family:Instrument Serif,Georgia,serif;font-size:31px;display:flex}.brand span{align-self:flex-start;margin:10px 0 0 -5px;font:10px Arial}.site-header nav{color:#bec8d1;gap:38px;font-size:13px;display:flex}.site-header>button{padding:10px 20px;font-size:12px}.hero{justify-content:space-between;align-items:flex-end;gap:30px;padding:62px 4.4% 42px;display:flex}.hero .eyebrow{color:var(--muted);margin-bottom:22px;display:block}.status-dot{background:var(--accent);border-radius:50%;width:5px;height:5px;margin-right:7px;display:inline-block;box-shadow:0 0 8px #c5d3c166}.hero-aside{flex-direction:column;align-items:flex-start;width:305px;padding-bottom:3px;display:flex}.hero-aside p{margin-bottom:23px;font-size:16px;line-height:1.75}.hero-aside .eyebrow{letter-spacing:1.2px;margin:15px 0 0;font-size:8px}.primary{color:#111b22;background:var(--accent);border:1px solid var(--accent);border-radius:2px;justify-content:space-between;align-items:center;gap:44px;padding:13px 20px;font-size:13px;display:inline-flex}.primary:hover{color:#0a1320;background:#e3ebdf}.explorer{border:1px solid var(--line);margin:0 4.4%;scroll-margin-top:25px}.explorer-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:61px;padding:0 22px;display:flex}.explorer-toolbar>div{gap:24px;display:flex}.explorer-toolbar button{color:var(--muted);border:0;border-radius:0;padding:19px 0;font-size:12px}.explorer-toolbar button[aria-pressed=true]{border-bottom:1px solid var(--accent);color:var(--text)}.explorer-toolbar button span{color:var(--muted);margin-left:9px;font:10px monospace}.explorer-toolbar>.eyebrow{color:var(--muted);letter-spacing:1px;font-size:8px}.explorer-toolbar b{margin-left:18px;font-size:18px;font-weight:400}.explorer-grid{grid-template-columns:minmax(0,1fr) 330px;display:grid}.map-field{background:radial-gradient(at 55% 40%,#14233155,#0000 70%);flex-direction:column;justify-content:center;min-width:0;display:flex;position:relative}.atlas-svg{width:100%;height:auto;min-height:380px;display:block}.island{color:#7f8e9e;cursor:pointer;transition:color .25s}.island.selected,.island:hover{color:#c5d3c1}.island-glyph{fill:#d0d8d9;font-family:Instrument Serif,Georgia,serif;font-size:28px}.island-name{fill:currentColor;letter-spacing:.3px;font-family:DM Sans,Arial,sans-serif;font-size:13px}.island-code{fill:currentColor;letter-spacing:1.7px;font-family:monospace;font-size:8px}.island-selector{border-top:1px solid #33405066;flex-wrap:wrap;gap:6px;margin:auto 22px 18px;padding-top:16px;display:flex}.island-selector button{color:var(--muted);border-color:#0000;padding:7px 10px;font-size:10px}.island-selector button span{margin-right:7px;font:9px monospace}.island-selector button[aria-pressed=true]{color:var(--accent);background:#c5d3c10b;border-color:#6e807161}.island-selector p{font-size:12px}.island-detail{border-left:1px solid var(--line);background:#101b2966;flex-direction:column;min-height:584px;padding:24px;display:flex}.detail-top{justify-content:space-between;align-items:center;gap:6px;display:flex}.detail-top .eyebrow{font-size:8px}.pill{color:var(--accent);white-space:nowrap;border:1px solid #526155;border-radius:10px;padding:2px 5px;font-size:8px}.specimen{align-items:baseline;gap:13px;padding:22px 0 18px;display:flex}.specimen>span{color:var(--accent);font-family:Instrument Serif,Georgia,serif;font-size:65px;line-height:1}.specimen small{color:var(--muted);font-size:11px}.island-detail>.eyebrow{letter-spacing:1px;font-size:8px}.island-detail h2{margin:8px 0 12px;font-size:38px}.island-detail p{font-size:12px;line-height:1.8}.island-detail p.meaning{color:#d5dcd9;margin-bottom:10px;font-size:12px}.island-detail details{border-block:1px solid var(--line);margin:17px 0;padding:12px 0;font-size:11px}.island-detail details p{margin-top:10px}.island-detail details a{margin-top:9px;font-size:10px;text-decoration:underline;display:block}summary{cursor:pointer;color:var(--muted)}.detail-actions{flex-direction:column;gap:13px;margin-top:auto;display:flex}.detail-actions button{text-align:left;font-size:11px}.text-link{color:var(--accent);justify-content:space-between;gap:20px;font-size:12px;display:flex}.island-detail .micro{margin-top:13px;font-size:9px;line-height:1.5}.section{padding:82px 4.4% 0}.section-heading{justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:30px;display:flex}.section-heading h2{margin-top:13px}.section-heading p{font-size:12px}.live-section>section{border-block:1px solid var(--line);padding:22px 0}.live-section>section>div:first-child{justify-content:space-between;align-items:center;gap:20px;display:flex}.live-section [role=tablist]{gap:8px;display:flex}.live-section button{font-size:12px}.live-section [role=tab][aria-selected=true]{background:var(--accent);color:var(--bg)}input,textarea,select{color:var(--text);background:#0b1523;border:1px solid #455365;border-radius:2px;width:100%;max-width:100%;padding:12px 13px}input::placeholder,textarea::placeholder{color:#8794a6}label{color:#cad2d9;margin-bottom:14px;font-size:12px;display:block}label input,label textarea,label select{margin-top:8px;display:block}small{color:var(--muted);font-size:11px;display:block}fieldset{border:1px solid var(--line);margin:0 0 25px;padding:25px}legend{letter-spacing:1px;color:var(--accent);padding:0 10px;font-size:11px}fieldset p{margin-bottom:20px;font-size:12px}.live-section>section>div:nth-child(2){text-align:center;background:#101c2b80;margin:20px 0;padding:45px 22px}.live-section h3{font-family:Instrument Serif,serif;font-size:32px;font-weight:400}.live-section>section>div:nth-child(2) p{margin:8px 0 15px;font-size:13px}.live-section>section>div:nth-child(2)>a{font-size:12px;text-decoration:underline}.live-section>section>div:last-of-type{color:var(--muted);font-size:10px}.mechanism{grid-template-columns:1fr 1fr;gap:100px;padding-bottom:80px;display:grid}.mechanism h2{margin:20px 0}.mechanism>div p{margin-bottom:25px;font-size:13px}.mechanism .text-link{justify-content:flex-start}.mechanism ol{margin:0;padding:0;list-style:none}.mechanism li{border-bottom:1px solid var(--line);gap:30px;padding:22px 0;display:flex}.mechanism li:first-child{padding-top:0}.mechanism li>span{color:var(--muted);margin-top:6px;font:12px monospace}.mechanism h3{margin-bottom:9px;font-size:18px;font-weight:400}.mechanism li p{font-size:12px;line-height:1.8}.closing{text-align:center;border-block:1px solid var(--line);background:radial-gradient(#1f302e50,#0000 65%);padding:70px 20px 85px}.closing h2{margin:26px 0 30px}.closing .eyebrow{color:var(--muted);font-size:9px}footer{grid-template-columns:1fr 1fr 1fr;align-items:start;gap:30px;padding:40px 4.4%;display:grid}footer p{margin-top:12px;font-size:10px}footer>div:nth-child(2){flex-direction:column;align-items:flex-start;gap:13px;font-size:11px;display:flex}footer>div:last-child{text-align:right}.replay{color:var(--muted);border:0;padding:0;font-size:11px}footer .eyebrow{font-size:8px}.skip-link{z-index:200;background:var(--accent);color:var(--bg);padding:12px;position:fixed;top:-80px;left:20px}.skip-link:focus{top:10px}.intro{background:var(--bg);width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--text);border:0;padding:0;position:fixed;inset:0;overflow:hidden}.intro::backdrop{background:var(--bg)}.intro-art{opacity:.7;animation:10s both unfold;position:absolute;inset:4% 2%}.intro-art svg{width:100%;height:100%}.intro-art .island-name,.intro-art .island-code,.intro-art text:not(.island-glyph){opacity:0}.intro-art .island path{stroke-dasharray:1000;stroke-dashoffset:1000px;animation:5s 1s forwards draw}.intro-copy{text-align:center;background:radial-gradient(#09121fe8,#0000 75%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.intro-copy .eyebrow{animation:2s both fade-in}.intro-copy h2{margin:27px 0;font-size:clamp(62px,8vw,125px);animation:2s 4s both fade-in}.intro-copy p{letter-spacing:8px;color:var(--accent);font-family:DM Sans,sans-serif;font-size:15px;animation:1.3s 7.5s both fade-in}.skip{font-size:12px;position:absolute;top:35px;right:4%}.intro-caption{text-align:center;letter-spacing:2px;width:100%;color:var(--muted);font:9px monospace;animation:2s 2s both fade-in;position:absolute;bottom:35px}@keyframes draw{to{stroke-dashoffset:0}}@keyframes unfold{0%{opacity:.2;transform:scale(1.7)rotate(-14deg)}65%{opacity:.85;transform:scale(1)rotate(0)}to{opacity:.4;transform:scale(1.03)}}@keyframes fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}dialog:not(.intro){background:var(--panel);color:var(--text);border:1px solid var(--line);width:calc(100% - 32px);max-width:560px;max-height:85dvh;padding:32px;overflow:auto}dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#02070dbd}dialog h2{margin:24px 0 15px;font-size:45px}dialog>span{color:var(--muted);margin-top:18px;font:10px monospace;display:block}dialog>p{margin:15px 0;font-size:13px}dialog>button:first-child{float:right;font-size:11px}dialog>label{margin-top:20px}dialog>div{margin:16px 0}dialog>div>span+span{float:right}dialog>button:not(:first-child){margin:10px 6px 0 0}dialog a{overflow-wrap:anywhere;font-size:12px;text-decoration:underline}.create-layout{max-width:1180px;margin:auto;padding:60px 30px 90px}.create-layout h1{margin:20px 0;font-size:76px}.create-layout>.create-heading p{max-width:550px;font-size:15px}.create-grid{grid-template-columns:minmax(0,1fr) 300px;gap:60px;margin-top:40px;display:grid}.create-grid aside{border-left:1px solid var(--line);align-self:start;padding-left:25px;position:sticky;top:25px}.create-grid aside h2{margin:15px 0;font-size:36px}.create-grid aside p{margin:15px 0;font-size:12px}.create-grid aside dl{font-size:12px}.create-grid aside dt{color:var(--muted);margin-top:18px}.create-grid aside dd{color:var(--text);margin:3px 0}.lore-picker{border:1px solid var(--line);background:#15212d;margin-bottom:25px;padding:22px}.lore-picker h3{margin-bottom:12px;font-size:18px;font-weight:400}.lore-picker p{margin-bottom:15px;font-size:12px}.lore-picker label{margin:0}form>p{margin:15px 0;font-size:13px}[role=alert]{color:#e0b9a7!important}table{border-collapse:collapse;text-align:left;width:100%}th{color:var(--muted);padding:10px;font:10px monospace}td{border-bottom:1px solid var(--line);padding:20px 10px;font-size:12px}td small{margin-top:5px}progress{max-width:110px;accent-color:var(--accent);display:block}.about{max-width:900px;margin:auto;padding:70px 30px 100px}.about h1{margin:20px 0 30px;font-size:75px}.about h2{margin:40px 0 15px;font-size:38px}.about p{margin:18px 0}.about a{color:var(--accent);text-decoration:underline}.about dl{border:1px solid var(--line);overflow-wrap:anywhere;padding:22px}.about dt{color:var(--muted);margin-top:13px;font:11px monospace}.about dd{margin:6px 0 20px;font-size:12px}.about video{border:1px solid var(--line);width:100%;margin-top:30px}@media (min-width:1600px){main,.site-header,footer{max-width:1600px;margin-inline:auto}.hero{padding-top:80px}.atlas-svg{min-height:520px}.island-detail{padding:30px}.explorer-grid{grid-template-columns:minmax(0,1fr) 375px}.island-detail p{font-size:14px}}@media (max-width:1000px){.explorer-grid{grid-template-columns:minmax(0,1fr) 295px}.island-detail{padding:20px}.atlas-svg{min-height:330px}.hero h1{font-size:72px}.hero-aside{width:250px}.hero-aside p{font-size:14px}.mechanism{gap:45px}.site-header nav{gap:20px}.explorer-toolbar>.eyebrow{display:none}}@media (max-width:760px){.site-header{gap:12px;height:78px}.site-header .brand{gap:7px;font-size:27px}.brand img{width:27px}.site-header nav{display:none}.site-header>button{padding:9px 12px;font-size:10px}.hero{padding-top:37px;display:block}.hero h1{font-size:65px}.hero .eyebrow{letter-spacing:1.4px;font-size:8px}.hero-aside{width:100%;margin-top:27px}.hero-aside p{font-size:14px}.hero-aside .eyebrow{margin-top:13px;font-size:8px}.hero-aside .primary{width:100%;font-size:13px}.explorer-grid{display:block}.atlas-svg{aspect-ratio:1000/660;min-height:0}.island-detail{border-left:0;border-top:1px solid var(--line);min-height:0;padding:23px}.detail-top .eyebrow{font-size:9px}.island-detail h2{font-size:42px}.island-detail p{font-size:14px}.island-detail>.eyebrow{font-size:9px}.island-detail .micro{font-size:10px}.detail-actions{margin-top:5px}.island-selector{gap:4px;margin:0 13px 15px;padding-top:12px}.island-selector button{padding:6px 7px;font-size:9px}.island-selector button span{display:none}.island-name{font-size:16px}.island-code{font-size:10px}.explorer-toolbar{height:53px;padding:0 18px}.explorer-toolbar button{padding:15px 0;font-size:11px}.section{padding-top:52px}.section-heading{display:block}.section-heading h2{font-size:48px}.section-heading p{margin-top:18px}.live-section>section>div:first-child{flex-direction:column;align-items:stretch;gap:10px}.live-section label{margin:0}.live-section>section>div:nth-child(2){padding:30px 16px}.live-section>section>div:nth-child(2):has(table){text-align:left;overflow:auto}.mechanism{padding-bottom:45px;display:block}.mechanism h2{font-size:49px}.mechanism ol{margin-top:38px}.mechanism li p{font-size:13px}.closing{padding:52px 20px}.closing h2{font-size:45px}.closing .eyebrow{font-size:8px}footer{grid-template-columns:1fr 1fr;gap:30px;padding:30px 5%}footer>div:last-child{text-align:left;grid-column:1/-1}.intro-caption{padding:0 20px;font-size:8px;line-height:1.8}.intro-copy h2{font-size:65px}.intro-copy .eyebrow{font-size:8px}.create-layout{padding:35px 5% 60px}.create-layout h1{font-size:58px}.create-grid{flex-direction:column-reverse;gap:30px;display:flex}.create-grid aside{border:1px solid var(--line);width:100%;padding:20px;position:static}.create-grid aside dl{grid-template-columns:1fr 1fr;gap:6px;display:grid}.create-grid aside dt,.create-grid aside dd{margin:0}fieldset{padding:19px}.about{padding:40px 5%}.about h1{font-size:58px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.intro{display:none!important}}.upload-picker button{text-align:left;width:100%;color:var(--accent);margin-top:10px;display:block}input[hidden]{display:none}.live-section input[aria-label="Search loaded tokens"]{min-width:300px}@media (max-width:760px){.live-section input[aria-label="Search loaded tokens"]{min-width:0}}.intro-prelude{z-index:100;background:var(--bg);color:var(--accent);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:30px;display:flex;position:fixed;inset:0}.intro-prelude>span:last-child{font:80px Instrument Serif,serif}@media (prefers-reduced-motion:reduce){.intro-prelude{display:none}}