:root{--vellum-dark:#1a1712;--vellum-raised:#221d15;--ink-line:#3b3327;--parchment:#d9cfb8;--parchment-dim:#978c74;--ink-accent:#62b6cb;--ink-accent-dim:#3d7484;--fault:#c98a62;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}html{overflow-x:hidden}body{background:var(--vellum-dark);color:var(--parchment);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;margin:0;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:16px;line-height:1.5;overflow-x:hidden}.app{min-height:100%;padding-top:calc(env(safe-area-inset-top,0px) + 12px);padding-right:calc(env(safe-area-inset-right,0px) + 16px);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 16px);padding-left:calc(env(safe-area-inset-left,0px) + 16px);flex-direction:column;max-width:40rem;margin:0 auto;display:flex}.masthead h1{letter-spacing:.35em;color:var(--parchment-dim);text-align:center;margin:0;font-size:.85rem;font-weight:600}.boot{flex:1;justify-content:center;align-items:center;display:flex}.system-frame{border:1px solid var(--ink-line);border-left:3px solid var(--ink-accent);background:var(--vellum-raised);border-radius:4px;width:100%;padding:16px}.system-frame--fault{border-left-color:var(--fault)}.system-line{color:var(--ink-accent);overflow-wrap:anywhere;margin:0}.system-frame--fault .system-line{color:var(--fault)}.system-detail{color:var(--parchment-dim);margin:8px 0 0;font-size:.85rem}.system-payload{background:var(--vellum-dark);border:1px solid var(--ink-line);color:var(--parchment);font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;border-radius:4px;margin:12px 0 0;padding:12px;font-size:.9rem}.system-action{border:1px solid var(--ink-accent-dim);width:100%;min-height:48px;color:var(--ink-accent);font:inherit;letter-spacing:.08em;cursor:pointer;touch-action:manipulation;background:0 0;border-radius:4px;margin-top:16px;padding:12px 16px;display:block}.system-action:active{background:var(--ink-accent-dim);color:var(--vellum-dark)}.system-action:focus-visible{outline:2px solid var(--ink-accent);outline-offset:2px}.app--play{height:100dvh;min-height:0;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 8px);overflow:hidden}.world-header{border-bottom:1px solid var(--ink-line);text-align:center;padding:2px 0 8px}.world-location{letter-spacing:.06em;color:var(--parchment);margin:0;font-size:1rem;font-weight:600}.world-meta{color:var(--parchment-dim);text-transform:capitalize;margin:2px 0 0;font-size:.78rem}.tableau{-webkit-overflow-scrolling:touch;scrollbar-width:none;border-bottom:1px solid var(--ink-line);flex:none;gap:10px;padding:10px 2px;display:flex;overflow:auto hidden}.tableau::-webkit-scrollbar{display:none}.chip{border:1px solid var(--ink-line);background:var(--vellum-raised);width:72px;color:var(--parchment-dim);font:inherit;cursor:pointer;touch-action:manipulation;border-radius:6px;flex-direction:column;flex:none;align-items:center;gap:4px;padding:6px 2px 4px;font-size:.68rem;line-height:1.2;display:flex}.chip[aria-pressed=true]{border-color:var(--ink-accent);color:var(--ink-accent);box-shadow:0 0 6px #62b6cb40}.chip:focus-visible{outline:2px solid var(--ink-accent);outline-offset:2px}.chip-portrait{object-fit:contain;opacity:.85;width:44px;height:44px}.chip-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.transcript{flex-direction:column;flex:1;gap:14px;min-height:0;padding:12px 2px;display:flex;overflow-y:auto}.transcript-empty{text-align:center;color:var(--parchment-dim);margin:auto 0;font-size:.85rem}.turn{border-left:2px solid var(--ink-line);padding-left:10px}.turn--fault{border-left-color:var(--fault)}.turn-declared{color:var(--parchment);overflow-wrap:anywhere;margin:0 0 4px;font-weight:600}.turn-line{overflow-wrap:anywhere;margin:2px 0 0;font-size:.85rem}.turn-system{color:var(--ink-accent)}.turn-dice{color:var(--parchment)}.turn-outcome{color:var(--parchment);letter-spacing:.04em}.turn-outcome--strong_hit{color:var(--ink-accent)}.turn-outcome--miss{color:var(--fault)}.turn-delta{color:var(--parchment-dim)}.turn-absorbed{color:var(--parchment-dim);font-style:italic}.turn-fault-line{color:var(--fault)}.composer{border-top:1px solid var(--ink-line);flex-direction:column;flex:none;gap:8px;padding-top:8px;display:flex}.composer-row{gap:8px;display:flex}.composer-picker{border:1px solid var(--ink-line);background:var(--vellum-raised);min-width:0;min-height:48px;color:var(--parchment);font:inherit;border-radius:4px;flex:1;padding:8px 10px;font-size:16px}.composer-commit{border:1px solid var(--ink-accent-dim);min-width:96px;min-height:48px;color:var(--ink-accent);font:inherit;letter-spacing:.08em;cursor:pointer;touch-action:manipulation;background:0 0;border-radius:4px;flex:none;padding:8px 16px}.composer-commit:disabled{opacity:.4;cursor:default}.composer-commit:not(:disabled):active{background:var(--ink-accent-dim);color:var(--vellum-dark)}.composer-commit:focus-visible,.composer-picker:focus-visible{outline:2px solid var(--ink-accent);outline-offset:2px}.composer-freetext{border:1px dashed var(--ink-line);min-height:40px;color:var(--parchment-dim);font:inherit;background:0 0;border-radius:4px;padding:8px 10px;font-size:.85rem}.composer-freetext::placeholder{color:var(--parchment-dim);opacity:.8;font-style:italic}