:root{--fg: rgba(255, 255, 255, .88);--fg-dim: rgba(255, 255, 255, .52);--fg-faint: rgba(255, 255, 255, .28);--glass: rgba(14, 13, 22, .34);--glass-strong: rgba(12, 11, 20, .72);--line: rgba(255, 255, 255, .11);--hover: rgba(255, 255, 255, .07);--active: rgba(255, 255, 255, .13);--serif: "Cormorant Garamond", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--ease: cubic-bezier(.22, 1, .36, 1)}body.light{--fg: rgba(28, 22, 16, .88);--fg-dim: rgba(28, 22, 16, .55);--fg-faint: rgba(28, 22, 16, .3);--glass: rgba(250, 244, 232, .4);--glass-strong: rgba(246, 240, 228, .82);--line: rgba(40, 28, 16, .12);--hover: rgba(40, 28, 16, .06);--active: rgba(40, 28, 16, .11)}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;overflow:hidden;background:#05040a;color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}body{transition:color 1.2s var(--ease)}canvas{position:fixed;inset:0;width:100vw;height:100vh;display:block;cursor:none}#ov{pointer-events:none;transition:opacity .9s var(--ease)}body.idle #ov,body.hide-ui #ov{opacity:0}body.touch canvas{cursor:default}#intro{position:fixed;inset:0;display:grid;place-content:center;text-align:center;pointer-events:none;transition:opacity 2.2s var(--ease),filter 2.2s var(--ease),transform 2.2s var(--ease)}#intro h1{margin:0;font-family:var(--serif);font-weight:300;font-style:italic;font-size:clamp(64px,13vw,168px);letter-spacing:.01em;line-height:.9;color:#ffffffeb;text-shadow:0 0 60px rgba(160,120,255,.35);animation:rise 3.2s var(--ease) both}#intro .sub{margin:22px 0 0;font-size:11px;font-weight:500;letter-spacing:.52em;text-transform:uppercase;padding-left:.52em;color:#fff9;animation:rise 3.2s .5s var(--ease) both}#intro .hint{margin:64px 0 0;font-family:var(--serif);font-style:italic;font-size:19px;color:#ffffff80;animation:rise 2.4s 1.6s var(--ease) both,breathe 4s 4s ease-in-out infinite}#intro .hint span{margin:0 .5em;opacity:.5}body.started #intro{opacity:0;filter:blur(14px);transform:scale(1.04)}#intro .legal{position:absolute;left:0;right:0;bottom:max(22px,calc(env(safe-area-inset-bottom) + 14px));margin:0;font-size:10px;font-weight:400;letter-spacing:.22em;color:#ffffff42;animation:rise 2.4s 2.2s var(--ease) both}@keyframes rise{0%{opacity:0;transform:translateY(14px);filter:blur(10px)}to{opacity:1;transform:none;filter:none}}@keyframes breathe{0%,to{opacity:1}50%{opacity:.35}}#card{position:fixed;top:max(28px,env(safe-area-inset-top));left:max(32px,env(safe-area-inset-left));pointer-events:none;opacity:0;filter:blur(8px);transform:translateY(-6px);transition:opacity 1.4s var(--ease),filter 1.4s var(--ease),transform 1.4s var(--ease);max-width:min(420px,calc(100vw - 64px))}#card.show{opacity:1;filter:none;transform:none}#card .num{font-size:10px;font-weight:500;letter-spacing:.4em;color:var(--fg-dim);margin-bottom:6px}#card .name{font-family:var(--serif);font-style:italic;font-weight:300;font-size:40px;line-height:1}#card .cap{font-family:var(--serif);font-size:18px;color:var(--fg-dim);margin-top:10px;line-height:1.35}#dock{position:fixed;left:50%;bottom:max(22px,env(safe-area-inset-bottom));transform:translate(-50%);display:flex;align-items:center;gap:2px;padding:5px;background:var(--glass);border:1px solid var(--line);border-radius:999px;backdrop-filter:blur(22px) saturate(1.5);-webkit-backdrop-filter:blur(22px) saturate(1.5);box-shadow:0 10px 40px #00000040;transition:opacity .9s var(--ease),transform .9s var(--ease),background 1.2s var(--ease),border-color 1.2s;opacity:0;pointer-events:none;max-width:calc(100vw - 32px)}body.started #dock{opacity:1;pointer-events:auto}body.started.idle #dock{opacity:0;transform:translate(-50%,10px);pointer-events:none}body.hide-ui #dock,body.hide-ui #card,body.hide-ui #toast{opacity:0!important;pointer-events:none!important}#dock .group{display:flex;gap:2px}#dock button{position:relative;width:40px;height:40px;border:0;border-radius:999px;padding:0;display:grid;place-items:center;background:transparent;color:var(--fg-dim);cursor:pointer;transition:background .3s var(--ease),color .3s var(--ease),transform .2s var(--ease);font:inherit}#dock button:hover{background:var(--hover);color:var(--fg)}#dock button:active{transform:scale(.92)}#dock button.active{background:var(--active);color:var(--fg)}#dock button:focus-visible{outline:1px solid var(--fg-dim);outline-offset:1px}#dock svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}#dock .sep{width:1px;height:20px;background:var(--line);margin:0 5px;flex:none}#dock .sep.thin{margin:0 2px;opacity:.6}#sym span{font-size:12px;font-weight:500;letter-spacing:.04em}#sym.active span{color:var(--fg)}#dock .q{font-family:var(--serif);font-style:italic;font-size:21px;line-height:1}#dock .world{display:flex;align-items:center}#dock .world button{width:30px}#wname{font-family:var(--serif);font-style:italic;font-size:19px;min-width:76px;text-align:center;color:var(--fg);transition:opacity .4s var(--ease)}#sound .off,#sound.muted .on{display:none}#sound.muted .off{display:block}#dock button[data-tip]:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%,4px);white-space:nowrap;font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--fg);background:var(--glass-strong);border:1px solid var(--line);padding:6px 10px;border-radius:8px;opacity:0;pointer-events:none;transition:opacity .25s var(--ease),transform .25s var(--ease);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}#dock button[data-tip]:hover:after{opacity:1;transform:translate(-50%);transition-delay:.35s}body.touch #dock button[data-tip]:after{display:none}.pop{position:fixed;z-index:5;width:288px;padding:14px;border-radius:16px;background:var(--glass-strong);border:1px solid var(--line);color:var(--fg);backdrop-filter:blur(26px) saturate(1.4);-webkit-backdrop-filter:blur(26px) saturate(1.4);box-shadow:0 20px 60px #0000004d;font:500 12px var(--sans);animation:rise .35s var(--ease) both;max-height:calc(100vh - 120px);overflow:auto}.pop .pt{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--fg-dim);margin-bottom:8px}.pop .pt.sub{margin:14px 0 6px}.pop button{font:inherit;color:var(--fg-dim);background:transparent;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:background .2s var(--ease),color .2s var(--ease)}.pop button:hover{background:var(--hover);color:var(--fg)}.pop button.on{background:var(--active);color:var(--fg);border-color:var(--line)}.pop .seg{display:flex;gap:3px;padding:3px;border-radius:10px;border:1px solid var(--line)}.pop .seg button{flex:1;height:28px}.pop .bpm{display:flex;align-items:center;justify-content:center;gap:12px}.pop .bpm b{font:300 italic 44px var(--serif);min-width:84px;text-align:center;cursor:ns-resize;user-select:none}.pop .bpm button{width:32px;height:32px;font-size:17px}.pop .bpm .tap{width:auto;padding:0 12px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;border-color:var(--line)}.pop .hint{margin-top:12px;font-size:11px;line-height:1.5;color:var(--fg-faint);font-weight:400}#lz{pointer-events:none}body.hide-ui #lz{opacity:1}#dock #journalbtn.new:before{content:"";position:absolute;top:8px;right:8px;width:6px;height:6px;border-radius:50%;background:#ffcf8a;box-shadow:0 0 8px #ffcf8a;animation:breathe 2.4s ease-in-out infinite}#discovery{position:fixed;left:50%;top:max(26px,env(safe-area-inset-top));transform:translate(-50%,-10px);text-align:center;pointer-events:none;opacity:0;filter:blur(6px);transition:opacity 1s var(--ease),transform 1s var(--ease),filter 1s var(--ease);padding:14px 26px 16px;border-radius:18px;background:var(--glass-strong);border:1px solid var(--line);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);max-width:calc(100vw - 32px)}#discovery.show{opacity:1;transform:translate(-50%);filter:none}#discovery .dk{font:500 10px var(--sans);letter-spacing:.34em;text-transform:uppercase;color:#e8c38a}body.light #discovery .dk{color:#a4461f}#discovery .dt{font:300 italic 30px var(--serif);margin-top:4px}#discovery .dl{font:400 16px var(--serif);color:var(--fg-dim);margin-top:2px}#journal{position:fixed;inset:0;display:grid;place-items:center;padding:16px;z-index:6;background:#0000004d;animation:fade .5s var(--ease) both}body.light #journal{background:#503c1e24}.jsheet{width:min(900px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:34px 36px 30px;border-radius:22px;background:var(--glass-strong);border:1px solid var(--line);backdrop-filter:blur(30px) saturate(1.4);-webkit-backdrop-filter:blur(30px) saturate(1.4);box-shadow:0 30px 80px #00000059;animation:rise .7s var(--ease) both}.jhead{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:22px;gap:16px}.jhead h2{margin:0;font:300 italic 42px var(--serif)}.jhead span{font:500 10px var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--fg-dim)}.jgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.jcard{border:1px solid var(--line);border-radius:14px;padding:14px 16px;min-height:96px}.jcard.found{background:var(--hover)}.jcard .jt{font:500 11px var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--fg)}.jcard .jl{font:400 italic 17px var(--serif);color:var(--fg);margin:6px 0;line-height:1.3}.jcard .jn{font:400 12px var(--sans);line-height:1.5;color:var(--fg-dim)}.jcard .jd{font:500 9px var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--fg-faint);margin-top:8px}.jcard .jq{font:300 italic 28px var(--serif);color:var(--fg-faint)}.jcard .jh{font:400 italic 15px var(--serif);color:var(--fg-faint);line-height:1.35;margin-top:4px}#objpop{width:420px}#objbtn .badge{position:absolute;top:3px;right:2px;min-width:15px;height:15px;padding:0 4px;border-radius:999px;font:600 9px/15px var(--sans);color:#1a1208;background:#ffe2b0;box-shadow:0 0 8px #ffcf8acc}body.light #objbtn .badge{color:#fff6ea;background:#b0482a;box-shadow:none}#objbtn.glint{animation:glint .9s var(--ease)}@keyframes glint{0%{box-shadow:0 0 #ffdcaa00}30%{box-shadow:0 0 22px #ffdcaae6}to{box-shadow:0 0 #ffdcaa00}}.jsky .hand{font:500 10px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#e8c38a}body.light .jsky .hand{color:#a4461f}.ogrid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.ogrid button{display:grid;grid-template-columns:26px 1fr;grid-template-rows:auto auto;column-gap:10px;row-gap:2px;text-align:left;padding:10px;border:1px solid var(--line)!important;border-radius:12px}.ogrid svg{grid-row:span 2;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;align-self:center}.ogrid b{font-weight:500;color:var(--fg);display:flex;justify-content:space-between;align-items:center}.ogrid kbd{font:500 9px var(--sans);color:var(--fg-faint);border:1px solid var(--line);border-radius:4px;padding:1px 5px}.ogrid em{font:400 italic 13px var(--serif);color:var(--fg-dim);line-height:1.3}.jsky{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:-8px 0 20px;color:var(--fg-dim)}.jsky>span:first-child{font:400 italic 17px var(--serif);color:var(--fg)}.jsky .stars{display:flex;gap:5px}.jsky .stars i{width:7px;height:7px;border-radius:50%;border:1px solid var(--fg-faint)}.jsky .stars i.lit{background:#ffe2b0;border-color:#ffe2b0;box-shadow:0 0 6px #ffcf8a}body.light .jsky .stars i.lit{background:#b0482a;border-color:#b0482a;box-shadow:none}.jsky em{flex-basis:100%;font:400 italic 14px var(--serif);color:var(--fg-faint)}@media(max-width:480px){#objpop{width:calc(100vw - 32px)}.ogrid{grid-template-columns:1fr}}@media(max-width:760px){.jgrid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.jgrid{grid-template-columns:1fr}.jsheet{padding:24px 18px}}#menu{position:fixed;bottom:calc(max(22px,env(safe-area-inset-bottom)) + 62px);left:16px;min-width:228px;padding:6px;border-radius:16px;background:var(--glass-strong);border:1px solid var(--line);backdrop-filter:blur(26px) saturate(1.4);-webkit-backdrop-filter:blur(26px) saturate(1.4);box-shadow:0 20px 60px #0000004d;animation:rise .45s var(--ease) both}#menu button{display:flex;width:100%;align-items:center;justify-content:space-between;gap:24px;padding:9px 12px;border:0;border-radius:10px;background:transparent;color:var(--fg-dim);font:500 13px var(--sans);cursor:pointer;text-align:left;transition:background .25s var(--ease),color .25s var(--ease)}#menu button:hover{background:var(--hover);color:var(--fg)}#menu button.on{color:var(--fg)}#menu button.on span:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin:0 8px 1px 0}#menu button[data-act=record].on span:before{background:#ff4d5e;box-shadow:0 0 8px #ff4d5e}#menu kbd{font:500 10px var(--sans);letter-spacing:.1em;color:var(--fg-faint);border:1px solid var(--line);border-radius:5px;padding:2px 6px;min-width:20px;text-align:center}#menu hr{border:0;height:1px;background:var(--line);margin:5px 8px}#rec{position:fixed;top:max(24px,env(safe-area-inset-top));right:max(28px,env(safe-area-inset-right));display:flex;align-items:center;gap:9px;padding:7px 12px 7px 10px;border-radius:999px;background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);font:500 11px var(--sans);letter-spacing:.16em;color:var(--fg);opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .5s var(--ease),transform .5s var(--ease)}#rec i{width:8px;height:8px;border-radius:50%;background:#ff4d5e;box-shadow:0 0 10px #ff4d5e;animation:breathe 1.6s ease-in-out infinite}body.recording #rec{opacity:1;transform:none}body:after{content:"";position:fixed;inset:0;pointer-events:none;box-shadow:inset 0 0 #0000;transition:box-shadow 1.2s var(--ease)}body.slow:after{box-shadow:inset 0 0 180px 40px #00000073}body.light.slow:after{box-shadow:inset 0 0 180px 40px #3c281433}.sheet>.close{position:sticky;top:0;float:right;z-index:2;width:40px;height:40px;margin:-22px -24px -18px 8px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;cursor:pointer;background:var(--glass-strong);color:var(--fg-dim);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:color .3s var(--ease)}.sheet>.close:hover{color:var(--fg)}.sheet>.close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round}body.phone .sheet>.close{width:44px;height:44px;margin:-18px -14px -26px 8px}#help{position:fixed;inset:0;display:grid;place-items:center;padding:16px;background:#00000040;animation:fade .5s var(--ease) both}body.light #help{background:#503c1e1f}#help .sheet{width:min(820px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:36px 40px 30px;border-radius:22px;background:var(--glass-strong);border:1px solid var(--line);backdrop-filter:blur(30px) saturate(1.4);-webkit-backdrop-filter:blur(30px) saturate(1.4);box-shadow:0 30px 80px #00000059;animation:rise .7s var(--ease) both}#help h2{margin:0;font-family:var(--serif);font-style:italic;font-weight:300;font-size:44px;line-height:1}#help .lede{font-family:var(--serif);font-size:19px;line-height:1.45;color:var(--fg-dim);margin:14px 0 26px}#help .cols{display:grid;grid-template-columns:1fr 1fr;gap:10px 36px}#help h3{margin:0 0 12px;font-family:var(--serif);font-style:italic;font-weight:300;font-size:22px;color:var(--fg)}#help dl+h3{margin-top:26px}#help dl{margin:0;display:grid;grid-template-columns:8.2em 1fr;gap:10px 16px;align-content:start}#help dt{font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--fg);padding-top:3px}#help dd{margin:0;font-size:13px;line-height:1.45;color:var(--fg-dim)}#help .foot{margin:28px 0 0;padding-top:18px;border-top:1px solid var(--line);font-family:var(--serif);font-style:italic;font-size:16px;color:var(--fg-dim)}#help .legal{margin:14px 0 0;font-size:10px;letter-spacing:.16em;color:var(--fg-faint)}#stats{font-family:var(--sans);font-style:normal;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-faint);float:right;padding-top:4px}@keyframes fade{0%{opacity:0}}#toast{position:fixed;left:50%;bottom:calc(max(22px,env(safe-area-inset-bottom)) + 124px);transform:translate(-50%);font-family:var(--serif);font-style:italic;font-size:25px;color:var(--fg);text-shadow:0 0 30px rgba(0,0,0,.35);pointer-events:none;opacity:0;transition:opacity .6s var(--ease),filter .6s var(--ease);filter:blur(6px);width:max-content;max-width:min(760px,calc(100vw - 32px));text-align:center;line-height:1.3}body.light #toast{text-shadow:0 0 30px rgba(255,250,240,.8)}#toast.show{opacity:.9;filter:none}#cursor{position:fixed;left:0;top:0;width:30px;height:30px;margin:-15px 0 0 -15px;pointer-events:none;border-radius:50%;border:1px solid rgba(255,255,255,.7);mix-blend-mode:difference;transition:opacity .4s var(--ease),width .25s var(--ease),height .25s var(--ease),margin .25s var(--ease);opacity:0;--charge: 0}#cursor.visible{opacity:1}body.idle #cursor{opacity:0}body.touch #cursor{display:none}#cursor i{position:absolute;inset:0;margin:auto;border-radius:50%;background:#ffffffd9;width:3px;height:3px}#cursor.vortex{border-style:dashed;animation:spin 2.4s linear infinite}#cursor.well{width:22px;height:22px;margin:-11px 0 0 -11px}#cursor.well i{width:5px;height:5px}#cursor.well:after{content:"";position:absolute;left:50%;top:50%;width:100%;height:100%;border-radius:50%;border:1px solid rgba(255,255,255,.55);transform:translate(-50%,-50%) scale(calc(1 + var(--charge) * 2.4));opacity:calc(.15 + var(--charge) * .6)}#cursor.burst{width:14px;height:14px;margin:-7px 0 0 -7px}#cursor.stone{border-color:#ffffff73;transition:opacity .4s var(--ease)}#cursor.stone i{opacity:.5}#cursor.spring i{width:5px;height:5px;background:transparent;border:1px solid rgba(255,255,255,.85)}#cursor.down:not(.stone){width:22px;height:22px;margin:-11px 0 0 -11px}#press{position:fixed;left:0;top:0;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;border:1.5px solid var(--fg-dim);pointer-events:none;opacity:0;transform:scale(2)}#press.on{opacity:1;transform:scale(1);transition:transform .45s var(--ease),opacity .45s var(--ease)}#press.off{opacity:0;transform:scale(.7);transition:transform .3s var(--ease),opacity .3s var(--ease)}@keyframes spin{to{transform:rotate(360deg)}}#fallback{position:fixed;inset:0;display:grid;place-content:center;text-align:center;padding:24px}#fallback h1{font-family:var(--serif);font-style:italic;font-weight:300;font-size:64px;margin:0 0 12px}#fallback p{font-family:var(--serif);font-size:20px;color:var(--fg-dim);max-width:520px;line-height:1.4}@media(max-width:560px){#dock{gap:0;padding:4px}#dock button{width:36px;height:36px}#dock .world button{width:24px}#dock .sep{margin:0 2px}#wname{min-width:58px;font-size:17px}#dock .sep.thin{display:none}#card{left:16px;top:max(16px,env(safe-area-inset-top))}#card .name{font-size:32px}#card .cap{font-size:16px}#help .sheet{padding:26px 22px}#help .cols{grid-template-columns:1fr}}@media(max-width:480px){#dock .world button{display:none}#wname{min-width:0;padding:0 4px;font-size:15px}}body.night>:not(#c):not(#veil):not(#nightpanel):not(script){opacity:0!important;pointer-events:none!important;transition:opacity 3s var(--ease)}body.night,body.night #c{cursor:default}body.night.still,body.night.still #c{cursor:none}#veil{position:fixed;inset:0;background:#000;opacity:0;pointer-events:none}#nightpanel{position:fixed;left:50%;bottom:12vh;transform:translate(-50%);z-index:5;display:grid;gap:12px;justify-items:center;padding:18px 22px;border-radius:18px;background:#140a068c;border:1px solid rgba(255,170,120,.08);color:#ffbe968c;font-size:12px;letter-spacing:.04em;animation:fade 1.2s var(--ease) both}#nightpanel .nt{font-family:var(--serif);font-style:italic;font-size:18px;color:#ffc8a099}#nightpanel .nh{font-size:11px;color:#ffbe9666}#nightpanel .seg{display:flex;gap:4px}#nightpanel button{font:inherit;color:inherit;background:transparent;border:1px solid rgba(255,170,120,.1);border-radius:999px;padding:6px 12px;cursor:pointer}#nightpanel button.on{background:#ffaa781f;color:#ffd2afbf}#nightpanel .wake{margin-top:2px}#nightpanel .nw{align-items:center;gap:10px}#nightpanel .nw span{min-width:72px;text-align:center;font-family:var(--serif);font-style:italic;font-size:15px}#nightpanel .nw button{padding:4px 10px}#nightpanel .nv{display:flex;align-items:center;gap:10px}#nightpanel input[type=range]{width:160px;accent-color:rgba(255,170,120,.55)}.volwrap{position:relative;display:flex;align-items:center}.volpop{position:absolute;left:50%;bottom:100%;width:44px;height:150px;padding-bottom:12px;transform:translate(-50%,6px);opacity:0;pointer-events:none;transition:opacity .25s var(--ease),transform .25s var(--ease)}.volpop:before{content:"";position:absolute;inset:0 4px 12px;border-radius:999px;background:var(--glass-strong);border:1px solid var(--line);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.volwrap:hover .volpop,.volpop:focus-within{opacity:1;pointer-events:auto;transform:translate(-50%)}.volwrap:hover #sound:after{display:none}#vol{position:absolute;left:50%;top:69px;width:104px;margin:0;transform:translate(-50%,-50%) rotate(-90deg)}body.touch .volpop{display:none}input.vol{-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;height:20px}input.vol::-webkit-slider-runnable-track{height:2px;border-radius:1px;background:var(--line)}input.vol::-moz-range-track{height:2px;border-radius:1px;background:var(--line)}input.vol::-moz-range-progress{height:2px;background:var(--fg-dim)}input.vol::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;margin-top:-4px;border-radius:50%;background:var(--fg-dim);border:none}input.vol::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:var(--fg-dim);border:none}input.vol:hover::-webkit-slider-thumb{background:var(--fg)}input.vol:hover::-moz-range-thumb{background:var(--fg)}.pop input.vol.wide{width:100%}body:not(.phone) .phone-only{display:none!important}body.touch .desk-only{display:none!important}body:not(.touch) .touch-only{display:none!important}body.touch{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}body.phone #dock{bottom:max(12px,env(safe-area-inset-bottom));gap:2px;padding:4px 6px;max-width:calc(100vw - 16px)}body.phone #dock .group,body.phone #sym,body.phone .volwrap,body.phone #journalbtn,body.phone #musicbtn,body.phone #dock .sep{display:none}body.phone #dock button{width:44px;height:44px}body.phone #toolbtn{order:1;display:grid}body.phone #objbtn{order:2}body.phone #dock .world{order:3;margin:0 4px}body.phone #dock .world button{display:grid;width:32px;height:44px}body.phone #wname{min-width:84px;padding:0 2px;font-size:18px}body.phone #moon{order:4}body.phone #more{order:5}body.phone.sheet-open #dock{opacity:0!important;pointer-events:none!important}body.phone .pop,body.phone #menu{left:8px!important;right:8px!important;top:auto!important;width:auto!important;bottom:calc(max(12px,env(safe-area-inset-bottom)) + 62px)!important;max-height:calc(100dvh - max(12px,env(safe-area-inset-bottom)) - 62px - max(16px,env(safe-area-inset-top)))!important;overflow:auto;border-radius:20px;padding:14px}body.phone .ogrid{grid-template-columns:1fr}body.phone .ogrid button{min-height:52px}body.phone #menu button{padding:13px 14px;font-size:15px}body.touch #menu kbd,body.touch .ogrid kbd:not(.hand),.ogrid kbd:empty{display:none}#menu .st{font:500 12px var(--sans);font-style:normal;color:var(--fg-faint)}#menu .mvol{padding:2px 14px 10px}#menu .mvol input{width:100%}#toolpop .ogrid button.on{background:var(--active)}#toolpop .ogrid b{display:block}body.phone #journal,body.phone #help{padding:max(10px,env(safe-area-inset-top)) 8px max(10px,env(safe-area-inset-bottom));place-items:stretch}body.phone .jsheet,body.phone #help .sheet{width:100%;max-height:none;padding:26px 20px 30px}body.phone .jhead{flex-direction:column;align-items:flex-start;gap:6px}body.phone .jhead h2{font-size:34px}body.phone #help h2{font-size:36px}body.phone #help .lede{font-size:17px}@media(max-height:500px){body.phone #card .name{font-size:26px}body.phone #card .cap{font-size:14px}body.phone #dock{bottom:max(8px,env(safe-area-inset-bottom));padding:2px 6px}}body.welling #cursor{opacity:0!important;transition:opacity .4s var(--ease)}