:root{color-scheme:light;--ink: #241b35;--ink-soft: #554965;--paper: #eee2c5;--paper-light: #f8f0dc;--accent: #8d2f3c;--line: rgb(36 27 53 / 22%);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--ink);background:#b9a988;font-synthesis:none}*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0;background:linear-gradient(rgb(60 42 31 / 8%) 1px,transparent 1px),radial-gradient(circle at 15% 0%,#faf2dd 0,transparent 40%),var(--paper);background-size:100% 28px,auto}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header,.site-footer,.page-shell{width:min(1440px,calc(100% - 48px));margin-inline:auto}.site-header{display:flex;align-items:center;justify-content:space-between;min-height:92px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;gap:14px;align-items:center;color:inherit;text-decoration:none}.brand-mark{display:grid;width:46px;height:46px;place-items:center;border:1px solid var(--ink);border-radius:50%;font-family:serif;font-size:25px}.brand strong,.brand small{display:block}.brand strong{font-family:Georgia,Times New Roman,serif;font-size:23px;letter-spacing:.03em}.brand small,.header-note,.site-footer{color:var(--ink-soft);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.page-shell{padding-block:76px 88px}.intro{display:grid;grid-template-columns:minmax(320px,1fr) minmax(280px,.7fr);gap:48px;align-items:end;margin-bottom:64px}.intro>*{min-width:0}.intro h1,.decoder h2{margin:0;font-family:Georgia,Times New Roman,serif;font-weight:600;line-height:.85}.intro h1{font-size:clamp(64px,8.5vw,136px);letter-spacing:-.055em}.intro h1 em{color:var(--accent);font-weight:500}.intro>p:last-child{max-width:570px;margin:0 0 10px;color:var(--ink-soft);font-family:Georgia,Times New Roman,serif;font-size:clamp(20px,2vw,28px);line-height:1.35}.eyebrow,.section-number{color:var(--accent);font-size:12px;letter-spacing:.22em;text-transform:uppercase}.eyebrow{grid-column:1 / -1;margin:0 0 -26px}.workspace{border:1px solid var(--ink);background:#f8f0dc8f;box-shadow:13px 13px #241b351f}.editor-panel{min-width:0;max-width:1050px;margin-inline:auto;padding:clamp(28px,4vw,58px)}.reading-area{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(32px,4vw,64px);align-items:start;margin-top:80px}.panel-heading,.stage-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:38px}.panel-heading>*,.stage-heading>*{min-width:0}.section-number{margin:0 0 5px}.panel-heading h2,.stage-heading h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(30px,3vw,44px);line-height:1}.text-button{padding:7px 0;border:0;border-bottom:1px solid currentColor;background:none;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.field>span{grid-column:1 / -1;font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.field input,.field select{width:100%;min-height:43px;padding:9px 10px;border:0;border-bottom:1px solid var(--ink-soft);border-radius:0;background:#ffffff3d}.field-grid{display:grid;min-width:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px 18px;padding-block:34px}.field{display:grid;min-width:0;align-content:start;gap:6px}.field-wide{grid-column:1 / -1}.field input:disabled{opacity:.4;cursor:not-allowed}.inferred-note{color:var(--accent);font-size:9px;line-height:1.4}.toggle-row{display:flex;flex-wrap:wrap;gap:24px;padding-top:26px;border-top:1px solid var(--line)}.toggle{display:inline-flex;gap:9px;align-items:center;font-size:11px;letter-spacing:.05em;text-transform:uppercase;cursor:pointer}.toggle input{position:absolute;opacity:0}.toggle>span{display:grid;width:18px;height:18px;place-items:center;border:1px solid var(--ink);border-radius:50%}.toggle input:checked+span:after{width:8px;height:8px;border-radius:50%;background:var(--accent);content:""}.toggle input:focus-visible+span{outline:3px solid var(--accent);outline-offset:3px}.rune-stage{display:flex;min-width:0;flex-direction:column;position:sticky;top:16px;align-self:start;padding:18px;border:1px solid var(--ink);background:var(--paper)}.download-button{display:inline-flex;gap:14px;align-items:center;padding:12px 15px;border:1px solid var(--ink);background:transparent;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.download-button:hover{color:var(--paper-light);background:var(--ink)}.rune-frame{position:relative;display:grid;height:clamp(300px,48vh,430px);place-items:center;overflow:hidden;border:1px solid var(--line);background:radial-gradient(circle at center,transparent 0 48%,rgb(36 27 53 / 5%) 48.2% 48.5%,transparent 48.7%),repeating-radial-gradient(circle at 30% 20%,rgb(75 52 34 / 3%) 0 1px,transparent 1px 5px),var(--paper-light)}.rune-preview{width:min(90%,40vh,390px);color:var(--ink);filter:drop-shadow(0 4px 2px rgb(36 27 53 / 12%))}.rune-preview svg{display:block;width:100%;height:auto}.rune-caption{position:absolute;right:18px;bottom:12px;left:18px;margin:0;overflow:hidden;color:var(--ink-soft);font-family:Georgia,Times New Roman,serif;font-size:16px;font-style:italic;text-align:center;text-overflow:ellipsis;white-space:nowrap}.corner{position:absolute;width:24px;height:24px;border-color:var(--accent)}.corner-a{top:12px;left:12px;border-top:1px solid;border-left:1px solid}.corner-b{right:12px;bottom:12px;border-right:1px solid;border-bottom:1px solid}.summary{margin:20px 0 0;color:var(--ink-soft);font-family:Georgia,Times New Roman,serif;font-size:18px;line-height:1.4;text-align:center}.decoder{min-width:0}.decoder-intro{margin-bottom:24px}.decoder h2{font-size:clamp(48px,5vw,72px)}.decoder-intro>p:last-child{max-width:600px;color:var(--ink-soft);font-family:Georgia,Times New Roman,serif;font-size:21px;line-height:1.4}.legend-list{padding:0;margin:28px 0 0;list-style:none;border-top:1px solid var(--ink)}.legend-list button{display:grid;width:100%;grid-template-columns:38px minmax(0,1fr);gap:12px;padding:20px 10px;border:0;border-bottom:1px solid var(--line);border-left:4px solid transparent;background:transparent;text-align:left}.legend-list button:hover,.legend-list button:focus-visible{background:#f8f0dc8a}.legend-list button.active{border-left-color:var(--ink);background:var(--paper-light)}.legend-list button.active .legend-index{color:var(--paper-light);background:var(--ink)}.legend-list button.active .legend-copy strong{font-weight:700}.legend-list button[aria-disabled=true]{opacity:.85;cursor:not-allowed}.legend-index{display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--ink);border-radius:50%;color:var(--accent);font-family:Georgia,Times New Roman,serif;font-size:18px}.legend-copy{display:grid;min-width:0;grid-template-columns:1fr;gap:4px;align-items:baseline}.legend-copy small{grid-column:1 / -1;color:var(--accent);font-size:9px;letter-spacing:.14em;text-transform:uppercase}.legend-copy strong{font-family:Georgia,Times New Roman,serif;font-size:24px;font-weight:600}.legend-copy>span{color:var(--ink-soft);font-family:Georgia,Times New Roman,serif;font-size:17px;line-height:1.3}.legend-copy .damage-swatch{width:42px;height:16px;margin-top:8px;border:1px solid var(--ink);border-radius:2px}.site-footer{display:flex;justify-content:space-between;gap:30px;padding-block:26px;border-top:1px solid var(--line)}.site-footer p{margin:0}@media(max-width:979px){.intro,.reading-area{grid-template-columns:1fr}.intro{gap:28px}.eyebrow{margin-bottom:-14px}.rune-stage{position:static}}@media(max-width:620px){.site-header,.site-footer,.page-shell{width:min(100% - 28px,1440px)}.site-header{min-height:78px}.header-note,.brand small{display:none}.page-shell{padding-block:48px 64px}.intro{margin-bottom:42px}.intro h1{font-size:clamp(46px,13vw,72px);overflow-wrap:anywhere}.workspace{box-shadow:7px 7px #241b351f}.editor-panel{padding:24px 18px}.reading-area{display:block;margin-top:48px}.rune-stage{position:sticky;top:0;z-index:2;padding:10px;box-shadow:0 5px 12px #241b3529}.rune-stage .stage-heading{align-items:center;margin-bottom:10px}.rune-stage .stage-heading h2{font-size:24px}.rune-stage .download-button{padding:8px;font-size:9px}.panel-heading,.stage-heading{margin-bottom:28px}.field-grid{grid-template-columns:minmax(0,1fr);gap:22px}.rune-frame{height:min(45vh,290px)}.rune-preview{width:min(84%,38vh,235px)}.decoder{padding-top:48px}.decoder h2{font-size:clamp(40px,11vw,52px)}.decoder button{scroll-margin-top:calc(min(45vh,290px) + 90px)}.legend-list button{grid-template-columns:38px minmax(0,1fr);gap:12px;padding-inline:0}.legend-copy{grid-template-columns:1fr;overflow-wrap:anywhere}.site-footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important}}