:root{color-scheme:dark;--night:#0d0b1b;--panel:rgba(20,17,40,.94);--panel2:#221d42;--line:#3d3570;--parch:#f2e6c9;--muted:#b0a7d2;--teal:#45d3c0;--amber:#f4a948;--rose:#e8607f;--grey:#8d8aa0;--display:"Almendra",Georgia,"Times New Roman",serif;--body:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif}[hidden]{display:none!important}html,body{height:100%}body{margin:0}body{background:var(--night);color:var(--parch);font-family:var(--body);font-size:15px;overflow:hidden;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--teal);outline-offset:2px}#app{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}#game{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}#app:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(5,3,15,.55) 100%)}#flash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 30%,rgba(140,130,190,.55));opacity:0;transition:opacity .5s;z-index:5}#flash.on{opacity:1;transition:none}#fade{position:absolute;top:0;right:0;bottom:0;left:0;background:#07060f;opacity:0;pointer-events:none;transition:opacity .35s;z-index:30}#fade.on{opacity:1}#hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:6}#hud>*{pointer-events:auto}#quest{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));left:12px;max-width:340px;padding:12px 14px;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 30px #00000059}.eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--amber);font-weight:600}#goal{font-family:var(--display);font-size:17px;line-height:1.25;margin-top:4px;text-wrap:balance}#steps{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:5px;font-size:13px;color:var(--muted)}#steps li{display:flex;gap:8px;align-items:flex-start;line-height:1.3}#steps li:before{content:"";flex:none;width:9px;height:9px;margin-top:4px;border:1.5px solid var(--muted);border-radius:50%}#steps li.done{color:var(--teal)}#steps li.done:before{background:var(--teal);border-color:var(--teal)}#steps li.now{color:var(--parch)}#steps li.now:before{border-color:var(--amber);box-shadow:0 0 8px var(--amber)}#topright{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));right:12px;display:flex;flex-direction:column;align-items:flex-end;gap:8px}#arts{display:flex;gap:6px}.art{width:46px;height:46px;border-radius:50%;background:var(--panel);border:1px dashed var(--line);display:grid;place-items:center;position:relative}.art canvas{opacity:.18;filter:grayscale(1)}.art.got{border:1px solid var(--amber);box-shadow:0 0 14px #f4a94873}.art.got canvas{opacity:1;filter:none}.hbtns{display:flex;gap:6px}.hbtn{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:7px 10px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px}.hbtn:hover{border-color:var(--amber)}kbd{font-family:var(--body);font-size:10px;border:1px solid var(--line);border-radius:4px;padding:0 4px;color:var(--muted)}#jCountBadge{color:var(--teal);font-variant-numeric:tabular-nums}#inv{position:absolute;left:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));display:flex;gap:6px;align-items:flex-end}#invLabel{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);writing-mode:vertical-rl;transform:rotate(180deg);padding-bottom:4px}.slot{width:62px;height:66px;border-radius:10px;background:var(--panel);border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:12px;font-weight:600;padding:0}.slot.empty{opacity:.45}.slot.grey{border:1px dashed var(--grey);color:var(--grey)}.slot.grey canvas{filter:grayscale(1) brightness(.8);opacity:.7}.slot span{max-width:58px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#toast{position:absolute;left:50%;bottom:calc(92px + env(safe-area-inset-bottom,0px));transform:translate(-50%,10px);max-width:min(520px,calc(100% - 32px));background:var(--panel);border:1px solid var(--teal);border-radius:10px;padding:10px 14px;font-size:14px;line-height:1.4;opacity:0;transition:opacity .3s,transform .3s;pointer-events:none;display:flex;gap:10px;align-items:flex-start}#toast.on{opacity:1;transform:translate(-50%)}#toast b{color:var(--teal);font-weight:700}#toast .tw{color:var(--amber);font-weight:700}.panel{position:absolute;left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));transform:translate(-50%);width:min(660px,calc(100% - 24px));background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 50px #00000080;padding:16px 18px;z-index:10}.who{display:flex;gap:12px;align-items:center}.face{width:52px;height:52px;border-radius:50%;background:radial-gradient(circle at 50% 40%,#3a3170,#1b1735);border:1.5px solid var(--amber);flex:none}.who-name{font-family:var(--display);font-size:20px;font-weight:700;line-height:1}.who-role{font-size:12px;color:var(--muted);margin-top:3px}.line{font-size:19px;line-height:1.55;margin-top:12px}.line.ui{font-size:16px}.chip{display:inline-flex;align-items:center;gap:4px;border:none;background:transparent;padding:0 2px;margin:0 1px;font-weight:700;border-radius:4px;vertical-align:baseline}.chip.known{color:var(--teal);border-bottom:2px solid rgba(69,211,192,.5)}.chip.unknown{color:var(--amber);border-bottom:2px dotted var(--amber)}.chip canvas{vertical-align:middle}.chip:hover{background:#ffffff0f}.gist{margin-top:10px;font-size:14px;line-height:1.45;color:var(--muted);display:flex;gap:8px}.gist b{color:var(--teal);font-weight:700;flex:none}.give{margin-top:12px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.give .lbl{font-size:12px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-right:4px}.row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;justify-content:flex-end}.btn{background:var(--panel2);border:1px solid var(--line);border-radius:9px;padding:9px 14px;font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:6px}.btn:hover{border-color:var(--muted)}.btn.primary{background:var(--amber);border-color:var(--amber);color:#24160a}.btn.primary:hover{filter:brightness(1.08)}.btn.small{padding:6px 10px;font-size:13px}.btn.item{padding:5px 10px 5px 6px}.btn.item.grey{border-style:dashed;color:var(--grey)}.btn.item.grey canvas{filter:grayscale(1)}.btn svg{width:16px;height:16px}.modal{position:absolute;top:0;right:0;bottom:0;left:0;background:#0806148c;display:grid;place-items:center;z-index:12;padding:16px}.sheet{width:min(400px,100%);background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px;text-align:center;box-shadow:0 20px 60px #0000008c;max-height:100%;overflow:auto}.sheet.wide{width:min(760px,100%);text-align:left}.card-ic{display:grid;place-items:center;height:120px;margin:10px auto 4px;width:120px;border-radius:50%;background:radial-gradient(circle,rgba(69,211,192,.14),transparent 70%)}.card-word{font-family:var(--display);font-size:44px;font-weight:700;line-height:1.05;color:var(--parch)}.card-phrase{font-size:16px;color:var(--muted);margin-top:6px}.card-note{font-size:14px;color:var(--teal);margin-top:10px;line-height:1.4}.card-note:empty{display:none}.sheet .row{justify-content:center}.art-sheet{border-color:var(--amber);box-shadow:0 0 60px #f4a94840,0 20px 60px #0000008c}.art-sheet .card-ic{background:radial-gradient(circle,rgba(244,169,72,.3),transparent 70%)}#spIc{margin:12px auto 0;width:96px;height:96px;display:grid;place-items:center;filter:grayscale(1);opacity:.75;transition:filter .6s,opacity .6s}#spIc.alive{filter:none;opacity:1}#spGhost{height:44px;font-family:var(--display);font-size:34px;letter-spacing:.12em;color:#f2e6c900;margin-top:6px}#spGhost.whisper{animation:whisper 2.4s ease-out}@keyframes whisper{0%{color:#f2e6c900;filter:blur(6px)}20%{color:#f2e6c9d9;filter:blur(0)}60%{color:#f2e6c999;filter:blur(1px)}to{color:#f2e6c900;filter:blur(8px);letter-spacing:.5em}}#spSlots{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-top:6px}.sl{width:40px;height:48px;border-radius:8px;border:1.5px dashed var(--grey);background:#ffffff08;font-family:var(--display);font-size:26px;font-weight:700;display:grid;place-items:center;padding:0}.sl.full{border-style:solid;border-color:var(--amber)}.sl.lock{border-color:var(--teal);color:var(--teal)}#spSlots.shake{animation:shake .4s}#spSlots.ok .sl{border-color:var(--teal);color:var(--teal);box-shadow:0 0 12px #45d3c066}@keyframes shake{20%,60%{transform:translate(-7px)}40%,80%{transform:translate(7px)}}#spTiles{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-top:16px}.tl{width:42px;height:42px;border-radius:8px;border:1px solid var(--line);background:var(--panel2);font-family:var(--display);font-size:22px;font-weight:700;padding:0}.tl:hover{border-color:var(--amber)}.tl.used{opacity:.2;pointer-events:none}#spMsg{min-height:20px;margin-top:12px;font-size:14px;color:var(--muted)}#jGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px;margin-top:14px}.jc{border:1px solid var(--line);border-radius:10px;padding:10px 6px;text-align:center;background:#ffffff05;display:flex;flex-direction:column;align-items:center;gap:3px}.jc b{font-family:var(--display);font-size:19px}.jc small{font-size:11px;color:var(--muted)}.jc.unk{opacity:.35}.jc.stolen{border-style:dashed;color:var(--grey)}.jc.stolen canvas{filter:grayscale(1)}.jhead{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.jhead h2{font-family:var(--display);font-size:28px;margin:0}.screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;overflow:auto}#title{background:linear-gradient(90deg,#0a0818ed,#0a0818c7 42%,#0a08181a 75%)}.tin{min-height:100%;display:flex;flex-direction:column;justify-content:center;gap:18px;padding-block:32px;padding-inline:clamp(16px,6vw,72px);max-width:620px}.logo{font-family:var(--display);font-weight:700;font-size:clamp(56px,11vw,112px);line-height:.9;margin:0;color:var(--parch);text-shadow:0 0 30px rgba(244,169,72,.35),0 2px 0 #3a2410;letter-spacing:.01em}.logo em{font-style:italic;font-weight:400;color:var(--amber)}.tag{font-size:17px;line-height:1.5;color:var(--muted);max-width:44ch;margin:0}.chap{font-family:var(--display);font-size:20px;color:var(--parch);margin:0}.chap span{color:var(--teal)}.lang-lbl{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--amber);font-weight:600;margin-bottom:8px}.langs{display:flex;flex-wrap:wrap;gap:6px}.lang{border:1px solid var(--line);background:#221d42cc;border-radius:999px;padding:8px 14px;font-weight:600}.lang[aria-pressed=true]{background:var(--teal);border-color:var(--teal);color:#07201c}.tactions{display:flex;gap:10px;flex-wrap:wrap}.tactions .btn{font-size:16px;padding:12px 20px}.controls{font-size:13px;color:var(--muted);line-height:1.7}.vline{margin:0;font-size:14px;color:var(--muted);line-height:1.5}.vline b{color:var(--teal);font-weight:700}.acct{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:14px;color:var(--muted);line-height:1.5}.acct p{margin:0;flex:1 1 260px}.acct b{color:var(--parch);font-weight:700}.acct .sync{display:block;font-size:13px}.acct .btns{display:flex;gap:8px;flex-wrap:wrap}#auth{z-index:30}.auth{text-align:left;display:flex;flex-direction:column;gap:12px}.auth h2{font-family:var(--display);font-size:28px;margin:0;line-height:1.1}.auth-lede,.auth-note{margin:0;font-size:14px;line-height:1.45;color:var(--muted)}.auth-note{font-size:13px}.fld{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;color:var(--muted)}.fld input{font:inherit;font-size:16px;font-weight:400;color:var(--parch);background:var(--night);border:1px solid var(--line);border-radius:8px;padding:10px 12px;width:100%}.fld input:focus{outline:2px solid var(--teal);outline-offset:1px;border-color:transparent}.chk{display:flex;gap:10px;align-items:center;font-size:15px;font-weight:600;cursor:pointer}.chk input{width:18px;height:18px;accent-color:var(--amber);margin:0;flex:none}.auth-msg{margin:0;font-size:14px;color:var(--rose);line-height:1.4}.auth-msg:empty{display:none}.auth .row{justify-content:flex-start}.link{background:none;border:none;padding:0;color:var(--teal);font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:3px;align-self:flex-start}.controls kbd{font-size:11px}#bible{background:#090714f7}.bin{max-width:760px;margin:0 auto;padding-block:40px;padding-inline:16px;line-height:1.6}.bin h1{font-family:var(--display);font-size:clamp(34px,6vw,52px);margin:6px 0 4px;line-height:1.05}.bin h2{font-family:var(--display);font-size:24px;margin:34px 0 8px;color:var(--amber)}.bin p{margin:0 0 10px;max-width:65ch;color:#ddd3bd}.bin .lede{font-size:18px;color:var(--muted)}.verbs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:10px}.verb{border:1px solid var(--line);border-radius:12px;padding:14px;background:#ffffff05}.verb b{font-family:var(--display);font-size:20px;color:var(--teal);display:block}.verb span{font-size:14px;color:#ddd3bd}.tbl{overflow-x:auto;margin-top:10px}.tbl table{border-collapse:collapse;width:100%;font-size:14px;min-width:560px}.tbl th{text-align:left;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600;padding:8px;border-bottom:1px solid var(--line)}.tbl td{padding:10px 8px;border-bottom:1px solid rgba(61,53,112,.5);vertical-align:top}.tbl td:first-child{font-family:var(--display);font-size:17px;white-space:nowrap}.pill{display:inline-block;font-size:11px;font-weight:700;border-radius:999px;padding:2px 8px;background:var(--teal);color:#07201c}.pill.soon{background:transparent;border:1px solid var(--line);color:var(--muted)}.bclose{position:sticky;top:12px;float:right}#win{background:radial-gradient(ellipse at 50% 40%,#f4a94838,#090714f5 60%);display:grid;place-items:center}.win-in{text-align:center;padding-block:32px;padding-inline:16px;max-width:560px}.win-in h1{font-family:var(--display);font-size:clamp(40px,8vw,68px);margin:8px 0;line-height:1}.stats{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:22px 0}.stat{border:1px solid var(--line);border-radius:12px;padding:12px 18px;background:var(--panel);min-width:120px}.stat b{display:block;font-family:var(--display);font-size:32px;color:var(--amber);font-variant-numeric:tabular-nums}.stat span{font-size:12px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase}.teaser{font-style:italic;color:var(--muted);line-height:1.5}#bagMenu{position:absolute;z-index:9;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:6px;display:flex;flex-direction:column;gap:2px;min-width:170px;box-shadow:0 10px 30px #00000073}#bagMenu .bm-title{font-family:var(--display);font-size:17px;padding:4px 10px}#bagMenu button{background:transparent;border:none;text-align:left;padding:9px 10px;border-radius:7px;font-weight:600;font-size:14px}#bagMenu button:hover{background:var(--panel2)}.quiz-q{font-family:var(--display);font-size:30px;margin-top:4px}.opts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.opt{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:12px 8px;font-family:var(--display);font-size:22px;font-weight:700}.opt:hover{border-color:var(--amber)}.opt.wrong{border-color:var(--rose);color:var(--rose);opacity:.5;animation:shake .35s}.opt.right{border-color:var(--teal);color:var(--teal);box-shadow:0 0 14px #45d3c066}.grey-ic{filter:grayscale(1);opacity:.7;transition:filter .6s,opacity .6s}.grey-ic.alive{filter:none;opacity:1}.match{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;margin-top:16px}.mcol{display:grid;gap:8px}.mc{background:var(--panel2);border:1px solid var(--line);border-radius:10px;min-height:54px;display:flex;align-items:center;justify-content:center;gap:6px;font-family:var(--display);font-size:20px;font-weight:700;padding:6px}.mc:hover{border-color:var(--amber)}.mc.sel{border-color:var(--amber);box-shadow:0 0 12px #f4a94873}.mc.done{border-color:var(--teal);color:var(--teal);opacity:.55;pointer-events:none}.mc.bad{animation:shake .35s;border-color:var(--rose)}.fc{margin:14px auto 0;width:min(240px,100%);aspect-ratio:1;border-radius:16px;border:1px solid var(--line);background:radial-gradient(circle,rgba(69,211,192,.12),transparent 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px}.fc b{font-family:var(--display);font-size:36px}.fc small{color:var(--muted);font-size:14px;text-align:center}.jc.unk.hint{opacity:.8}.jc.unk.hint small{color:var(--teal)}@media (max-width:640px){#quest{max-width:calc(100% - 140px);padding:9px 11px}#goal{font-size:15px}#steps li:not(.now){display:none}.art{width:38px;height:38px}.hbtn .lbl{display:none}.slot{width:52px;height:58px}.line{font-size:17px}.panel{padding:14px}#toast{bottom:calc(84px + env(safe-area-inset-bottom,0px))}#title{background:linear-gradient(180deg,#0a0818e6,#0a0818cc)}}@media (prefers-reduced-motion:reduce){#spGhost.whisper{animation-duration:3.5s}#spSlots.shake{animation:none}#toast,#fade{transition:none}}