:root{--panel:#251f1adb;--panel-solid:#251f1a;--panel-line:#ffecc824;--ink:#f6ecd9;--ink-soft:#d4c6ad;--accent:#f2b45a;--accent-ink:#2a1d0e;--life:#f29ab2;--social:#8fd0f5;--work:#b9d98a;--danger:#ff9a7a;--god:#e3c1ff;--r:12px;--gap:8px;--font:"Pixelify Sans", "Segoe UI", system-ui, sans-serif;--shadow:0 6px 24px #00000059;--sky:#9fd2ee;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--sky);height:100%;font-family:var(--font);color:var(--ink);margin:0;overflow:hidden}#app,#app canvas{touch-action:none;display:block;position:fixed;inset:0}#app canvas:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}#loading{letter-spacing:.04em;color:#2a1d0e;z-index:50;background:linear-gradient(#9fd2ee,#e6d29a);place-items:center;font-size:20px;display:grid;position:fixed;inset:0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.panel{background:var(--panel);border:1px solid var(--panel-line);border-radius:var(--r);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}button{font:inherit;color:var(--ink);border:1px solid var(--panel-line);cursor:pointer;background:#ffecc814;border-radius:9px;min-width:40px;min-height:40px;padding:0 10px}button:hover{background:#ffecc829}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}#topbar{top:calc(10px + env(safe-area-inset-top,0px));z-index:10;align-items:center;gap:10px;max-width:calc(100vw - 20px);padding:6px 10px;display:flex;position:fixed;left:50%;transform:translate(-50%)}#clock{white-space:nowrap;font-variant-numeric:tabular-nums;min-width:150px;font-weight:650}#speeds{gap:4px;display:flex}#speeds button{min-width:44px;padding:0 6px}#res{font-variant-numeric:tabular-nums;color:var(--ink-soft);white-space:nowrap;gap:12px;display:flex}#res b{color:var(--ink);font-weight:650}#growth{white-space:nowrap;color:var(--ink-soft);padding-bottom:3px;position:relative}#growth i{background:var(--accent,#ffa300);opacity:.8;height:2px;position:absolute;bottom:0;left:0}#feed{left:calc(10px + env(safe-area-inset-left,0px));z-index:9;flex-direction:column;width:min(360px,100vw - 20px);max-height:calc(100vh - 170px);display:flex;position:fixed;top:64px}#feed header{border-bottom:1px solid var(--panel-line);flex-wrap:wrap;align-items:center;gap:4px;padding:8px;display:flex}#feed header h2{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);margin:0 6px 0 2px;font-size:14px}#feed header button{min-height:32px;padding:0 8px;font-size:13px}#feed .filters{display:contents}#feed ol{overscroll-behavior:contain;flex-direction:column-reverse;gap:2px;margin:0;padding:4px 6px 8px;list-style:none;display:flex;overflow-y:auto}#feed li{border-left:3px solid #0000;border-radius:6px;grid-template-columns:22px 1fr auto;align-items:start;gap:6px;padding:5px 6px;font-size:13.5px;line-height:1.3;display:grid}#feed li.has-who{cursor:pointer}#feed li.has-who:hover{background:#ffecc81a}#feed li .t{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:12px}#feed li.big{font-weight:600}#feed li.life{border-left-color:var(--life)}#feed li.social{border-left-color:var(--social)}#feed li.work{border-left-color:var(--work)}#feed li.danger{border-left-color:var(--danger)}#feed li.god{border-left-color:var(--god)}#feed li.fresh{animation:1.2s ease-out flash}@keyframes flash{0%{background:#f2b45a59}to{background:0 0}}#feed li .who{min-width:0;min-height:0;box-shadow:none;font:inherit;color:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin:0;padding:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;display:inline}#feed li .who:hover{background:#ffecc829}#feed li .who.show{text-decoration:none}#feed.collapsed ol{display:none}#feed li.empty{color:var(--ink-soft);padding:10px 8px;font-size:13px;display:block}#headline{z-index:11;opacity:0;pointer-events:none;text-align:center;max-width:calc(100vw - 40px);padding:8px 16px;font-weight:650;transition:opacity .3s;position:fixed;top:64px;left:50%;transform:translate(-50%)}#headline.show{opacity:1}#headline.show:has(button){pointer-events:auto}#headline button{all:unset;cursor:pointer}#headline button:focus-visible{outline-offset:4px;border-radius:4px;outline:2px solid}#headline .go{opacity:.8}#inspector{right:calc(10px + env(safe-area-inset-right,0px));overscroll-behavior:contain;z-index:9;width:min(320px,100vw - 20px);max-height:calc(100vh - 170px);padding:12px 14px;position:fixed;top:64px;overflow-y:auto}#inspector[hidden]{display:none}#inspector h2{align-items:center;gap:8px;margin:0;font-size:20px;display:flex}#inspector .sub{color:var(--ink-soft);margin:2px 0 10px;font-size:13px}#inspector .doing{background:#ffecc814;border-radius:8px;margin-bottom:10px;padding:6px 8px}#inspector h3{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);margin:12px 0 6px;font-size:12px}.need{grid-template-columns:70px 1fr 34px;align-items:center;gap:8px;margin:3px 0;font-size:13px;display:grid}.bar{background:#ffecc81f;border-radius:4px;height:8px;overflow:hidden}.bar i{background:var(--work);border-radius:4px;height:100%;display:block}.bar i.low{background:var(--accent)}.rel{justify-content:space-between;padding:2px 0;font-size:13px;display:flex}.rel button,#inspector .sub .name{min-height:28px;color:var(--ink);font:inherit;text-underline-offset:3px;background:0 0;border:0;padding:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}#inspector .sub .name{min-height:0}.mem{color:var(--ink-soft);margin:2px 0;font-size:12.5px}.row{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.close,#feed header .close{min-width:44px;min-height:44px;margin:-6px -6px -6px auto}#stats{right:calc(10px + env(safe-area-inset-right,0px));overscroll-behavior:contain;z-index:9;width:min(420px,100vw - 20px);max-height:calc(100vh - 170px);padding:12px 14px;position:fixed;top:64px;overflow-y:auto}#stats[hidden]{display:none}#stats h2{align-items:center;gap:8px;margin:0 0 8px;font-size:18px;display:flex}#stats h2:focus,#inspector h2:focus{outline:none}.tabs{gap:4px;display:flex}.tabs button[aria-selected=true]{background:var(--accent);color:var(--accent-ink)}.album{grid-template-columns:1fr 1fr;gap:6px;margin:0;padding:0;list-style:none;display:grid}.album li{background:#ffecc814;border-radius:8px;grid-template-columns:22px 1fr;align-items:center;column-gap:6px;padding:6px 8px;display:grid}.album li small{color:var(--ink-soft);grid-column:2;font-size:12px}.album li.locked{background:0 0;font-style:italic}.tiles{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px;display:grid}.tile{background:#ffecc812;border-radius:8px;padding:6px 8px}.tile .k{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em;font-size:12px}.tile .v{font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.chart{margin:8px 0}.chart .k{color:var(--ink-soft);justify-content:space-between;font-size:12px;display:flex}.chart canvas{width:100%;height:54px;display:block}.counts{grid-template-columns:repeat(2,1fr);gap:2px 14px;font-size:13px;display:grid}.counts div{border-bottom:1px dotted var(--panel-line);justify-content:space-between;padding:2px 0;display:flex}.leader{margin:3px 0;font-size:13px}.leader button{min-height:26px;padding:0 6px;font-size:13px}#tools{bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:10;gap:4px;max-width:calc(100vw - 20px);padding:6px;display:flex;position:fixed;left:50%;overflow-x:auto;transform:translate(-50%)}#tools button{flex-direction:column;justify-content:center;align-items:center;gap:1px;min-width:58px;min-height:52px;padding:2px 6px;font-size:12px;display:flex;position:relative}#tools button .i{font-size:20px;line-height:1}#tools button:active,#toolSheet .grid button:active{background:#ffecc847;transform:translateY(1px)}#tools button[aria-pressed=true],#toolSheet .grid button[aria-pressed=true]{box-shadow:inset 0 -3px #2a1d0e73}#tools button[aria-pressed=true]:after{content:"";background:var(--accent-ink);border-radius:50%;width:7px;height:7px;position:absolute;top:5px;right:5px}#tools button[aria-disabled=true],#toolSheet .grid button[aria-disabled=true]{color:var(--ink-soft);opacity:.75;cursor:not-allowed;border-style:dashed}#tools button[aria-disabled=true]:hover{background:#ffecc814}#toolTip{z-index:16;pointer-events:none;flex-direction:column;gap:2px;max-width:min(300px,100vw - 16px);padding:8px 10px;font-size:13px;line-height:1.35;display:flex;position:fixed}#toolTip[hidden]{display:none}#toolTip b{font-size:14px}#toolTip .meta{color:var(--ink-soft);font-size:12px}#toolNote{left:50%;bottom:calc(118px + env(safe-area-inset-bottom,0px));z-index:11;text-align:center;border-left:3px solid var(--accent);opacity:0;pointer-events:none;max-width:calc(100vw - 24px);padding:6px 12px;font-size:14px;transition:opacity .15s;position:fixed;transform:translate(-50%)}#toolNote.show{opacity:1}#toolNote:empty{display:none}body.cinematic #toolNote,body.cinematic #toolTip{opacity:0;pointer-events:none}#tools .sep{background:var(--panel-line);width:1px;margin:4px 2px}#hint{color:var(--ink-soft);z-index:10;pointer-events:none;text-align:center;max-width:calc(100vw - 20px);padding:6px 12px;font-size:13px;position:fixed;bottom:76px;left:50%;transform:translate(-50%)}#version{left:calc(10px + env(safe-area-inset-left,0px));bottom:calc(8px + env(safe-area-inset-bottom,0px));color:var(--ink-soft);opacity:.7;z-index:8;pointer-events:none;text-shadow:0 1px 2px #0009;font-size:12px;position:fixed}body.phone #version,body.wallpaper #version,#hint:empty{display:none}#prayers{pointer-events:none;z-index:9;position:fixed;inset:0}#prayers .prayer{pointer-events:auto;background:var(--panel);border:1px solid var(--panel-line);min-height:44px;color:var(--ink);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:14px;display:flex;position:absolute;top:0;left:0}#prayers .prayer .i{font-size:18px}#prayers .prayer.edge:after{content:"➤";transform:translate(-50%, -50%) rotate(var(--ang)) translateX(34px);color:#ffec27;text-shadow:0 0 2px #000,0 0 5px #000;font-size:14px;position:absolute;top:50%;left:50%}#prayers .prayer:active{background:var(--panel-solid)}#prayers .prayer.new{animation:1.2s ease-in-out infinite prayer-pulse}@keyframes prayer-pulse{50%{box-shadow:0 0 0 6px #ffec2759, var(--shadow)}}@media (prefers-reduced-motion:reduce){#prayers .prayer.new{outline:2px solid #ffec27;animation:none}}#grace{z-index:10;color:var(--ink);align-items:center;gap:8px;padding:4px 6px 4px 10px;font-size:14px;display:flex;position:fixed;top:94px;right:10px}#grace .amt{font-variant-numeric:tabular-nums}#grace .reach{align-items:center;gap:6px;min-height:44px;padding:0 10px;display:inline-flex}#grace .reach:active{background:var(--accent);color:var(--accent-ink);transform:translateY(1px)}#grace .reach[aria-disabled=true]{opacity:.8;cursor:not-allowed}#grace .reach[aria-disabled=true]:active{color:var(--ink);background:#ffecc814;transform:none}#grace .note{background:var(--panel-solid);border:1px solid var(--panel-line);max-width:min(320px,100vw - 20px);box-shadow:var(--shadow);color:var(--ink);pointer-events:none;border-radius:9px;padding:6px 10px;font-size:14px;line-height:1.3;position:absolute;top:calc(100% + 6px);right:0}#grace .note:empty{display:none}body.wallpaper #prayers,body.wallpaper #grace{display:none!important}body:not(.phone):has(#grace) :is(#inspector,#stats,#menu){max-height:calc(100vh - 344px);top:214px}body:not(.phone):has(#grace) #menu{max-height:calc(100dvh - 344px)}body.phone #grace{top:calc(132px + env(safe-area-inset-top,0px))}@media (orientation:portrait){body.phone:has(#grace) :is(#stats,#menu){max-height:calc(100dvh - 260px)}}@media (orientation:landscape){body.phone #grace{right:auto;left:calc(8px + env(safe-area-inset-left,0px));top:calc(94px + env(safe-area-inset-top,0px))}body.phone #grace .note{left:0;right:auto}}@media (min-width:721px){html #feed{max-height:calc(100vh - 236px)}html #inspector,html #stats{max-height:calc(100vh - 210px)}}button:active:not(:disabled){transform:translateY(var(--u,2px));box-shadow:none}#feed li .who:active{background:#ffecc847;transform:none}html button:focus-visible,html select:focus-visible,html input:focus-visible,html a:focus-visible,html [tabindex]:focus-visible{outline-offset:2px;outline:2px solid #ffec27}button:disabled,button[aria-disabled=true],select:disabled{opacity:.6;cursor:not-allowed}#labels{pointer-events:none;z-index:5;position:fixed;inset:0;overflow:hidden}.bubble{transform:translate(-50%, -100%) scale(var(--s,1));transform-origin:50% 100%;color:#2a1d0e;white-space:nowrap;text-overflow:ellipsis;background:#fffaf0f2;border-radius:12px;max-width:220px;padding:3px 8px;font-size:13px;transition:opacity .3s,transform .3s;position:absolute;overflow:hidden;box-shadow:0 2px 8px #00000040}.bubble:after{content:"";border:5px solid #0000;border-top-color:#fffaf0f2;border-bottom:0;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.bubble.emoji-only{padding:2px 6px;font-size:16px}.bubble.pip{background:#fffaf0cc;border-radius:10px;padding:1px 4px;font-size:13px;box-shadow:0 1px 4px #00000040}.bubble.pip:after{display:none}.bubble.gone,.nametag.gone{opacity:0!important}.nametag{color:#fff;text-shadow:0 1px 3px #000,0 0 2px #000;white-space:nowrap;font-size:12px;font-weight:600;transition:opacity .3s;position:absolute;transform:translate(-50%,-100%)}.nametag.sel{color:var(--accent);font-size:14px}.placename{color:#fca;text-shadow:0 1px 3px #000,0 0 2px #000;white-space:nowrap;pointer-events:none;font-size:12px;font-style:italic;transition:opacity .3s;position:absolute;transform:translate(-50%,-100%)}.placename.gone{opacity:0!important}#menu{right:calc(10px + env(safe-area-inset-right,0px));z-index:12;width:min(340px,100vw - 20px);max-height:calc(100dvh - 96px);padding:12px 14px;position:fixed;top:64px;overflow-y:auto}#menu h2{align-items:center;margin:0 0 6px;font-size:18px;display:flex}#menu .close,#overlay .close{min-width:44px;min-height:44px}#menu h2:focus,#overlay h2:focus{outline:none}#menu h3{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);margin:12px 0 0;font-size:12px}#menu .confirm p{margin:8px 0 0;font-size:14px}button.danger{color:#fff7ee;background:#b9543f;border-color:#b9543f}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:650}#overlay{z-index:30;background:#14100c73;place-items:center;padding:16px;display:grid;position:fixed;inset:0}#overlay[hidden]{display:none}.recap{width:min(520px,100%);max-height:calc(100vh - 32px);padding:16px 18px;overflow-y:auto}.recap h2{margin:0 0 4px;font-size:22px}.recap .tile .d{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:12px}.recap .tile .d.up{color:var(--work)}.recap .tile .d.down{color:var(--danger)}.recap .tally{letter-spacing:.02em;font-size:15px}.recap-list{gap:4px;margin:8px 0;padding:0;list-style:none;display:grid}.recap-list li{grid-template-columns:22px 1fr auto;gap:6px;font-size:13.5px;line-height:1.3;display:grid}.recap-list .t{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:11.5px}.bar.wide{height:10px;margin:10px 0 4px}@media (max-width:720px){#res span.opt{display:none}#feed{width:calc(100vw - 20px);max-height:32vh;top:auto;bottom:76px}#inspector,#stats{max-height:45vh;top:64px}#tools button{min-width:50px}#clock{min-width:0}}@media (prefers-reduced-motion:reduce){#tools button:active,#toolSheet .grid button:active{transform:none}#toolNote{transition:none}body.phone #toolSheet{animation:none!important}#feed li.fresh{animation:none}#headline,.bubble,.nametag{transition:none}}body.wallpaper #topbar,body.wallpaper #feed,body.wallpaper #tools,body.wallpaper #hint,body.wallpaper #inspector,body.wallpaper #stats,body.wallpaper #menu,body.wallpaper #labels{display:none!important}body.wallpaper{cursor:none}body.wallpaper #headline{box-shadow:none;color:#f6ecd9;background:#0a0c18b8;border:none;padding:4px 12px;font-size:13px;font-weight:500;transition:opacity 1.2s;top:auto;bottom:24px}#speedCycle,#toolFab,#toolSheet{display:none}body.phone #speeds,body.phone #res,body.phone #growth,body.phone #tools,body.phone #hint{display:none!important}body.phone #topbar{left:calc(8px + env(safe-area-inset-left,0px));top:calc(8px + env(safe-area-inset-top,0px));gap:6px;max-width:calc(100vw - 16px);padding:4px 6px;transform:none}body.phone #topbar button{min-width:44px;min-height:44px;padding:0 8px}body.phone #speedCycle{font-variant-numeric:tabular-nums;justify-content:center;align-items:center;min-width:52px;font-weight:650;display:inline-flex}body.phone #clock{min-width:0;padding-left:4px;font-size:15px}body.phone #headline{top:calc(64px + env(safe-area-inset-top,0px));max-width:calc(100vw - 24px);padding:6px 12px;font-size:14px}body.phone #feed{left:calc(8px + env(safe-area-inset-left,0px));top:auto;bottom:calc(8px + env(safe-area-inset-bottom,0px));width:calc(100vw - 96px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));max-height:60vh}body.phone #feed header .close{min-width:44px;min-height:44px}body.phone #feed header button{min-height:40px}body.phone #feed li .who{margin:-14px -4px;padding:14px 4px}body.phone #feed.collapsed li .who{pointer-events:none;margin:0;padding:0}body.phone #feed.collapsed header{border:0;padding:2px;position:absolute;top:0;right:0}body.phone #feed.collapsed header>:not(.close){display:none}body.phone #feed.collapsed ol{padding:2px 48px 2px 4px;display:flex;overflow:hidden}body.phone #feed.collapsed ol li:not(:first-child){display:none}body.phone #feed.collapsed li{align-items:center;min-height:44px}body.phone #feed.collapsed li .txt{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}body.phone #feed.collapsed li .who.show{display:none}body.phone #toolFab{z-index:14;right:calc(10px + env(safe-area-inset-right,0px));bottom:calc(8px + env(safe-area-inset-bottom,0px));background:var(--accent);width:64px;height:64px;color:var(--accent-ink);border-color:var(--accent);box-shadow:var(--shadow);border-radius:50%;place-items:center;padding:0;font-size:28px;display:grid;position:fixed}body.phone #toolSheet:not([hidden]){z-index:13;max-height:72vh;padding:10px 12px calc(84px + env(safe-area-inset-bottom,0px));border-radius:16px 16px 0 0;display:block;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}#toolSheet header{touch-action:none;align-items:center;display:flex}#toolSheet .close{min-width:44px;min-height:44px}#toolSheet .grabber{touch-action:none;background:#ffecc859;border-radius:3px;width:44px;height:5px;margin:0 auto 4px;padding:0}#toolSheet .now{color:var(--ink-soft);margin:2px 0 0;font-size:13px;line-height:1.35}body.phone #toolSheet:not(.scrolls){touch-action:none}#toolSheet.dragging{-webkit-user-select:none;user-select:none}body.phone #toolSheet:not([hidden]){animation:.16s ease-out sheet-in}@keyframes sheet-in{0%{opacity:0;transform:translateY(28px)}}body.phone #toolNote{z-index:17;bottom:calc(84px + env(safe-area-inset-bottom,0px));max-width:calc(100vw - 96px)}body.phone:has(#toolSheet:not([hidden])) #toolNote{bottom:auto;top:calc(188px + env(safe-area-inset-top,0px));max-width:calc(100vw - 24px)}#toolSheet h2{margin:0;font-size:18px}#toolSheet h3{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);margin:12px 0 6px;font-size:12px}#toolSheet .grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}#toolSheet .grid button{flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:64px;padding:4px;font-size:12px;display:flex}#toolSheet .grid .i{font-size:24px;line-height:1}body.phone #inspector{z-index:12;touch-action:pan-y;width:auto;max-height:45vh;padding:20px 14px calc(84px + env(safe-area-inset-bottom,0px));border-radius:16px 16px 0 0;inset:auto 0 0}body.phone #inspector:before{content:"";background:#ffecc859;border-radius:3px;width:44px;height:5px;margin-left:-22px;position:absolute;top:7px;left:50%}body.phone #inspector.full{max-height:88vh}body.phone #inspector .close,body.phone .rel button,body.phone .leader button{min-width:44px;min-height:44px}body.phone #stats,body.phone #menu{z-index:15;width:auto;max-height:85vh;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));border-radius:16px 16px 0 0;inset:auto 0 0}@media (orientation:landscape){body.phone #feed{width:min(46vw,420px)}body.phone #headline{top:calc(8px + env(safe-area-inset-top,0px));max-width:46vw;left:auto;right:12px;transform:none}body.phone #inspector,body.phone #inspector.full{left:auto;right:calc(8px + env(safe-area-inset-right,0px));top:calc(8px + env(safe-area-inset-top,0px));border-radius:16px;width:min(42vw,380px);max-height:none;padding-bottom:84px;bottom:8px}body.phone #inspector:before{display:none}body.phone:has(#inspector:not([hidden])) #headline{opacity:0}body.phone #toolSheet .grabber{display:none}body.phone #toolSheet:not([hidden]){border-radius:16px 0 0 16px;width:min(50vw,440px);max-height:none;top:0;left:auto;right:0}body.phone #stats,body.phone #menu{border-radius:16px;width:min(60vw,480px);max-height:none;inset:8px 8px 8px auto}}.cine-bar{z-index:40;pointer-events:none;background:#000;height:0;transition:height .8s;position:fixed;left:0;right:0;overflow:hidden}.cine-bar.top{top:0}.cine-bar.left,.cine-bar.right{width:0;height:auto;transition:none;inset:0 auto 0 0}.cine-bar.right{left:auto;right:0}body.cinematic .cine-bar.left,body.cinematic .cine-bar.right{width:4px;height:auto}.cine-bar.bottom{align-items:center;padding:0 clamp(16px,4vw,48px);display:flex;bottom:0}body.cinematic .cine-bar{height:9vh}#cineCaption{color:#fff1e8;letter-spacing:.04em;opacity:0;font-size:20px;transition:opacity .6s}body.cinematic #cineCaption{opacity:1}body.cinematic #topbar,body.cinematic #feed,body.cinematic #tools,body.cinematic #hint,body.cinematic #headline,body.cinematic #inspector,body.cinematic #stats,body.cinematic #menu,body.cinematic #version,body.cinematic #toolFab,body.cinematic #grace,body.cinematic #prayers,body.cinematic #speedCycle,body.cinematic #toolSheet{opacity:0;pointer-events:none;transition:opacity .8s}.cam-hint{color:var(--ink-soft);letter-spacing:.02em;white-space:nowrap;pointer-events:none;font-size:14px}.cam-hint[hidden]{display:none}.cine-bar .cam-hint{opacity:0;margin-left:auto;padding-left:16px;transition:opacity .6s}body.cinematic .cine-bar .cam-hint{opacity:1}.cam-hint.fly{left:50%;bottom:calc(124px + env(safe-area-inset-bottom,0px));z-index:12;background:var(--panel-solid);border:1px solid var(--panel-line);border-radius:999px;padding:6px 12px;position:fixed;transform:translate(-50%)}@media (max-width:720px){.cine-bar .cam-hint{font-size:13px}#cineCaption{font-size:16px}}@media (prefers-reduced-motion:reduce){.cine-bar,#cineCaption,.cine-bar .cam-hint{transition:none}}label.slider{color:var(--ink-soft);grid-template-columns:1fr auto;align-items:center;gap:4px 8px;margin-top:8px;font-size:14px;display:grid}label.slider span{grid-column:1/-1}label.slider input{width:100%;accent-color:var(--accent);min-height:32px}label.slider input:disabled{opacity:.4}