:root{color-scheme:light dark;--font-display: "Cinzel", "Times New Roman", Georgia, serif;--font-text: "Public Sans", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--fs-hero: clamp(2.4rem, 6.5vw, 4.2rem);--fs-2: clamp(1.75rem, 3.6vw, 2.4rem);--fs-3: clamp(1.3rem, 2.2vw, 1.6rem);--fs-body: 1.0625rem;--fs-sm: .9375rem;--fs-xs: .8125rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 3rem;--space-12: 4rem;--radius-sm: 2px;--radius: 4px;--radius-lg: 6px;--dur: .2s;--ease: cubic-bezier(.22, 1, .36, 1);--ease-cloth: cubic-bezier(.34, 1.4, .5, 1);--dur-hoist: .9s;--bg: #F3F4F1;--surface: #FFFFFF;--surface-2: #E9EBE6;--text: #171A1F;--muted: #565B63;--border: #D5D8D2;--rule-strong: #B9BDB5;--accent: #C8102E;--accent-ink: #A00D24;--accent-contrast: #FFFFFF;--accent-wash: #F7E3E6;--warn: #B26A00;--danger: #A00D24;--ok: #1E6E45;--mast-1: #8A6B34;--mast-2: #C6A560;--shadow: 0 1px 0 rgba(23,26,31,.04), 0 2px 10px rgba(23,26,31,.06);--shadow-flag: 0 8px 26px rgba(23,26,31,.16);--t-or: #E8B21E;--t-or-deep: #C89412;--t-argent: #F5F2EA;--t-argent-2: #E4E0D4;--t-gules: #C8102E;--t-azure: #123A78;--t-celeste: #2E6FB0;--t-vert: #157A49;--t-purpure: #5E2A63;--t-sable: #16181D;--t-tenne: #B8511C}@media (prefers-color-scheme: dark){:root{--bg: #14161C;--surface: #1C1F27;--surface-2: #242832;--text: #F1F0E9;--muted: #A2A8B2;--border: #2E323C;--rule-strong: #3A3F4A;--accent: #E4344F;--accent-ink: #F06A7E;--accent-contrast: #14161C;--accent-wash: #2C1B22;--warn: #E9B84A;--danger: #F06A7E;--ok: #4FBE86;--mast-1: #6E5628;--mast-2: #B8974E;--shadow: 0 1px 0 rgba(0,0,0,.35), 0 6px 24px rgba(0,0,0,.5);--shadow-flag: 0 14px 40px rgba(0,0,0,.6)}}@media (prefers-reduced-motion: reduce){:root{--dur: 1ms;--dur-hoist: 1ms}}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-text);color:var(--text);background:var(--bg);font-size:var(--fs-body);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}:root{font-synthesis:none}.topbar{display:flex;align-items:center;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border)}.wordmark{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-weight:700;letter-spacing:.14em;font-size:1.15rem;color:var(--text);text-decoration:none}.wordmark__glyph{display:block}.compose,.result{max-width:1040px;margin:0 auto;padding:clamp(1.25rem,4vw,var(--space-10)) var(--space-6) var(--space-8)}.hero{display:grid;grid-template-columns:1fr;gap:var(--space-8);align-items:center;margin-bottom:var(--space-10)}.hero__copy,.hero__flag{min-width:0}@media (min-width: 820px){.hero{grid-template-columns:1.05fr .95fr;gap:var(--space-10)}}.eyebrow{margin:0 0 var(--space-3);font:600 var(--fs-sm) / 1 var(--font-text);letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.hero h1{margin:0 0 var(--space-4);font-family:var(--font-display);font-weight:700;font-size:var(--fs-hero);line-height:1.06;letter-spacing:-.01em;color:var(--text)}.lede{margin:0 0 var(--space-4);max-width:46ch;color:var(--muted)}.lede em{color:var(--text);font-style:normal;font-weight:600}.stat{margin:0;font-variant-numeric:tabular-nums;font-weight:600;color:var(--accent-ink);font-size:var(--fs-sm);letter-spacing:.02em}.hero__flag{display:flex;justify-content:center}.mast-scene{position:relative;display:flex;align-items:stretch;width:100%;max-width:calc(var(--flag-w, 300px) + var(--space-8) + 6px);padding:var(--space-6) var(--space-4) var(--space-8)}.mast{position:relative;width:6px;align-self:stretch;min-height:calc(var(--flag-w, 300px) * .66 + var(--space-8));background:linear-gradient(90deg,var(--mast-1) 0 50%,var(--mast-2) 50% 100%);border-radius:var(--radius-sm);flex:0 0 auto}.mast__finial{position:absolute;top:-10px;left:50%;transform:translate(-50%);width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--mast-2),var(--mast-1))}.flag-cloth{flex:1 1 auto;min-width:0;margin-top:2px;filter:drop-shadow(0 10px 22px rgba(23,26,31,.18));transform-origin:left center;animation:clothwave 6s ease-in-out infinite}.flag-cloth svg{display:block;width:100%;height:auto}@keyframes clothwave{0%,to{transform:perspective(600px) rotateY(0) skewY(-.5deg)}50%{transform:perspective(600px) rotateY(2.5deg) skewY(.5deg)}}@media (prefers-reduced-motion: reduce){.flag-cloth{animation:none;transform:none}}.flag-cloth--rehoist{animation:rehoist .62s var(--ease-cloth) both,clothwave 6s ease-in-out .62s infinite}@keyframes rehoist{0%{transform:translateY(26%) scaleX(.28);opacity:0}40%{opacity:1}78%{transform:translateY(0) scaleX(1.03)}to{transform:translateY(0) scaleX(1)}}@media (prefers-reduced-motion: reduce){.flag-cloth--rehoist{animation:none;transform:none}}.reveal{display:grid;place-items:center;gap:var(--space-6);min-height:62vh;padding:var(--space-10) var(--space-6);text-align:center}.reveal__scene{justify-content:center}.reveal__flag{flex:1 1 auto;min-width:0;margin-top:2px;filter:drop-shadow(0 10px 22px rgba(23,26,31,.18));transform-origin:left center}.reveal__flag svg{display:block;width:100%;height:auto}.reveal__scene .mast{transform-origin:bottom center}.reveal__scene.is-hoist .mast{animation:mast-draw .2s var(--ease) both}.reveal__scene.is-hoist .reveal__flag{animation:hoist-run var(--dur-hoist) var(--ease-cloth) both}@keyframes mast-draw{0%{transform:scaleY(0);opacity:.4}to{transform:scaleY(1);opacity:1}}@keyframes hoist-run{0%{transform:translateY(118%) scaleX(.05);opacity:0}14%{transform:translateY(96%) scaleX(.05);opacity:1}30%{transform:translateY(84%) scaleX(.12)}80%{transform:translateY(0) scaleX(1.03)}to{transform:translateY(0) scaleX(1)}}.reveal__scene.is-fade .reveal__flag{animation:reveal-fade .2s var(--ease) both}@keyframes reveal-fade{0%{opacity:0}to{opacity:1}}.reveal__hint{margin:0;font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}@media (prefers-reduced-motion: reduce){.reveal__scene.is-hoist .mast,.reveal__scene.is-hoist .reveal__flag{animation:none;transform:none}}.form{display:grid;gap:var(--space-8);max-width:720px;margin:0 auto}.field{border:0;padding:0;margin:0;display:grid;gap:var(--space-3)}.field__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.field__label{font-weight:600;font-size:var(--fs-sm);letter-spacing:.02em;color:var(--text)}.field__hint{margin:0;font-size:var(--fs-xs);color:var(--muted)}.counter{font-size:var(--fs-xs);color:var(--muted);font-variant-numeric:tabular-nums}.input{width:100%;min-height:48px;padding:0 var(--space-4);font-family:var(--font-text);font-size:var(--fs-body);color:var(--text);background:var(--surface);border:1px solid var(--rule-strong);border-radius:var(--radius);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.input::placeholder{color:var(--muted);opacity:.75}.input:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--accent)}.tile{position:relative;cursor:pointer;min-height:44px;padding:var(--space-3) var(--space-3);font-family:var(--font-text);font-size:var(--fs-sm);color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}.tile:hover{background:var(--surface-2)}.tile:active{transform:translateY(1px)}.tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tile.is-on{background:var(--accent-wash);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.tile.is-on:after{content:"";position:absolute;top:0;right:0;border-width:0 10px 10px 0;border-style:solid;border-color:transparent var(--accent) transparent transparent}.tilegrid{display:grid;gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.tile--word{text-align:center;font-weight:500}.motifrail{display:grid;gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}.tile--motif{display:grid;justify-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-2)}.tile__glyph{color:var(--muted);line-height:0}.tile--motif.is-on .tile__glyph{color:var(--accent-ink)}.tile__cap{font-size:var(--fs-xs);color:var(--muted)}.tile--motif.is-on .tile__cap{color:var(--text)}.palettegrid{display:grid;gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.tile--palette{display:grid;gap:var(--space-2)}.swatchbars{display:flex;height:34px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border)}.swatchbars__bar{flex:1}.tile__cap--palette{font-family:var(--font-display);font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:var(--fs-sm);color:var(--text)}.form__action{display:grid;gap:var(--space-2);justify-items:stretch}.form__hint{text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:48px;padding:0 var(--space-6);font-family:var(--font-text);font-weight:600;font-size:var(--fs-body);border-radius:var(--radius);border:1px solid var(--rule-strong);background:var(--surface);color:var(--text);cursor:pointer;transition:background var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease),border-color var(--dur) var(--ease)}.btn:hover{background:var(--surface-2)}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn--primary{background:var(--accent);color:var(--accent-contrast);border-color:transparent;box-shadow:var(--shadow)}.btn--primary:hover{background:color-mix(in oklab,var(--accent) 92%,#000)}.btn--primary:disabled{background:var(--surface-2);color:var(--muted);border-color:var(--border);cursor:not-allowed;box-shadow:none}.reroll__glyph,.btn svg{flex:0 0 auto}.artifact{display:grid;grid-template-columns:1fr;gap:var(--space-6);align-items:start}@media (min-width: 820px){.artifact{grid-template-columns:.9fr 1.1fr;gap:var(--space-10)}}.artifact__flag{display:flex;justify-content:center;min-width:0}.artifact__key{min-width:0}.artifact__key{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow)}.result__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.result__title{margin:0;font-family:var(--font-display);font-weight:700;font-size:var(--fs-2);line-height:1.08;color:var(--text)}.chip{display:inline-flex;align-items:center;padding:2px var(--space-2);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--muted);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;letter-spacing:.02em;white-space:nowrap}.chip--made{border:1px solid var(--border)}.result__sub{margin:var(--space-1) 0 var(--space-6);color:var(--muted);font-size:var(--fs-sm);font-variant-numeric:tabular-nums}.key__head{margin:0 0 var(--space-3);font-family:var(--font-display);font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:var(--fs-sm);color:var(--muted)}.key{list-style:none;margin:0 0 var(--space-6);padding:0}.key__row{display:grid;grid-template-columns:28px 1fr;gap:var(--space-3);align-items:start;padding:var(--space-3) 0;border-top:1px solid var(--border);animation:key-in var(--dur) var(--ease) both;animation-delay:calc(var(--row, 0) * 55ms)}.key__row:first-child{border-top:0}@keyframes key-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.key__row{animation:none;transform:none}}.key__mark{display:flex;align-items:center;justify-content:center;padding-top:2px}.key__swatch{width:18px;height:18px;border-radius:var(--radius-sm);border:1px solid rgba(0,0,0,.18)}.key__charge{display:block;line-height:0}.key__charge svg{display:block}.key__division{display:block}.key__text{display:grid;gap:2px}.key__label{font-weight:600;font-size:var(--fs-sm);color:var(--text)}.key__read{font-size:var(--fs-sm);color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.actions .btn{flex:1 1 auto;min-width:8rem;padding:0 var(--space-4)}.btn--share{border-color:var(--rule-strong);font-weight:700}.adband{margin-top:var(--space-10);padding-top:var(--space-6);border-top:1px solid var(--border)}.adslot{display:block;min-height:0}.sitefoot{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center;align-items:center;padding:var(--space-8) var(--space-6) var(--space-10);font-size:var(--fs-xs);color:var(--muted);border-top:1px solid var(--border);margin-top:var(--space-10)}.sitefoot a{color:var(--muted);text-decoration:underline;text-underline-offset:3px}.sitefoot a:hover{color:var(--text)}.sitefoot a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.shared__skeleton{width:min(340px,82vw);aspect-ratio:3 / 2;border-radius:var(--radius);border:1px solid var(--border);background:linear-gradient(100deg,var(--surface-2) 30%,var(--surface) 50%,var(--surface-2) 70%);background-size:220% 100%;animation:shared-shimmer 1.2s var(--ease) infinite}@keyframes shared-shimmer{0%{background-position:180% 0}to{background-position:-60% 0}}@media (prefers-reduced-motion: reduce){.shared__skeleton{animation:none}}.result--gone{display:flex;justify-content:center}.gone{max-width:44ch;margin:clamp(1.5rem,6vw,4rem) auto;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-6);box-shadow:var(--shadow)}.gone__title{margin:0 0 var(--space-3);font-family:var(--font-display);font-weight:700;font-size:var(--fs-2);color:var(--text)}.gone__body{margin:0 0 var(--space-6);color:var(--muted);line-height:1.6}a.btn{text-decoration:none}.legal{max-width:720px;margin:0 auto;padding:clamp(1.5rem,5vw,4rem) var(--space-6)}.legal h1{font-family:var(--font-display);letter-spacing:.02em}.legal h2{margin-top:var(--space-6);font-size:var(--fs-3)}.legal p{color:var(--muted);line-height:1.7}.legal ul{color:var(--muted);line-height:1.7;padding-left:1.25rem}.legal li{margin-bottom:.4rem}.legal .legal__meta{font-size:var(--fs-sm)}.legal .legal__lead{color:var(--text);font-size:var(--fs-3)}.legal a{color:var(--accent-ink)}