:root{--gold:#e0b25f;--gold-hover:#e7b862;--ink:#f4f4f4;--mist:#aeb3bd;--edge:#8a6a2e;--up:#5fb8bf;--down:#e6c9b7;--bg:#141721;--panel:#1c2029;--raised:#2c2f35;--line:#3a3f4a;--spread:#12555f;--tag:#262a33;--fine:#8e949f;--button:#1a1e2a;--error:#f08a8a;--ember:#e8836b;--radius:6px;--side:48px;--page:1280px;--display:"Germania One", serif;--font:"Alegreya Sans", sans-serif;--mono:"JetBrains Mono", monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (width<=800px){:root{--side:16px}}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font:17px/1.45 var(--font);margin:0}a{color:var(--gold);text-decoration:none}a:hover{color:var(--gold-hover)}h1,h2,.disp{font-family:var(--display);letter-spacing:.02em;font-weight:400}h2{margin:0 0 14px;font-size:28px}h3{color:var(--mist);margin:0 0 10px;font-size:16px;font-weight:500}code,pre,.mono{font-family:var(--mono);font-size:14px}.muted{color:var(--mist)}.gold{color:var(--gold)}.error{color:var(--error)}.up{color:var(--up)}.down{color:var(--down)}.grow{flex:1}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row.spread{justify-content:space-between}details{margin:0}summary{cursor:pointer;color:var(--mist);font-weight:500}label{gap:6px;margin:0;display:grid}.screen{min-height:100vh;max-width:var(--page);flex-direction:column;margin:0 auto;display:flex}.screen-head{padding:32px var(--side) 0;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.screen-head .brand{font-family:var(--display);color:var(--gold);white-space:nowrap;font-size:60px;line-height:1}.screen-head .brand:hover{color:var(--gold-hover)}.screen-title{text-align:right;flex-direction:column;align-items:flex-end;gap:6px;min-width:0;display:flex}.screen-title h1{color:var(--gold);overflow-wrap:anywhere;margin:0;font-size:36px;line-height:1}.screen-title .sub{color:var(--mist);margin:0;font-size:17px}.rule{margin:24px var(--side) 28px;align-items:center;display:flex}.rule i{background:var(--edge);flex-shrink:0;width:7px;height:7px;display:block;transform:rotate(45deg)}.rule i.gem{background:var(--gold);width:10px;height:10px}.rule b{background:var(--edge);flex:1;height:1px;display:block}.screen>main{padding:0 var(--side);flex-direction:column;flex:1;gap:16px;display:flex}.bottom{padding:0 var(--side) 28px;margin-top:36px}.bottom .rule{margin:0 0 20px}.bottom-row{grid-template-columns:minmax(max-content,1fr) auto minmax(max-content,1fr);align-items:center;gap:24px;display:grid}.bottom-left{align-items:center;gap:28px;display:flex}.bottom-right{justify-content:flex-end;align-items:center;gap:16px;display:flex}.fine{color:var(--fine);text-align:center;font-size:14px}@media (width<=800px){.bottom-row{grid-template-columns:1fr auto}.fine{grid-area:2/1/auto/-1}.screen-head .brand{white-space:normal;font-size:36px}.screen-title h1{font-size:26px}}.gback{font-family:var(--display);letter-spacing:.02em;font-size:28px}.who{color:var(--ink);align-items:center;gap:8px;font-size:18px;display:inline-flex}.who svg{color:var(--gold)}.gbtn{background:var(--button);border:2px solid var(--edge);height:58px;font:28px var(--display);letter-spacing:.02em;color:var(--gold);cursor:pointer;white-space:nowrap;border-radius:29px;justify-content:center;align-items:center;gap:10px;padding:0 32px;display:inline-flex;box-shadow:inset 0 0 0 1px #e0b25f59}.gbtn:hover{border-color:var(--gold);color:var(--gold-hover)}.gbtn.alt{border-color:var(--line);box-shadow:none;color:var(--ink);background:0 0}.gbtn.alt:hover{border-color:var(--edge);color:var(--ink)}.gbtn:disabled{opacity:.5;cursor:default}@media (width<=800px){.gbtn{height:48px;padding:0 20px;font-size:22px}}.plaque{border:3px solid var(--edge);box-shadow:inset 0 0 0 1px var(--gold);font:22px var(--display);color:var(--gold);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;background:#0a0c11f0;align-items:center;padding:4px 10px 2px;display:inline-flex}button,.button,input,select,textarea{font:inherit;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);font-size:17px}input,select{height:44px;padding:0 14px}textarea{width:100%;font:13px/1.6 var(--mono);color:var(--mist);background:var(--bg);padding:10px 12px}input[type=checkbox],input[type=range]{height:auto;accent-color:var(--gold);padding:0}button,.button{cursor:pointer;border-color:var(--edge);background:0 0;justify-content:center;align-items:center;gap:8px;height:44px;padding:0 20px;font-weight:500;display:inline-flex}button:hover,.button:hover{background:var(--panel);color:var(--ink)}button:disabled{opacity:.5;cursor:default}.primary{background:var(--gold);color:var(--bg);border:0}.primary:hover:not(:disabled){background:var(--gold-hover);color:var(--bg)}.big{height:56px;font-size:20px}.small{height:38px;padding:0 14px;font-size:15px}.quiet{color:var(--mist);background:0 0;border-color:#0000}.quiet:hover{color:var(--ink);background:0 0}.more{align-self:center;margin-top:20px}.segmented{border:1px solid var(--line);border-radius:var(--radius);flex-wrap:wrap;display:inline-flex;overflow:hidden}.segmented button{border:0;border-right:1px solid var(--line);background:var(--panel);min-width:96px;color:var(--mist);border-radius:0;padding:0 16px;font-weight:400}.segmented button:last-child{border-right:0}.segmented button:hover{color:var(--ink)}.segmented button.on{background:var(--raised);color:var(--gold);box-shadow:inset 0 -2px 0 var(--gold)}.segmented button:disabled{opacity:1}.chips{flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex}.chips .clear-filters{height:36px;padding:0 8px}.chips .clear-filters:disabled{visibility:hidden}.chip{border:1px solid var(--line);height:36px;color:var(--ink);white-space:nowrap;background:0 0;border-radius:18px;align-items:center;gap:6px;padding:0 14px;font-size:16px;font-weight:400;list-style:none;display:inline-flex}.chip:hover{border-color:var(--edge);color:var(--ink);background:0 0}.chip.on{border-color:var(--gold);color:var(--gold);background:#e0b25f14}.chip.dashed{color:var(--mist);border-style:dashed}.chip.dashed.on{color:var(--gold)}.chip.mono{height:32px;font:13px var(--mono);color:var(--mist);padding:0 12px}.chip.mono.on{color:var(--gold)}.chip.mono.focus{background:var(--gold);border-color:var(--gold);color:var(--bg)}.dropdown{position:relative}.dropdown summary{cursor:pointer}.dropdown summary::-webkit-details-marker{display:none}.dropdown-body{z-index:5;background:var(--panel);border:1px solid var(--edge);border-radius:8px;grid-template-columns:repeat(3,max-content);gap:6px 18px;padding:14px;display:grid;position:absolute;top:calc(100% + 6px);left:0}.check{align-items:center;gap:8px;display:flex}.checks{flex-wrap:wrap;gap:4px 12px;display:flex}.tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tag{background:var(--tag);white-space:nowrap;border-radius:4px;align-items:center;gap:5px;height:24px;padding:0 8px;font-size:14px;display:inline-flex}.fact{border:1px solid var(--line);height:26px;color:var(--mist);white-space:nowrap;border-radius:4px;align-items:center;padding:0 9px;font-size:15px;display:inline-flex}.box{background:var(--panel);border:1px solid var(--raised);border-radius:8px;padding:18px 20px 14px}.spec{color:var(--mist);white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0 0;font-size:14px;line-height:1.7}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:12px;display:grid}@media (width<=1000px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=700px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}.card{text-align:left;height:auto;color:var(--ink);background:var(--panel);border:1px solid var(--raised);border-radius:8px;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:0;font-weight:400;display:flex;overflow:hidden}.card:hover{border-color:var(--edge);background:var(--panel);color:var(--ink)}.plate{aspect-ratio:1;display:block;position:relative;overflow:hidden}.plate img,.card>img,.card .placeholder{aspect-ratio:1;object-fit:cover;background:var(--button);width:100%;display:block}.plate .plaque{text-overflow:ellipsis;max-width:calc(100% - 20px);font-size:20px;position:absolute;bottom:10px;left:10px;overflow:hidden}.card-body{flex-direction:column;gap:8px;padding:12px 14px 14px;display:flex}.card-meta{color:var(--mist);justify-content:space-between;gap:8px;font-size:15px;display:flex}.card-meta :last-child{white-space:nowrap}.card .placeholder{color:var(--mist);place-items:center;font-size:2rem;display:grid}.controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.controls .make-own{margin-left:auto}.key-panel{background:var(--panel);border:1px solid var(--edge);border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;padding:16px 16px 16px 20px;display:flex}.key-panel strong{font-weight:500}.key-panel .key{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);overflow-wrap:anywhere;padding:9px 12px;font-size:15px}.key-panel form{margin:0}.map-head{grid-template-columns:minmax(0,680px) minmax(0,1fr);align-items:start;gap:40px;display:grid}@media (width<=1000px){.map-head{grid-template-columns:1fr}}.map-info{flex-direction:column;align-items:flex-start;gap:16px;min-width:0;display:flex}.map-info>.box{align-self:stretch}.mapview{flex-direction:column;gap:12px;min-width:0;display:flex}.world input[readonly]{opacity:.5;cursor:default}.lineage{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px;display:flex}.lineage .thumb{border:1px solid var(--line);border-radius:4px;flex-shrink:0;width:40px;height:40px;display:block;overflow:hidden}.lineage .thumb img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;display:block}.lineage .thumb.on{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.lineage .thumb.next{border-color:var(--mist)}.lineage .sep{color:var(--fine)}.lineage .kids{flex-wrap:wrap;gap:4px;display:flex}.lineage .kids.many{border:1px dashed var(--line);border-radius:6px;padding:3px}.lineage .fold{height:40px;padding:0 6px}.marks{flex-direction:column;gap:8px;display:flex}.marks ul{flex-direction:column;gap:4px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.marks li{align-items:center;gap:8px;display:flex}.mapview-modes{align-self:flex-start;gap:4px;display:flex}.mapview-modes button{height:auto;padding:3px 12px;font-size:14px}.mapview-modes button[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}.view3d{position:absolute;inset:0}.view3d[hidden]{display:none}.map2d{cursor:grab;outline:none;position:absolute;inset:0}.map2d.dragging{cursor:grabbing}.map2d.marking{cursor:crosshair}.map2d:focus-visible{box-shadow:inset 0 0 0 2px var(--gold)}.map2d canvas,.map2d svg{width:100%;height:100%;position:absolute;inset:0}.map2d svg{pointer-events:none;overflow:visible}.mapview-preview{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.mapview-probe{color:var(--ink);background:color-mix(in srgb, var(--bg) 80%, transparent);pointer-events:none;border-radius:12px;padding:2px 10px;font-size:12px;position:absolute;bottom:8px;left:8px}.mapview-scene:fullscreen .mapview-probe{bottom:40px;left:50%;transform:translate(-50%)}.mapview-scene{aspect-ratio:1;border:1px solid var(--raised);background:var(--button);border-radius:8px;position:relative;overflow:hidden}.mapview-scene:fullscreen{border:none;border-radius:0}.view3d-canvas{position:absolute;inset:0}.view3d-canvas canvas{touch-action:none;display:block}.view3d-wait{text-align:center;background:var(--button);place-items:center;margin:0;padding:16px;display:grid;position:absolute;inset:0}.mapview-busy{color:var(--mist);background:var(--bg);pointer-events:none;border-radius:12px;padding:2px 10px;font-size:13px;animation:.2s .25s both busy-in;position:absolute;top:8px;left:8px}@keyframes busy-in{0%{opacity:0}to{opacity:1}}.mapview-full{height:auto;padding:3px 10px;font-size:13px;position:absolute;top:8px;right:8px}.mapview-dock{background:color-mix(in srgb, var(--bg) 80%, transparent);border-radius:8px;padding:8px 10px;position:absolute;left:8px}.mapview-dock:empty{display:none}.mapview-lineage{max-width:calc(100% - 180px);top:8px}.mapview-lineage .lineage{margin:0}.mapview-marks{max-width:min(440px,100% - 270px);bottom:8px}.mapview-marks .box{background:0 0;border:none;padding:0}.marks.compact{gap:6px;font-size:14px}.marks.compact p{margin:0}.mapview-key{flex-shrink:0;width:230px;max-height:55%;position:static;overflow:auto}.mapview-key summary{cursor:pointer;color:var(--ink);font-size:14px;font-weight:500}.mapview-key[open] summary{margin-bottom:8px}.mapview-key .legend{flex-flow:column;gap:8px;font-size:13px}.mapview-key .legend li{gap:3px 8px}.mapview-key .legend .legend-group{font-size:13px}.mapview-scene:fullscreen .mapview-busy{top:auto;bottom:8px;left:50%;transform:translate(-50%)}.mapview-right{pointer-events:none;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;top:44px;bottom:8px;right:8px}.mapview-right>*{pointer-events:auto}.mapview-side{background:color-mix(in srgb, var(--bg) 75%, transparent);border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:8px;min-height:120px;padding:8px 6px;display:flex}.mapview-side.short{flex:none;min-height:0}.mapview-cut{text-align:center;min-width:3.5em;color:var(--ink);font-size:13px}.mapview-slider{writing-mode:vertical-lr;width:20px;min-height:0;accent-color:var(--gold);cursor:ns-resize;direction:rtl;flex:1;margin:0}.mapview-lift{flex-direction:column;gap:3px;display:flex}.mapview-lift button{min-width:3.5em;height:auto;padding:2px 6px;font-size:12px}.mapview-lift button[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}.mapview-fit{min-width:3.5em;height:auto;padding:2px 6px;font-size:12px}.legend{color:var(--mist);flex-wrap:wrap;gap:8px 22px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.legend li{flex-wrap:wrap;align-items:center;gap:4px 10px;display:flex}.legend li.off .legend-item{opacity:.35}.legend .legend-group{border:1px solid var(--line);height:auto;color:var(--ink);border-radius:12px;padding:2px 10px;font-size:14px;font-weight:500}.legend span.legend-group{border-color:#0000;padding-left:0}.legend button.legend-group[aria-pressed=false]{color:var(--mist);text-decoration:line-through}.legend-item{align-items:center;gap:5px;display:inline-flex}.legend .swatch{background:var(--swatch);border-radius:3px;flex-shrink:0;width:13px;height:13px}.legend .swatch.checker{background:repeating-conic-gradient(var(--swatch) 0 25%, #5c8c3c 0 50%) 0 0 / 6px 6px}.legend .swatch.dash{background:repeating-linear-gradient(90deg,#fff 0 4px,#0000 4px 7px) 50%/100% 2px no-repeat;border-radius:0}.legend .swatch.ring{background:0 0;border:1.5px dashed #fff;border-radius:50%}.legend .swatch.cross{background:linear-gradient(#fff,#fff) 50%/100% 2px no-repeat,linear-gradient(#fff,#fff) 50%/2px 100% no-repeat;border-radius:0}.more-from{flex-direction:column;gap:6px;margin-top:28px;display:flex}.more-from>a{color:var(--ink);font-size:28px}.more-from>a:hover{color:var(--gold)}.chart{display:grid}.chart-row{text-align:left;background:0 0;border:none;border-radius:0;grid-template-columns:130px minmax(0,1fr) 84px;align-items:center;gap:14px;width:100%;height:auto;min-height:42px;padding:0;font-weight:400;display:grid}.chart-row:hover{background:0 0}.chart-row.head{min-height:28px;margin-bottom:8px}.chart-row.head h2{margin:0;font-size:24px}.chart-group{border-top:1px solid var(--raised)}.chart-group:has(.child){padding-bottom:12px}.chart-row.child{min-height:40px;font-size:16px}.chart-row.child .chart-name{color:var(--mist);padding-left:22px}.chart-group>button.chart-row .chart-name{font-weight:500}.chart-row>span:last-child{font-size:16px}.caret{color:var(--edge)}.axis{color:var(--mist);justify-content:space-between;font-size:14px;display:flex}.strip{height:30px;position:relative}.strip.small{height:22px}.strip svg{width:100%;height:100%;display:block}.strip path{fill:var(--spread)}.strip.small path{fill-opacity:.6}.strip .typical{background:var(--mist);width:1px;position:absolute;top:0;bottom:0;left:50%}.strip .dot{background:var(--mist);opacity:.7;border-radius:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;position:absolute;top:50%}.strip .dot.strong{background:var(--gold);opacity:1;width:16px;height:16px;box-shadow:0 0 0 3px var(--panel);z-index:1;margin:-8px 0 0 -8px}.strip.small .dot.strong{width:11px;height:11px;margin:-5.5px 0 0 -5.5px}.results .chart-row{border-top:1px solid var(--raised);grid-template-columns:120px minmax(0,1fr);min-height:36px}.results .chart-row.head{border-top:0;min-height:22px;margin:0}.results .strip{height:24px}.results .strip .dot.strong{width:14px;height:14px;margin:-7px 0 0 -7px}@media (width<=600px){.chart-row{grid-template-columns:100px minmax(0,1fr) 70px;gap:8px}}.columns{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:44px;margin-top:4px;display:grid}@media (width<=900px){.columns{grid-template-columns:1fr}}.embark-map{border:1px solid var(--raised);border-radius:8px}.embark .form{flex-direction:column;gap:36px;display:flex}.setting{grid-template-columns:200px minmax(0,1fr);align-items:center;gap:16px;display:grid}.setting h2{margin:0}section>.setting+.setting{margin-top:16px}.setting .segmented{justify-self:start}.settings{border-top:1px solid var(--raised);flex-direction:column;gap:10px;margin-top:16px;padding-top:18px;display:flex}@media (width<=700px){.setting{grid-template-columns:1fr;gap:6px}}.download-row{border-top:1px solid var(--raised);padding-top:28px}.download-row h2{margin:0 0 4px}.download-row .row{flex-wrap:nowrap;gap:8px}.download-row input{min-width:0;height:56px;color:var(--gold);font-size:26px;font-family:var(--display);flex:1;padding:0 16px}.dice{width:56px;height:56px;color:var(--gold);padding:0}.install{background:var(--panel);border:1px solid var(--edge);border-radius:8px;align-items:flex-start;gap:16px;margin-top:-10px;padding:18px 20px;display:flex}.install ol{flex-direction:column;flex:1;gap:10px;margin:0;padding-left:22px;display:flex}.install strong{color:var(--gold);font-weight:500}.install code{background:var(--bg);border:1px solid var(--line);overflow-wrap:anywhere;border-radius:4px;padding:3px 7px}.install .small{height:32px;margin-left:6px;padding:0 12px;font-size:14px}.install .close{height:auto;color:var(--mist);background:0 0;border:0;padding:0;font-size:22px;line-height:1}.make>main{flex-direction:row;align-items:stretch;gap:32px;padding-left:0}@media (width<=1000px){.make>main{padding-left:var(--side);flex-direction:column}}.panel{width:560px;padding:24px 24px 24px var(--side);background:var(--panel);border:1px solid var(--raised);border-left:0;border-radius:0 8px 8px 0;flex-direction:column;flex-shrink:0;gap:22px;display:flex}@media (width<=1000px){.panel{border-left:1px solid var(--raised);border-radius:8px;width:auto;padding:20px 16px}}.panel>.chip.on{align-self:flex-start}.panel select,.world .two input{background:var(--bg);width:100%;padding:0 12px;font-size:16px}.two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.two h3{margin:0}.row-error{color:var(--ember);grid-column:1/-1;margin:0;font-size:14px}.stage{flex-direction:column;gap:8px;display:flex}.stage-head{border-bottom:1px solid var(--raised);align-items:baseline;gap:12px;padding-bottom:6px;display:flex}.stage-head .disp{color:var(--ink);font-size:24px}.stage-head .muted{font-size:15px}.stage-head .add{white-space:nowrap;height:32px;color:var(--gold);margin-left:auto;padding:0 4px;font-size:16px}.stage-head .add:hover{color:var(--gold-hover)}.world .fcard-body{border:0;padding:4px 0 0}.fcard{background:var(--bg);border:1px solid var(--raised);border-radius:8px}.fcard.open{border-color:var(--edge)}.fcard.dragging{opacity:.5}.fcard-head{align-items:center;gap:4px;min-height:44px;padding:0 6px 0 2px;display:flex}.fcard-head .grip{width:28px;height:36px;color:var(--fine);cursor:grab;letter-spacing:-2px;border:0;padding:0;font-size:14px}.fcard-head .grip:hover,.fcard-head .grip:focus-visible{color:var(--gold);background:0 0}.fcard-title{border:0;flex:1;justify-content:flex-start;gap:8px;min-width:0;height:44px;padding:0 4px;font-weight:400}.fcard-title:hover{background:0 0}.fcard-title .caret{color:var(--fine);font-size:13px}.fcard .fname{font:20px var(--display);letter-spacing:.02em;color:var(--gold)}.fcard .fsum{min-width:0;color:var(--mist);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.x{height:36px;padding:0 8px;font-size:22px}.fcard>.row-error{padding:0 12px 10px}.fcard-body{border-top:1px solid var(--raised);flex-direction:column;gap:2px;padding:4px 12px 12px;display:flex}.srow{grid-template-columns:104px minmax(0,1fr) 80px 24px 36px;align-items:center;gap:8px;min-height:40px;font-size:15px;display:grid}.srow .sname{color:var(--mist);overflow-wrap:anywhere}.srow.changed .sname,.srow.bracketed .sname{color:var(--ink)}.srow.bracketed{background:#e0b25f0f;border-radius:6px;margin:0 -8px;padding:2px 8px}.srow.bracketed .sname{color:var(--gold)}.srow .scontrol{min-width:0}.value{text-align:right;width:100%;height:34px;color:var(--mist);background:var(--panel);padding:0 8px;font-size:13px}.srow.changed .value{color:var(--gold)}.value.bad{border-color:var(--ember);color:var(--ember)}.reset{width:24px;height:30px;color:var(--mist);border:0;padding:0;font-size:17px}.reset:hover{color:var(--gold);background:0 0}.reset:disabled{opacity:1}.brk{border:1px solid var(--line);width:36px;height:36px;padding:0}.brk.on{border-color:var(--gold);background:#e0b25f1f}.brk:disabled{opacity:.3}@media (width<=600px){.srow .bvalues{grid-column:1/-1}.srow{grid-template-columns:minmax(0,1fr) 80px 24px 36px;row-gap:2px;padding:4px 0}.srow .sname{grid-row:1}.srow .scontrol{grid-area:2/1/auto/-1}.srow .bvalues{grid-row:3}}.bvalues{color:var(--mist);grid-column:2;justify-content:space-between;margin-top:-6px;font-size:12px;display:flex}.srow .chips{gap:4px}.srow .chip.mono{height:28px;padding:0 9px;font-size:12px}.small-seg{flex-wrap:nowrap}.small-seg button{min-width:0;height:30px;padding:0 7px;font-size:14px}.track{height:28px;display:block;position:relative}.track:before{content:"";background:var(--line);border-radius:1px;height:2px;position:absolute;top:13px;left:0;right:0}.track input[type=range]{appearance:none;background:0 0;border:0;width:100%;height:28px;margin:0;padding:0;position:absolute;inset:0}.track input[type=range]::-webkit-slider-runnable-track{background:0 0}.track input[type=range]::-moz-range-track{background:0 0}.track input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--mist);width:16px;height:16px;box-shadow:0 0 0 3px var(--bg);cursor:pointer;border:0;border-radius:50%}.track input[type=range]::-moz-range-thumb{background:var(--mist);width:16px;height:16px;box-shadow:0 0 0 3px var(--bg);cursor:pointer;border:0;border-radius:50%}.srow.changed .track input[type=range]::-webkit-slider-thumb{background:var(--gold)}.srow.bracketed .track input[type=range]::-webkit-slider-thumb{background:var(--gold)}.srow.changed .track input[type=range]::-moz-range-thumb{background:var(--gold)}.srow.bracketed .track input[type=range]::-moz-range-thumb{background:var(--gold)}.track input.pair{pointer-events:none}.track input.pair::-webkit-slider-thumb{pointer-events:auto}.track input.pair::-moz-range-thumb{pointer-events:auto}.track .span{background:#e0b25f73;border-radius:2px;height:4px;position:absolute;top:12px}.track .tick{background:var(--gold);border-radius:1px;width:3px;height:14px;margin-left:-1.5px;position:absolute;top:7px}.track .def-tick{background:var(--fine);width:2px;height:12px;margin-left:-1px;position:absolute;top:8px}.track .past{color:var(--gold);font-size:11px;position:absolute;top:5px}.track .past.left{left:-2px}.track .past.right{right:-2px}.picker{background:var(--bg);border:1px solid var(--edge);border-radius:8px;flex-direction:column;gap:2px;padding:12px;display:flex}.picker .disp{font-size:20px}.pick{text-align:left;border:0;flex-direction:column;align-items:flex-start;gap:2px;height:auto;padding:8px 10px;font-weight:400}.pick:hover{background:var(--raised)}.pick .muted{font-size:14px}.recipe-text textarea{margin-top:8px}.make-bar{border-top:1px solid var(--raised);align-items:center;gap:14px;margin-top:auto;padding-top:16px;display:flex}.make-bar .mono{flex:1;font-size:13px}.make-bar .big{padding:0 28px}.budget{gap:3px;display:grid}.budget span{background:var(--gold);border-radius:2px;width:10px;height:10px;display:block}.results{flex-direction:column;flex:1;gap:18px;min-width:0;display:flex}.results>.row{font-size:16px}.diff{border:1px solid var(--edge);color:var(--gold);border-radius:16px;align-self:flex-start;padding:6px 14px;font-size:13px}.bgrid{align-items:center;gap:10px;display:grid}.bhead{color:var(--gold);text-align:center;font-size:14px}.bhead.side{text-align:right;color:var(--mist)}.bhead.mid{color:var(--bg);background:var(--gold);border-radius:4px;padding:2px 0}.bhead.side.mid{justify-self:end;padding:2px 8px}.bhead.corner{text-align:left;font-size:12px;line-height:1.5}.cell{aspect-ratio:1;border:1px solid var(--raised);background:var(--panel);border-radius:6px;place-items:center;height:auto;padding:0;font-weight:400;display:grid;position:relative;overflow:hidden}.cell:hover{border-color:var(--edge)}.cell.on{border:3px solid var(--gold)}.cell img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cell img.frame{image-rendering:pixelated;opacity:.85}.cell .cell-name{color:var(--gold);text-shadow:0 1px 3px #000;font-size:18px;position:absolute;bottom:6px;left:8px}.cell .error,.cell .muted{text-align:center;padding:8px;font-size:14px}.cell-slot{min-width:0;position:relative}.cell-slot .cell{width:100%}.cell-slot .enlarge,.cell-slot .centre{width:30px;height:30px;color:var(--ink);opacity:0;background:#080a0ea6;border:0;border-radius:6px;padding:0;transition:opacity .15s;position:absolute;top:6px;right:6px}.cell-slot .centre{left:6px;right:auto}.cell-slot:hover .enlarge,.cell-slot .enlarge:focus-visible,.cell-slot:hover .centre,.cell-slot .centre:focus-visible{opacity:1}.cell-slot .enlarge:hover,.cell-slot .centre:hover{color:var(--gold);background:#080a0ed9}@media (hover:none){.cell-slot .enlarge,.cell-slot .centre{opacity:1}}.viewer-backdrop{z-index:20;background:#080a0ed9;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.viewer{background:var(--panel);border:2px solid var(--edge);border-radius:10px;flex-direction:column;gap:12px;width:min(100%,100vh - 282px,1000px);max-height:100%;padding:20px 24px;display:flex;overflow:auto}.viewer-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.viewer-head h2{color:var(--gold);margin:0;font-size:30px}.viewer-head .close{height:36px;padding:0 8px;font-size:28px;line-height:1}.viewer .nav{width:44px;height:64px;color:var(--ink);background:#080a0e8c;border:0;padding:0;font-size:36px;position:absolute;top:50%;transform:translateY(-50%)}.viewer .nav:hover{color:var(--gold);background:#080a0ecc}.viewer .nav.prev{left:8px}.viewer .nav.next{right:8px}.viewer .mapview-scene .nav.next{right:84px}.viewer .mapview-scene:fullscreen .nav.next{right:250px}.viewer-foot{justify-content:flex-end;gap:10px;display:flex}@media (width<=600px){.viewer{padding:14px}.viewer-foot{flex-direction:column;align-items:stretch}}.results .box{padding:14px 20px 12px}.make .bottom-right .plaque{font-size:22px}.notice-backdrop{z-index:30;background:#080a0ed1;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.notice{background:var(--panel);border:2px solid var(--edge);border-radius:10px;flex-direction:column;gap:14px;max-width:560px;padding:28px 32px;display:flex;box-shadow:inset 0 0 0 1px #e0b25f59}.notice h2{color:var(--gold);margin:0;font-size:36px}.notice p{margin:0}.notice .pledge{background:var(--bg);color:var(--ink);border-left:0;border-radius:6px;padding:12px 16px}.notice .gbtn{align-self:flex-end;margin-top:6px}@media (width<=600px){.notice{padding:22px 20px}.notice h2{font-size:28px}}.bot-check{z-index:20;background:var(--panel);border:1px solid var(--edge);border-radius:8px;padding:12px;display:none;position:fixed;bottom:120px;left:50%;transform:translate(-50%)}.bot-check.on{display:block}.crew-section{flex-direction:column;gap:12px;display:flex}.crew-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.crew-head h2{margin:0}.dice-btn{color:var(--gold);gap:8px}.dice-btn svg{width:20px;height:20px}.crew{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.whisker-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:6px;padding:8px 10px 12px 12px;display:flex}.whisker-card.pinned{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.whisker-top{align-items:center;gap:8px;min-width:0;display:flex}.whisker-top .whisker-dot{margin-right:auto}.whisker-role{margin-top:-4px;font-size:14px}.whisker-name{overflow-wrap:anywhere;font-size:22px;line-height:1.1}.whisker-dot{border:1px solid var(--edge);border-radius:50%;flex:none;width:14px;height:14px}.pin{width:28px;height:28px;color:var(--mist);background:0 0;border-color:#0000;flex:none;padding:0}.pin:hover{color:var(--ink);background:0 0}.pin[aria-pressed=true]{color:var(--gold)}.pin[aria-pressed=true] svg{fill:currentColor}.traits{flex-wrap:wrap;gap:6px;display:flex}.trait{border:1px solid var(--line);color:var(--ink);border-radius:12px;padding:2px 8px;font-size:13px}.whisker-top .pin+.pin{margin-left:-4px}.whisker-confirm .row{flex-wrap:nowrap;gap:6px}.whisker-confirm .small{padding:0 10px}.whisker-confirm{flex-direction:column;justify-content:center;gap:10px;min-height:84px;display:flex}.whisker-add{display:flex}.whisker-add button{border:1px dashed var(--line);min-height:96px;color:var(--mist);background:0 0;border-radius:8px;flex:1;font-size:32px;font-weight:300}.whisker-add button:hover{border-color:var(--edge);color:var(--gold);background:0 0}.whisker-confirm .danger{border-color:var(--error);color:var(--error);background:0 0}.whisker-confirm .danger:hover{color:var(--ink);border-color:var(--ink);background:0 0}label.open-save{cursor:pointer}.save-modal{background:var(--panel);border:2px solid var(--edge);border-radius:10px;flex-direction:column;gap:10px;width:min(620px,100%);max-height:min(80vh,760px);padding:20px;display:flex;overflow-y:auto}.save-modal>progress{appearance:none;border:1px solid var(--line);background:var(--bg);border-radius:5px;width:100%;height:10px;overflow:hidden}.save-modal>progress::-webkit-progress-bar{background:var(--bg)}.save-modal>progress::-webkit-progress-value{background:var(--gold)}.save-modal>progress::-moz-progress-bar{background:var(--gold)}.save-modal .close{align-self:flex-end}.match{background:var(--bg);border:1px solid var(--line);border-radius:8px;align-items:center;gap:16px;padding:10px;display:flex}.match:hover,.match.on{border-color:var(--edge)}.match img{object-fit:cover;background:var(--button);border-radius:6px;flex-shrink:0;width:120px;height:120px}.match-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.match-name{font-family:var(--display);text-overflow:ellipsis;white-space:nowrap;font-size:24px;overflow:hidden}.match-score{color:var(--gold);font-variant-numeric:tabular-nums}.match-ways{visibility:hidden;flex-direction:column;gap:8px;display:flex}.match:hover .match-ways,.match.on .match-ways,.match:focus-within .match-ways{visibility:visible}.match-ways button{width:100px}@media (width<=600px){.match{flex-wrap:wrap;gap:12px}.match img{width:84px;height:84px}.match-name{font-size:20px}}@media (hover:none){.match-ways{flex-direction:row;width:100%;display:none}.match.on .match-ways{display:flex}.match-ways button{flex:1;width:auto}}.cell{background:#101e30}.cell .rose{transform-origin:50%;animation:1.8s cubic-bezier(.45,0,.55,1) infinite rose-turn}@keyframes rose-turn{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cell .plaque-soft{color:#e0b25f;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;background:#0a0c11b8;border:1px solid #8a6a2e8c;border-radius:3px;align-items:center;padding:5px 14px 3px;font-family:Germania One,serif;font-size:18px;display:inline-flex}