:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--abyss:#03161d;--space:#040a12;--ink:#e2f4f0;--ink-dim:#d6eee9a8;--ink-faint:#d6eee95c;--glass:#051d2580;--glass-hi:#14464ea8;--line:#b4ece22e;--accent:#8fe8d8;--lamp:#ffd98f;--reef:#5fe0c8;--f-display:"Cormorant SC", "Cormorant Garamond", Georgia, serif;--f-body:"Zen Kaku Gothic New", "Hiragino Sans", "Noto Sans JP", system-ui, sans-serif;--f-mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace}[hidden]{display:none!important}html,body{background:var(--space);height:100%;color:var(--ink);font-family:var(--f-body);margin:0;overflow:hidden}canvas#scene{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:fixed;inset:0}canvas#scene:active{cursor:grabbing}body.idle canvas#scene{cursor:none}button{font-family:inherit}#vignette{pointer-events:none;background:radial-gradient(120% 95% at 50% 45%,#0000 55%,#010c108c 100%);transition:opacity .6s;position:fixed;inset:0}body.mode-globe #vignette{opacity:0}.g-ui{transition:opacity .5s}body:not(.mode-globe) .g-ui{opacity:0;pointer-events:none!important}body:not(.mode-globe) .g-ui *{pointer-events:none!important}#picker{top:calc(24px + env(safe-area-inset-top,0px));left:28px;bottom:calc(24px + env(safe-area-inset-bottom,0px));scrollbar-width:thin;flex-direction:column;gap:18px;width:min(380px,36vw);padding-right:4px;display:flex;position:fixed;overflow-y:auto}#picker .name{font-family:var(--f-display);letter-spacing:.32em;align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}#picker .name:before{content:"";background:var(--ink-dim);width:22px;height:1px}#picker h1{letter-spacing:.08em;text-wrap:balance;margin:0;font-size:26px;font-weight:500}#picker p.lead{color:var(--ink-dim);max-width:34em;margin:0;font-size:12.5px;line-height:1.8}#locList{gap:10px;margin:0;padding:0;list-style:none;display:grid}.loc{text-align:left;appearance:none;cursor:pointer;width:100%;color:var(--ink);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);background:#081a249e;border-radius:12px;gap:6px;padding:14px 16px;transition:border-color .2s,background .2s;display:grid}.loc:hover,.loc.hot{background:#0c2c36b8;border-color:#8fe8d88c}.loc:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.loc .rg{font:500 10px/1 var(--f-mono);letter-spacing:.16em;color:var(--ink-faint);text-transform:uppercase}.loc .nm{letter-spacing:.06em;font-size:18px;font-weight:700}.loc .nm small{color:var(--ink-dim);letter-spacing:.04em;margin-left:8px;font-size:12.5px;font-weight:400}.loc .meta{font:400 10.5px/1.5 var(--f-mono);color:var(--ink-dim);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:4px 12px;display:flex}.loc .bl{color:var(--ink-dim);font-size:12px;line-height:1.7}.loc .chips{flex-wrap:wrap;gap:5px;margin-top:2px;display:flex}.loc .chips span{color:var(--ink);border:1px solid var(--line);background:#5fe0c80f;border-radius:20px;padding:3px 8px;font-size:11px}.loc .go{color:var(--accent);letter-spacing:.08em;margin-top:2px;font-size:11.5px}#picker .foot{color:var(--ink-faint);font-size:11px;line-height:1.7}#pins{pointer-events:none;position:fixed;inset:0}.pin{pointer-events:auto;appearance:none;cursor:pointer;color:var(--ink);transform-origin:7px;will-change:transform;background:0 0;border:0;align-items:center;gap:8px;padding:0;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.pin i{border:2px solid var(--reef);width:12px;height:12px;box-shadow:0 0 12px var(--reef);background:#5fe0c840;border-radius:50%;flex:none}.pin span{letter-spacing:.06em;border:1px solid var(--line);white-space:nowrap;background:#041018b8;border-radius:6px;padding:4px 9px;font-size:12.5px;font-weight:500}.pin:hover span,.pin.hot span{border-color:var(--reef)}.pin:focus-visible span{outline:1px solid var(--accent)}.pin.back{opacity:0;pointer-events:none}.pin.below span{position:absolute;top:17px;right:-2px}.hud{pointer-events:none;transition:opacity .5s;position:fixed}body.mode-globe .hud,body.hud-off .hud{opacity:0}body.mode-globe .hud *,body.hud-off .hud *{pointer-events:none!important}#brand{top:calc(14px + env(safe-area-inset-top,0px));gap:3px;display:grid;left:18px}#brand .name{font-family:var(--f-display);letter-spacing:.32em;align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}#brand .name:before{content:"";background:var(--ink-dim);width:22px;height:1px}#brand .sub{letter-spacing:.1em;color:var(--ink);padding-left:32px;font-size:12px}#brand .coord{font:400 10px/1 var(--f-mono);letter-spacing:.1em;color:var(--ink-faint);padding-left:32px}#tele{top:calc(78px + env(safe-area-inset-top,0px));font-family:var(--f-mono);font-variant-numeric:tabular-nums;grid-template-columns:auto auto;gap:3px 14px;margin:0;padding:10px 14px 10px 32px;font-size:11.5px;display:grid;left:18px}#tele dt{color:var(--ink-faint);letter-spacing:.14em;align-self:center;font-size:10px}#tele dd{text-align:right;margin:0}#tele dd small{color:var(--ink-dim);margin-left:3px;font-size:10px}#rec{bottom:calc(26px + env(safe-area-inset-bottom,0px));font-family:var(--f-mono);letter-spacing:.14em;color:var(--ink-dim);align-items:center;gap:8px;font-size:10.5px;display:flex;left:18px}#rec i{background:var(--accent);width:7px;height:7px;box-shadow:0 0 8px var(--accent);border-radius:50%;animation:2.4s ease-in-out infinite blink}@keyframes blink{50%{opacity:.25}}#compass{top:calc(14px + env(safe-area-inset-top,0px));width:min(300px,40vw);height:34px;left:50%;overflow:hidden;transform:translate(-50%);-webkit-mask-image:linear-gradient(90deg,#0000,#000 22% 78%,#0000);mask-image:linear-gradient(90deg,#0000,#000 22% 78%,#0000)}#compass .strip{will-change:transform;height:100%;position:absolute;top:0;left:0}#compass .tk{background:var(--ink-faint);width:1px;height:6px;position:absolute;top:0}#compass .tk.major{background:var(--ink-dim);height:10px}#compass .lb{font-family:var(--f-mono);letter-spacing:.08em;color:var(--ink-dim);font-size:10px;position:absolute;top:12px;transform:translate(-50%)}#compass .lb.card{color:var(--ink)}#compass:after{content:"";border-left:4px solid #0000;border-right:4px solid #0000;border-top:5px solid var(--accent);position:absolute;top:0;left:50%;transform:translate(-50%)}#hdgnum{top:calc(50px + env(safe-area-inset-top,0px));font-family:var(--f-mono);color:var(--accent);font-variant-numeric:tabular-nums;letter-spacing:.1em;font-size:11px;left:50%;transform:translate(-50%)}#toast{left:50%;top:calc(58px + env(safe-area-inset-top,0px));text-align:center;opacity:0;text-shadow:0 1px 3px #000a14b3;pointer-events:none;gap:2px;max-width:min(420px,100vw - 40px);transition:opacity 1.2s,transform 1.2s;display:grid;transform:translate(-50%,-4px)}#toast.on{opacity:.66;transform:translate(-50%)}body.hud-off #toast.on{opacity:.62}#toast .k{font:500 8.5px/1 var(--f-mono);letter-spacing:.2em;color:var(--accent);opacity:.75}#toast .t{letter-spacing:.04em;font-size:11.5px;font-weight:500;line-height:1.5}body:has(#rare.on) #toast{opacity:0!important}#toast .s{color:var(--ink-dim);font-size:10px;font-style:italic}#toast .s:empty{display:none}#toast.go{pointer-events:auto;cursor:pointer}#toast.go .t:after{content:"  ›  見に行く";color:var(--accent);font-size:10.5px}#evMark{pointer-events:auto;cursor:pointer;opacity:.7;z-index:5;background:0 0;border:0;width:44px;height:44px;margin:-22px 0 0 -22px;padding:0;transition:opacity .6s;position:fixed;top:0;left:0}#evMark i{border:1.5px solid var(--accent);border-radius:50%;animation:2.2s ease-out infinite evPulse;position:absolute;inset:8px;box-shadow:0 0 10px #78f0dc66}#evMark.edge i{transform:rotate(var(--rot,-45deg));border-width:0 2px 2px 0;border-radius:2px;animation:none;inset:14px}@keyframes evPulse{0%{opacity:1;transform:scale(.7)}to{opacity:0;transform:scale(1.35)}}#guide .go{appearance:none;border:1px solid var(--line);color:var(--accent);font:500 11px/1 var(--f-body);letter-spacing:.06em;cursor:pointer;background:0 0;border-radius:6px;grid-column:2;justify-self:start;margin-top:3px;padding:5px 9px}#guide .go:hover{background:#a0e6dc14}#guide .places{margin-bottom:12px}#guide li .pic{aspect-ratio:176/104;background:radial-gradient(at 50% 40%,#78c8dc24,#001e3200 70%);border-radius:8px;grid-column:1/-1;width:100%;max-width:180px;height:auto;margin:2px 0 4px}#guide li:not(.seen) .pic{filter:brightness(0)opacity(.45)}#dock{left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.group{pointer-events:auto;background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px)saturate(1.2);border-radius:10px;flex-wrap:wrap;padding:3px;display:flex}.group button{appearance:none;color:var(--ink-dim);font:500 12px/1 var(--f-body);letter-spacing:.06em;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:7px;align-items:center;gap:7px;padding:9px 12px;display:flex}.group button:hover{color:var(--ink);background:#a0e6dc14}.group button:focus-visible{outline:1px solid var(--accent);outline-offset:1px}.group button[aria-pressed=true]{background:var(--glass-hi);color:var(--ink)}.group button kbd{font:400 9.5px/1 var(--f-mono);color:var(--ink-faint);border:1px solid var(--line);border-radius:3px;padding:2px 4px}#btnLamp[aria-pressed=true]{color:var(--lamp)}#btnLamp[aria-pressed=true] .dot{background:var(--lamp);box-shadow:0 0 6px var(--lamp)}.dot{background:var(--ink-faint);border-radius:50%;width:6px;height:6px}button[aria-pressed=true] .dot{background:var(--accent);box-shadow:0 0 6px var(--accent)}#seenCount{font:400 10px/1 var(--f-mono);color:var(--accent)}#hint{left:50%;bottom:calc(66px + env(safe-area-inset-bottom,0px));color:var(--ink-dim);letter-spacing:.06em;text-align:center;text-shadow:0 1px 6px #00000080;width:max-content;max-width:calc(100vw - 32px);font-size:11.5px;transform:translate(-50%)}#guide{top:calc(46px + env(safe-area-inset-top,0px));right:16px;bottom:calc(76px + env(safe-area-inset-bottom,0px));border:1px solid var(--line);pointer-events:auto;contain:content;scrollbar-width:thin;background:#04141ce6;border-radius:12px;flex-direction:column;gap:12px;width:min(320px,100vw - 32px);padding:14px 16px;display:flex;overflow-y:auto}#guide h2{letter-spacing:.08em;justify-content:space-between;align-items:baseline;gap:10px;margin:0;font-size:15px;font-weight:700;display:flex}#guide h2 span{font:400 11px/1 var(--f-mono);color:var(--accent)}#guide h3{font:500 10px/1 var(--f-mono);letter-spacing:.18em;color:var(--ink-faint);text-transform:uppercase;margin:6px 0 0}#guide ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}#guide li{grid-template-columns:12px 1fr;gap:2px 10px;display:grid}#guide li i{border:1px solid var(--ink-faint);border-radius:50%;width:8px;height:8px;margin-top:5px}#guide li.seen i{background:var(--accent);border-color:var(--accent);box-shadow:0 0 6px var(--accent)}#guide li b{letter-spacing:.04em;font-size:13px;font-weight:500}#guide li:not(.seen) b{color:var(--ink-dim)}#guide li em{color:var(--ink-faint);grid-column:2;font-size:10.5px}#guide li p{color:var(--ink-dim);grid-column:2;margin:0;font-size:11.5px;line-height:1.65}#guide li.benthic i{border-color:var(--reef);background:#5fe0c833;border-radius:2px}#reveal{top:calc(12px + env(safe-area-inset-top,0px));pointer-events:auto;opacity:0;appearance:none;border:1px solid var(--line);background:var(--glass);color:var(--ink-dim);font:500 11px/1 var(--f-mono);letter-spacing:.12em;cursor:pointer;border-radius:7px;padding:7px 10px;transition:opacity .4s;position:fixed;right:14px}body.hud-off:not(.idle) #reveal{opacity:.7}#reveal:focus-visible{opacity:1;outline:1px solid var(--accent)}body:not(.hud-off) #reveal,body.mode-globe #reveal{display:none}#joy{left:calc(24px + env(safe-area-inset-left,0px));bottom:calc(96px + env(safe-area-inset-bottom,0px));border:1px solid var(--line);pointer-events:auto;touch-action:none;background:#051d2547;border-radius:50%;width:116px;height:116px}#joy i{background:var(--glass-hi);border:1px solid var(--line);border-radius:50%;width:44px;height:44px;margin:-22px 0 0 -22px;position:absolute;top:50%;left:50%}#vbtns{right:calc(24px + env(safe-area-inset-right,0px));bottom:calc(100px + env(safe-area-inset-bottom,0px));gap:10px;display:grid}#vbtns button{pointer-events:auto;touch-action:none;border:1px solid var(--line);background:var(--glass);width:54px;height:54px;color:var(--ink);font:500 11px/1.2 var(--f-body);border-radius:50%}#veil{text-align:center;opacity:0;pointer-events:none;background:radial-gradient(at 50% 40%,#0c5566 0%,#06303d 45%,#021319 100%);place-items:center;padding-inline:24px;transition:opacity .7s;display:grid;position:fixed;inset:0}#veil.on{opacity:1;pointer-events:auto}#veil .k{font:500 10.5px/1 var(--f-mono);letter-spacing:.3em;color:var(--accent)}#veil .t{letter-spacing:.12em;margin-top:12px;font-size:22px;font-weight:500}#veil .s{color:var(--ink-dim);letter-spacing:.06em;margin-top:8px;font-size:12px}#err{text-align:center;background:var(--abyss);place-items:center;padding-inline:24px;font-size:14px;line-height:1.8;display:grid;position:fixed;inset:0}@media (max-width:760px){#picker{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);background:#040c14b3;border-radius:14px;gap:12px;width:auto;max-height:50%;padding:14px 14px 4px;top:auto;left:12px;right:12px}#picker h1{font-size:19px}#picker p.lead,#picker .foot{display:none}.loc{padding:11px 13px}.loc .nm{font-size:16px}.loc .bl{display:none}#tele{top:calc(80px + env(safe-area-inset-top,0px));padding-left:14px;font-size:10.5px;left:10px}#brand{left:14px}#compass{top:calc(62px + env(safe-area-inset-top,0px));width:46vw;left:auto;right:12px;transform:none}#hdgnum{top:calc(98px + env(safe-area-inset-top,0px));left:auto;right:calc(12px + 23vw);transform:translate(50%)}#toast{top:calc(120px + env(safe-area-inset-top,0px));max-width:80vw}.group button{padding:8px 9px;font-size:11.5px}.group button kbd{display:none}#hint{bottom:calc(112px + env(safe-area-inset-bottom,0px))}#joy,#vbtns{bottom:calc(150px + env(safe-area-inset-bottom,0px))}#guide{top:calc(120px + env(safe-area-inset-top,0px));bottom:calc(120px + env(safe-area-inset-bottom,0px))}}@media (prefers-reduced-motion:reduce){#rec i{animation:none}}.group .moon{font:400 10.5px/1 var(--f-mono);color:var(--ink-faint);white-space:nowrap;align-self:center;padding:0 10px 0 2px}#btnTime .clk{font:500 13px/1 var(--f-mono);color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:.04em}#btnTime .sub{font:400 10px/1 var(--f-mono);color:var(--lamp)}#btnTime.live .sub{color:var(--accent)}#btnTime[aria-expanded=true]{background:var(--glass-hi);color:var(--ink)}#timePanel{left:50%;bottom:calc(70px + env(safe-area-inset-bottom,0px));pointer-events:auto;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);background:#04161ed1;border-radius:12px;gap:10px;width:min(440px,100vw - 32px);padding:14px 16px;display:grid;transform:translate(-50%)}#timePanel .tp-head{letter-spacing:.08em;justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:700;display:flex}#timePanel .tp-label{font:500 10px/1 var(--f-mono);letter-spacing:.18em;color:var(--ink-faint)}#timePanel .tp-row{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}#timePanel .tp-row.seasons{grid-template-columns:repeat(5,1fr)}#timePanel #clockDate{color:var(--ink-dim);letter-spacing:.06em;margin-left:8px}#timePanel button{appearance:none;border:1px solid var(--line);color:var(--ink);cursor:pointer;font:500 12.5px/1.2 var(--f-body);letter-spacing:.06em;background:#a0e6dc0a;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:9px 6px;display:flex}#timePanel .tp-head button{color:var(--ink-dim);flex-direction:row;padding:7px 10px;font-size:11.5px}#timePanel button:hover{border-color:#8fe8d880}#timePanel button:focus-visible{outline:1px solid var(--accent);outline-offset:1px}#timePanel button[aria-pressed=true]{background:var(--glass-hi);border-color:var(--accent);color:var(--ink)}#timePanel button.now{border-color:#ffd98f99}#timePanel button small{font:400 9.5px/1 var(--f-mono);color:var(--ink-faint)}#timePanel button kbd{font:400 9px/1 var(--f-mono);color:var(--ink-faint);border:1px solid var(--line);border-radius:3px;padding:1px 3px}#timePanel .tp-wx{color:var(--ink-dim);margin:0;font-size:11.5px;line-height:1.6}#timePanel .tp-wx b{color:var(--accent);font-weight:500}#timePanel .tp-note{color:var(--ink-faint);margin:0;font-size:11px;line-height:1.7}.loc .now{font:400 11px/1.4 var(--f-mono);color:var(--lamp)}.pin span small{font:400 10.5px/1 var(--f-mono);color:var(--lamp);margin-left:4px}@media (max-width:760px){.group .moon{display:none}#timePanel{bottom:calc(116px + env(safe-area-inset-bottom,0px))}#timePanel .tp-row.speeds{grid-template-columns:repeat(2,1fr)}}#guide li .st{color:var(--lamp);grid-column:2;font-size:11px}#guide .tabs{border-bottom:1px solid var(--line);gap:4px;margin:-4px -4px 0;padding-bottom:8px;display:flex}#guide .tabs button{appearance:none;color:var(--ink-dim);font:500 12.5px/1 var(--f-body);letter-spacing:.06em;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:6px;padding:8px 10px;display:flex}#guide .tabs button[aria-selected=true]{background:var(--glass-hi);color:var(--ink)}#guide .tabs button:focus-visible{outline:1px solid var(--accent)}#guide .tabs kbd{font:400 9px/1 var(--f-mono);color:var(--ink-faint);border:1px solid var(--line);border-radius:3px;padding:1px 3px}#guide .sum{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}#guide .sum span{border:1px solid var(--line);color:var(--ink-dim);border-radius:8px;justify-items:center;gap:3px;padding:7px 2px;font-size:10.5px;display:grid}#guide .sum b{font:500 16px/1 var(--f-mono);color:var(--ink);font-variant-numeric:tabular-nums}#guide ol.log{gap:9px;margin:0;padding:0;list-style:none;display:grid}#guide ol.log li{grid-template-columns:42px auto 1fr;align-items:baseline;gap:8px;display:grid}#guide ol.log time{font:400 11px/1 var(--f-mono);color:var(--ink-faint);font-variant-numeric:tabular-nums}#guide ol.log p{color:var(--ink);grid-column:3;margin:0;font-size:12px;line-height:1.6}#guide ol.log li.ph{border-top:1px solid var(--line);grid-template-columns:42px 1fr;padding:6px 0 2px}#guide ol.log li.ph p{color:var(--lamp);grid-column:2;font-size:11.5px}#guide .kd{letter-spacing:.06em;border:1px solid var(--line);color:var(--ink-dim);white-space:nowrap;border-radius:10px;justify-self:start;padding:2px 6px;font-size:10px}#guide .kd.k-sighting{border-color:var(--accent);color:var(--accent)}#guide .kd.k-hunt,#guide .kd.k-catch{color:#ffb49e;border-color:#ff967880}#guide .kd.k-observe{color:var(--lamp);border-color:#ffd98f80}#guide p.empty{color:var(--ink-dim);margin:0;font-size:12px;line-height:1.8}@media (max-width:1480px){.group button kbd,.group .moon{display:none}}body.post.mode-ocean #vignette{opacity:0}#pip{right:16px;bottom:calc(118px + env(safe-area-inset-bottom,0px));aspect-ratio:16/10;z-index:4;pointer-events:none;border:1px solid #8fe8d873;border-radius:10px;width:min(38vw,440px);transition:opacity .3s;position:fixed;box-shadow:0 6px 24px #000a1459}#pip .k{font:500 9.5px/1 var(--f-mono);letter-spacing:.22em;color:var(--accent);text-shadow:0 1px 4px #000a19e6;position:absolute;top:8px;left:10px}#pip .t{color:var(--ink);text-shadow:0 1px 4px #000a19e6;font-size:11.5px;line-height:1.4;position:absolute;bottom:8px;left:10px;right:10px}body.mode-globe #pip{display:none}@media (max-width:700px){#pip{width:46vw;bottom:calc(150px + env(safe-area-inset-bottom,0px))}}#minimap{right:16px;top:calc(44px + env(safe-area-inset-top,0px));z-index:4;cursor:pointer;border:1px solid var(--line);background:#06162080;border-radius:10px;width:168px;height:168px;transition:opacity .4s;position:fixed;overflow:hidden;box-shadow:0 4px 16px #000a144d}#minimap canvas{width:100%;height:100%;display:block}#minimap .cr{color:#e6f5f5b3;text-shadow:0 1px 2px #000;font-size:8px;position:absolute;bottom:4px;right:6px}body.mode-globe #minimap,body.idle #minimap,body.hud-off #minimap{opacity:0;pointer-events:none}@media (max-width:700px){#minimap{width:118px;height:118px}}#bubbles{pointer-events:none;z-index:3;position:fixed;inset:0}.bubble{color:#14262c;border-top:3px solid var(--c);opacity:0;background:#fafcfaed;border-radius:12px;max-width:min(64vw,300px);padding:7px 11px 8px;font-size:12.5px;line-height:1.55;transition:opacity .35s;position:absolute;top:0;left:0;box-shadow:0 4px 18px #00141e40}.bubble b{letter-spacing:.12em;color:#5a6b70;margin-bottom:1px;font-size:10px;display:block}.bubble:after{content:"";border:6px solid #0000;border-top-color:#fafcfaed;border-bottom:0;margin-left:-6px;position:absolute;bottom:-6px;left:50%}body.mode-globe #bubbles,body.hud-off #bubbles{display:none}#guide li.res i{border:0;box-shadow:0 0 6px #ffffff4d}#guide li.res b{color:var(--ink)}#guide li .work{color:var(--accent);font-size:11px}#guide .rels{color:var(--ink-dim);flex-wrap:wrap;grid-column:2;gap:4px 10px;margin:2px 0;font-size:10.5px;display:flex}#guide .rel i{border-radius:50%;width:6px;height:6px;margin:0 4px 1px 0;display:inline-block}#guide .rel.s5{color:#ffd6a0}#guide .rel.s4{color:var(--accent)}#guide ol.diary{border-left:1px solid var(--line);color:var(--ink-dim);grid-column:2;margin:4px 0 2px;padding:0 0 0 8px;font-size:11px;line-height:1.6;list-style:none}#guide ol.diary time{font:400 10px var(--f-mono);color:var(--ink-faint);margin-right:6px}#guide ol.diary.talk{padding-left:10px}#guide .lead{color:var(--ink-dim);margin:0 0 10px;font-size:11.5px;line-height:1.7}#guide .aikey{color:var(--ink-dim);align-items:center;gap:8px;font-size:11px;display:flex}#guide .aikey input{border:1px solid var(--line);min-width:0;color:var(--ink);font:12px var(--f-mono);background:#00000040;border-radius:6px;flex:1;padding:6px 8px}#guide .aikey button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#5fe0c81f;border-radius:6px;padding:6px 12px}#tapRing{border:2px solid var(--accent);pointer-events:none;z-index:5;opacity:0;border-radius:50%;width:44px;height:44px;position:fixed;top:-22px;left:-22px}#tapRing.on{animation:.7s ease-out tapRing}@keyframes tapRing{0%{opacity:.9;scale:.4}to{opacity:0;scale:1.4}}#hoverTag{color:var(--ink);border:1px solid var(--line);pointer-events:none;z-index:5;opacity:0;white-space:nowrap;background:#041018c7;border-radius:6px;padding:4px 9px;font-size:11.5px;transition:opacity .15s;position:fixed;top:0;left:0}#hoverTag.on{opacity:1}body.mode-globe #hoverTag,body.mode-globe #tapRing{display:none}#brand #btnBack{pointer-events:auto;font:500 11px/1 var(--f-body,inherit);letter-spacing:.06em;color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a1e2873;border:1px solid #ffffff47;border-radius:999px;margin-left:4px;padding:6px 11px;transition:background .2s,border-color .2s}#brand #btnBack:hover,#brand #btnBack:focus-visible{border-color:var(--accent);color:var(--accent);background:#0a1e28b3}.name .kana{font-family:var(--f-body);letter-spacing:.3em;color:var(--ink-dim);font-size:.62em;font-weight:400}#volPanel{right:16px;bottom:calc(118px + env(safe-area-inset-bottom,0px));pointer-events:auto;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);background:#04161ed1;border-radius:12px;gap:12px;width:min(300px,100vw - 32px);padding:14px 16px;display:grid}#volPanel label{letter-spacing:.06em;color:var(--ink);grid-template-columns:4.5em 1fr 2.4em;align-items:center;gap:10px;font-size:12.5px;display:grid}#volPanel input{width:100%;accent-color:var(--accent)}#volPanel output{font:400 11px/1 var(--f-mono);color:var(--ink-dim);text-align:right}#btnVol[aria-expanded=true]{background:var(--glass-hi);color:var(--ink)}@media (max-width:760px){#volPanel{left:50%;right:auto;bottom:calc(160px + env(safe-area-inset-bottom,0px));transform:translate(-50%)}}#watchBar{top:calc(206px + env(safe-area-inset-top,0px));pointer-events:auto;flex-direction:column;gap:5px;display:flex;left:18px}#watchBar .k{font:500 9.5px/1 var(--f-mono);letter-spacing:.2em;color:var(--ink-faint);margin:0 0 2px 2px}#watchBar button{appearance:none;border:1px solid var(--line);color:var(--ink);font:500 12px/1 var(--f-body);letter-spacing:.06em;cursor:pointer;-webkit-backdrop-filter:blur(8px);background:#04161e8c;border-radius:999px;align-items:center;gap:7px;padding:6px 12px 6px 8px;display:flex}#watchBar button i{background:var(--c);width:9px;height:9px;box-shadow:0 0 6px var(--c);border-radius:50%}#watchBar button:hover{border-color:var(--c)}#watchBar button[aria-pressed=true]{border-color:var(--c);background:#04161ed9}#watchCard{right:16px;bottom:calc(132px + env(safe-area-inset-bottom,0px));pointer-events:auto;border:1px solid var(--line);border-left:3px solid var(--c);-webkit-backdrop-filter:blur(10px);background:#04161ecc;border-radius:10px;gap:7px;width:min(330px,100vw - 36px);padding:12px 14px;font-size:12px;line-height:1.6;display:grid}#watchCard .h{align-items:baseline;gap:8px;display:flex}#watchCard .h i{background:var(--c);border-radius:50%;align-self:center;width:9px;height:9px}#watchCard .h b{letter-spacing:.08em;font-size:14px}#watchCard .h span{color:var(--ink-dim)}#watchCard .m{font:400 10.5px/1.4 var(--f-mono);color:var(--ink-faint)}#watchCard .say{color:var(--ink);margin:0}#watchCard ol{color:var(--ink-dim);gap:3px;margin:0;padding:0;list-style:none;display:grid}#watchCard ol time{font:400 10px/1 var(--f-mono);color:var(--ink-faint);margin-right:6px}#watchCard .f{color:var(--ink-faint);justify-content:space-between;align-items:center;gap:10px;font-size:10.5px;display:flex}#watchCard .f button{appearance:none;border:1px solid var(--line);color:var(--ink);font:500 11px/1 var(--f-body);cursor:pointer;background:0 0;border-radius:999px;padding:5px 11px}#watchCard .f button:hover{border-color:var(--accent);color:var(--accent)}body.watching #tele,body.watching #hint{opacity:0}@media (max-width:760px){#watchBar{top:auto;bottom:calc(160px + env(safe-area-inset-bottom,0px));flex-flow:wrap;max-width:calc(100vw - 20px);left:10px}#watchBar .k{display:none}#watchCard{left:10px;right:auto;bottom:calc(200px + env(safe-area-inset-bottom,0px));width:calc(100vw - 20px)}}.bubble i.ln{letter-spacing:.08em;color:#7d9095;margin:0 0 2px;font-size:10.5px;font-style:normal;display:block}#guide section.conv{margin:0 0 14px}#guide section.conv h4{color:var(--ink-dim);letter-spacing:.06em;margin:0 0 5px;font-size:11.5px;font-weight:500}#guide section.conv h4 time{font:400 10px/1 var(--f-mono);color:var(--ink-faint);margin-right:8px}#guide section.conv ol{border-left:1px solid var(--line);gap:4px;margin:0;padding:0 0 0 10px;font-size:12px;line-height:1.6;list-style:none;display:grid}#guide section.conv li b{color:var(--c,var(--ink-dim));align-items:center;gap:5px;margin-right:6px;font-size:11px;font-weight:500;display:inline-flex}#guide section.conv li b i{background:var(--c);border-radius:50%;width:7px;height:7px}#guide section.conv li{display:block}#guide section.conv li b i{box-shadow:none;border:0;margin:0}:is(body:has(#guide:not([hidden])) #watchCard,body:has(#guide:not([hidden])) #minimap){display:none}#watchBar .row{gap:4px;display:flex}#watchBar .row button{border-color:var(--line)}#watchBar button.eye{color:var(--ink-dim);padding:6px 9px;font-size:10.5px}#watchBar .row button[aria-pressed=true]{border-color:var(--c);color:var(--ink);background:#04161ed9}#watchBar .row button i{background:var(--c);width:9px;height:9px;box-shadow:0 0 6px var(--c);border-radius:50%}#watchCard .f{flex-wrap:wrap}#pov{pointer-events:none;z-index:3;--pc:#ffd98a;--pf:var(--f-mono);color:var(--pc);font-family:var(--pf);position:fixed;inset:0}#pov[hidden],body.mode-globe #pov,body.mode-globe #povExit{display:none}#povExit{top:calc(58px + env(safe-area-inset-top,0px));pointer-events:auto;border:1px solid var(--line);color:var(--ink);font:500 11.5px/1 var(--f-body);cursor:pointer;background:#04161e99;border-radius:999px;padding:6px 12px;display:none;left:50%;transform:translate(-50%)}body.pov #povExit{display:block}body.pov #tele,body.pov #compass,body.pov #hdgnum,body.pov #hint,body.pov #watchCard,body.pov #rec{opacity:0!important}#pov .frame{border:1px solid color-mix(in srgb, var(--pc) 35%, transparent);border-radius:18px;position:absolute;inset:14px}#pov .frame:before,#pov .frame:after{content:"";border:2px solid var(--pc);opacity:.8;width:36px;height:36px;position:absolute}#pov .frame:before{border-bottom:0;border-right:0;border-top-left-radius:18px;top:-2px;left:-2px}#pov .frame:after{border-top:0;border-left:0;border-bottom-right-radius:18px;bottom:-2px;right:-2px}#pov header{white-space:nowrap;text-shadow:0 0 8px #000c;align-items:baseline;gap:14px;display:flex;position:absolute;top:30px;left:50%;transform:translate(-50%)}#pov header .t{letter-spacing:.14em;font-size:13px}#pov header .s{opacity:.7;font-size:10.5px}#pov header .st{opacity:.9;font-size:11px}#pov .plan{right:30px;bottom:calc(28px + env(safe-area-inset-bottom,0px));border-left:2px solid var(--pc);text-shadow:0 0 6px #000000e6;background:#00000059;border-radius:0 8px 8px 0;width:min(300px,44vw);padding:8px 12px;font-size:12px;line-height:1.6;position:absolute}#pov .plan .k{letter-spacing:.2em;opacity:.7;font-size:9.5px}#pov .plan .now{font-family:var(--f-body);color:#fff;margin:2px 0 4px}#pov .plan ol{margin:0;padding:0;list-style:none}#pov .plan li{opacity:.6}#pov .plan li.cur{opacity:1}#pov .mutter{left:50%;bottom:calc(150px + env(safe-area-inset-bottom,0px));text-align:center;opacity:0;text-shadow:0 0 8px #000000f2;max-width:min(520px,80vw);transition:opacity .6s,transform .6s;position:absolute;transform:translate(-50%)translateY(8px)}#pov .mutter.on{opacity:1;transform:translate(-50%)}#pov .mutter i{opacity:.7;letter-spacing:.1em;font-size:11px;font-style:normal;display:block}#pov .mutter span{font-family:var(--f-body);color:#fff;font-size:14px}#pov .mk{white-space:nowrap;text-shadow:0 0 6px #000000f2;align-items:center;gap:6px;font-size:11px;display:flex;position:absolute;top:0;left:0}#pov .mk i{border:1.5px solid var(--pc);flex:none;width:14px;height:14px;margin:-7px 0 0 -7px}#pov .mk span{transform:translateY(-7px)}#pov .mk.friend i{border-color:var(--c,var(--pc));border-radius:50%}#pov .mk.hot i{border-width:2px;width:26px;height:26px;margin:-13px 0 0 -13px;animation:1.2s ease-in-out infinite povHot}#pov .mk.hot span{color:#fff;font-weight:500}@keyframes povHot{50%{transform:scale(1.18)}}#pov.pov-dot{--pc:#ffd98a}#pov.pov-dot .frame{background:repeating-linear-gradient(0deg,#ffd98a09 0 1px,#0000 1px 3px)}#pov.pov-kame{--pc:#8fe8d0;--pf:var(--f-body)}#pov.pov-kame .mk i{border-radius:50%}#pov.pov-kame .mk.fish i{border-style:dashed}#pov.pov-lantern{--pc:#8ff6ff}#pov.pov-lantern .frame{box-shadow:inset 0 0 120px 30px #001e288c}#pov.pov-lantern .mk i{transform:rotate(45deg)scale(.8)}#pov.pov-rakko{--pc:#ffb38a;--pf:var(--f-body)}#pov.pov-rakko .frame{border-style:dashed;border-radius:40px}#pov.pov-rakko .mk i{border-style:dotted;border-radius:50%}#pov.pov-rakko .mk.shell i{border-color:#fff4c2;box-shadow:0 0 10px #fff4c2}@media (max-width:760px){#pov .plan{right:10px;bottom:calc(210px + env(safe-area-inset-bottom,0px));width:62vw;font-size:11px}#pov header{flex-direction:column;align-items:center;gap:2px;top:64px}#povExit{top:calc(110px + env(safe-area-inset-top,0px))}}body.pov #minimap{opacity:.5}#guide ul.plain{margin:0 0 8px;padding:0;font-size:12px;line-height:1.8;list-style:none}#guide ul.plain li{display:block}#guide ul.plain small{color:var(--ink-faint);font-size:10.5px}#pov .mk.drift i{border-color:#fff;box-shadow:0 0 10px #fff}body.pov #brand,body.pov #tele,body.pov #rec,body.pov #compass,body.pov #hdgnum,body.pov #hint,body.pov #toast,body.pov #watchCard,body.pov #evMark,body.pov #pip,body.pov:not(.pov-ui) #dock,body.pov:not(.pov-ui) #minimap{opacity:0!important;pointer-events:none!important}body.pov:not(.pov-ui) #dock *{pointer-events:none!important}#povMenu{top:calc(12px + env(safe-area-inset-top,0px));pointer-events:auto;border:1px solid var(--line);color:var(--ink);font:500 11.5px/1 var(--f-body);cursor:pointer;background:#04161e99;border-radius:999px;padding:7px 13px;display:none;right:12px}body.pov #povMenu{display:block}#povMenu[aria-pressed=true]{border-color:var(--accent)}body.pov #povExit{top:calc(12px + env(safe-area-inset-top,0px));padding:7px 13px;left:12px;transform:none}body.pov #watchBar{top:calc(52px + env(safe-area-inset-top,0px));flex-flow:wrap;gap:5px;max-width:calc(100vw - 24px);bottom:auto;left:12px}body.pov #watchBar .k,body.pov #watchBar .eye{display:none}body.pov #watchBar button{padding:5px 10px 5px 7px;font-size:11px}body.pov #watchBar .row button[data-watch]{border-color:var(--line);background:#04161e80}body.pov #pov header{top:calc(94px + env(safe-area-inset-top,0px))}body.pov.pov-ui #pov .plan,body.pov.pov-ui #pov .mutter{opacity:0}@media (max-width:760px){#pov .frame{border-radius:14px;inset:6px}#pov header{flex-direction:column;align-items:center;gap:1px}#pov header .t{font-size:11.5px}#pov header .s{display:none}#pov header .st{font-size:10px}#pov .plan{width:auto;left:12px;right:12px;bottom:calc(18px + env(safe-area-inset-bottom,0px));padding:6px 10px;font-size:11px}#pov .plan ol{flex-wrap:wrap;gap:0 10px;display:flex}#pov .mutter{bottom:calc(118px + env(safe-area-inset-bottom,0px));max-width:88vw}#pov .mutter span{font-size:13px}#pov .mk{font-size:10px}body.watching:not(.pov) #watchBar{top:calc(92px + env(safe-area-inset-top,0px));bottom:auto}body.watching #watchCard{bottom:calc(166px + env(safe-area-inset-bottom,0px));gap:5px;padding:9px 12px}body.watching #watchCard ol,body.watching #watchCard .f>span{display:none}}body.inst-off #tele,body.inst-off #locCoord,body.inst-off #compass,body.inst-off #hdgnum,body.inst-off #rec,body:not(.dock-open) #dock .opt{display:none}#btnMore{letter-spacing:0;min-width:40px;font-size:16px}#hint{opacity:0;transition:opacity 1.2s}#rare{left:50%;top:calc(64px + env(safe-area-inset-top,0px));text-align:center;-webkit-backdrop-filter:blur(6px);opacity:0;pointer-events:none;background:radial-gradient(120% 140% at 50% 0,#286e7880,#051d256b);border:1px solid #a0f0e138;border-radius:16px;width:min(420px,100vw - 32px);padding:12px 16px;transition:opacity 1.4s,transform 1.4s;transform:translate(-50%,-6px)}#rare.on{opacity:1;transform:translate(-50%)}#rare .k{font:400 9.5px/1 var(--f-mono);letter-spacing:.24em;color:var(--accent)}#rare .t{letter-spacing:.08em;color:var(--ink);text-shadow:0 0 18px #78f0dc59;margin-top:7px;font-size:17px;font-weight:500}#rare .n{color:var(--ink-dim);margin-top:6px;font-size:11.5px;line-height:1.7}body.mode-globe #rare,body.pov #rare{opacity:0!important}#caption{left:16px;bottom:calc(64px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(6px);width:min(340px,100vw - 32px);color:var(--ink);opacity:0;pointer-events:none;background:linear-gradient(#051d255c,#051d2580);border:1px solid #d6eee91a;border-radius:14px;padding:11px 14px 12px;transition:opacity 1.1s,transform 1.1s;transform:translateY(6px)}#caption.on{opacity:1;transform:none}#caption .k{font:400 9.5px/1 var(--f-mono);letter-spacing:.16em;color:var(--accent);margin-bottom:6px}#caption .t b{letter-spacing:.04em;font-size:14.5px;font-weight:500}#caption .t i{color:var(--ink-faint);margin-left:8px;font-size:10.5px;font-style:italic}#caption .s{color:var(--ink-dim);margin-top:4px;font-size:11.5px}#caption .n{color:var(--ink-dim);border-top:1px solid #d6eee914;margin-top:7px;padding-top:7px;font-size:11.5px;line-height:1.7}#caption .n:empty{display:none}@media (max-width:760px){#caption{bottom:calc(104px + env(safe-area-inset-bottom,0px));padding:9px 12px 10px}#caption .n{font-size:11px}}body.mode-globe #caption,body.hud-off #caption,body.pov #caption,body.watching #caption{opacity:0!important}#hint.on{opacity:1}body.mode-globe #hint,body.hud-off #hint{opacity:0!important}#brand .name{letter-spacing:.26em;font-size:13px}#brand .name:before{width:16px}#brand .sub{padding-left:26px;font-size:11.5px}#brand #btnBack{background:#0a1e2840;border-color:#ffffff2e;padding:4px 9px;font-size:10.5px}#minimap{top:calc(14px + env(safe-area-inset-top,0px));box-shadow:none;opacity:.72;background:0 0;border-color:#ffffff1a;border-radius:26px;transition:opacity .8s,transform .8s}#minimap:hover{opacity:.95}#minimap canvas{opacity:.82;transition:opacity .38s}#minimap.swap canvas{opacity:0}#dock{gap:4px}.group{background:#06162047;border-color:#ffffff14;border-radius:999px;padding:2px}.group button{border-radius:999px;padding:6px 11px;font-size:11.5px;transition:background .5s,color .5s}body:not(.dock-open) #dock,body:not(.dock-open) .group{flex-wrap:nowrap}#btnMore{min-width:34px;font-size:14px}@media (max-width:760px){#brand{left:12px;top:calc(12px + env(safe-area-inset-top,0px))}#brand .name{letter-spacing:.2em;gap:7px;font-size:11px}#brand .name:before{width:10px}#brand .sub{letter-spacing:.06em;padding-left:17px;font-size:10.5px}#minimap{right:12px;top:calc(12px + env(safe-area-inset-top,0px));border-radius:22px;width:104px;height:104px}#dock{left:8px;right:8px;bottom:calc(10px + env(safe-area-inset-bottom,0px))}#rec{left:14px;bottom:calc(52px + env(safe-area-inset-bottom,0px))}#caption{bottom:calc(74px + env(safe-area-inset-bottom,0px))}.group button{gap:5px;padding:6px 9px;font-size:11px}body:not(.dock-open) #clockMode,body:not(.dock-open) .group .moon{display:none}}@keyframes softIn{0%{opacity:0;filter:blur(3px);transform:translateY(6px)}to{opacity:1;filter:none;transform:none}}@keyframes softInX{0%{opacity:0;filter:blur(3px)}to{opacity:1;filter:none}}#guide:not([hidden]),#volPanel:not([hidden]),#watchCard:not([hidden]),#timePanel:not([hidden]){animation:.6s both softInX}body.dock-open #dock .opt{animation:.55s both softIn}#pov:not([hidden]),#watchBar:not([hidden]){animation:.8s both softInX}.hud{transition:opacity .9s}#diaryBook{z-index:20;place-items:center;display:grid;position:fixed;inset:0}#diaryBook[hidden]{display:none}#diaryBook .shade{-webkit-backdrop-filter:blur(4px);background:#020a108c;animation:.6s both softInX;position:absolute;inset:0}#diaryBook .book{color:#2a2a2a;border-radius:16px;flex-direction:column;width:min(640px,100vw - 24px);max-height:calc(100dvh - 40px);animation:.7s both softIn;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000073}#diaryBook nav{background:#0000000f;flex-wrap:wrap;gap:4px;padding:8px;display:flex}#diaryBook nav button{appearance:none;font:500 12px/1 var(--f-body);color:inherit;opacity:.6;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;transition:opacity .4s,background .4s;display:flex}#diaryBook nav button i{background:var(--c);border-radius:50%;width:8px;height:8px}#diaryBook nav button[aria-pressed=true]{opacity:1;background:#ffffff8c}#diaryBook nav .x{opacity:.6;margin-left:auto;font-size:18px}#diaryBook h2{font:600 13px/1.4 var(--f-body);letter-spacing:.16em;opacity:.7;margin:12px 20px 4px}#diaryBook .pg{flex:1;padding:8px 20px 16px;overflow-y:auto}#diaryBook .pg.turn{animation:.5s both softInX}#diaryBook footer{font:400 11px/1 var(--f-mono);background:#0000000d;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}#diaryBook footer button{appearance:none;font:500 12px/1 var(--f-body);color:inherit;cursor:pointer;background:0 0;border:1px solid #00000026;border-radius:999px;padding:7px 12px}#diaryBook footer button:disabled{opacity:.3;cursor:default}#diaryBook .empty{opacity:.6;font-size:13px}#diaryBook header{flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin:4px 0 12px;display:flex}#diaryBook .b-dot{font-family:var(--f-mono);background-color:#fbf8ef;background-image:linear-gradient(#5078a01f 1px,#0000 1px),linear-gradient(90deg,#5078a01f 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:14px 14px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box}.b-dot header b{letter-spacing:.08em;font-size:15px}.b-dot header span{opacity:.7;font-size:11px}.b-dot .nums{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px;display:grid}.b-dot .nums div{text-align:center;background:#fff;border:1.5px solid #2a2a2a;border-radius:4px;padding:6px}.b-dot .nums small{opacity:.7;font-size:9.5px;display:block}.b-dot .nums b{font-size:20px}.b-dot .prog{align-items:center;gap:8px;font-size:12px;display:flex}.b-dot .bar{border:1.5px solid #2a2a2a;border-radius:2px;flex:1;height:8px}.b-dot .bar i{background:#f0a93c;height:100%;display:block}.b-dot h4{letter-spacing:.2em;border-bottom:1.5px solid #2a2a2a;margin:12px 0 4px;font-size:11px}.b-dot .log{margin:0;padding:0;font-size:12px;line-height:1.9;list-style:none}.b-dot .log time{opacity:.55;margin-right:8px}.b-dot .ck{color:#c9761a;margin-right:6px}.b-dot .plan{font-size:12px}.b-dot .stamp{text-align:right;color:#c43a3a;letter-spacing:.2em;margin:4px 0 0;font-weight:700;transform:rotate(-6deg)}#diaryBook .b-kame{background:#f6f0df repeating-linear-gradient(#0000 0 23px,#3c6e782e 23px 24px);font-family:Zen Kaku Gothic New,serif}.b-kame header b{font-size:15px}.b-kame header span{opacity:.7;font-size:11px}.b-kame .cols{grid-template-columns:1fr 150px;gap:14px;display:grid}.b-kame .main p{margin:0;font-size:12px;line-height:24px}.b-kame .main time{font:400 10px var(--f-mono);color:#4d7f7a;margin-right:6px}.b-kame .add{color:#5b6d6a;font-size:11px}.b-kame .list{margin-top:6px!important}.b-kame .sum{text-align:right;opacity:.7}.b-kame aside{color:#4d6b67;border-left:1px dashed #3c6e7880;padding-left:10px;font-size:10.5px;font-style:italic;line-height:1.7}.b-kame aside p{margin:0 0 8px}#diaryBook .b-lantern{color:#d9ecff;background:linear-gradient(#0d1a33,#16264a)}#diaryBook .b-lantern nav button[aria-pressed=true]{background:#ffffff1f}#diaryBook .b-lantern footer button{border-color:#ffffff40}.b-lantern .night{text-align:center;padding:10px 0 20px}.b-lantern .sky{width:100%;max-width:420px}.b-lantern .sky circle{fill:#e8f6ff}.b-lantern .sky polyline{fill:none;stroke:#8ff6ff80;stroke-width:.8px}.b-lantern .date{font:400 11px var(--f-mono);letter-spacing:.2em;opacity:.6;margin:14px 0 18px}.b-lantern .one{letter-spacing:.08em;max-width:26em;margin:0 auto;font-size:15px;line-height:2}.b-lantern .two{opacity:.6;font-size:12px}#diaryBook .b-rakko{background:#fff9ec;font-family:Zen Kaku Gothic New,sans-serif}.b-rakko header b{color:#e07a3a;letter-spacing:.3em;font-size:20px}.b-rakko header span{opacity:.75;font-size:12px}.b-rakko .crayon{border:3px solid #f0c88a;border-radius:10px;width:100%;display:block}.b-rakko .words{margin-top:12px}.b-rakko .words p{letter-spacing:.06em;border-bottom:2px dashed #f0c88a;margin:0;font-size:17px;line-height:2.1}@media (max-width:560px){.b-kame .cols{grid-template-columns:1fr}.b-kame aside{border-top:1px dashed #3c6e7880;border-left:0;padding:8px 0 0}.b-dot .nums{grid-template-columns:repeat(2,1fr)}}#quick{right:16px;top:calc(196px + env(safe-area-inset-top,0px));pointer-events:auto;flex-direction:column;gap:10px;display:flex}#quick button{cursor:pointer;width:40px;height:40px;color:var(--ink-dim);-webkit-backdrop-filter:blur(6px);background:#06162052;border:1px solid #ffffff1a;border-radius:50%;place-items:center;padding:0;transition:background .5s,color .5s,border-color .5s,box-shadow .5s;display:grid;position:relative}#quick button svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}#quick button:hover{color:var(--ink);background:#14464e73}#quick button[aria-pressed=true]{color:var(--ink);background:#1e5a6073;border-color:#a0f0e159;box-shadow:0 0 14px #78f0dc2e}#quick #btnLamp[aria-pressed=true]{color:var(--lamp);border-color:color-mix(in srgb, var(--lamp) 50%, transparent);box-shadow:0 0 16px color-mix(in srgb, var(--lamp) 35%, transparent)}#quick button span{white-space:nowrap;letter-spacing:.06em;color:var(--ink);opacity:0;pointer-events:none;background:#0616208c;border-radius:999px;padding:4px 9px;font-size:11px;transition:opacity .4s;position:absolute;top:50%;right:50px;transform:translateY(-50%)}#quick button:hover span,#quick button:focus-visible span{opacity:1}#quick #btnSky[aria-pressed=true] .arrow{transform-origin:12px 7px;transform:rotate(180deg)}#quick #btnSound[aria-pressed=false] .waves{opacity:.25}@media (max-width:760px){#quick{right:10px;top:calc(176px + env(safe-area-inset-top,0px));gap:8px}#quick button{width:36px;height:36px}#quick button svg{width:17px;height:17px}}body.mode-globe #quick,body.hud-off #quick,body.pov:not(.pov-ui) #quick{pointer-events:none;opacity:0!important}body.pov:not(.pov-ui) #quick *{pointer-events:none!important}#menu{left:50%;bottom:calc(64px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(10px);opacity:0;pointer-events:none;background:#05161e9e;border:1px solid #ffffff17;border-radius:18px;width:min(440px,100vw - 24px);padding:12px 12px 14px;transition:opacity .5s,transform .5s;transform:translate(-50%,8px)}body.dock-open #menu{opacity:1;pointer-events:auto;transform:translate(-50%)}#menu .cats{background:#ffffff0a;border-radius:999px;gap:4px;padding:3px;display:flex}#menu .cats button{appearance:none;color:var(--ink-dim);font:500 12.5px/1 var(--f-body);letter-spacing:.12em;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:1;padding:9px 0;transition:background .4s,color .4s}#menu .cats button[aria-selected=true]{background:var(--glass-hi);color:var(--ink)}#menu section{margin-top:12px;animation:.45s both softIn}#menu .lead{letter-spacing:.08em;color:var(--ink-faint);margin:0 4px 8px;font-size:10.5px}#menu .rows{gap:4px;display:grid}#menu .rows button{appearance:none;text-align:left;cursor:pointer;width:100%;color:var(--ink-dim);font:500 12.5px/1.2 var(--f-body);letter-spacing:.05em;background:#ffffff08;border:0;border-radius:12px;align-items:center;gap:10px;padding:11px 12px;transition:background .4s,color .4s;display:flex}#menu .rows button:hover{color:var(--ink);background:#a0e6dc14}#menu .rows button[aria-pressed=true]{color:var(--ink);background:#1e5a6052}#menu .rows button kbd{font:400 9.5px/1 var(--f-mono);color:var(--ink-faint);border:1px solid var(--line);border-radius:3px;margin-left:auto;padding:2px 4px}#menu .lead.sub{margin-top:14px}#menu .rows.pick{grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}#menu .rows.pick button{padding:10px 11px}#menu .blurb{min-height:2.9em;color:var(--ink-dim);margin:8px 4px 0;font-size:11.5px;line-height:1.45}body.mode-globe #menu{display:none}@media (max-width:760px){#menu{bottom:calc(58px + env(safe-area-inset-bottom,0px))}#menu .rows button kbd{display:none}}body.dock-open #caption{opacity:0!important}