.page{align-items:flex-start;gap:24px;max-width:1700px;margin:0 auto;padding:40px 32px 64px;display:flex}.controls{flex-direction:column;flex:none;gap:16px;width:min(680px,42vw);display:flex}.picker{flex-direction:column;gap:16px;display:flex}.group.randomizer{width:auto;margin-left:auto}.btn.num{font-variant-numeric:tabular-nums;padding:3px 14px;font-size:24px;font-weight:700;line-height:1.1}.randomizer .dice{align-items:center;gap:10px;display:flex}.randomizer.off .btn.num{color:var(--fg-faint)}.switch{border:1px solid var(--line-strong);background:var(--well);cursor:pointer;border-radius:10px;flex:none;width:36px;height:20px;padding:0;transition:background .15s,border-color .15s;position:relative}.switch:after{content:"";background:var(--fg-dim);border-radius:50%;width:14px;height:14px;transition:transform .15s,background .15s;position:absolute;top:2px;left:2px}.switch[aria-checked=true]{border-color:var(--accent);background:var(--accent)}.switch[aria-checked=true]:after{background:var(--on-accent);transform:translate(16px)}.switch:hover:not([aria-checked=true]){border-color:var(--fg-dim)}.switch:focus-visible{outline:2px solid var(--fg);outline-offset:2px}@media (prefers-reduced-motion:reduce){.switch,.switch:after{transition:none}}.chart{flex-direction:column;flex:auto;align-items:center;gap:24px;min-width:0;display:flex}.caption{letter-spacing:.06em;text-transform:uppercase;color:var(--fg-mute);margin:0 2px;font-size:11px;font-weight:700}.row{background:var(--panel);border-radius:8px;flex-wrap:wrap;gap:12px 24px;padding:12px;display:flex}.row.split{justify-content:space-between}.group{flex-direction:column;gap:8px;width:100%;display:flex}.split .group{width:auto}.group>span{text-transform:uppercase;letter-spacing:.05em;color:var(--eyebrow);font-size:11px;font-weight:700;line-height:1}.btns{flex-wrap:wrap;gap:8px;display:flex}.warn.offer{background:var(--accent-bg);border-color:var(--accent-line);color:var(--accent-fg);align-items:center}.warn.offer:before{content:"+";color:var(--accent)}.matrix{flex-direction:column;gap:4px;width:100%;max-width:828px;display:flex}.mrow{gap:4px;display:flex}.cell{aspect-ratio:4/3;border:1px solid var(--line);background:var(--out);border-radius:6px;flex:1 1 0;justify-content:center;align-items:center;min-width:0;font-size:clamp(9px,.95vw,14px);font-weight:500;transition:border-color .15s;display:flex;position:relative;overflow:hidden}.cell:hover{border-color:var(--fg-mute);z-index:2}.cell.none{background:var(--panel)}.cell .pres{border-radius:6px;position:absolute;bottom:0;left:-1px;right:-1px;overflow:hidden}.cell .pres.part{border-radius:0 0 6px 6px}.cell .fill{border-radius:inherit;position:absolute;inset:0}.cell .mix{border-radius:0 0 6px 6px;height:8px;position:absolute;bottom:0;left:0;right:0}.cell span{z-index:1;text-shadow:0 1px 2px var(--shadow);position:relative}.cell.dead span{color:var(--fg-faint)}.matrix.paint{-webkit-user-select:none;user-select:none;touch-action:none}.matrix.paint .cell{cursor:crosshair}.matrix.paint .cell[data-dead]{cursor:copy}.legend{gap:12px;width:100%;max-width:828px;display:flex}.block{cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--c);font:inherit;color:var(--fg);text-align:left;border:1px solid #0000;border-radius:8px;flex-direction:column;flex:1;gap:8px;padding:12px;transition:opacity .2s,box-shadow .2s;display:flex}.block.dim{opacity:.35}.block.sel{box-shadow:0 0 0 2px var(--fg) inset}.block b{text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:600}.block i{color:var(--fg-soft);justify-content:space-between;align-items:baseline;font-size:13px;font-style:normal;display:flex}.block i em{font-size:16px;font-style:normal;font-weight:600}.block i small{opacity:.7;font-size:13px}.bar{background:var(--shadow);border:1px solid var(--line);border-radius:8px;width:100%;max-width:828px;height:16px;display:flex;overflow:hidden}.bar div{height:100%;transition:width .25s}.notation{background:var(--panel);border-radius:8px;width:100%;max-width:828px;padding:14px 16px}.notation header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.notation h2{text-transform:uppercase;letter-spacing:.05em;color:var(--eyebrow);margin:0;font-size:11px;font-weight:700}.notation .tag{text-transform:uppercase;letter-spacing:.04em;flex:0 0 58px;padding-top:3px;font-size:11px;font-weight:700}.story{margin:0;padding:0;list-style:none}.story li{border-top:1px solid var(--line);align-items:baseline;gap:10px;padding:6px 0;display:flex}.story li:first-child{border-top:0}.story .who{text-transform:uppercase;letter-spacing:.04em;color:var(--fg-mute);flex:0 0 58px;font-size:11px;font-weight:700}.story .what{color:var(--fg-soft);flex:1;font-size:13px;line-height:1.5}.story li.hero .who{color:var(--accent)}.story li.hero .what{color:var(--fg);font-weight:600}.story li.note .what{color:var(--fg-mute);font-style:italic}.story li.now{border-top-color:var(--accent-line)}.copyset{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;padding-top:12px;display:flex}.copyset .lbl{text-transform:uppercase;letter-spacing:.05em;color:var(--fg-mute);margin-right:2px;font-size:11px;font-weight:700}.copyset .copy{padding:4px 10px;font-size:11px}.copyset .dot{vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.tip{z-index:50;pointer-events:none;opacity:0;background:var(--tip-bg);border:1px solid var(--tip-line);min-width:156px;box-shadow:0 18px 40px var(--shadow-deep), 0 2px 6px var(--shadow);border-radius:12px;padding:12px 14px 11px;font-size:12.5px;transition:opacity .1s;position:fixed}.tip .eye{letter-spacing:.12em;text-transform:uppercase;color:var(--eyebrow);margin-bottom:2px;font-size:10px;font-weight:700;display:block}.tip.show{opacity:1}.tip b{font-family:var(--font-head);margin-bottom:7px;font-size:16px;line-height:1.25;display:block}.tip .r{justify-content:space-between;gap:14px;line-height:1.7;display:flex}.tip .r i{align-items:center;gap:6px;font-style:normal;display:flex}.tip .r.picked{font-weight:700}.tip .r.picked i:first-child:after{content:"←this roll";opacity:.55;font-size:11px;font-weight:400}.tip .dot{border-radius:50%;flex:none;width:8px;height:8px}.tip .sep{border-top:1px solid var(--line);margin:5px 0 3px}.tip .r.eq i:first-child{color:var(--fg-dim)}.approx{width:100%;max-width:828px;color:var(--fg-mute);font-size:12px}.approx.info{color:var(--accent)}.approx.err{color:var(--warn-fg)}.tools{align-items:center;gap:8px;display:flex}.badge{letter-spacing:.06em;text-transform:uppercase;background:var(--accent-bg);color:var(--accent);border:1px solid var(--accent-line);border-radius:4px;padding:3px 7px;font-size:10px;font-weight:700}.editor{flex-direction:column;gap:12px;display:flex}.brush{flex-direction:column;gap:8px;display:flex}.brush .set{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.brush .btn{padding:6px 12px;font-size:13px}.brush .btn.on{padding:5px 11px}.brush .dot{vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block}.brush .lab{text-transform:uppercase;letter-spacing:.05em;color:var(--fg-mute);flex:0 0 58px;font-size:11px;font-weight:700}.brush input{background:var(--well);width:60px;color:var(--fg);border:1px solid var(--line);font:inherit;border-radius:6px;padding:6px 8px;font-size:13px}.brush input:focus{outline:2px solid var(--accent);outline-offset:-1px}.brush input:disabled{opacity:.35}.brush .pc{color:var(--fg-mute);margin-left:-2px;font-size:13px}.meta{flex-wrap:wrap;gap:12px;display:flex}.meta label{text-transform:uppercase;letter-spacing:.05em;color:var(--eyebrow);flex-direction:column;gap:6px;font-size:11px;font-weight:700;display:flex}.meta input,.meta select,.meta textarea{background:var(--well);min-width:150px;color:var(--fg);border:1px solid var(--line);font:inherit;border-radius:6px;padding:8px 10px;font-size:14px}.meta input:focus,.meta select:focus,.meta textarea:focus,.field textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}.field{align-items:flex-start;gap:10px;display:flex}.field .tag{flex:0 0 58px;padding-top:9px}.field textarea,.meta textarea{resize:vertical;background:var(--well);min-height:62px;color:var(--fg-soft);border:1px solid var(--line);border-radius:6px;flex:1;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.6}.hint{color:var(--fg-mute);font-size:12px}.msg{border-radius:6px;padding:8px 11px;font-size:12.5px;line-height:1.5}.msg.err{background:var(--warn-bg);border:1px solid var(--warn-line);color:var(--warn-fg)}.msg.info{background:var(--accent-bg);border:1px solid var(--accent-line);color:var(--accent-fg)}.msg.soft{background:var(--well);border:1px solid var(--line);color:var(--fg-mute)}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.actions .spacer{flex:1}.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.copy.primary:hover:not(:disabled){background:var(--accent);filter:brightness(1.12)}.copy.danger:hover:not(:disabled){background:var(--warn-bg);border-color:var(--warn-line)}.store select.copy{max-width:280px;margin:0 2px}.store .waiting a{color:var(--fg-dim);text-underline-offset:3px}.store .waiting a:hover{color:var(--fg)}.store{width:100%;max-width:828px;color:var(--fg-mute);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.store .spacer{flex:1}.btn.ghost{opacity:.55;border-style:dashed;border-color:var(--accent-line);cursor:copy}.btn.ghost:hover:not(:disabled){opacity:1;border-color:var(--accent-line);background:var(--accent-bg)}.btn.add{color:var(--accent);border-style:dashed;border-color:var(--accent-line);padding:8px 12px}.creator{background:var(--panel);border-radius:8px;flex-direction:column;gap:12px;width:100%;padding:14px 16px;display:flex}.creator .field .tag{flex:0 0 46px}.creator .meta input,.creator .meta select,.creator .meta textarea{width:100%;min-width:0}.creator .meta label{flex:130px}.picker .meta{margin-top:8px}.picker .meta label{flex:100%}.picker .meta input{width:100%;min-width:0}.creator header{justify-content:space-between;align-items:center;gap:12px;display:flex}.creator h2{text-transform:uppercase;letter-spacing:.05em;color:var(--eyebrow);margin:0;font-size:11px;font-weight:700}.creator .row{background:0 0;padding:0}.creator .seatline{flex-wrap:wrap;align-items:center;gap:8px;display:flex}@media (max-width:1100px){.page{flex-direction:column;align-items:stretch;padding:20px 12px 60px}.controls{order:2;width:100%}.chart{order:1}.matrix,.mrow{gap:2px}.cell{border-radius:3px;font-size:clamp(8px,2.1vw,13px)}.cell .pres{border-radius:3px}.cell .pres.part{border-radius:0 0 3px 3px}.cell .mix{border-radius:0 0 3px 3px;height:6px}.legend{flex-wrap:wrap}.block{min-width:calc(50% - 6px)}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}