.app{grid-template-rows:auto minmax(0,1fr) auto;max-width:560px;height:100dvh;margin:0 auto;display:grid}.topbar{padding:calc(env(safe-area-inset-top) + 12px) 16px 12px;align-items:center;gap:14px;display:flex}.topbar-title{flex:1;margin:0;font-size:1.125rem}.screen{padding:24px 16px 32px;overflow-y:auto}.tabbar{padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--line);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.tab{min-height:60px;color:var(--muted);background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;padding:9px 0 8px;font-size:.6875rem;display:flex;position:relative}.tab[aria-current=page]{color:var(--ink);box-shadow:var(--tab-active)}.tab[aria-current=page] svg{color:var(--accent)}.tab[aria-current=page]:before{content:"";display:var(--ornaments);background:var(--accent);width:44px;height:10px;-webkit-mask:var(--arch) center / contain no-repeat;-webkit-mask:var(--arch) center / contain no-repeat;mask:var(--arch) center / contain no-repeat;margin-left:-22px;position:absolute;top:0;left:50%}.empty{text-align:center;background:var(--sunk);border:1px dashed var(--line);border-radius:var(--r);justify-items:center;gap:14px;padding:48px 20px;display:grid}.empty-icon{color:var(--muted)}.empty-about{max-width:32ch;margin:0}.more-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.more-item{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);align-items:center;gap:12px;min-height:64px;padding:16px;display:flex}.section-title{color:var(--muted);margin:32px 0 12px;font-size:.875rem}.join{min-height:100dvh;padding:calc(env(safe-area-inset-top) + 24px) 16px calc(env(safe-area-inset-bottom) + 24px);place-items:center;display:grid}.join-card{width:100%;max-width:380px;padding:var(--ornate-pad);text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);justify-items:center;gap:14px;display:grid}.join-title{margin:0;font-size:1.5rem}.join-form{text-align:left;gap:16px;width:100%;margin-top:8px;display:grid}.join-problem{min-height:1.5em;color:var(--signal);margin:0;font-size:.875rem}.join-button{justify-self:stretch}.device{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);gap:12px;padding:16px;display:grid}.device-who{margin:0}.device-room{color:var(--muted);font:500 .8125rem/1 var(--f-mono)}.device-leave{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.device-leave .note{flex-basis:100%}.topbar{flex-wrap:wrap}.link-strip{background:var(--sunk);border:1px solid var(--signal);border-radius:var(--r);color:var(--muted);flex-basis:100%;margin:0;padding:6px 10px;font-size:.8125rem}.link-strip strong{color:var(--signal);font-weight:600}.composer{gap:10px;display:grid}.composer-text{background:var(--sunk);border:1px solid var(--line);border-radius:var(--r);min-height:64px;color:var(--ink);font:inherit;resize:vertical;padding:10px 12px}.composer-text:focus{border-color:var(--accent);outline:none}.composer .button-primary:disabled{opacity:.5}.log{gap:10px;margin:0;padding:0;list-style:none;display:grid}.log-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);gap:4px;padding:12px 14px;display:grid}.log-item.is-waiting{opacity:.75;border-style:dashed}.log-item.is-refused{border-color:var(--signal)}.log-head{align-items:baseline;gap:8px;display:flex}.log-who{color:var(--accent);font-weight:600}.log-state,.log-time{color:var(--muted);font:500 .75rem/1 var(--f-mono)}.log-time{margin-left:auto}.is-refused .log-state{color:var(--signal)}.log-text{overflow-wrap:anywhere;white-space:pre-wrap;margin:0}.log-refused{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:6px;display:flex}.screen-later{border-top:1px dashed var(--line);gap:6px;margin-top:32px;padding-top:16px;display:grid}.join-notice{border:1px solid var(--signal);border-radius:var(--r);margin:0;padding:10px 12px;font-size:.875rem}.join-strip{background:var(--accent-soft);border:1px solid var(--accent);border-radius:var(--r);color:var(--ink);font:inherit;text-align:left;flex-basis:100%;padding:8px 10px;font-size:.875rem}.join-strip strong{color:var(--accent);font-weight:600}.phone-setup{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);justify-items:start;gap:10px;margin-top:12px;padding:16px;display:grid}.phone-setup .note,.phone-setup-done{margin:0}.phone-setup-done{color:var(--accent)}.pack-report{gap:6px;margin:0;padding-left:18px;font-size:.875rem;display:grid}.flash{z-index:100;pointer-events:none;opacity:0;--glow:transparent;box-shadow:inset 0 0 0 4px var(--glow), inset 0 0 120px 28px var(--glow);position:fixed;inset:0}.flash[data-glow]{animation:1.1s ease-out flash}.flash[data-glow=gold]{--glow:#d1a656d9}.flash[data-glow=blood]{--glow:#d4452fcc}.flash[data-glow=ivory]{--glow:#efe2c4b3}@keyframes flash{0%{opacity:0}12%,35%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.flash[data-glow]{animation:1.1s ease-out flash!important}}.codex-tag{margin:0 0 12px}.act-part{gap:10px;min-width:0;margin-bottom:26px;display:grid}.act-title{color:var(--accent);border-bottom:1px solid var(--line);margin:0;padding-bottom:6px;font-size:.9375rem}.act-label{color:var(--muted);font:500 .6875rem/1.2 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;margin:4px 0 0;display:flex}.act-hint{color:var(--muted);margin:0;font-size:.8125rem;line-height:1.4}.act-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.act-choice,.act-kind,.act-toggle{background:var(--sunk);border:1px solid var(--line);border-radius:var(--r);min-height:44px;color:var(--ink);text-align:left;justify-content:space-between;align-items:center;gap:6px;padding:8px 10px;display:flex}.act-choice b{font:600 1rem/1 var(--f-mono);font-variant-numeric:lining-nums tabular-nums}.act-experience{grid-column:1/-1}.act-choice[aria-pressed=true],.act-kind[aria-pressed=true],.act-toggle[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.act-choice:disabled{opacity:.45}.act-kinds{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.act-kind{justify-content:center}.act-toggle small{color:var(--muted);font-family:var(--f-mono)}.act-extra{gap:8px;display:grid}.pad{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}.pad-key{border:1px solid var(--die-edge);min-height:52px;font:500 1.375rem/1 var(--f-mono);font-variant-numeric:lining-nums tabular-nums;touch-action:manipulation;border-radius:10px}.pad-being .pad-key{background:var(--die-being);color:var(--die-being-ink)}.pad-void .pad-key{background:var(--die-void);color:var(--die-void-ink)}.pad-plain .pad-key{background:var(--sunk);min-height:46px;color:var(--ink)}.pad-key[aria-pressed=true]{outline:3px solid var(--accent);outline-offset:1px}.die-small{border-radius:6px;width:28px;height:28px;font-size:.9375rem}.act-digital{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.digital-mark{border:1px dashed var(--signal);border-radius:var(--r);color:var(--signal);font:600 .75rem/1.2 var(--f-mono);letter-spacing:.04em;padding:3px 8px}.act-result{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--line);border-radius:var(--r);gap:12px;margin-bottom:26px;padding:16px;display:grid}.act-result.is-empty{background:var(--sunk);border-style:dashed}.act-result.is-success{border-left-color:var(--accent)}.act-result.is-failure,.act-result.is-refused{border-left-color:var(--signal)}.act-state{color:var(--muted);font:500 .6875rem/1.2 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;margin:0}.act-state.is-refused{color:var(--signal)}.act-verdict{grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:10px;display:grid}.act-verdict-text{min-width:0}.act-outcome{margin:0;font-size:1.375rem;line-height:1.15}.act-sum{color:var(--muted);margin:4px 0 0;font-size:.875rem}.act-sum b{color:var(--ink);font-family:var(--f-mono)}.act-effects{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.act-effects li{background:var(--sunk);border:1px solid var(--line);border-radius:999px;padding:4px 9px;font-size:.8125rem}.act-effects li.is-void{border-color:var(--signal);color:var(--signal)}.act-effects li.digital-mark{border-radius:var(--r);border-style:dashed}.act-push{flex-wrap:wrap;gap:8px;display:flex}.act-push .act-hint,.act-push .act-label,.act-push .pad{flex-basis:100%}.act-log,.act-next{justify-self:stretch;min-height:52px;font-size:1.0625rem}.act-log:disabled,.act-next:disabled{opacity:.5}.link-button{color:var(--accent);text-underline-offset:3px;background:0 0;border:0;justify-self:start;padding:0;text-decoration:underline}.act-title-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:12px;display:flex}.act-title-row .act-title{border-bottom:0}.act-sound{border:1px solid var(--line);min-height:32px;color:var(--muted);font:500 .6875rem/1.2 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;background:0 0;border-radius:999px;margin-bottom:4px;padding:4px 10px}.act-sound[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.act-kit{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.act-kit-button{background:var(--sunk);border:1px solid var(--line);border-radius:var(--r);min-height:60px;color:var(--ink);text-align:left;touch-action:manipulation;align-content:start;gap:3px;padding:9px 10px;display:grid}.act-kit-button[aria-expanded=true]{background:var(--accent-soft);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.act-kit-name{font-weight:600;line-height:1.2}.act-kit-line{color:var(--muted);font:500 .75rem/1.3 var(--f-mono)}.act-kit-card{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:var(--r);gap:8px;padding:14px;display:grid}.act-kit-what{margin:0;font-size:1.0625rem;font-weight:600;line-height:1.3}.act-kit-sum{font:500 .875rem/1.45 var(--f-mono);margin:0}.act-kit-notes{color:var(--muted);gap:4px;margin:0;padding:0;font-size:.8125rem;line-height:1.4;list-style:none;display:grid}.act-kit-notes li:before{width:1.1em;font-family:var(--f-mono);display:inline-block}.act-kit-notes .is-strength:before{content:"+";color:var(--accent)}.act-kit-notes .is-trade-off:before{content:"−"}.act-kit-notes .is-cost{color:var(--signal)}.act-kit-notes .is-cost:before{content:"!"}.act-kit-log{min-height:48px}.act-using{background:var(--accent-soft);border:1px solid var(--accent);border-radius:var(--r);margin:0;padding:8px 10px;font-size:.8125rem;line-height:1.4}.act-using .link-button{font-size:inherit}.act-rest{border-left-color:var(--accent)}.act-rest .act-title{border-bottom:0;padding-bottom:0;font-size:1.25rem}.act-rest .pad{grid-template-columns:repeat(4,minmax(0,1fr))}.act-rest-clears{margin:0;font-size:.9375rem}.act-rest-clears b{font-family:var(--f-mono)}.act-letters{grid-template-columns:repeat(4,minmax(0,1fr))}.act-letters .act-choice{flex-direction:column;align-items:start;gap:2px;font-size:.8125rem}.act-magic{border-top:1px dashed var(--line);gap:8px;padding-top:12px;display:grid}.act-pay{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.act-pay button{min-height:48px}.act-pay button:disabled{opacity:.45}.act-magic-paid{color:var(--accent)}.act-roll-magic{padding:0 4px 6px}.act-result.act-owed{border-left-color:var(--signal);box-shadow:inset 0 0 0 1px var(--signal)}.act-result.act-owed>.act-state,.act-magic-ask>.act-label{color:var(--signal)}.act-result.act-owed .act-magic{border-top:0;padding-top:4px}.act-owing{color:var(--signal)}.act-sound-row{gap:6px;display:flex}