@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:600 700;font-display:swap;src:url("./cormorant-garamond-4FE62EYH.woff2") format("woff2")}@font-face{font-family:Cormorant Garamond;font-style:italic;font-weight:600;font-display:swap;src:url("./cormorant-garamond-italic-LBSVND47.woff2") format("woff2")}@font-face{font-family:Alegreya Sans;font-style:normal;font-weight:400;font-display:swap;src:url("./alegreya-sans-400-RCYLOROF.woff2") format("woff2")}@font-face{font-family:Alegreya Sans;font-style:normal;font-weight:500;font-display:swap;src:url("./alegreya-sans-500-LHHMLGWJ.woff2") format("woff2")}@font-face{font-family:Alegreya Sans;font-style:normal;font-weight:700;font-display:swap;src:url("./alegreya-sans-700-PEBVKHHH.woff2") format("woff2")}@font-face{font-family:Alegreya Sans SC;font-style:normal;font-weight:500;font-display:swap;src:url("./alegreya-sans-sc-500-4BJZRCHU.woff2") format("woff2")}@font-face{font-family:Alegreya Sans SC;font-style:normal;font-weight:700;font-display:swap;src:url("./alegreya-sans-sc-700-UOI7R3SW.woff2") format("woff2")}:root{color-scheme:dark;font:14px/1.5 Segoe UI,system-ui,sans-serif;color:#e7e9e1;--gold:#e3c78a;--muted:#92aaa9;--line:#789a9433;--panel:#0b242ddb;--rail:372px}*{box-sizing:border-box}body{margin:0;background:#071d29;overflow:hidden}canvas{position:fixed;inset:0;width:100%;height:100%;touch-action:none}a{color:inherit;text-decoration:none}button,select{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--line);background:#112f38;border-radius:7px;padding:10px 13px;transition:background .15s,border-color .15s}button:hover{background:#1b4149;border-color:#afcaad77}button:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button[aria-pressed=true]{border-color:#cfbc8280;color:#f6dfa5;background:#385351}button:disabled{cursor:default;opacity:.55}.site-header{position:fixed;top:0;left:0;right:0;height:77px;display:flex;align-items:center;justify-content:space-between;padding:0 29px;z-index:4;border-bottom:1px solid #7ea59817;background:linear-gradient(#071822a8,#07182235);pointer-events:none}.site-header a{pointer-events:auto}.brand{font-size:11px;font-weight:650;letter-spacing:2.8px;white-space:nowrap}.brand>span{color:var(--gold);font-size:26px;vertical-align:-3px;margin-right:9px}.header-center{font-size:9px;letter-spacing:3px;color:#8db5b2}.site-header nav{display:flex;gap:28px;font-size:10px;letter-spacing:.4px;color:#bbccbe}.site-header nav span{color:var(--gold);margin-left:3px}#hero-summary{position:fixed;top:99px;left:calc(var(--rail) + 77px);right:35px;pointer-events:none;text-shadow:0 2px 15px #081b2e;z-index:1}.eyebrow{font-size:9px;font-weight:600;letter-spacing:2.2px;color:var(--gold)}h1,h2,h3{font-family:Georgia,Times New Roman,serif;font-weight:400}h1{font-size:38px;line-height:1.1;letter-spacing:-.4px;margin:8px 0 9px}#hero-description{font-size:12px;margin:0;color:#adbfba;max-width:470px}#portrait-region{position:fixed;left:calc(var(--rail) + 63px);right:29px;top:201px;bottom:154px;pointer-events:none}#wardrobe-panel{position:fixed;left:24px;top:99px;bottom:24px;width:var(--rail);border:1px solid #829f7535;border-radius:13px;background:linear-gradient(150deg,#15343beb,#0a232ced);box-shadow:0 24px 90px #00131d30;z-index:3;overflow:hidden}#customize-toggle{display:none}#customize-content{height:100%;overflow:auto;scrollbar-width:thin;scrollbar-color:#57777366 transparent;padding:24px 23px 0;display:flex;flex-direction:column}.panel-heading h2{font-size:29px;line-height:1.15;margin:7px 0 8px}.panel-heading>p{font-size:11px;color:var(--muted);margin:0}.preset-section{margin:25px 0 22px}.section-label{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.8px;color:#bdcdbc;margin-bottom:12px}.section-label>span{color:#8da699}#hero-presets{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.preset-card{min-width:0;padding:10px 2px 8px;border-radius:8px;background:linear-gradient(150deg,color-mix(in srgb,var(--jewel) 14%,#18343c),#112c37);position:relative;min-height:81px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:7px}.preset-card .sigil{display:grid;place-items:center;height:33px;width:33px;font:27px Georgia,serif;color:var(--jewel);text-shadow:0 0 12px color-mix(in srgb,var(--jewel) 45%,transparent);background:radial-gradient(circle,color-mix(in srgb,var(--jewel) 10%,transparent),transparent 70%)}.preset-card .preset-label{font-size:8px;letter-spacing:.1px;white-space:normal;line-height:1.2;text-align:center}.preset-card[aria-pressed=true]{border-color:var(--jewel);background:linear-gradient(145deg,color-mix(in srgb,var(--jewel) 25%,#18343c),#142c3a);color:#f3efdc;box-shadow:inset 0 0 15px #ffffee06}.preset-card[aria-pressed=true]:after{content:"";position:absolute;width:4px;height:4px;background:var(--jewel);border-radius:50%;bottom:-3px;left:calc(50% - 2px)}.section-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:20px}.section-tabs button{text-align:left;font-size:10px;letter-spacing:.3px;padding:9px 11px;background:transparent;color:#a0b6af;white-space:nowrap}.section-tabs button>span{font-size:17px;display:inline-block;width:22px;color:#a0b8a5}.section-tabs button[aria-selected=true]{color:#f1ddad;background:#b5b98617;border-color:#b8b48462}.section-tabs button[aria-selected=true]>span{color:#e4c784}.choice-section[hidden]{display:none}.section-heading h3{font-size:21px;margin:0 0 6px;color:#ece8d7}.section-heading p{font-size:11px;line-height:1.65;color:var(--muted);margin:0 0 20px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px 11px}.choice:only-child,.choice.wide{grid-column:1/-1}.choice label{display:block;font-size:8px;letter-spacing:1.3px;color:#becabb;margin:0 0 6px}.choice select{width:100%;min-width:0;cursor:pointer;font-size:11px;background:#081f2ca8;border:1px solid #73938c4d;border-radius:6px;padding:11px 9px}.choice select:hover{border-color:#b7c5a780}.swatch-row{display:flex;gap:5px;margin-top:8px}.swatch-dot{height:5px;border-radius:4px;flex:1;max-width:30px}.lore-note{display:flex;gap:12px;border:1px solid #74989020;background:#011c271f;border-radius:7px;padding:12px;margin-top:18px}.lore-note>span{font-size:21px;color:#cfbb89}.lore-note p{font-size:10px;color:#91aca7;line-height:1.65;margin:0}.text-button{padding:8px 0;margin-top:13px;font-size:10px;color:#dbc18a;border:0;background:none}.text-button>span{margin-left:8px}.panel-footer{margin-top:auto;padding:26px 0 18px}.actions{display:grid;grid-template-columns:1fr 1.6fr;gap:9px}.actions button{font-size:11px;padding:12px 10px}.actions .primary{border-color:#ebd092;background:linear-gradient(115deg,#f0d4a0,#cdb376);color:#172f34;font-weight:650}.primary>span{margin-left:10px}.panel-footer>p{font-size:8px;color:#85a09b;text-align:center;margin:11px 0 0}#portrait-tools{position:fixed;left:calc(var(--rail) + 63px);right:29px;bottom:24px;display:flex;flex-direction:column;align-items:center;gap:12px;z-index:2}.view-row{display:flex;align-items:center;gap:17px}.view-switch{display:flex;padding:3px;gap:3px;background:#091f2bc9;border:1px solid var(--line);border-radius:8px}.view-switch button{font-size:10px;padding:7px 17px;border:0;background:transparent}.view-switch button[aria-pressed=true]{background:#375151;color:#f2dda4}.view-row>p{font-size:9px;color:#9bb5ad}.view-row>p span{margin:0 8px;color:#d9be87}#reset-view{border:0;background:transparent;padding:3px 6px;color:#b8c9bd;font-size:20px}.render-tools{display:flex;gap:7px}.render-tools button{font-size:9px;padding:7px 11px;border-color:#73968c36;background:#0c2630b3;color:#a7bdb4}.render-tools button[aria-pressed=true]{border-color:#d2be7870;color:#f0d798}#metrics{height:13px;margin:0;color:#6f938d;font:9px monospace;letter-spacing:.2px}#error{position:fixed;top:80px;left:50%;transform:translate(-50%);color:#ffb694;font-size:12px;z-index:10;max-width:80%;text-align:center}#error:not(:empty){background:#351e22;padding:16px;border:1px solid #b35b52;border-radius:8px}@media(max-height:790px)and (min-width:801px){.panel-heading h2{font-size:25px}.preset-section{margin:18px 0}.section-tabs{margin-bottom:16px}.section-heading p{margin-bottom:14px}#customize-content{padding-top:19px}.panel-footer{padding-top:20px}#hero-summary{top:96px}h1{font-size:32px}#portrait-region{top:181px}}@media(max-width:1050px)and (min-width:801px){:root{--rail:324px}.site-header{padding:0 22px}.site-header nav{gap:18px}.header-center{display:none}#customize-content{padding-left:18px;padding-right:18px}#hero-presets{gap:5px}.preset-card{min-height:75px}.preset-card .preset-label{font-size:7px}#hero-summary{left:calc(var(--rail) + 65px)}h1{font-size:33px}#portrait-region,#portrait-tools{left:calc(var(--rail) + 48px);right:19px}.view-row>p{display:none}}@media(max-width:800px){:root{--rail:0px}.site-header{height:64px;padding:0 18px}.brand{font-size:9px;letter-spacing:1.5px}.brand>span{font-size:23px;margin-right:4px}.site-header nav{font-size:9px;gap:0}.site-header nav a:first-child,.header-center{display:none}#hero-summary{top:81px;left:22px;right:22px}.eyebrow{font-size:8px;letter-spacing:1.6px}h1{font-size:28px;margin:7px 0 8px}#hero-description{font-size:10px;max-width:330px;line-height:1.6}#portrait-region{inset:170px 14px 208px}#wardrobe-panel{inset:auto 12px 12px;width:auto;height:55px;border-radius:11px;background:#102e38f5;transition:none}#customize-toggle{display:flex;align-items:center;justify-content:space-between;border:0;border-radius:0;width:100%;height:53px;padding:0 18px;font-size:11px;background:transparent;color:#e9d8b2;letter-spacing:.3px}.panel-spark{font-size:18px;color:#ebcf91;vertical-align:-1px;margin-right:9px}#drawer-chevron{font-size:20px}#customize-content{display:none;padding:0 18px}.panel-heading{display:none}body.drawer-open #wardrobe-panel{height:min(49vh,460px)}body.drawer-open #customize-content{display:flex;height:calc(100% - 53px)}body.drawer-open #drawer-chevron{transform:rotate(180deg)}body.drawer-open #portrait-region{top:152px;bottom:calc(min(49vh,460px) + 102px)}body.drawer-open #hero-description{display:none}body.drawer-open #hero-summary{top:75px}body.drawer-open h1{font-size:23px;margin-bottom:0}body.drawer-open #portrait-tools{bottom:calc(min(49vh,460px) + 28px)}body.drawer-open .render-tools,body.drawer-open #metrics{display:none}#portrait-tools{left:15px;right:15px;bottom:82px;gap:8px}.view-row{gap:12px}.view-row>p{font-size:8px}.view-row>p span{margin:0 4px}.view-switch button{font-size:9px;padding:6px 13px}.render-tools{gap:5px}.render-tools button{font-size:8px;padding:7px 9px}#metrics{font-size:8px;height:10px}.preset-section{margin:4px 0 17px}.section-label{margin-bottom:8px;font-size:7px}#hero-presets{gap:7px}.preset-card{min-height:62px;padding:6px 2px;gap:4px}.preset-card .sigil{font-size:24px;width:27px;height:27px}.preset-card .preset-label{font-size:8px}.section-tabs{grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:16px}.section-tabs button{font-size:8px;padding:8px 3px;text-align:center}.section-tabs button>span{display:none}.section-heading h3{font-size:20px}.section-heading p{font-size:10px;margin-bottom:14px}.choice-grid{gap:11px}.choice select{padding:9px;font-size:11px}.lore-note{margin-top:13px;padding:10px}.lore-note p{font-size:9px}.panel-footer{padding:17px 0 15px;margin-top:10px}.actions button{padding:11px;font-size:10px}.panel-footer>p{font-size:8px}#error{top:67px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}#hero-presets:not(.expanded) .preset-card:nth-child(n+6){display:none}.preset-card{min-height:95px}.preset-card .preset-label{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:20px;font-size:8px;line-height:1.25;padding:0 2px}#browse-presets{font-size:9px;margin:7px 0 0;padding:4px 0;color:#c6b580}#browse-presets[hidden]{display:none}.section-tabs{grid-template-columns:repeat(3,1fr)}.section-tabs button{padding:9px 7px;font-size:9px}.section-tabs button>span{width:18px;font-size:15px}.step-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.step-heading label{margin:0}.step-heading output{color:#e4cc98;font-size:10px}.step-choice input[type=range]{--step-position:50%;appearance:none;-webkit-appearance:none;width:100%;height:6px;border-radius:4px;background:linear-gradient(to right,#8eac9e 0 var(--step-position),#29464e var(--step-position) 100%);cursor:pointer;margin:4px 0 8px;display:block}.step-choice input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;border:2px solid #efd4a0;background:#476967;box-shadow:0 0 0 3px #0d293388}.step-choice input[type=range]::-moz-range-thumb{width:13px;height:13px;border-radius:50%;border:2px solid #efd4a0;background:#476967}.step-choice input:focus-visible{outline:2px solid #e3c78a;outline-offset:7px}.step-endpoints{display:flex;justify-content:space-between;font-size:8px;color:#9bb1a6;margin-top:5px}.choice-hint{font-size:9px;color:#8ea9a2;line-height:1.55;margin:8px 0 0}.step-choice+.step-choice{margin-top:4px}.dye-chips{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:13px}.dye-chip{height:33px;padding:0;border-radius:6px;border:1px solid #68877b88;box-shadow:inset 0 0 0 3px #13242c99}.dye-chip[aria-pressed=true]{border:2px solid #f5d699;box-shadow:inset 0 0 0 3px #13242c66}.preset-section,.section-tabs,#choices,.panel-footer{flex-shrink:0}#choices-ancestry .lore-note{margin-top:18px}@media(max-width:800px){.preset-card{min-height:77px}.preset-card .preset-label{font-size:7px;min-height:18px}#browse-presets{font-size:8px}.section-tabs{grid-template-columns:repeat(5,1fr);gap:4px}.section-tabs button{font-size:8px;padding:8px 2px}.step-heading{margin-bottom:9px}.step-heading output{font-size:10px}.step-choice input[type=range]{height:7px}.step-choice input[type=range]::-webkit-slider-thumb{width:19px;height:19px}.choice-hint{font-size:9px}.dye-chip{height:32px}.preset-section{margin-bottom:13px}}.preset-card .preset-label{font-size:9px;min-height:23px}@media(max-width:800px){.preset-card .preset-label{font-size:8px;min-height:20px}.preset-card{min-height:81px}}.panel-footer{position:sticky;bottom:0;z-index:2;background:#102c35;border-top:1px solid #79978624;box-shadow:0 -10px 18px #102c35cc;padding-top:17px}.panel-footer>p{margin-bottom:0}@media(max-width:800px){.panel-footer{padding-top:12px;background:#102e38;box-shadow:0 -8px 14px #102e38}}@media(max-width:800px){body.drawer-open .section-tabs{position:sticky;top:0;z-index:3;background:#102e38;padding:6px 0;margin-top:0;box-shadow:0 5px 8px #102e38}}.render-tools{flex-wrap:wrap}.render-tools select{width:auto;max-width:140px;background:#18363e;color:#d2ddd6;border:1px solid #456269;border-radius:6px;padding:6px;font:inherit;font-size:10px}.animation-tools{display:inline-flex;gap:5px}.render-tools{justify-content:center}#victory-dialog{width:min(820px,94vw);max-height:92vh;border:1px solid #9b936455;border-radius:18px;padding:16px;background:#102936;color:#e9e3d4}#victory-dialog::backdrop{background:#06121cd9}#victory-dialog header,#victory-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:12px}#victory-dialog h2{margin:6px}#victory-canvas{position:relative;display:block;width:100%;height:min(60vh,550px);border-radius:12px}#store-bar{display:flex;flex-direction:column;gap:8px}#store-bar p{margin:0}#store-bar .buy{width:100%}#store-bar .owned{color:#b9d7a0}#store-bar .store-error{color:#f0b7a0;font-size:12px}body{font-family:Alegreya Sans,system-ui,sans-serif}h1,h2,h3{font-family:Cormorant Garamond,Georgia,serif;font-weight:700}