:root{--paper:#f4efe4;--paper-2:#ece5d6;--paper-3:#e2d9c6;--edge:#d6cbb4;--edge-2:#8d8168;--ink:#26231e;--ink-2:#5f584c;--ink-3:#8f8676;--accent:#96602c;--danger:#9d3b2a;--caution:#8a5236;--shadow-1:#26231e1a;--shadow-2:#26231e29;--scrim:#0a080694;--grain:.045;--serif:ui-serif, "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;--sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--size-prose:clamp(1.08rem, 1.01rem + .4vw, 1.26rem);--measure:34rem;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dim]{--paper:#1c1916;--paper-2:#232019;--paper-3:#2b271f;--edge:#3a342a;--edge-2:#786e5b;--ink:#ddd2bd;--ink-2:#9c927f;--ink-3:#6d6557;--accent:#c08a4e;--danger:#c4705c;--caution:#bb8259;--shadow-1:#00000052;--shadow-2:#00000080;--scrim:#000000a8;--grain:.06;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}html,body{overscroll-behavior:none;height:100%;margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-synthesis-weight:none}.app{isolation:isolate;flex-direction:column;height:100dvh;display:flex;position:relative;overflow:hidden}.app:after{content:"";z-index:9;pointer-events:none;opacity:var(--grain);mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.topbar{padding:12px 20px 11px;padding-top:max(12px, env(safe-area-inset-top));background:var(--paper);border-bottom:1px solid var(--edge);box-shadow:0 1px 0 var(--paper-2), 0 6px 18px -14px var(--shadow-2);z-index:2;flex:none;align-items:center;gap:22px;display:flex;position:relative}.gauge{flex-direction:column;gap:5px;min-width:78px;display:flex}.gauge .label{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-size:.62rem;font-weight:600}.gauge .value{font-family:var(--serif);color:var(--ink);font-variant-numeric:tabular-nums;font-size:.98rem;line-height:1}.gauge .value small{color:var(--ink-3);font-size:.76em}.gauge .bar{background:var(--edge);border-radius:999px;height:3px;overflow:hidden}.gauge .bar i{background:var(--ink-3);border-radius:999px;height:100%;transition:width .5s cubic-bezier(.2,.8,.3,1),background .5s;display:block}.gauge[data-stan=nadszarpniety] .bar i{background:var(--caution)}.gauge[data-stan=krytyczny] .bar i{background:var(--danger)}.topbar .grow{flex:1}.stage{background:var(--paper);flex:1;min-height:0;display:flex;position:relative}.szkic{z-index:0;pointer-events:none;opacity:.52;background-position:50% 18%;background-repeat:no-repeat;background-size:cover;height:100dvh;animation:1.6s ease-out both szkic-wejscie;position:absolute;top:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000 0% 12%,#0000 40%);mask-image:linear-gradient(#000 0% 12%,#0000 40%)}:root[data-theme=dim] .szkic{opacity:.24}.stage:before{content:"";z-index:3;pointer-events:none;background:linear-gradient(to bottom, transparent, var(--paper));height:26px;position:absolute;bottom:0;left:0;right:0}.stage:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(to bottom, transparent 0%, transparent 10%, var(--paper) 40%);height:100dvh;position:absolute;top:0;left:0;right:0}@keyframes szkic-wejscie{0%{opacity:0}}.stream{z-index:1;overflow-anchor:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;flex:1;min-width:0;position:relative;overflow:clip auto}.column{max-width:var(--measure);margin:0 auto;padding:0 24px 26vh;transition:opacity .5s}.prose{animation:.42s ease-out both akapit-wejscie}@keyframes akapit-wejscie{0%{opacity:0;transform:translateY(6px)}}.prose{font-family:var(--serif);font-size:var(--size-prose);letter-spacing:.002em;color:var(--ink);-webkit-hyphens:none;hyphens:none;text-wrap:pretty;font-variant-numeric:oldstyle-nums proportional-nums;hanging-punctuation:first last;margin:0 0 1.35em;line-height:1.78}.prose.opening:first-letter{float:left;color:var(--accent);margin-right:.02em;padding:.08em .1em 0 0;font-size:3.05em;font-weight:500;line-height:.84}.prose.opening:first-line{letter-spacing:.015em}.echo{font-family:var(--serif);color:var(--ink-3);border-left:1px solid var(--edge);margin:0 0 1.15em;padding-left:14px;font-size:.94rem;font-style:italic}.note{font-family:var(--sans);letter-spacing:.04em;color:var(--ink-3);font-variant-numeric:lining-nums tabular-nums;margin:0 0 1.15em;font-size:.76rem}.roll{border-left:2px solid var(--accent);grid-template-columns:auto auto 1fr;align-items:baseline;gap:3px 12px;margin:.1em 0 1.5em;padding:3px 0 4px 18px;display:grid}.roll.fail{border-left-color:var(--danger)}.roll .mark{color:var(--accent);grid-row:span 2;align-self:center;display:flex}.roll.fail .mark{color:var(--danger)}.roll .mark .d20{opacity:.9;width:1.5rem;height:1.5rem;margin:0}.roll .total{font-family:var(--serif);letter-spacing:-.015em;color:var(--ink);font-variant-numeric:lining-nums tabular-nums;font-size:2rem;line-height:1}.roll .total small{color:var(--ink-3);letter-spacing:.06em;margin-left:.16em;font-size:.46em}.roll .verdict{font-family:var(--sans);letter-spacing:.15em;text-transform:uppercase;color:var(--accent);font-size:.68rem;font-weight:700}.roll.fail .verdict{color:var(--danger)}.roll.hurt .verdict,.roll.hurt .mark{color:var(--caution)}.roll.hurt{border-left-color:var(--caution)}.roll .breakdown{font-family:var(--sans);color:var(--ink-2);font-variant-numeric:lining-nums tabular-nums;grid-column:2/-1;font-size:.78rem}.roll.combat .total{font-size:1.65rem}.roll.combat .mark .blade{width:1.5rem;height:1.5rem}.roll.crit{border-left-width:3px}.roll.crit .total{color:var(--accent)}.roll.crit.fail .total{color:var(--danger)}.art{width:100vw;height:clamp(132px,22dvh,224px);margin-bottom:.5em;margin-left:50%;position:relative;overflow:hidden;translate:-50%}.art img{object-fit:cover;object-position:50% 42%;opacity:.75;width:100%;height:100%;display:block;-webkit-mask-image:linear-gradient(#0000,#000 15% 76%,#0000);mask-image:linear-gradient(#0000,#000 15% 76%,#0000)}:root[data-theme=dim] .art img{opacity:.6;filter:brightness(.65)contrast(.9)}.plate{background:var(--paper);border:1px solid var(--edge);width:min(70%,290px);box-shadow:0 1px 1px var(--shadow-1), 0 2px 3px var(--shadow-1), 0 16px 34px -12px var(--shadow-2);transform:rotate(var(--tilt,-2deg));transform-origin:50% 35%;border-radius:1px;margin:2.2em auto 2.4em;padding:11px 11px 13px}.plate img{aspect-ratio:4/5;object-fit:cover;filter:saturate(.92);border-radius:1px;width:100%;height:auto;display:block}:root[data-theme=dim] .plate{background:var(--paper-3)}:root[data-theme=dim] .plate img{filter:brightness(.5)contrast(.95)saturate(.75)}.plate figcaption{font-family:var(--serif);color:var(--ink-3);text-align:center;margin-top:9px;font-size:.76rem;font-style:italic;line-height:1.4}@media (prefers-reduced-motion:no-preference){.plate{animation:.55s cubic-bezier(.18,.9,.28,1.2) both drop}@keyframes drop{0%{opacity:0;transform:translateY(-18px) rotate(calc(var(--tilt,-2deg) * 2.4)) scale(1.05)}}}.dalej{width:100%;min-height:56px;color:var(--ink-3);font-family:var(--sans);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;font-size:.68rem;font-weight:600}.dalej:after{content:" ↓";letter-spacing:0}.dalej:hover,.dalej:focus-visible{color:var(--ink-2)}.dock{background:var(--paper);border-top:1px solid var(--edge);box-shadow:0 -1px 0 var(--paper-2), 0 -10px 26px -20px var(--shadow-2);padding:6px 20px max(10px, env(safe-area-inset-bottom));z-index:2;flex-direction:column;flex:none;max-height:48dvh;transition:opacity .35s;display:flex;position:relative;overflow-y:auto}.dock:empty{display:none}.dock>*{max-width:var(--measure);width:100%;margin-inline:auto}.choice{width:100%;min-height:56px;color:var(--ink);font-family:var(--serif);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:0;align-items:baseline;gap:16px;padding:15px 6px 15px 22px;font-size:1.06rem;line-height:1.45;transition:color .14s,padding-left .16s cubic-bezier(.2,.9,.3,1);display:flex;position:relative}.choice+.choice:after{content:"";background:color-mix(in srgb, var(--edge) 55%, transparent);height:1px;position:absolute;top:0;left:22px;right:6px}.choice:before{content:"";background:var(--edge);border-radius:999px;width:2px;height:15px;transition:height .18s cubic-bezier(.2,.9,.3,1),background .14s;position:absolute;top:50%;left:0;translate:0 -50%}.choice:hover:not(:disabled):before,.choice:focus-visible:before{background:var(--accent);height:26px}.choice:active:not(:disabled){color:var(--accent);padding-left:26px}.choice:active:not(:disabled):before{background:var(--accent);height:34px}.choice:disabled{cursor:default;color:var(--ink-3)}.choice:disabled:before{border-left:2px dotted var(--edge);background:0 0;width:0;height:15px}.choice .label{flex:1}.req{font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);white-space:nowrap;flex:none;align-self:center;padding-right:4px;font-size:.66rem;font-weight:700}.req .d20{vertical-align:-.24em;opacity:.9;width:1.15em;height:1.15em;margin-right:7px;transition:rotate .3s cubic-bezier(.2,.9,.3,1.3)}.choice:active:not(:disabled) .req .d20{rotate:-28deg}.req .die{font-family:var(--serif);letter-spacing:0;vertical-align:-.08em;margin-left:5px;font-size:1.05rem;font-weight:400}.req.blocked{color:var(--ink-3);letter-spacing:.1em;font-style:normal;font-weight:600}.dice-layer{pointer-events:none;z-index:3;position:absolute;inset:0}.stream.rolling .column{opacity:.34;filter:blur(1.5px);transition:opacity .35s,filter .35s}.sheet-backdrop{background:var(--scrim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:4;animation:.22s both fade;position:absolute;inset:0}@keyframes fade{0%{opacity:0}}.sheet-bar{background:var(--paper);touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;flex:none;padding:8px 22px 0}.sheet-tytul{max-width:var(--measure);border-bottom:1px solid var(--edge);justify-content:space-between;align-items:center;margin:0 auto;padding-bottom:10px;display:flex}.sheet-tytul h1{font-family:var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);margin:0;font-size:.68rem;font-weight:700}.zamknij{color:var(--ink-3);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;margin:-14px -14px -14px 0;padding:10px;font-size:1rem;line-height:1;transition:color .14s;display:inline-flex}.zamknij:hover{color:var(--ink)}.sheet-cezura{border:none;border-top:1px solid var(--edge);margin:28px 0 4px}.ghost.grozny{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 45%, transparent)}.ghost.grozny:hover{border-color:var(--danger);color:var(--danger);background:color-mix(in srgb, var(--danger) 8%, transparent)}.sheet{z-index:5;background:var(--paper);border-top:1px solid var(--edge);max-height:80dvh;box-shadow:0 -20px 60px var(--shadow-2);border-radius:14px 14px 0 0;flex-direction:column;animation:.28s cubic-bezier(.2,.9,.3,1) both rise;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.sheet .inner{overscroll-behavior:contain;width:100%;min-height:0;padding:0 22px max(22px, env(safe-area-inset-bottom));max-width:var(--measure);flex:1;margin:0 auto;overflow-y:auto}.sheet .grip{background:var(--edge);border-radius:999px;width:34px;height:3px;margin:0 auto 10px}.sheet h2{font-family:var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);margin:22px 0 6px;font-size:.62rem;font-weight:700}.sheet h2:first-of-type{margin-top:14px}.sheet .mod{font-family:var(--sans);letter-spacing:.06em;color:var(--accent);font-variant-numeric:tabular-nums;margin-right:10px;font-size:.72rem;font-style:normal}.sheet .tury{font-family:var(--sans);letter-spacing:.04em;color:var(--ink-3);margin-left:10px;font-size:.68rem;font-style:normal}.sheet .skutki{gap:8px;display:flex}.sheet .skutki em{font-family:var(--sans);letter-spacing:.05em;color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);white-space:nowrap;border-radius:3px;padding:2px 7px;font-size:.68rem;font-style:normal}.sheet .zdrowie .gauge{align-items:flex-end;gap:4px;min-width:96px}.sheet .zdrowie .gauge .value{color:var(--ink-2);font-size:1rem}.sheet .zdrowie .gauge .bar{width:96px}.sheet ul{margin:0;padding:0;list-style:none}.sheet li{border-bottom:1px solid color-mix(in srgb, var(--edge) 55%, transparent);font-family:var(--serif);justify-content:space-between;align-items:baseline;padding:10px 0;font-size:1rem;display:flex}.sheet li:last-child{border-bottom:none}.sheet li span:last-child{font-variant-numeric:tabular-nums;color:var(--ink-2)}.sheet .empty{font-family:var(--serif);color:var(--ink-3);padding:8px 0;font-style:italic}.ghost{font-family:var(--sans);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;border:1px solid var(--edge);min-height:44px;color:var(--ink-2);cursor:pointer;background:0 0;border-radius:3px;justify-content:center;align-items:center;padding:9px 14px;font-size:.68rem;font-weight:600;transition:border-color .14s,color .14s,background .14s;display:inline-flex}.ghost:hover{border-color:var(--accent);color:var(--ink)}.ghost[aria-pressed=true]{background:color-mix(in srgb, var(--ink) 90%, var(--accent));color:var(--paper);border-color:#0000}.przelaczniki{gap:10px;padding:18px 0 0;display:flex}.przelacznik{border:1px solid var(--edge-2);min-width:44px;min-height:44px;color:var(--ink-2);cursor:pointer;background:0 0;border-radius:3px;justify-content:center;align-items:center;transition:border-color .14s,color .14s,background .14s;display:inline-flex}.przelacznik:hover{color:var(--ink);background:color-mix(in srgb, var(--ink) 6%, transparent)}.przelacznik[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb, var(--accent) 30%, transparent)}.przelacznik .ikonka{width:21px;height:21px}.bez-zapisu{font-family:var(--sans);color:var(--caution);margin:0 0 6px;font-size:.82rem;line-height:1.5}.akcja{flex-wrap:wrap;align-items:center;gap:12px;padding:4px 0 8px;display:flex}.akcja .empty{font-size:.82rem}.komunikat{background:var(--paper-2);border-bottom:1px solid var(--edge);color:var(--caution);font-family:var(--sans);z-index:2;flex:none;align-items:flex-start;gap:12px;padding:10px 20px 11px;font-size:.82rem;line-height:1.5;display:flex;position:relative}.komunikat p{flex:1;margin:0}.awaria{z-index:40;background:var(--scrim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.awaria-tresc{background:var(--paper);border:1px solid var(--edge);max-width:30rem;box-shadow:0 30px 60px -30px var(--shadow-2);font-family:var(--sans);color:var(--ink-2);border-radius:4px;padding:26px 26px 20px;font-size:.88rem;line-height:1.6}.awaria-tresc h1{font-family:var(--serif);color:var(--ink);margin:0 0 12px;font-size:1.24rem;font-weight:600}.awaria-tresc p{margin:0 0 12px}.awaria-tresc .szczegol{color:var(--danger);background:var(--paper-2);border-left:2px solid var(--danger);overflow-wrap:anywhere;padding:9px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem}@media (prefers-reduced-motion:reduce){.szkic,.prose,.sheet,.sheet-backdrop{animation:none}.stream{scroll-behavior:auto}.gauge .bar i{transition:background .5s}.choice{transition:color .14s}.choice:before,.req .d20{transition:none}}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}