:root{--ebur:#f3ead7;--ebur-clarum:#fbf7ee;--terracotta:#b5513a;--caeruleus:#3b6ea8;--caeruleus-obscurus:#24476f;--aurum:#d9a441;--aurum-clarum:#fbe9b8;--lignum:#5a3e2b;--atramentum:#2b2420;--umbra:0 6px 24px #281c1238;--font:"Be Vietnam Pro", system-ui, sans-serif;--font-oratio:"Noto Serif", Georgia, serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;font-family:var(--font);color:var(--atramentum);-webkit-tap-highlight-color:transparent;background:#bcd9e4;margin:0;overflow:hidden}button{font:inherit;cursor:pointer}#theatrum,#theatrum canvas{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}.tituli{pointer-events:none;position:fixed;inset:0}.titulus{color:#fff;white-space:nowrap;background:#2b24208c;border-radius:10px;padding:2px 8px;font-size:12px;font-weight:600}.titulus.proprius{background:#3b6ea8d9}.titulus.cantor{background:#b5513ae6}.titulus.moderator{color:var(--atramentum);background:#d9a441f2}.bulla{background:var(--ebur-clarum);max-width:220px;color:var(--atramentum);box-shadow:var(--umbra);white-space:normal;text-align:center;border-radius:12px;padding:6px 10px;font-size:13px}.ianua{z-index:10;background:linear-gradient(#bcd9e4a6,#f3ead7eb);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.charta{background:var(--ebur-clarum);width:min(420px,100%);box-shadow:var(--umbra);text-align:center;border:2px solid var(--aurum);border-radius:22px;gap:14px;padding:28px 24px;display:grid}.signum{width:84px;height:84px;margin:0 auto}.charta h1{font-family:var(--font-oratio);color:var(--caeruleus-obscurus);margin:0;font-size:28px}.sub{color:#6b5b4b;margin:-8px 0 4px}.charta label,.campus{text-align:left;gap:6px;font-size:14px;font-weight:600;display:grid}.charta input,textarea{font:inherit;background:#fff;border:1.5px solid #d8c9a8;border-radius:12px;padding:11px 12px}.colores{flex-wrap:wrap;gap:8px;display:flex}.colores button{border:3px solid #fff;border-radius:50%;width:34px;height:34px;box-shadow:0 0 0 1.5px #d8c9a8}.colores button.activum{box-shadow:0 0 0 3px var(--caeruleus)}.segmenta{gap:8px;display:flex}.segmenta button{background:#fff;border:1.5px solid #d8c9a8;border-radius:12px;flex:1;padding:9px}.segmenta button.activum{background:var(--caeruleus);color:#fff;border-color:var(--caeruleus)}.primarium{background:var(--caeruleus);color:#fff;box-shadow:0 3px 0 var(--caeruleus-obscurus);border:0;border-radius:14px;padding:13px 18px;font-size:16px;font-weight:700}.primarium:disabled{opacity:.6}.status{min-height:1.2em;color:var(--terracotta);margin:0;font-size:14px}.interfacies{pointer-events:none;z-index:5;position:fixed;inset:0}.interfacies>*{pointer-events:auto}.caput_bar{top:max(10px, env(safe-area-inset-top));pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;left:12px;right:12px}.nomen_loci{font-family:var(--font-oratio);color:var(--caeruleus-obscurus);background:#fbf7eed9;border-radius:14px;padding:6px 14px;font-weight:600}.numerus{color:#fff;background:#24476fe6;border-radius:14px;padding:5px 12px;font-size:14px;font-weight:600}.vexillum{background:var(--terracotta);color:#fff;box-shadow:var(--umbra);white-space:nowrap;border-radius:16px;align-items:center;gap:10px;padding:8px 10px 8px 16px;display:flex;position:absolute;top:56px;left:50%;transform:translate(-50%)}.vexillum button{color:var(--terracotta);background:#fff;border:0;border-radius:11px;padding:7px 12px;font-weight:700}.colloquium{left:12px;bottom:max(12px, env(safe-area-inset-bottom));width:min(360px,100% - 24px);position:absolute}.nuntii{flex-direction:column;gap:4px;max-height:30vh;margin-bottom:6px;font-size:13px;display:flex;overflow-y:auto}.nuntii div{background:#fbf7eee0;border-radius:9px;align-self:flex-start;max-width:100%;padding:4px 9px}.nuntii div.systema{color:#fff;background:#24476fc7}.nuntii b{color:var(--caeruleus-obscurus)}#forma_verbi{gap:6px;display:flex}#forma_verbi input{min-width:0;font:inherit;background:#fffffff0;border:1.5px solid #d8c9a8;border-radius:12px;flex:1;padding:9px 11px}#forma_verbi button{background:var(--caeruleus);color:#fff;border:0;border-radius:12px;padding:0 14px;font-weight:600}#forma_verbi input:disabled{background:#e8e1d2}.actiones{right:14px;bottom:max(16px, env(safe-area-inset-bottom));justify-items:end;gap:10px;display:grid;position:absolute}.actio{background:var(--caeruleus);color:#fff;min-width:120px;box-shadow:var(--umbra);border:2px solid #fff;border-radius:18px;padding:13px 18px;font-weight:700}.actio.aurea{background:var(--aurum);color:var(--atramentum)}.tabula{background:var(--ebur-clarum);box-shadow:var(--umbra);border:2px solid var(--aurum);border-radius:18px;gap:8px;padding:12px;display:grid;position:absolute;bottom:140px;right:14px}.greges{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.tabula button{background:#fff;border:1.5px solid #d8c9a8;border-radius:12px;min-width:92px;padding:11px 10px;font-weight:600}.tabula button:disabled{opacity:.35}.tabula button.activum{background:var(--caeruleus);border-color:var(--caeruleus);color:#fff}.dialogus{border:2px solid var(--aurum);background:var(--ebur-clarum);width:min(380px,100% - 32px);box-shadow:var(--umbra);border-radius:20px;padding:20px}.dialogus::backdrop{background:#2b242059}.dialogus h2{font-family:var(--font-oratio);color:var(--caeruleus-obscurus);margin:0 0 12px}.dialogus label{gap:6px;font-size:14px;display:grid}.ordo{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.ordo button{background:#fff;border:1.5px solid #d8c9a8;border-radius:12px;padding:10px 16px}.oratio{left:50%;bottom:max(12px, env(safe-area-inset-bottom));background:var(--ebur-clarum);border:2px solid var(--aurum);width:min(560px,100% - 24px);max-height:56vh;box-shadow:var(--umbra);border-radius:22px;flex-direction:column;padding:14px 16px 16px;display:flex;position:absolute;transform:translate(-50%)}.oratio_caput{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}#oratio_titulus{font-family:var(--font-oratio);color:var(--caeruleus-obscurus);font-size:22px;font-weight:600}.versus{scroll-behavior:smooth;gap:8px;padding:2px;display:grid;overflow-y:auto}.versus .pars{font-family:var(--font-oratio);color:var(--lignum);text-align:center;margin-top:4px;font-weight:600}.versus .linea{font-family:var(--font-oratio);border-radius:12px;grid-template-columns:62px 1fr;align-items:start;gap:10px;padding:7px 8px;font-size:17px;line-height:1.45;display:grid}.versus .linea .nota{font-family:var(--font);color:#fff;text-align:center;border-radius:8px;margin-top:2px;padding:3px 0;font-size:12px;font-weight:700}.versus .linea.x .nota{background:var(--terracotta)}.versus .linea.d .nota{background:var(--caeruleus)}.versus .linea.d .verba{color:var(--caeruleus-obscurus);font-style:italic}.versus .linea.actualis{background:var(--aurum-clarum);box-shadow:inset 0 0 0 1.5px var(--aurum)}.versus .linea.praeterita{opacity:.55}.amen{border:2px solid var(--aurum);background:var(--caeruleus);color:#fff;font-family:var(--font-oratio);box-shadow:0 3px 0 var(--caeruleus-obscurus);border-radius:26px;align-self:center;margin-top:12px;padding:12px 46px;font-size:22px;font-weight:600}.amen:active{box-shadow:0 1px 0 var(--caeruleus-obscurus);transform:translateY(2px)}.cantor_ctrl{justify-content:center;gap:8px;margin-top:10px;display:flex}.cantor_ctrl button,.cantor_incipere{border:1.5px solid var(--terracotta);color:var(--terracotta);background:#fff;border-radius:12px;padding:8px 14px;font-weight:700}.cantor_incipere{position:absolute;top:56px;right:12px}.baculum{touch-action:none;background:#fbf7ee59;border:2px solid #ffffffb3;border-radius:50%;width:120px;height:120px;position:absolute;bottom:150px;left:22px}.baculum .nodus{background:#3b6ea8d9;border:2px solid #fff;border-radius:50%;width:50px;height:50px;position:absolute;top:35px;left:35px}.auxilium{color:var(--atramentum);text-align:center;pointer-events:none;background:#fbf7eecc;border-radius:10px;max-width:calc(100% - 24px);margin:0;padding:5px 12px;font-size:12px;transition:opacity 1s;position:absolute;top:112px;left:50%;transform:translate(-50%)}@media (width<=640px){.colloquium{width:calc(100% - 160px)}.nuntii{max-height:22vh}.oratio{max-height:60vh}.versus .linea{grid-template-columns:52px 1fr;font-size:15px}.tabula button{min-width:78px;padding:10px 6px}}