:root{--bg:#14161f;--surface:#1f2333;--edge:#3a3f55;--ink:#f4ecd8;--muted:#a59e8c;--accent:#e8b04a;--reward:#ffd77a;--danger:#e0503c;--hp:#d24a3a;--st:#6fbf5a;--mp:#4a8ae0;--space:8px;--text-s:14px;--text-m:17px;--text-l:24px;--text-xl:54px;--head:"Cinzel", "Cinzel Decorative", Georgia, serif;--body:"EB Garamond", Georgia, serif;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px)}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--body);font-size:var(--text-m);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;margin:0;overflow:hidden}#view{width:100%;height:100%;display:block;position:fixed;inset:0}.screen{z-index:40;padding:calc(var(--space) * 2);background:radial-gradient(at 50% 40%,#14161f59,#0a0b10d1);place-items:center;display:grid;position:fixed;inset:0}.screen[hidden]{display:none}.loading{background:var(--bg);z-index:60}.card{text-align:center;min-width:min(420px,92vw);max-width:92vw;padding:calc(var(--space) * 4) calc(var(--space) * 5);border:1px solid var(--edge);background:linear-gradient(#24283af0,#181b27f5);border-radius:14px;box-shadow:inset 0 0 0 1px #e8b04a2e,0 24px 60px #00000080}.card.wide{min-width:min(560px,94vw)}.card h1{font-family:var(--head);letter-spacing:.06em;margin:0 0 var(--space);font-weight:500;font-size:var(--text-l);color:var(--reward)}.card h1.title{font-family:"Cinzel Decorative", var(--head);font-weight:700;font-size:var(--text-xl);letter-spacing:.08em;text-shadow:0 2px 18px #e8b04a59}.sub{color:var(--muted);margin:0 0 calc(var(--space) * 3);font-style:italic;font-size:var(--text-m)}.progress{background:#2a2e40;border-radius:3px;height:6px;overflow:hidden}.progress i{background:linear-gradient(90deg, #b07a2a, var(--reward));width:0;height:100%;transition:width .15s;display:block}.menu{gap:var(--space);margin:calc(var(--space) * 2) auto 0;max-width:300px;display:grid}button,.btnlike{font-family:var(--head);font-size:var(--text-m);letter-spacing:.04em;min-height:44px;padding:0 calc(var(--space) * 2);color:var(--ink);border:1px solid var(--edge);cursor:pointer;background:#2a2f44;border-radius:8px;place-items:center;text-decoration:none;display:inline-grid}button:hover,.btnlike:hover{border-color:var(--accent)}button:focus-visible,.btnlike:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.primary,#btn-new,#btn-continue,#btn-resume{color:var(--reward);background:linear-gradient(#4a3a1c,#352914);border-color:#8a6a2a}.keys{color:var(--muted);font-size:var(--text-s);margin-top:calc(var(--space) * 3);line-height:2}.kbd{border:1px solid var(--edge);min-width:26px;color:var(--ink);font-family:var(--body);background:#252a3c;border-bottom-width:2px;border-radius:5px;margin:0 2px;padding:0 6px;line-height:22px;display:inline-block}.settings{gap:calc(var(--space) * 1.5);text-align:left;margin:calc(var(--space) * 2) 0;display:grid}.slider{gap:4px var(--space);grid-template-columns:1fr auto;align-items:center;display:grid}.slider input{width:100%;accent-color:var(--accent);grid-column:1/-1;height:28px}.slider output{color:var(--reward);font-variant-numeric:tabular-nums}.seg{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.seg span{margin-right:auto}.seg button{min-height:40px;font-size:var(--text-s)}.seg button.on{border-color:var(--accent);color:var(--reward);background:#3a3220}.toggle{align-items:center;gap:var(--space);cursor:pointer;min-height:44px;display:flex}.toggle input{opacity:0;width:1px;height:1px;position:absolute}.toggle .knob{border:1px solid var(--edge);background:#2a2f44;border-radius:12px;flex:none;width:44px;height:24px;position:relative}.toggle .knob:after{content:"";background:var(--muted);border-radius:50%;width:16px;height:16px;transition:left .15s;position:absolute;top:3px;left:3px}.toggle input:checked+.knob{border-color:var(--accent);background:#4a3a1c}.toggle input:checked+.knob:after{background:var(--reward);left:23px}.toggle input:focus-visible+.knob{outline:2px solid var(--accent);outline-offset:2px}#hud{pointer-events:none;z-index:10;position:fixed;inset:0}#hud[hidden]{display:none}.compass{top:calc(12px + var(--safe-t));width:min(520px,70vw);height:30px;position:absolute;left:50%;overflow:hidden;transform:translate(-50%);-webkit-mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000)}.compass .strip{white-space:nowrap;height:100%;position:absolute;top:0;left:0}.compass .mark{font-family:var(--head);color:var(--ink);text-shadow:0 1px 3px #000;font-size:15px;position:absolute;top:4px;transform:translate(-50%)}.compass .mark.minor{color:var(--muted);font-size:11px;top:8px}.compass .mark.place{color:var(--reward);font-size:12px;top:9px}.compass .mark.quest{color:var(--accent);font-size:16px;top:2px}.compass .tick{background:var(--accent);width:2px;height:7px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.crosshair{background:#fff5e1d9;border-radius:50%;width:4px;height:4px;margin:-2px 0 0 -2px;position:absolute;top:50%;left:50%;box-shadow:0 0 3px #000000b3}.bars{left:calc(18px + var(--safe-l));bottom:calc(18px + var(--safe-b));gap:5px;width:220px;display:grid;position:absolute}.bar{background:#0a0c1299;border:1px solid #ffffff1f;border-radius:5px;height:9px;transition:opacity .6s;overflow:hidden}.bar i{transform-origin:0;width:100%;height:100%;display:block}.bar.hp i{background:linear-gradient(90deg, #8a2a20, var(--hp))}.bar.st i{background:linear-gradient(90deg, #3a7a30, var(--st))}.bar.mp i{background:linear-gradient(90deg, #2a4a8a, var(--mp))}.bar.full{opacity:0}.prompt{border:1px solid var(--edge);font-size:var(--text-m);background:#0f1119b8;border-radius:8px;padding:6px 14px;position:absolute;top:58%;left:50%;transform:translate(-50%)}.prompt .kbd{margin-right:6px}.toast{left:50%;top:calc(56px + var(--safe-t));border:1px solid var(--edge);color:var(--ink);font-size:var(--text-m);background:#0f1119d1;border-radius:8px;padding:8px 18px;position:absolute;transform:translate(-50%)}.banner{text-align:center;text-shadow:0 2px 12px #000c;animation:.8s ease-out bannerIn;position:absolute;top:22%;left:50%;transform:translate(-50%)}.banner small{font-family:var(--head);color:var(--accent);letter-spacing:.3em;text-transform:uppercase;font-size:12px}.banner h2{font-family:var(--head);color:var(--reward);letter-spacing:.06em;margin:4px 0;font-size:40px;font-weight:500}.banner p{color:var(--ink);margin:0;font-style:italic}html.rm .banner{animation:none}@keyframes bannerIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.clockface{right:calc(18px + var(--safe-r));top:calc(14px + var(--safe-t));color:var(--muted);font-family:var(--head);text-shadow:0 1px 3px #000;font-variant-numeric:tabular-nums;font-size:13px;position:absolute}.fps{right:calc(18px + var(--safe-r));top:calc(34px + var(--safe-t));color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px;position:absolute}.menu-btn{z-index:30;left:calc(12px + var(--safe-l));top:calc(12px + var(--safe-t));background:#14161f99;width:46px;height:46px;padding:0;position:fixed}.menu-btn svg{width:22px;height:22px;stroke:var(--ink);stroke-width:2px;fill:none}.menu-btn[hidden]{display:none}.touch{z-index:20;position:fixed;inset:0}.touch[hidden]{display:none}.t-look{width:55%;position:absolute;top:0;bottom:0;right:0}.t-move{width:45%;position:absolute;top:25%;bottom:0;left:0}.t-stick{left:calc(110px + var(--safe-l));top:calc(100% - 130px - var(--safe-b));background:#14161f40;border:2px solid #f4ecd840;border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;position:absolute}.t-stick.live{border-color:#e8b04a99}.t-knob{background:#f4ecd859;border-radius:50%;width:54px;height:54px;margin:-27px 0 0 -27px;position:absolute;top:50%;left:50%}.t-arc{right:calc(14px + var(--safe-r));bottom:calc(14px + var(--safe-b));direction:rtl;grid-template-columns:80px repeat(3,64px);place-items:center;gap:10px;display:grid;position:absolute}.t-btn{direction:ltr;background:#1f233399;border:1px solid #f4ecd840;border-radius:50%;width:64px;height:64px;min-height:0;padding:0;font-size:12px}.t-btn.down,.t-btn.on{border-color:var(--accent);background:#e8b04a73}.t-btn[hidden]{display:none}.t-btn.b-attack{width:80px;height:80px;font-size:14px}.target{top:calc(104px + var(--safe-t));text-align:center;text-shadow:0 1px 3px #000;min-width:240px;position:absolute;left:50%;transform:translate(-50%)}.target .name{font-family:var(--head);color:var(--ink);font-size:14px}.target .tbar{background:#0a0c12a6;border:1px solid #ffffff26;border-radius:4px;height:7px;margin-top:3px;overflow:hidden}.target .tbar i{transform-origin:0;background:linear-gradient(90deg,#8a2a20,#e05a3c);height:100%;display:block}.target .tstat{color:var(--muted);font-size:12px}.spellbadge{right:calc(18px + var(--safe-r));bottom:calc(18px + var(--safe-b));border:1px solid var(--edge);background:#0f11198c;border-radius:10px;align-items:center;gap:8px;padding:6px 12px;font-size:15px;display:flex;position:absolute}.spellbadge .glyph{color:var(--c,var(--accent));text-shadow:0 0 8px var(--c,var(--accent));font-size:20px}.spellbadge .scost{color:var(--mp);font-variant-numeric:tabular-nums;font-size:13px}.touch-on .spellbadge{bottom:auto;top:calc(56px + var(--safe-t))}.xpbar{background:#00000059;height:3px;position:absolute;bottom:0;left:0;right:0}.xpbar i{background:linear-gradient(90deg, #8a6a2a, var(--reward));transform-origin:0;height:100%;display:block}.dmg-layer{position:absolute;inset:0;overflow:hidden}.dmg{font-family:var(--head);color:#fff;text-shadow:0 1px 3px #000,0 0 6px #0009;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:18px;font-weight:500;position:absolute;top:0;left:0}.dmg.crit{color:var(--reward);font-size:25px}.dmg.weak:after{content:" ▼";color:#ffb090;font-size:12px}.dmg.resist{opacity:.75;font-size:15px}.dmg.resist:after{content:" ▲";color:#a0c0ff;font-size:11px}.dmg.react{color:#ffe8a0;letter-spacing:.05em;font-size:20px}.dmg.xp{color:#c8e8a0;font-size:14px}.dmg.gold{color:var(--reward);font-size:14px}.dmg.el-fire{color:#ffa060}.dmg.el-frost{color:#a8e0ff}.dmg.el-storm{color:#d8c8ff}.dmg.el-water{color:#80c0ff}.dmg.el-earth{color:#e0c090}.dmg.el-wind{color:#d8f8e8}.dmg.crit.el-physical{color:var(--reward)}.runewheel{z-index:35;background:radial-gradient(circle at 50% 46%,#0a0c1440,#0a0c14b8);display:block;position:fixed;inset:0}.rw-ring{width:0;height:0;position:absolute;top:44%;left:50%}.rw-el{width:82px;height:82px;color:var(--ink);background:#1f2333d9;border:2px solid #f4ecd840;border-radius:50%;align-content:center;place-items:center;margin:-41px 0 0 -41px;padding:0;display:grid;position:absolute}.rw-el .g{color:var(--c);font-size:26px;line-height:1}.rw-el .n{font-size:12px}.rw-el.on{border-color:var(--c);box-shadow:0 0 18px var(--c);background:#322e28eb;transform:scale(1.12)}.rw-cursor{background:var(--reward);width:12px;height:12px;box-shadow:0 0 10px var(--reward);border-radius:50%;margin:-6px 0 0 -6px;position:absolute;top:44%;left:50%}.runewheel.touch .rw-cursor{display:none}.rw-center{text-align:center;width:150px;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.rw-center b{font-family:var(--head);color:var(--c);font-size:18px;font-weight:500;display:block}.rw-center small{color:var(--muted);font-size:12px}.rw-forms{gap:8px;display:flex;position:absolute;top:calc(44% + 190px);left:50%;transform:translate(-50%)}.rw-form{align-items:center;gap:6px;min-height:48px;font-size:14px;display:inline-flex}.rw-form .g{color:var(--accent);font-size:18px}.rw-form .kbd{min-width:18px;font-size:11px;line-height:18px}.runewheel.touch .rw-form .kbd{display:none}.rw-form.on,.rw-mod.on{border-color:var(--accent);color:var(--reward);background:#3a3220}.rw-mods{gap:6px;display:flex;position:absolute;top:calc(44% + 250px);left:50%;transform:translate(-50%)}.rw-mod{min-height:40px;font-size:13px}.rw-hint{left:0;right:0;bottom:calc(24px + var(--safe-b));text-align:center;color:var(--muted);font-size:14px;position:absolute}.credits{text-align:left;max-height:86vh;overflow-y:auto}.credits h2{font-family:var(--head);color:var(--accent);margin:18px 0 4px;font-size:17px;font-weight:500}.credits p{color:var(--ink);margin:4px 0;font-size:15px;line-height:1.45}.credits code{color:var(--muted)}.sheetwrap{place-items:center}.card.sheet,.card.shrinecard,.card.lootcard{text-align:left;width:min(980px,96vw);max-height:92vh;padding:calc(var(--space) * 3);overflow-y:auto}.card.lootcard{width:min(560px,94vw)}.tabs{border-bottom:1px solid var(--edge);gap:6px;margin-bottom:12px;padding-bottom:10px;display:flex}.tabs button{min-height:40px;font-size:15px}.tabs button.on{border-color:var(--accent);color:var(--reward);background:#3a3220}.tabs .x{width:44px;margin-left:auto;padding:0}.sheet h2{font-family:var(--head);color:var(--reward);margin:0;font-weight:500}.sheet h3,.shrinecard h3,.lootcard h3{font-family:var(--head);color:var(--accent);margin:14px 0 6px;font-size:16px;font-weight:500}.shrinecard h1,.lootcard h1{font-family:var(--head);color:var(--reward);text-align:center;margin:0 0 6px;font-size:26px;font-weight:500}.shrinecard .sub{text-align:center}.muted{color:var(--muted)}.rew{color:var(--reward)}.num{font-variant-numeric:tabular-nums}.who p{margin:4px 0}.xp{background:#2a2e40;border-radius:3px;height:6px;margin:6px 0;overflow:hidden}.xp i{background:linear-gradient(90deg, #8a6a2a, var(--reward));transform-origin:0;height:100%;display:block}.cols{grid-template-columns:1fr 1fr;gap:18px;display:grid}@media (max-width:720px){.cols{grid-template-columns:1fr}}table.attrs,table.stats{border-collapse:collapse;width:100%}table.attrs td,table.stats td{border-bottom:1px solid #ffffff0f;padding:3px 4px}table td.num{text-align:right}.res{color:var(--muted);flex-wrap:wrap;gap:4px 12px;margin-top:8px;font-size:14px;display:flex}.res b{color:var(--ink);font-weight:400}ul.features{gap:6px;margin:0;padding:0;list-style:none;display:grid}ul.features li{background:#ffffff08;border-radius:6px;padding:6px 8px;font-size:15px}ul.features small{color:var(--muted)}.inv{grid-template-columns:260px 1fr;gap:16px;display:grid}@media (max-width:760px){.inv{grid-template-columns:1fr}}.equipment{align-content:start;gap:4px;display:grid}button.eq,button.item{text-align:left;width:100%;font-family:var(--body);justify-content:space-between;align-items:center;gap:8px;min-height:40px;font-size:15px;display:flex}button.eq{flex-direction:column;align-items:flex-start;gap:0;padding:4px 10px}button.eq small,button.item small{color:var(--muted);font-size:12px}.items{gap:4px;max-height:42vh;display:grid;overflow-y:auto}button.item.on{border-color:var(--accent);background:#2f2a20}.detail{background:#ffffff0a;border-radius:8px;margin-top:10px;padding:10px}.detail h3{margin-top:0}.detail p{margin:3px 0;font-size:15px}.row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.cmp span{margin-right:12px;font-size:14px}.cmp .up{color:#9be07a}.cmp .down{color:#ff8a70}.runes{flex-wrap:wrap;gap:6px;display:flex}.rune{background:#e8b04a1a;border:1px solid #5a4a2a;border-radius:6px;padding:4px 10px;font-size:14px}.rune b{color:var(--accent)}.qslots{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}@media (max-width:640px){.qslots{grid-template-columns:repeat(2,1fr)}}.qslot{font-family:var(--body);justify-content:flex-start;gap:8px;min-height:44px;font-size:14px;display:flex}.qslot.on{border-color:var(--accent)}.picker{background:#ffffff0a;border-radius:8px;flex-wrap:wrap;gap:6px;margin-top:8px;padding:10px;display:flex}.picker h3{width:100%;margin:0 0 4px}.picker button{font-family:var(--body);font-size:14px}.classes{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;display:grid}.classcard{text-align:left;font-family:var(--body);flex-direction:column;align-items:flex-start;gap:3px;min-height:96px;padding:10px 12px;display:flex}.classcard b{font-family:var(--head);color:var(--reward);font-size:16px;font-weight:500}.classcard small{color:var(--muted)}.classcard .next{font-size:13px}.classcard.locked{opacity:.55}.classcard .lock{color:#ffb090;font-size:12px}.feats{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px;display:grid}.feats button{text-align:left;font-family:var(--body);flex-direction:column;align-items:flex-start;padding:8px 10px;display:flex}.feats small{color:var(--muted)}.travel{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px;display:grid}.travel button{text-align:left;flex-direction:column;align-items:flex-start;padding:8px 10px;display:flex}.travel small{font-family:var(--body);color:var(--muted);font-size:13px}.altar{gap:10px;display:grid}.altar label{gap:4px;display:grid}.altar select,.altar input[type=text]{min-height:40px;color:var(--ink);border:1px solid var(--edge);font-family:var(--body);background:#20243a;border-radius:6px;padding:0 8px;font-size:15px}.part{background:#ffffff0a;border-radius:8px;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));align-items:end;gap:8px;padding:10px;display:grid}.part .slider output{color:var(--reward)}.cost{margin-left:auto}.cost b{color:var(--mp)}.lootcard .items{max-height:50vh}.slotbar{left:50%;bottom:calc(14px + var(--safe-b));pointer-events:none;gap:6px;display:flex;position:absolute;transform:translate(-50%)}.slotbar .s{border:1px solid var(--edge);width:46px;height:46px;color:var(--accent);background:#0f11198c;border-radius:8px;place-items:center;font-size:18px;display:grid;position:relative}.slotbar .s i{color:var(--muted);font-size:10px;font-style:normal;position:absolute;top:1px;left:3px}.slotbar .s.cd{opacity:.4}.slotbar .s.empty{opacity:.25}.touch-on .slotbar{pointer-events:auto;bottom:auto;top:calc(56px + var(--safe-t))}.touch-on .toast{top:calc(116px + var(--safe-t))}.touch-on .slotbar .s{width:50px;height:50px}#dialog{background:linear-gradient(#0a0b1000 25%,#0a0b1040 45%,#0a0b10db);place-items:end center;padding-bottom:3vh}#dialog .card.dialogcard{max-height:50vh;padding:calc(var(--space) * 2) calc(var(--space) * 3)}#dialog .card.dialogcard:has(.trade){max-height:90vh}#dialog .dline{min-height:0;margin:4px 0 8px}#dialog .dopts{margin-top:calc(var(--space) * 1.25);gap:5px}#dialog .dopts button{min-height:36px;padding:5px 14px}.card.dialogcard{text-align:left;width:min(720px,96vw);max-height:92vh;padding:calc(var(--space) * 3);overflow-y:auto}.dhead{border-bottom:1px solid #e8b04a40;grid-template-columns:1fr auto;align-items:baseline;gap:2px 12px;margin-bottom:10px;padding-bottom:8px;display:grid}.dhead h1{font-family:var(--head);color:var(--reward);margin:0;font-size:26px;font-weight:500}.dhead small{color:var(--muted);grid-column:1;font-size:13px}.dhead .standing{color:var(--accent);white-space:nowrap;border:1px solid #e8b04a59;border-radius:999px;grid-area:1/2/span 2;padding:3px 10px;font-size:13px}.dline{min-height:3.2em;margin:6px 0 14px;font-size:18px;line-height:1.5}.dline p{margin:0 0 10px}.menu.dopts{gap:6px;max-width:none;margin:0;display:grid}.dopts button{text-align:left;min-height:44px;font-family:var(--body);letter-spacing:0;justify-content:flex-start;align-items:center;padding:8px 14px;font-size:17px;line-height:1.3;display:flex}.dopts button.quest{color:var(--reward);border-color:#8a6a2a}.dopts button.danger,li.danger{color:var(--danger)}.dopts .small{margin:0 0 4px;font-size:13px}.trade{grid-template-columns:1fr 1fr;gap:14px;display:grid}.trade h2{font-family:var(--head);color:var(--accent);justify-content:space-between;gap:8px;margin:0 0 8px;font-size:17px;font-weight:500;display:flex}.trade h2 small{color:var(--muted);font-family:var(--body);font-size:13px}.trade .items{max-height:56vh}@media (max-width:720px){.trade{grid-template-columns:1fr}.trade .items{max-height:32vh}}.journal{grid-template-columns:3fr 2fr;gap:18px;display:grid}.journal h2{font-family:var(--head);color:var(--accent);margin:0 0 8px;font-size:17px;font-weight:500}.journal ul{margin:0 0 12px;padding-left:18px}.quest-row{background:#ffffff0a;border-radius:8px;margin-bottom:8px;padding:8px 10px}.quest-row h3{margin:0 0 4px!important}.quest-row p{margin:2px 0}.quest-row.main h3{color:var(--reward)!important}@media (max-width:760px){.journal{grid-template-columns:1fr}}.mapwrap{justify-items:center;gap:6px;display:grid}#mapcanvas{aspect-ratio:1;background:#14161f;border:1px solid #e8b04a59;border-radius:10px;width:min(78vh,100%)}.mapwrap .caption{font-family:var(--head);margin:0}.card.notecard{text-align:left;width:min(620px,94vw);padding:calc(var(--space) * 3)}.notecard h1{font-family:var(--head);color:var(--reward);text-align:center;margin:0 0 10px;font-size:24px;font-weight:500}.notetext p{margin:0 0 10px;font-size:18px;line-height:1.55}.journal .sleeper{color:var(--accent);font-family:var(--head);margin:0 0 10px}.card.choicecard,.card.endingcard{text-align:left;width:min(760px,96vw);max-height:92vh;padding:calc(var(--space) * 3);overflow-y:auto}.choicecard h1,.endingcard h1{font-family:var(--head);color:var(--reward);text-align:center;margin:0 0 6px;font-size:30px;font-weight:500}.choicecard .sub,.endingcard .sub{text-align:center;color:var(--muted);margin:0 0 14px;font-style:italic}.choices{gap:10px;display:grid}.choices button{text-align:left;min-height:64px;font-family:var(--body);letter-spacing:0;gap:4px;padding:10px 16px;display:grid}.choices button b{font-family:var(--head);color:var(--reward);font-size:19px;font-weight:500}.choices button small{color:var(--muted);font-size:14px}.endingcard p{margin:0 0 12px;font-size:18px;line-height:1.6}.endingcard .summary{color:var(--muted);border-top:1px solid #e8b04a40;margin-top:14px;padding-top:10px;font-size:15px}.barks{pointer-events:none;position:absolute;inset:0}.bark{max-width:260px;color:var(--ink);text-align:center;white-space:normal;text-shadow:0 1px 2px #0009;background:#0f1119b8;border-radius:12px;padding:5px 12px;font-size:16px;font-style:italic;transition:opacity .4s;position:absolute;transform:translate(-50%,-100%)}.qmark{border:.09em solid var(--accent);width:1.5em;height:1.5em;font-family:var(--head);color:var(--accent);background:radial-gradient(circle,#281c0cd9 55%,#281c0c80);border-radius:50%;place-items:center;font-weight:700;line-height:1;transition:opacity .3s;display:grid;position:absolute;transform:translate(-50%,-100%);box-shadow:0 0 .5em #e8b04a8c}.qmark.due{color:#f4e2b0;border-color:#f4e2b0;box-shadow:0 0 .5em #f4e2b080}.bark small{font-style:normal;font-family:var(--head);color:var(--accent);letter-spacing:.06em;font-size:11px;display:block}.titlescreen{padding-left:max(6vw, calc(var(--space) * 3 + var(--safe-l)));background:linear-gradient(90deg,#08090ec7 0%,#08090e73 38%,#08090e00 70%);place-items:center start}.card.titlecard{box-shadow:none;text-align:left;background:0 0;border:none;min-width:0;padding:0;animation:1.6s ease-out both titleIn}.titlecard h1.title{letter-spacing:.1em;text-shadow:0 2px 30px #e8b04a73,0 2px 4px #000000b3;margin:0;font-size:clamp(48px,8vw,96px)}.titlecard .sub{color:var(--ink);opacity:.85;text-shadow:0 1px 3px #000c;margin:4px 0 0 4px;font-size:clamp(17px,1.6vw,21px);font-style:italic}.titlecard .flourish{background:linear-gradient(90deg, var(--accent), #e8b04a00);width:240px;height:1px;margin:22px 0 18px 4px}.titlecard .menu{justify-items:start;gap:4px;max-width:300px;margin:0}.titlecard .menu button,.titlecard .menu .btnlike{box-shadow:none;min-height:40px;color:var(--ink);text-shadow:0 1px 3px #000c;text-align:left;background:0 0;border:none;padding:6px 4px;font-size:22px;transition:color .2s,transform .2s}.titlecard .menu button:hover,.titlecard .menu button:focus-visible,.titlecard .menu .btnlike:hover,.titlecard .menu .btnlike:focus-visible{color:var(--reward);outline:none;transform:translate(6px)}.titlecard .menu button,.titlecard .menu .btnlike{position:relative}.titlecard .menu button:focus-visible:before,.titlecard .menu .btnlike:focus-visible:before{content:"✦";color:var(--accent);font-size:16px;position:absolute;top:50%;left:-22px;transform:translateY(-50%)}.titlecard #btn-new,.titlecard #btn-continue{color:var(--reward);background:0 0;border:none;font-size:26px}.titlecard .keys{text-align:left;opacity:.75;max-width:520px;margin-top:28px;font-size:13px}@keyframes titleIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (max-aspect-ratio:4/5){.titlescreen{padding:0 24px calc(48px + var(--safe-b));background:linear-gradient(#08090e00 30%,#08090e66 55%,#08090ed9 100%);place-items:end center}.card.titlecard{text-align:center}.titlecard .flourish{background:linear-gradient(90deg, #e8b04a00, var(--accent), #e8b04a00);margin:18px auto}.titlecard .menu{justify-items:center;margin:0 auto}.titlecard .keys{text-align:center}}.intro{z-index:55;cursor:pointer;background:#07080c;place-items:center;transition:opacity 1.4s;display:grid;position:fixed;inset:0}.intro[hidden]{display:none}.intro p{text-align:center;max-width:min(680px,86vw);color:var(--ink);opacity:0;margin:0;font-size:clamp(20px,2.4vw,28px);font-style:italic;line-height:1.6;transition:opacity 1.2s}.intro p.on{opacity:1}.intro small{bottom:calc(24px + var(--safe-b));color:var(--muted);font-size:13px;position:absolute}button.item .ico,button.eq .ico{background:radial-gradient(circle at 50% 40%,#ffd77a1f,#0000002e);border-radius:8px;flex:none;width:40px;height:40px;margin-right:10px;display:inline-block}button.item>span:not(.ico),button.eq>span:not(.ico){flex:1}button.item,button.eq{justify-content:flex-start}button.item small,button.eq small{margin-left:auto}button.eq{text-align:left;grid-template-rows:auto auto;grid-template-columns:40px 1fr;place-items:center start;column-gap:10px;padding:4px 10px;display:grid}button.eq .ico{grid-row:1/3;margin:0}button.eq small{grid-column:2;margin:0}button.eq>span:not(.ico){grid-column:2}