/* Starforge: a character atelier, with a quiet material shelf and a luminous working surface. */
:root{--rail:94px;--header:82px;--gold:#d9dfea;--line:#8190ab20;--text:#f0f3fa;--muted:#92a0b7;--surface:#131b29;--accent:#a4c6e4}
body{padding-left:var(--rail);background:#080c14;color:var(--text)}
.topbar{height:var(--header);gap:22px;padding:0 32px;background:#0c111b;border-bottom:1px solid #96a6c821}
.brand{min-width:0;gap:0}.brand-symbol{position:fixed;z-index:12;left:31px;top:28px;width:31px;height:31px;border-color:#b5cfeb90;border-radius:0;box-shadow:0 0 25px #88c8fa16;color:#d7e8fa}.brand h1{font-family:'Starforge DIN','Starforge CN',sans-serif;font-size:21px;letter-spacing:.12em;font-weight:500}.brand small{font-size:10px;color:#75859d;letter-spacing:.22em;margin-top:5px}
.topnav{position:fixed;inset:0 auto 0 0;width:var(--rail);height:100dvh;padding:114px 12px 20px;display:flex;flex-direction:column;align-items:stretch;gap:12px;z-index:10;background:#0b0f18;border-right:1px solid #ffffff0c}
.topnav button{height:auto;min-height:72px;padding:13px 4px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;border:1px solid transparent;border-radius:7px;font-size:11px;line-height:1.25;color:#7888a2;letter-spacing:.02em}
.topnav button svg{width:23px;height:23px;stroke-width:1.3}.topnav button:hover{color:#e1eaf8;background:#a9c8f007}.topnav button.active{color:#e3efff;background:linear-gradient(135deg,#99c7f220,#7393b008);border-color:#9fc5e132;box-shadow:inset 2px 0 #b6d6f2}
.topbar .term-nav{display:none}.save-state{font-size:11px;color:#9baac0;white-space:nowrap}.save-state svg{color:#8a9eaf}.language-switch{display:flex;align-items:center;gap:2px;border:1px solid #899db92b;padding:3px;border-radius:5px;background:#131b28;font-family:'Starforge DIN','Starforge CN',sans-serif}.language-switch span{min-width:31px;padding:5px 6px;font-size:12px;color:#7588a5;border-radius:2px}.language-switch .selected{background:#b7c8dd;color:#101a29}.btn.primary{background:#dbe5f2;color:#172135;border:1px solid #eaf1fa;box-shadow:0 3px 15px #9dc7f00c;font-weight:500;border-radius:3px}.btn.primary:hover{background:#f1f5fb;transform:translateY(-1px)}.topbar .btn{padding:10px 14px;font-size:12px}.icon-btn{border-radius:4px;color:#91a2bb}.icon-btn:hover{background:#c1d5f00c;color:#e8f3ff}.btn.ghost{border-color:#9db8dd2b}.badge{border-radius:2px;font-size:11px}.badge.gold{color:#b9cce5;border-color:#a6c3e229;background:#a4c8f309}.growth-number{color:#f0cd87!important}.fixed-number{color:inherit}
.workspace{height:calc(100dvh - var(--header));grid-template-columns:252px minmax(400px,1fr) 360px}.library{background:#0d131e;border-right:1px solid #a2b7d91c}.library-head{padding:29px 21px 20px;gap:19px}.library-heading{display:block}.library-heading h2{font-size:19px;letter-spacing:.06em;font-weight:500}.library-heading span{display:block;margin-top:6px;font-size:11px;color:#697e9d}.shelf-tabs{border-radius:4px;background:#080d17;border:1px solid #6b7f9a20;padding:3px}.shelf-tabs button{font-size:12px;border-radius:2px;padding:9px 3px}.shelf-tabs button.active{background:#27384f;color:#ecf2fc}.search{background:#0b111c;border-color:#8b9fc622;border-radius:3px}.search input{font-size:13px;padding:10px}.filters .pill{border-color:transparent;color:#778eac;font-size:11px}.filters .pill.active{background:#bdd1e714;border-color:#b0c9e627;color:#d1e1f5}.library-list{padding:0 15px 24px}.library-list .block-card{border:0;border-bottom:1px solid #a6bddd16;background:transparent;border-radius:0;margin:0;padding:18px 7px}.library-list .block-card:hover{transform:none;background:#a3c3ed07}.block-title h3{font-size:14px;line-height:1.5}.tone-icon{width:28px;height:28px;border:none;background:transparent;border-radius:0}.tone-icon svg{width:22px;height:22px;stroke-width:1.2}.block-card .description{font-size:12px;line-height:1.85;color:#788ea9;margin:12px 0}.mini-slot{font-size:10px;background:transparent;border:1px solid #9bb4d020;color:#8ea9cb}.card-add{border-radius:3px;border-color:#8ba6c83b;color:#a8c7e7;width:27px;height:27px}.card-add:hover{background:#b8d4ec;color:#162236}.library-foot{padding:17px;background:#0d141f}.library-foot .btn{border-style:solid;color:#d3e3f6;border-color:#97b8df32;background:#a4c4ed0a;font-size:13px}
.workbench{background:radial-gradient(ellipse at 45% -5%,#31435d36,transparent 55%),#101722;background-size:auto;scrollbar-gutter:stable}.bench-top{padding:33px 32px 0;background:transparent}.eyebrow{color:#6e86a7;font-size:10px;letter-spacing:.19em}.character-strip{margin:18px 0 26px;gap:14px}.element-symbol{width:47px;height:47px;border-radius:4px;transform:rotate(45deg);border-color:#a8cae343;background:#c1e7ff09}.element-symbol svg{transform:rotate(-45deg);width:25px;color:#c3dfef}.character-strip h2{font-size:35px;line-height:1.2;letter-spacing:.04em;font-weight:500}.character-meta{font-size:12px!important;margin-top:8px!important;color:#8ca3bf!important}.module-tabs{gap:30px;border-color:#9ab6da25}.module-tabs button{font-size:14px;padding:14px 0;display:flex;align-items:center;gap:5px}.module-tabs button.active{border-color:#bed5ed;color:#dcecff}.module-tabs .count{font-family:'Starforge DIN',sans-serif;font-size:11px;margin-left:2px;color:#839dbe}.bench-content{padding:22px 32px 45px}.skill-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;overflow:visible;max-height:225px;overflow-y:auto;align-items:stretch;padding-bottom:21px}.skill-chip{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:5px;padding:12px 14px;background:#111d2b;border:1px solid #6d85a123;border-radius:3px;white-space:normal;min-height:64px}.skill-chip-kind{font-size:10px;letter-spacing:.04em;color:#7595b6}.skill-chip-name{font-size:13px;color:#b5c5db;overflow-wrap:anywhere;line-height:1.5}.skill-chip small{font-size:10px;color:#7595b6}.skill-chip.active{background:linear-gradient(105deg,#9abcdd1e,#a9c7e207);border-color:#accbea66;box-shadow:inset 2px 0 #cce8ff}.skill-chip.active .skill-chip-name{color:#f2f7fc}.skill-picker>.icon-btn{height:32px;min-height:32px;width:100%;border:1px dashed #8aa4c52d;border-radius:3px;grid-column:1/-1}.skill-heading{padding-top:12px;margin-bottom:28px;gap:8px}.skill-heading h3{font-size:23px;line-height:1.5}.skill-heading small{font-size:11px;color:#7591b4;line-height:1.6}.flow-label{font-size:10px;letter-spacing:.13em;color:#7188a5}.flow-label:after{background:linear-gradient(90deg,#96b1d531,transparent)}.trigger-bar{border:1px solid #a5c4df29;background:#182332;border-radius:3px;padding:13px 16px}.trigger-bar svg,.trigger-bar select{color:#c2d5e9}.trigger-bar select{font-size:14px}.trigger-bar .tiny{color:#567594}.stack{padding-top:20px}.stack:before{left:23px;background:linear-gradient(#9abbd341,#6c879921)}.effect-node{background:linear-gradient(115deg,#202d40,#172334);border:1px solid #8eacc333;border-radius:4px;box-shadow:0 12px 25px #030a142e;margin-bottom:15px}.effect-node:before{width:2px;opacity:.8}.node-head{padding:14px 16px;border-color:#c4d6ed0b;gap:10px}.node-head h4{font-size:14px;font-weight:500;line-height:1.5;color:#dbe9f9}.node-head .node-order{border:0;border-radius:0;padding:2px 4px;background:transparent;color:var(--tone);font-family:'Starforge DIN',sans-serif;font-size:16px}.node-head>svg{width:12px;color:#6984a3}.node-actions{opacity:.6}.effect-node:hover .node-actions,.effect-node:focus-within .node-actions{opacity:1}.node-fields{padding:16px;gap:14px}.slot-field{font-size:11px;color:#8ca3bf}.slot-field input,.slot-field select{border:0;border-bottom:1px solid #8aa4c33f;background:#0b152240;border-radius:2px 2px 0 0;min-height:40px;height:auto;padding:9px 10px;font-size:15px;color:#e7f0fb}.growth-control{font-size:10px!important;color:#7290b1!important}.growth-control input{accent-color:#a3c7e8;width:11px;height:11px}.node-sentence{border-top:1px solid #9dbcd412;margin:0 16px;padding:13px 0 15px;color:#8fa8c5;font-size:13px;line-height:1.9}.drop-zone{border-radius:3px;background:#b2d5fa03;border-color:#9ab8d536;padding:21px;font-size:12px;color:#7696b6}.drop-zone:hover{color:#d4eaff;border-color:#c4def088}.metadata-toggle{font-size:11px;color:#7796b7;padding-top:23px}.metadata-panel,.stat-editor{background:#142031;border-color:#7c9bbb24;border-radius:4px}.workbench-note{font-size:10px;color:#587494}
.preview-pane{padding:30px 23px;background:linear-gradient(155deg,#172132,#0c1523 70%);border-color:#9cbbdf25;scrollbar-gutter:stable}.preview-heading{margin-bottom:23px}.preview-heading h2{font-size:13px;color:#a8bfda}.preview-heading .badge{font-size:10px;color:#708bac}.character-card{border-radius:3px 20px 3px 3px;border-color:#a2bbd84d;background:linear-gradient(160deg,#2b3c52,#1c2b40 47%,#122035);box-shadow:0 16px 45px #030b195e}.character-card-top{padding:28px 23px 25px;background:radial-gradient(ellipse at 10% 5%,#d2e4f424,transparent 70%);border-bottom:1px solid #c8d9eb42}.character-card-top:after{border-color:#b9d6f31a;box-shadow:0 0 0 24px #cbdcee05,0 0 0 25px #cbdcee0a}.card-overline{font-family:'Starforge DIN',sans-serif;font-size:10px;color:#9cb6d4;letter-spacing:.16em}.star-line{color:#9ebdda;font-size:11px;letter-spacing:3px;margin-top:20px}.character-card h2{font-size:41px;font-weight:500;letter-spacing:.04em;overflow-wrap:anywhere}.card-path{font-size:12px;color:#9db9d8}.card-body{padding:21px 23px}.card-stats{gap:12px;padding-bottom:20px}.card-stats span{font-size:10px;color:#86a4c9}.card-stats strong{font-size:26px;color:#edf6ff;letter-spacing:.025em}.preview-skill{padding:21px 0;border-color:#aecae518}.preview-skill .kind{font-size:10px;color:#a0bfde;letter-spacing:.03em}.preview-skill h3{font-size:18px;color:#f2f6fc;line-height:1.55;font-weight:500;margin:8px 0 13px}.preview-skill p{font-size:15px;line-height:1.9;color:#edf2fa}.preview-skill.active:before{background:#c9e4f6;left:-23px;top:24px;bottom:24px;box-shadow:0 0 14px #a2d8fb40}.preview-legend{font-size:10px;margin-top:19px;color:#7593b6;gap:12px}.preview-terms-btn{font-size:12px;color:#a1bfdd}.validation{border-color:#779ab32d;font-size:11px;padding:12px 0;border-left:0;border-right:0;border-radius:0}.quick-tip{color:#6586a9;font-size:11px;line-height:1.9}.term-link{text-decoration-color:#b5cee3a3;text-underline-offset:4px}.term-link:hover{color:#d7ebfd;text-decoration-color:#f5faff}
.archive-shell{height:calc(100dvh - var(--header));grid-template-columns:minmax(350px,1fr) minmax(470px,1fr);background:#101826}.archive-browser{padding:33px 30px 0;border-color:#a5c4de20;background:#0e1521}.archive-overline{font-family:'Starforge DIN',sans-serif;font-size:10px;letter-spacing:.19em;color:#607e9d}.archive-title{display:block;margin:12px 0 23px}.archive-title h2{font-size:36px;font-weight:500;letter-spacing:.04em;line-height:1.2}.archive-title>span{display:block;margin-top:9px;font-size:11px;color:#6f8fb0}.archive-tools{gap:12px}.archive-tools select{border-radius:3px;background:#152235;border-color:#9bb8d523;font-size:12px}.path-filters{gap:5px;padding:18px 0}.path-filter{font-size:12px;padding:7px 10px;border-radius:2px;color:#7d9bbd;border-color:#9dc4ef10}.path-filter.active{color:#dfedfd;border-color:#abcdea5c;background:#a2c6e616}.archive-count{font-size:10px;color:#607fa1;padding-bottom:18px}.roster-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:19px 12px;padding-bottom:32px}.roster-card{background:transparent;border:1px solid #9bb4d017;border-radius:3px 16px 3px 3px;transition:transform .2s,border-color .2s}.roster-image{height:140px;background:radial-gradient(ellipse at 50% 100%,#9ba3c541,transparent 70%),linear-gradient(#263248,#151f30);border-bottom:1px solid #b6b6c375}.roster-card.rarity-4 .roster-image{background:radial-gradient(ellipse at 50% 100%,#aa9ec439,transparent 70%),linear-gradient(#2b2b44,#1d2033);border-bottom-color:#af9ac479}.roster-card.selected{border-color:#d7ebff;box-shadow:0 0 0 1px #b9d3ed26,0 8px 20px #0002}.roster-card.selected:after{bottom:57px;right:8px;color:#e0efff}.roster-card:hover{transform:translateY(-3px);border-color:#afc9e376}.roster-info{padding:12px 9px 13px;background:#141f30}.roster-info strong{font-size:13px;line-height:1.4;white-space:normal;min-height:18px}.roster-info small{font-size:10px;line-height:1.4;color:#7291b6}.roster-element{background:#0a14297d;top:8px;left:8px;width:23px;height:23px}
.archive-detail{padding:0 28px 32px;background:radial-gradient(ellipse at 40% 0%,#3d53684a,transparent 55%),#142132}.archive-identity{min-height:335px;padding:41px 0 24px;display:block;overflow:hidden;border-color:#b6cfe43a}.archive-portrait{position:absolute;right:-48px;top:-18px;width:78%;height:360px;background:none;border-radius:0;z-index:-1;overflow:visible;mask-image:linear-gradient(180deg,#000 75%,transparent 100%)}.archive-portrait>img{width:100%;height:100%;object-fit:contain;object-position:center center;filter:drop-shadow(0 8px 28px #0310218a)}.archive-identity>div:last-child{position:relative;z-index:1;max-width:60%;min-height:260px;display:flex;flex-direction:column;align-items:flex-start}.archive-identity h2{font-size:clamp(26px,2.7vw,38px);font-weight:500;line-height:1.17;letter-spacing:.015em;margin:26px 0 14px;text-shadow:0 3px 16px #0b162fe0;overflow-wrap:anywhere}.archive-id{font-size:9px;color:#7d9ebe;line-height:1.5}.archive-stars{color:#a7c6e0;letter-spacing:3px;margin-bottom:12px}.archive-id-label{font-size:13px;color:#a6c6e5;text-shadow:0 1px 9px #051329}.archive-identity .btn{margin-top:auto;padding:10px 12px;font-size:12px}.archive-controls{margin:21px 0 8px}.archive-controls select{font-size:12px;background:#18293e;border-color:#9ebcdb27}.archive-source{color:#718eae;font-size:11px}.archive-module-tabs{gap:25px;margin-bottom:19px}.archive-module-tabs button{font-size:14px;padding:14px 0}.archive-module-tabs button.active{color:#e2efff;border-color:#bddef4}.value-legend{font-size:11px;color:#7c9cbd}.source-copy-notice{font-size:11px;color:#6684a5;margin:17px 0}.source-module{background:#1a2b40;border:1px solid #a4bdd728;border-radius:3px;margin-bottom:19px;box-shadow:0 8px 20px #03102413}.source-module-head{padding:20px 20px 13px;border-color:#aac4df14}.source-kind{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#8faecc}.source-module-head h3{font-size:20px;color:#edf4fe;font-weight:500;line-height:1.55;margin-top:5px}.source-level-control>label:first-child{font-size:15px;color:#cadcf0}.source-level-control select{background:#101e30;border-color:#b0cae033;width:60px}.source-level-control .growth-control{font-size:9px!important;margin-top:5px}.source-fragment{padding:15px 24px 16px 43px;border-color:#bcd4e30a}.fragment-number{left:19px;top:20px;font-size:10px;color:#678dae}.source-fragment p{font-size:16px;line-height:1.85}.fragment-copy{top:15px;right:4px}.source-module-foot{padding:12px 19px;background:#0c1c306b;gap:7px}.source-module-foot span{font-size:10px;border-color:#8eadcb20;color:#8aabca;border-radius:2px;padding:4px 7px}.source-stat-summary .source-fragment{padding-top:9px;padding-bottom:9px}.source-stat-summary .source-fragment p{font-size:14px}.source-stat-grid{gap:10px}.source-stat-grid>div{background:#b9d5ef06;border-color:#a3c3de1a;border-radius:3px}.source-stat-grid strong{font-size:28px;color:#e6f2ff}.source-warning{font-size:12px;color:#91b1d3}.source-sprite{border-color:#8fb5d8;background:#adccef07}.source-sprite p{color:#8faed0}.source-sprite h3{font-size:18px}
.recipe-shell{height:calc(100dvh - var(--header));overflow:auto;padding:37px 40px 65px;background:radial-gradient(ellipse at 80% 0%,#42688728,transparent 50%),#0f1826}.recipe-heading{display:flex;gap:30px;align-items:center;justify-content:space-between;margin-bottom:31px}.recipe-heading h2{font-size:34px;font-weight:500;line-height:1.3;letter-spacing:.015em;margin:13px 0 12px}.recipe-heading p{font-size:13px;line-height:1.8;color:#7898bc}.recipe-census{display:grid;grid-template-columns:auto auto;gap:5px 16px;align-items:baseline;border-left:1px solid #9cc0df2d;padding-left:24px;flex-shrink:0}.recipe-census strong{font-family:'Starforge DIN',sans-serif;color:#cce7fc;font-size:29px;font-weight:400}.recipe-census span{font-size:11px;color:#7d9ebd}.recipe-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:27px;align-items:start}.panel-kicker{font-size:10px;letter-spacing:.14em;color:#8daccc}.recipe-controls{background:linear-gradient(145deg,#24374d,#18283e);padding:25px 22px;border:1px solid #a5c7e83b;border-radius:3px}.recipe-presets{display:flex;flex-direction:column;gap:7px;margin:19px 0 23px}.recipe-presets button{padding:11px 13px;text-align:left;font-size:13px;color:#8ba9cc;background:#09182a33;border:1px solid #99badb1a;border-radius:3px}.recipe-presets button.active{background:#b5d4ed16;border-color:#b8d6ee75;color:#e4f3ff;box-shadow:inset 2px 0 #c7e5fa}.recipe-stat-selects{display:grid;gap:16px}.recipe-stat-selects label>span{font-family:'Starforge DIN','Starforge CN',sans-serif;color:#718faa;font-size:11px;display:block;margin-bottom:7px}.recipe-stat-selects select{font-size:14px;background:#0e1d30;border-color:#85a9cd3c;border-radius:2px;padding:10px}.recipe-total{margin:28px -22px 20px;padding:20px 22px;background:#08192b4f;border-top:1px solid #b1d1e622;border-bottom:1px solid #b1d1e622}.recipe-total>div:not(.panel-kicker){display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:19px}.recipe-total>div>span{font-size:13px;color:#bfd4e9}.recipe-total small{display:block;font-size:10px;color:#6588ad;margin-top:5px}.recipe-total strong{font-family:'Starforge DIN',sans-serif;font-weight:400;font-size:25px;color:#f0f6ff}.recipe-controls>.btn{width:100%;font-size:13px;justify-content:center}.recipe-controls>.help{font-size:10px;color:#6b8fb1;line-height:1.8;margin:12px 0 0}.recipe-exception{font-size:13px;line-height:1.9;color:#abc8e4;margin:15px 0}.recipe-board{padding:7px 0}.recipe-board-note{font-size:12px;line-height:1.8;color:#698db1;margin:15px 0 23px;max-width:650px}.recipe-nodes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.recipe-node{background:linear-gradient(145deg,#1a2f45,#14243a);border:1px solid #88b0cc32;border-radius:3px;padding:14px 12px 13px;position:relative}.recipe-node.tier-1{border-top:2px solid #9bb6e6;background:linear-gradient(145deg,#25394f,#182943)}.recipe-node.tier-2{border-top:2px solid #d3bd85;background:linear-gradient(145deg,#363a45,#202c40)}.recipe-node-top{display:flex;align-items:center;gap:10px;margin-bottom:17px}.recipe-node-top>span{font-family:'Starforge DIN',sans-serif;font-size:17px;color:#698da9}.recipe-node-top select{background:none;border:none;padding:0;min-width:0;color:#8baac9;font-size:10px}.recipe-node>select{border:0;border-bottom:1px solid #7a9ec431;border-radius:0;padding:4px 0 8px;background:transparent;font-size:12px;color:#bdd3eb;white-space:normal}.recipe-node>strong{display:block;font-size:30px;font-family:'Starforge DIN',sans-serif;font-weight:400;color:#f5f8fc;margin:20px 0 11px}.recipe-node>small{display:block;color:#5f83a7;font-size:10px}.recipe-findings{padding:21px 0;border-bottom:1px solid #b1cfe225}.recipe-findings p{font-size:12px;line-height:1.9;color:#7e9dbb;margin:8px 0}.recipe-findings b{color:#b2cee7;font-family:'Starforge DIN',sans-serif;font-weight:400;font-size:17px;margin-right:7px}.recipe-reference{margin-top:35px;padding-top:24px;border-top:1px solid #9ebdda29}.recipe-table-wrap{margin-top:20px;overflow:auto;border:1px solid #8baaca24;border-radius:3px}.recipe-reference table{width:100%;border-collapse:collapse;font-size:13px;text-align:left;background:#132339}.recipe-reference th,.recipe-reference td{padding:12px 18px;border-bottom:1px solid #aecbe617;font-weight:400}.recipe-reference thead{background:#9ebede09;color:#7e9dbc}.recipe-reference tbody th{color:#b3cce4}.recipe-reference tbody td{color:#e9f4fc;font-family:'Starforge DIN',sans-serif;font-size:16px}.recipe-reference p{font-size:11px;color:#6286a9;line-height:1.9;margin-top:16px}
dialog{background:#16283d;border-color:#95b8dc50;border-radius:4px;box-shadow:0 30px 100px #010918a6}.dialog-head{background:#182b42;border-color:#91b5d522}.dialog-head h2{font-size:21px}.dialog-body{font-size:14px}.dialog-body>label{color:#a3bedb}.dialog-footer{background:#102239;border-color:#91b5d51c}.dialog-body input,.dialog-body textarea,.dialog-body select{background:#0d2035;border-color:#8cb0d137;border-radius:3px;color:#e3f1ff}.dialog-description,.help{color:#83a3c4;line-height:1.85}.term-row p{font-size:14px;color:#c1d9ee;line-height:1.9}.term-row.focused{background:#a2c5e411;border-color:#c1def1}.module-edit-block{background:#10243b;border-color:#85aac92a}.entry-special-level{background:#10243b;border-color:#85aac92a}.language-switch:focus-visible,.recipe-node select:focus-visible{outline:2px solid #bbd8ed;outline-offset:3px}html[lang='en'] .topnav button{font-size:10px}html[lang='en'] .character-strip h2{letter-spacing:0}html[lang='en'] .source-kind{letter-spacing:0}html[lang='en'] .card-path{flex-wrap:wrap}html[lang='en'] .preview-skill p{line-height:1.75}html[lang='en'] .topbar{gap:16px}
@media(min-width:1600px){.workspace{grid-template-columns:270px minmax(470px,1fr) 420px}.bench-top,.bench-content{padding-left:45px;padding-right:45px}.preview-pane{padding:32px 30px}.archive-browser{padding-left:38px;padding-right:38px}.archive-detail{padding-left:36px;padding-right:36px}.roster-grid{grid-template-columns:repeat(auto-fill,minmax(115px,1fr));gap:20px 15px}.roster-image{height:157px}.recipe-shell{padding:43px 55px 70px}.recipe-grid{grid-template-columns:330px minmax(0,1fr);gap:35px}.recipe-node{padding:19px}.recipe-node>strong{font-size:35px}}
@media(max-width:1280px){:root{--rail:82px}.topnav{padding-left:8px;padding-right:8px}.brand-symbol{left:26px}.workspace{grid-template-columns:210px minmax(330px,1fr) 310px}.bench-content,.bench-top{padding-left:24px;padding-right:24px}.library-head{padding-left:17px;padding-right:17px}.preview-pane{padding:28px 18px}.card-body{padding:19px}.character-card-top{padding:25px 19px}.character-strip h2{font-size:29px}.character-card h2{font-size:35px}.topbar{padding:0 25px;gap:15px}.save-state{display:none}.archive-shell{grid-template-columns:minmax(310px,1fr) minmax(390px,1.03fr)}.archive-browser{padding-left:22px;padding-right:22px}.archive-detail{padding-left:22px;padding-right:22px}.roster-grid{grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:13px 10px}.roster-image{height:120px}.archive-identity{min-height:310px}.archive-portrait{height:330px;right:-47px}.archive-module-tabs{gap:18px}.source-fragment{padding-left:35px;padding-right:18px}.fragment-number{left:13px}.source-module-head{padding:17px 17px 12px}.source-fragment p{font-size:15px}.recipe-shell{padding:32px 28px 55px}.recipe-grid{grid-template-columns:260px minmax(0,1fr);gap:20px}.recipe-nodes{gap:8px}.recipe-node{padding:13px 9px}.recipe-node>select{font-size:11px}.recipe-heading h2{font-size:29px}.recipe-census{padding-left:17px;gap:4px 11px}.recipe-census strong{font-size:25px}}
@media(max-width:1050px){.workspace{grid-template-columns:230px minmax(0,1fr);height:calc(100dvh - var(--header) - 46px)}.preview-pane{display:none}.topnav{display:flex}.topbar{height:var(--header)}.mobile-switch{display:flex;height:46px;gap:10px;background:#111d2d;border-color:#83a6cb24}.mobile-switch button{font-size:12px;color:#7595b6;padding:8px 18px}.mobile-switch button.active{background:#adcce218;color:#d9ebfc;border-radius:3px}body[data-mobile-view='preview'] .workspace{display:block}body[data-mobile-view='preview'] .preview-pane{display:block;max-width:680px;height:100%;margin:auto;padding:32px;overflow:auto}body[data-route='patterns'] .mobile-switch{display:none}.recipe-grid{grid-template-columns:240px minmax(0,1fr)}.recipe-nodes{grid-template-columns:repeat(3,minmax(0,1fr))}.recipe-heading{align-items:flex-start}.recipe-heading h2{font-size:27px}.recipe-census{display:none}.recipe-node>strong{font-size:27px}}
@media(max-width:800px){:root{--header:70px;--rail:0px}body{padding:0 0 66px}.brand-symbol{position:static;margin-right:14px;width:27px;height:27px;flex-shrink:0}.brand{gap:0;flex:1}.brand small{display:none}.brand h1{font-size:16px;letter-spacing:.08em}.topbar{padding:0 19px;gap:12px}.topbar .undo-group{display:none}.topbar .btn span{display:none}.topbar .btn{padding:8px}.topnav{inset:auto 0 0;width:100%;height:66px;padding:4px 9px;display:grid;grid-template-columns:repeat(5,1fr);gap:3px;background:#0a1220ed;backdrop-filter:blur(14px);border:0;border-top:1px solid #9ac5e22e}.topnav button{min-height:0;padding:7px 3px;gap:5px;border-radius:4px;font-size:10px}.topnav button svg{width:19px;height:19px}.topnav button.active{box-shadow:inset 0 2px #bedef1;border-color:transparent}.language-switch span{font-size:11px;min-width:26px;padding:5px}.workspace{height:calc(100dvh - var(--header) - 46px - 66px);grid-template-columns:205px minmax(0,1fr)}.archive-shell{height:calc(100dvh - var(--header) - 66px);display:block}.archive-browser{height:100%;padding:27px 22px 0;border:0}.archive-detail{display:none;height:100%;padding-left:23px;padding-right:23px}.archive-back{display:block;color:#81a6cb;font-size:12px;padding:20px 0 0}body[data-archive-detail='true'] .archive-browser{display:none}body[data-archive-detail='true'] .archive-detail{display:block}.archive-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px}.archive-title h2{font-size:32px}.archive-title>span{margin:0}.roster-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:15px 11px}.roster-image{height:145px}.archive-tools{grid-template-columns:1fr 130px}.archive-tools select{display:block}.archive-identity{min-height:345px;max-width:600px;margin:auto}.archive-portrait{height:370px;right:-35px;top:-18px;width:75%}.archive-identity h2{font-size:36px}.archive-identity>div:last-child{min-height:275px}.archive-module-tabs{justify-content:space-between}.source-fragment p{font-size:16px}.recipe-shell{height:calc(100dvh - var(--header) - 66px);padding:27px 22px 40px}.recipe-grid{grid-template-columns:230px minmax(0,1fr);gap:19px}.recipe-nodes{grid-template-columns:repeat(2,minmax(0,1fr))}.recipe-controls{padding:22px 18px}.recipe-total{margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px}.recipe-heading h2{font-size:29px}.source-level-control .growth-control{font-size:10px!important}.quick-tip{font-size:12px}}
@media(max-width:580px){.topbar{padding:0 15px;gap:9px}.brand h1{font-size:15px}.brand-symbol{width:25px;height:25px;margin-right:13px}.language-switch{margin-left:auto}.topbar>.spacer{display:none}.workspace{display:block}.workbench{height:100%;overflow:auto}.library{display:none;height:100%}body[data-mobile-view='library'] .library{display:flex}body[data-mobile-view='library'] .workbench{display:none}.library-list{display:block;padding:0 23px 25px}.library-list .block-card{padding:20px 7px}.library-head{padding:28px 25px 18px}.library-heading h2{font-size:22px}.library-heading span{font-size:12px}.block-title h3{font-size:16px}.block-card .description{font-size:13px}.shelf-tabs button{font-size:13px}.bench-top,.bench-content{padding-left:20px;padding-right:20px}.bench-top{padding-top:27px}.character-strip h2{font-size:31px}.character-strip .badge{display:none}.skill-picker{max-height:218px}.skill-chip-name{font-size:13px}.skill-heading h3{font-size:22px}.node-fields{gap:15px}.slot-field{flex-basis:calc(50% - 15px)}.slot-field input,.slot-field select{font-size:16px}.node-sentence{font-size:13px}.preview-pane{padding:26px!important}.character-card h2{font-size:42px}.preview-skill p{font-size:16px}.roster-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px}.roster-image{height:136px}.roster-info strong{font-size:13px}.archive-title h2{font-size:29px}.archive-controls{margin-top:20px}.path-filter{font-size:11px;padding:7px 9px}.archive-identity h2{font-size:31px}.archive-identity{min-height:320px}.archive-identity>div:last-child{max-width:64%;min-height:264px}.archive-portrait{width:83%;right:-60px;height:330px}.source-module-head h3{font-size:19px}.source-module-head>div:first-child{flex-basis:100%}.source-level-control{margin-left:0;margin-right:auto}.source-fragment{padding-left:32px;padding-right:20px}.fragment-number{left:12px}.source-fragment p{font-size:15px}.source-module-foot span{font-size:10px}.recipe-heading h2{font-size:28px}.recipe-heading p{font-size:13px}.recipe-grid{display:flex;flex-direction:column;gap:28px}.recipe-controls,.recipe-board{width:100%}.recipe-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.recipe-presets button{font-size:11px;padding:9px;text-align:center;line-height:1.7}.recipe-stat-selects{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.recipe-stat-selects select{font-size:12px;padding:8px 4px}.recipe-total{margin-top:23px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.recipe-total .panel-kicker{grid-column:1/-1}.recipe-total>div:not(.panel-kicker){display:block;margin-top:0}.recipe-total>div>span{font-size:11px}.recipe-total strong{display:block;font-size:25px;margin-top:12px}.recipe-nodes{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.recipe-node{padding:16px}.recipe-node>select{font-size:13px}.recipe-node>strong{font-size:33px}.recipe-node>small{font-size:11px}.recipe-board-note{font-size:13px}.recipe-findings p{font-size:13px}.recipe-reference th,.recipe-reference td{padding:11px 13px}.recipe-reference table{font-size:12px}.recipe-reference tbody td{font-size:15px}.dialog-body{padding:20px}.dialog-head h2{font-size:19px}html[lang='en'] .brand h1{font-size:14px;letter-spacing:.06em}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Keep the new navigation and panel breakpoints aligned with the older base styles. */
.topnav button[data-action='terms'],.topnav button[data-action='examples']{display:flex}
body[data-route='archive'] .mobile-switch{display:none}
@media(max-width:1050px){body[data-mobile-view='preview'] .workspace>.library,body[data-mobile-view='preview'] .workspace>.workbench{display:none}}