:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#ecedf2;--surface:#f8f8fb;--surface-2:#e2e2eb;--ink:#1d1b2c;--ink-soft:#57546c;--line:#d2d1de;--gold:#a7771c;--violet:#6a4bb0;--veil:#cfcddd;--danger:#9b3b3b;--focus:#6a4bb0;--accent:var(--ink);--display:"Marcellus", "Trajan Pro", Georgia, serif;--serif:"Spectral", Georgia, "Times New Roman", serif;--sans:"Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--r:14px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#121119;--surface:#1b1a25;--surface-2:#282637;--ink:#eceaf4;--ink-soft:#a6a3ba;--line:#312f42;--gold:#e2b651;--violet:#a98fec;--veil:#3a3850;--danger:#e89a9a;--focus:#a98fec}}[data-theme-id^=natal]{--accent:#28503f}[data-theme-id^=sao-joao]{--accent:#8a3e2a}[data-theme-id^=pascoa]{--accent:#56663a}[data-theme-id^=carnaval]{--accent:#6a2c70}*,:before,:after{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font:16px/1.55 var(--sans);padding-inline:16px;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:6px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.shell{gap:14px;max-width:460px;margin:0 auto;padding-block:12px 32px;display:grid}.bar{justify-content:space-between;align-items:center;gap:8px;display:flex;position:relative}.bar a.brand{color:var(--accent);align-items:center;gap:10px;text-decoration:none;display:flex}.brand svg{width:32px;height:32px}.brand span{font:400 1.05rem var(--display);letter-spacing:.28em}.icons{gap:2px;display:flex}.ib{width:44px;height:44px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;text-decoration:none;display:grid}.ib:hover{background:var(--surface);color:var(--ink)}.ib svg{width:20px;height:20px}.menu{z-index:5;background:var(--surface);border:1px solid var(--line);border-radius:12px;min-width:230px;padding:6px;display:grid;position:absolute;top:48px;right:0;box-shadow:0 16px 30px -18px #0006}.menu button,.menu a{all:unset;cursor:pointer;font:500 .9rem var(--sans);border-radius:8px;padding:10px 12px}.menu button:hover,.menu a:hover,.menu button:focus-visible{background:var(--bg)}.menu .danger{color:var(--danger)}.menu small{color:var(--ink-soft);padding:2px 12px 8px;font-size:.78rem}.number{font:400 .95rem var(--display);letter-spacing:.22em;color:var(--ink-soft)}.card{background:var(--surface);border:1px solid var(--line);border-radius:24px;gap:14px;padding:16px 14px;display:grid}.poem{gap:12px;display:grid}.stanza{grid-template-columns:26px 1fr;align-items:start;gap:8px;display:grid}.roman{font:400 .82rem/1.95 var(--display);color:var(--ink-soft);letter-spacing:.08em;text-align:right}.verses{font:400 1.07rem/1.62 var(--serif);margin:0}.verses span{display:block}.stanza.fresh .verses{animation:.9s ease-out both unveil}@keyframes unveil{0%{opacity:0;filter:blur(6px);letter-spacing:.06em}to{opacity:1;filter:blur();letter-spacing:0}}.veil{background:var(--bg);border-radius:12px;gap:8px;padding:10px 12px;display:grid}.veil .lines{gap:8px;display:grid}.veil i{background:var(--veil);filter:blur(2px);border-radius:8px;height:8px;display:block}.veil .row2{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.veil small,.folded small{font:500 .76rem var(--sans);color:var(--ink-soft)}.folded{align-items:center;gap:10px;min-height:28px;display:flex}.folded i{background:var(--veil);filter:blur(1.5px);border-radius:6px;flex:1;max-width:120px;height:6px}.voice{font:italic 400 1rem/1.45 var(--serif);background:var(--bg);border-radius:12px;align-items:flex-start;gap:10px;margin:0;padding:10px 12px;display:flex}.voice svg{flex:none;width:20px;height:20px;margin-top:2px}.voice.warn{color:var(--danger)}.voice.near{color:var(--violet)}.log{gap:0;margin:0;padding:0;list-style:none;display:grid}.row{grid-template-columns:18px 1fr auto;align-items:center;gap:10px;padding:7px 4px;display:grid}.row+.row{border-top:1px solid var(--line)}.row .i{font:500 .74rem var(--sans);color:var(--ink-soft);font-variant-numeric:tabular-nums}.row .w{font:400 1rem var(--display);letter-spacing:.3em}.row.nearmiss .w{color:var(--violet)}.row.win .w{color:var(--gold)}.dots{align-items:center;gap:5px;display:flex}.dot{border-radius:50%;width:12px;height:12px;display:inline-block}.dot.hit{background:var(--gold)}.dot.near{border:2px solid var(--violet)}.none{font:500 .76rem var(--sans);color:var(--ink-soft)}.entry{justify-items:center;gap:10px;display:grid}.slots{justify-content:center;gap:6px;display:flex}.slot{border:1.5px solid var(--line);width:38px;height:46px;font:400 1.45rem var(--display);background:var(--surface);border-radius:8px;place-items:center;display:grid}.slot.filled{border-color:var(--ink-soft)}.slot.cursor{border-color:var(--ink);box-shadow:inset 0 -3px 0 var(--ink)}.pips{font:500 .76rem var(--sans);color:var(--ink-soft);align-items:center;gap:6px;display:flex}.pips i{border:1.5px solid var(--ink-soft);border-radius:50%;width:8px;height:8px}.pips i.used{background:var(--ink-soft)}.kb{gap:6px;display:grid}.kr{justify-content:center;gap:5px;display:flex}.key{background:var(--surface-2);max-width:34px;min-height:46px;color:var(--ink);font:600 .92rem var(--sans);cursor:pointer;border:0;border-radius:8px;flex:1 1 0}.key.wide{flex:1.6 1 0;max-width:58px;font-size:.8rem}.key:disabled{opacity:.35;cursor:not-allowed;box-shadow:inset 0 0 0 1px var(--line);background:0 0;text-decoration:line-through;text-decoration-thickness:2px}.key.in{box-shadow:inset 0 0 0 2px var(--violet);color:var(--violet);background:var(--surface)}.btn{font:500 .88rem var(--sans);border:1px solid var(--line);min-height:44px;color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:10px 16px;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--ink-soft)}.btn.primary{background:var(--ink);color:var(--surface);border-color:var(--ink)}.btn.small{min-height:36px;padding:6px 12px;font-size:.8rem}.btn:disabled{opacity:.45;cursor:not-allowed}.end{border-radius:var(--r);background:var(--bg);text-align:center;justify-items:center;gap:12px;padding:18px 16px;display:grid}.end .answer{font:400 2rem var(--display);letter-spacing:.3em;padding-left:.3em}.end .fala{font:italic 400 1.08rem/1.4 var(--serif);max-width:28ch;margin:0}.end .sum,.end .clock{font:500 .85rem var(--sans);color:var(--ink-soft);font-variant-numeric:tabular-nums}.end .pts{font:400 2.4rem/1 var(--display)}.end .pts small{font:500 .8rem var(--sans);color:var(--ink-soft);letter-spacing:.08em;margin-top:4px;display:block}.actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.share-box{border:1px solid var(--line);background:var(--surface);width:100%;min-height:9em;color:var(--ink);border-radius:10px;padding:10px;font:400 .95rem/1.45 ui-monospace,Menlo,monospace}.page-title{font:400 1.6rem/1.2 var(--display);letter-spacing:.06em;margin:8px 0 0}.lede{color:var(--ink-soft);margin:0}h2.lede{font:600 .74rem/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;margin-top:8px}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.stat{background:var(--surface);border:1px solid var(--line);border-radius:12px;gap:2px;padding:12px;display:grid}.stat b{font:400 1.6rem var(--display);font-variant-numeric:tabular-nums}.stat span{color:var(--ink-soft);font-size:.8rem}.dist{gap:6px;display:grid}.dist div{font-variant-numeric:tabular-nums;grid-template-columns:22px 1fr 28px;align-items:center;gap:8px;display:grid}.dist i{background:var(--gold);border-radius:6px;min-width:4px;height:10px;display:block}.book-section{gap:12px;display:grid}.bpage{background:var(--surface);border:1px solid var(--line);border-radius:12px;gap:12px;padding:20px;display:grid}.bpage .date{font:600 .74rem var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}.bpage .title{font:400 1.4rem var(--display);letter-spacing:.28em}.bpage .read{font:italic 400 .93rem/1.5 var(--serif);color:var(--ink-soft);border-left:2px solid var(--gold);margin:0;padding-left:12px}.bpage .closed .verses{opacity:.55}.bpage.blank{text-align:center;background:repeating-linear-gradient(0deg, transparent 0 31px, var(--line) 31px 32px), var(--surface)}.bpage.blank p{font:italic 400 1.05rem var(--serif);color:var(--ink-soft);margin:0}.help{gap:12px;display:grid}.help p{margin:0}.notice{color:var(--ink-soft);font-size:.78rem}.report{text-align:left;gap:8px;width:100%;display:grid}.report select,.report textarea{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;padding:8px}.community{text-align:left;gap:8px;width:100%;display:grid}.community .sum{text-align:center}.dist .mine span{color:var(--gold);font-weight:600}.dist .mine i{box-shadow:0 0 0 2px var(--surface), 0 0 0 3px var(--gold)}.recovery{border-top:1px solid var(--line);gap:10px;padding-top:16px;display:grid}.recovery input{letter-spacing:.08em;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;padding:10px;font:400 1rem ui-monospace,Menlo,monospace}.code-box{gap:6px;display:grid}.code{letter-spacing:.12em;background:var(--surface);border:1px solid var(--line);text-align:center;-webkit-user-select:all;user-select:all;border-radius:10px;padding:12px;font:400 1.35rem ui-monospace,Menlo,monospace}.lang{color:var(--ink-soft);align-items:center;gap:8px;font-size:.85rem;display:flex}.lang select{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;padding:6px 8px}@media (prefers-reduced-motion:reduce){.stanza.fresh .verses{animation:none}}.shell{max-width:560px;padding-block:12px 24px}.slot{width:min(42px, calc((100cqi - (var(--n,7) - 1) * 6px) / var(--n,7)));aspect-ratio:5/6;height:auto;font-size:clamp(1.05rem,5.2cqi,1.45rem)}.key{min-width:0;max-width:44px;min-height:var(--key-h,48px)}.key.wide{max-width:66px}.verses{font-size:clamp(1.02rem,.96rem + .3vw,1.18rem)}.legend{font:500 .78rem var(--sans);color:var(--ink-soft);flex-wrap:wrap;gap:4px 16px;margin:0;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.board{flex-direction:column;gap:14px;display:flex}.side{display:contents}.play{gap:10px;display:grid}.dock{gap:10px;display:grid;container-type:inline-size}@media (width<=899px){html{scroll-padding-bottom:calc(var(--dock-h,0px) + 12px)}.card{border-radius:20px;padding-bottom:0}.dock{z-index:3;padding:10px 10px calc(10px + env(safe-area-inset-bottom,0px));background:var(--surface);border-top:1px solid var(--line);border-radius:16px 16px 0 0;margin-inline:-14px;position:sticky;bottom:0;box-shadow:0 -12px 24px -20px #00000059}.end{margin-bottom:14px}}@media (height<=700px){:root{--key-h:42px}.dock,.entry{gap:6px}}@media (width<=360px){body,.card{padding-inline:10px}.dock{margin-inline:-10px}.kr{gap:4px}.brand span{letter-spacing:.18em}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=900px),(orientation:landscape) and (width>=640px) and (height<=540px){.shell.wide{max-width:1080px}.board{grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:start;gap:28px;display:grid}.side{top:calc(12px + env(safe-area-inset-top,0px));overscroll-behavior:contain;align-content:start;gap:14px;max-height:calc(100dvh - 24px);padding:2px;display:grid;position:sticky;overflow-y:auto}}@media (width>=900px){.card{border-radius:28px;padding:24px 28px}.poem{gap:18px}}.dock .voice{padding:8px 10px;font-size:.95rem}@media (orientation:landscape) and (height<=540px){.dock{box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:0;position:static}:root{--key-h:38px}.shell{gap:8px;padding-block:6px 12px}.card{gap:10px;padding:12px}.board{grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:16px}}.shell>main>.help,.shell>main>.book-section{width:100%;max-width:680px;margin-inline:auto}@media (width>=900px){.shell>main>.book-section{max-width:1040px}}.grimoire{--grain: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='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .3 0 0 0 0 .25 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");gap:12px;display:grid}.flip-holder{width:100%;margin-inline:auto}.flip-page{background:var(--grain), var(--surface)}.flip-page>.bpage{background:var(--grain), var(--surface);border:0;border-radius:0;align-content:start;gap:8px;height:100%;padding:clamp(14px,3.5vw,26px);overflow:hidden}.page-body{gap:10px;display:grid}.flip-page{container-type:inline-size}.flip-page .page-body{gap:clamp(4px,1.6cqi,10px)}.flip-page .stanza{grid-template-columns:clamp(18px,6cqi,26px) 1fr;gap:clamp(4px,1.6cqi,8px)}.flip-page .verses{font-size:clamp(.74rem,3.8cqi,1.08rem);line-height:1.48}.flip-page .roman{font-size:clamp(.62rem,2.6cqi,.82rem);line-height:1.8}.flip-page .bpage .title{font-size:clamp(1rem,5.2cqi,1.4rem)}.flip-page .bpage .date{font-size:clamp(.6rem,2.4cqi,.74rem)}.page-toggle{font:600 clamp(.62rem, 2.5cqi, .74rem) var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--violet);cursor:pointer;background:0 0;border:0;justify-self:start;margin-top:auto;padding:6px 0}.page-toggle:before{content:"✦ ";color:var(--gold)}.flip-page>.bpage:not(.cover){flex-direction:column;display:flex}.flip-page .readings{align-content:start;gap:clamp(8px,3cqi,16px)}.flip-page .readings .read{border-left:0;padding-left:0;font-size:clamp(.78rem,3.6cqi,1rem);line-height:1.5}.flip-page .bpage .read{font-size:clamp(.7rem,3.2cqi,.93rem);line-height:1.4}.flip-page>.bpage.blank{background:var(--grain), repeating-linear-gradient(0deg, transparent 0 31px, var(--line) 31px 32px), var(--surface)}.flip-page.--left>.bpage{box-shadow:inset -24px 0 28px -24px #00000047}.flip-page.--right>.bpage{box-shadow:inset 24px 0 28px -24px #00000047}.bpage.endpaper,.bpage.paper-back{background:radial-gradient(circle at 20% 20%, var(--veil) 0 1px, transparent 1.5px) 0 0 / 18px 18px, var(--surface-2)}.flip-page>.bpage.cover{text-align:center;background:var(--grain), linear-gradient(150deg, #2d2748, #1a1729);color:#efe9d8;place-content:center;justify-items:center;gap:14px;box-shadow:inset 0 0 0 10px #1a1729,inset 0 0 0 11px #b58a2e}.flip-page>.bpage.cover .cover-sub,.flip-page>.bpage.cover .cover-hint{color:#cfc6ad}.flip-page>.bpage.cover .ornament{color:#e2b651}.bpage.cover{text-align:center;background:linear-gradient(var(--surface), var(--surface)) padding-box, linear-gradient(135deg, var(--gold), var(--violet)) border-box;border:2px solid #0000;place-content:center;justify-items:center;gap:14px}.cover .ornament{color:var(--gold);font-size:1.6rem}.cover-title{font:400 clamp(1.8rem, 5vw, 2.6rem) var(--display);letter-spacing:.3em;margin:0;padding-left:.3em}.cover-sub{font:italic 400 1.05rem var(--serif);color:var(--ink-soft)}.cover-hint{font:600 .72rem var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}.book-nav .btn{align-items:center;gap:6px;display:inline-flex}.book-nav{justify-content:space-between;align-items:center;gap:8px;display:flex}.book-pos{font:500 .8rem var(--sans);color:var(--ink-soft);text-align:center}.book-jump{font:500 .8rem var(--sans);color:var(--ink-soft);justify-content:center;align-items:center;gap:8px;display:flex}.book-jump select{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;padding:6px 8px}.help>.btn{justify-self:start}a{color:var(--violet);text-underline-offset:3px}a.btn,a.brand,a.ib{color:inherit}
