.poi{--bg:#e6e8e3;--bg-2:#dcdfd8;--ink:#1f2326;--ink-soft:#5e6469;--line:#c3c7bf;--paper:#fcfcf9;--paper-line:#e6e8e2;--paper-ink:#24282b;--paper-soft:#8a9094;--btn:#1f2326;--btn-ink:#f5f5f1;--sheet:#fcfcf9;--sheet-ink:#24282b;--sheet-soft:#6b7176;--sheet-line:#e3e5df;--focus:#6c8fb8;--c-bin:#2f8f7b;--c-bin-btn:#2a7f6d;--c-bin-soft:#dcebe5;--c-fire:#e8562e;--c-fire-2:#f6ae2d;--c-fire-btn:#c9431c;--c-fire-soft:#f8e2d6;--c-rocket:#3b4fb0;--c-rocket-btn:#3b4fb0;--c-rocket-red:#e2503c;--c-sky:#6db6e3;--c-rocket-soft:#e0e4f5;--poi-mincho:"Shippori Mincho";--poi-gothic:"Zen Kaku Gothic New";--mincho:var(--poi-mincho), "Hiragino Mincho ProN", "Yu Mincho", serif;--gothic:var(--poi-gothic), "Hiragino Sans", "Yu Gothic", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;box-sizing:border-box;z-index:0;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);background:radial-gradient(120% 80% at 50% 0%, var(--bg) 40%, var(--bg-2) 100%);background-color:var(--bg);color:var(--ink);font-family:var(--gothic);-webkit-tap-highlight-color:transparent;grid-template-rows:auto 1fr auto auto;display:grid;position:fixed;inset:0;overflow:hidden}@media (prefers-color-scheme:dark){.poi{--bg:#151719;--bg-2:#1d2023;--ink:#e7e8e4;--ink-soft:#9aa0a4;--line:#363b3f;--btn:#e7e8e4;--btn-ink:#151719;--sheet:#1f2225;--sheet-ink:#e7e8e4;--sheet-soft:#9aa0a4;--sheet-line:#33383c;--c-bin:#5dbaa4;--c-bin-soft:#1e3330;--c-fire:#f07548;--c-fire-soft:#3a2419;--c-rocket:#8c9cf0;--c-rocket-soft:#20253f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.poi *,.poi :before,.poi :after{box-sizing:inherit}.poi [hidden]{display:none!important}.poi button{font:inherit;color:inherit}.poi :focus-visible{outline:2px solid var(--focus);outline-offset:3px}.poi .mincho{font-family:var(--mincho)}.poi .top{justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:640px;margin:0 auto;padding:16px 22px 0;display:flex}.poi .top h1{letter-spacing:.14em;align-items:center;gap:10px;margin:0;font-size:21px;font-weight:600;display:flex}.poi .top h1 .mark{flex-shrink:0;width:46px;height:30px;overflow:visible}.poi .top-right{align-items:center;gap:6px;display:flex}.poi .icon-btn{appearance:none;cursor:pointer;color:var(--ink-soft);background:0 0;border:0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.poi .icon-btn:hover{color:var(--ink);background:var(--bg-2)}.poi .icon-btn svg{width:18px;height:18px}.poi .stage{flex-direction:column;justify-content:center;align-items:center;min-height:0;padding:4px 16px 0;display:flex;position:relative;overflow:hidden}.poi .paper-wrap{z-index:5;--b:0;filter:drop-shadow(0 1px 1px #0000000f)drop-shadow(0 14px 24px #1e232824);flex-shrink:0;width:min(84vw,380px);height:clamp(220px,42vh,360px);transition:transform .7s cubic-bezier(.22,1,.36,1);position:relative}.poi .paper-wrap.set{transform:scale(.86)rotate(-1.2deg)}.poi .paper-wrap.enter{animation:.6s cubic-bezier(.22,1,.36,1) poi-paperIn}.poi .paper-wrap.nudge{animation:.45s poi-nudge}@keyframes poi-paperIn{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:none}}@keyframes poi-nudge{30%{transform:translate(-5px)}60%{transform:translate(4px)}}.poi .paper{background:var(--paper);-webkit-mask-image:linear-gradient(to top, transparent calc(var(--b) * 105% - 5%), #000 calc(var(--b) * 105%));-webkit-mask-image:linear-gradient(to top, transparent calc(var(--b) * 105% - 5%), #000 calc(var(--b) * 105%));mask-image:linear-gradient(to top, transparent calc(var(--b) * 105% - 5%), #000 calc(var(--b) * 105%));border-radius:2px;transition:clip-path .18s,transform .18s;position:absolute;inset:0;overflow:hidden}.poi .paper .date{letter-spacing:.12em;color:var(--paper-soft);pointer-events:none;font-size:11px;position:absolute;top:16px;right:20px}.poi .paper textarea{resize:none;width:100%;height:100%;color:var(--paper-ink);font-family:var(--mincho);letter-spacing:.03em;background-color:#0000;background-image:repeating-linear-gradient(180deg, transparent 0 33px, var(--paper-line) 33px 34px);background-position:0 44px;background-attachment:local;border:0;outline:none;padding:44px 26px 20px;font-size:18px;line-height:34px;transition:opacity .25s;position:absolute;inset:0}.poi .paper textarea::placeholder{color:#a6abae}.poi .paper textarea[readonly]{cursor:default}.poi .wrinkles{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.poi .char{height:16px;left:-3%;right:-3%;bottom:calc(var(--b) * 100% - 8px);pointer-events:none;opacity:0;z-index:2;filter:blur(2px);background:linear-gradient(#3c281e00,#3c281ebf 36%,#ffaa5ad9 62%,#ffa05000);position:absolute}.poi .paper-wrap.burning .char{opacity:1}.poi .string{opacity:0;pointer-events:none;z-index:3;background:linear-gradient(to bottom, transparent 30%, var(--ink) 30% 32.5%, transparent 32.5% 67.5%, var(--ink) 67.5% 70%, transparent 70%);position:absolute;inset:0 -6%}.poi .paper-wrap.tied .string{opacity:.8;transition:opacity .3s .5s}.poi .counter{color:var(--paper-soft);pointer-events:none;letter-spacing:.06em;font-size:11px;position:absolute;bottom:10px;right:16px}.poi .after{text-align:center;pointer-events:none;opacity:0;padding:0 28px;transition:opacity .4s;position:absolute;top:50%;left:0;right:0;transform:translateY(-62%)}.poi .after.show{opacity:1;transition:opacity 1.4s .35s}.poi .after .dot{border-radius:50%;width:8px;height:8px;margin-bottom:18px;display:inline-block}.poi .after h2{letter-spacing:.18em;margin:0 0 14px;font-size:26px;font-weight:600}.poi .after p{color:var(--ink-soft);letter-spacing:.04em;margin:0;font-size:13px;line-height:1.9}.poi .after .count{letter-spacing:.08em;margin-top:22px;font-size:12px}.poi .hint{text-align:center;max-width:380px;color:var(--ink-soft);letter-spacing:.02em;min-height:1.8em;margin:16px 0 0;font-size:12.5px;line-height:1.8;transition:opacity .3s}.poi .prop{opacity:0;pointer-events:none;transition:opacity .5s,transform .6s cubic-bezier(.22,1,.36,1);position:absolute;bottom:14px;transform:translateY(16px)}.poi .prop.show{opacity:1;pointer-events:auto;transform:none}.poi .prop svg{width:100%;height:100%;display:block}.poi .basket{width:74px;height:92px;color:var(--c-bin);right:max(20px,8vw)}.poi .basket.take{animation:.5s poi-take}@keyframes poi-take{40%{transform:scale(1.06,.94)}to{transform:none}}.poi .torch{touch-action:none;cursor:pointer;width:48px;height:100px;margin-left:-24px;left:50%}.poi .rocket{z-index:4;color:#2a2f45;width:60px;height:136px;margin-left:-30px;left:50%}.poi .ball{z-index:6;touch-action:none;cursor:grab;filter:drop-shadow(0 8px 10px #1e23282e);width:88px;height:88px;position:absolute;top:0;left:0}.poi .ball svg,.poi .faller svg,.poi .floater svg{pointer-events:none;width:100%;height:100%;display:block}.poi .poi-foot{letter-spacing:.04em;flex-wrap:wrap;justify-content:center;gap:2px 16px;padding:0 16px 10px;font-size:10.5px;display:flex}.poi .poi-foot a{color:var(--ink-soft);padding:4px 0;text-decoration:none}.poi .poi-foot a:hover{color:var(--ink);text-decoration:underline}.poi .controls{flex-direction:column;justify-content:flex-start;width:100%;max-width:480px;min-height:150px;margin:0 auto;padding:14px 20px 20px;display:flex}.poi .bar{flex-direction:column;align-items:center;gap:14px;animation:.45s cubic-bezier(.22,1,.36,1) poi-barIn;display:flex}@keyframes poi-barIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.poi .primary{appearance:none;cursor:pointer;background:var(--btn);color:var(--btn-ink);letter-spacing:.1em;-webkit-user-select:none;user-select:none;touch-action:manipulation;border:0;border-radius:999px;min-width:230px;padding:15px 30px;font-size:15px;transition:transform .12s,opacity .3s;position:relative;overflow:hidden}.poi .primary:active,.poi .primary.holding{transform:scale(.97)}.poi .primary.idle{opacity:.38}.poi .primary[data-kind=bin]{background:var(--c-bin-btn);color:#fff}.poi .primary[data-kind=fire]{background:var(--c-fire-btn);color:#fff}.poi .primary[data-kind=rocket]{background:var(--c-rocket-btn);color:#fff}.poi .primary .fill{transform-origin:0;transform:scaleX(var(--p,0));pointer-events:none;background:#ffffff38;position:absolute;inset:0}.poi .primary span{position:relative}.poi .primary:disabled{cursor:default}.poi .link{appearance:none;cursor:pointer;color:var(--ink-soft);letter-spacing:.04em;background:0 0;border:0;border-bottom:1px solid #0000;padding:4px 0;font-size:13px}.poi .link:hover{color:var(--ink);border-bottom-color:var(--line)}.poi .link:disabled{opacity:.4;cursor:default}.poi .sub{flex-wrap:wrap;justify-content:center;gap:6px 22px;display:flex}.poi .sub .n{color:var(--ink);margin-left:4px}.poi .sub .n:empty{display:none}.poi .ask{letter-spacing:.14em;margin:0;font-size:16px}.poi .choices{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;display:grid}.poi .choice{--c:var(--ink);--s:transparent;appearance:none;cursor:pointer;background:var(--s);text-align:center;touch-action:manipulation;border:1px solid #0000;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:14px 6px 12px;transition:background .2s,border-color .2s,transform .12s;display:flex}.poi .choice[data-kind=bin]{--c:var(--c-bin);--s:var(--c-bin-soft)}.poi .choice[data-kind=fire]{--c:var(--c-fire);--s:var(--c-fire-soft)}.poi .choice[data-kind=rocket]{--c:var(--c-rocket);--s:var(--c-rocket-soft)}.poi .choice:hover{border-color:var(--c)}.poi .choice:active{transform:scale(.97)}.poi .choice svg{width:34px;height:34px;color:var(--c);margin-bottom:2px;overflow:visible}.poi .choice b{letter-spacing:.04em;font-size:14px;font-weight:500}.poi .choice small{color:var(--ink-soft);font-size:11px;line-height:1.55}.poi .fx{pointer-events:none;z-index:20;position:fixed;inset:0}.poi .toast{left:50%;top:calc(env(safe-area-inset-top,0px) + 58px);opacity:0;z-index:60;pointer-events:none;background:var(--btn);color:var(--btn-ink);text-align:center;letter-spacing:.03em;border-radius:999px;max-width:88vw;padding:10px 18px;font-size:13px;transition:all .3s;position:fixed;transform:translate(-50%,-8px)}.poi .toast.show{opacity:1;transform:translate(-50%)}.poi .faller{z-index:25;appearance:none;cursor:pointer;filter:drop-shadow(0 6px 8px #1e232833);background:0 0;border:0;width:56px;height:56px;padding:0;position:fixed;top:0;left:0}.poi dialog{background:var(--sheet);color:var(--sheet-ink);border:0;border-radius:6px;padding:0;box-shadow:0 24px 60px #00000047}.poi dialog::backdrop{background:#1416186b}.poi .sheet{width:min(92vw,460px);max-height:84vh}.poi .sheet-head{border-bottom:1px solid var(--sheet-line);justify-content:space-between;align-items:baseline;padding:22px 24px 12px;display:flex}.poi .sheet-head h2{letter-spacing:.1em;margin:0;font-size:18px;font-weight:600}.poi .sheet-body{max-height:calc(84vh - 70px);padding:4px 24px 20px;overflow:auto}.poi .notes{margin:0;padding:0;list-style:none}.poi .notes li{border-bottom:1px solid var(--sheet-line);padding:18px 0}.poi .notes li:last-child{border-bottom:0}.poi .note-text{font-family:var(--mincho);white-space:pre-wrap;word-break:break-word;margin:0;font-size:16px;line-height:1.85}.poi .note-meta{color:var(--sheet-soft);justify-content:space-between;align-items:center;gap:10px;margin-top:10px;font-size:12px;display:flex}.poi .note-meta .btns{gap:14px;display:flex}.poi .mini{appearance:none;cursor:pointer;color:var(--sheet-soft);border:0;border-bottom:1px solid var(--sheet-line);background:0 0;padding:2px 0;font-size:12px}.poi .mini:hover{color:var(--sheet-ink)}.poi .mini.strong{color:var(--sheet-ink);border-bottom-color:var(--sheet-ink)}.poi .empty,.poi .foot{color:var(--sheet-soft);margin:16px 0 0;font-size:12.5px;line-height:1.8}.poi .read{width:min(90vw,400px);padding:26px 26px 20px}.poi .read .lead{color:var(--sheet-soft);letter-spacing:.06em;margin:0 0 14px;font-size:12px}.poi .read .note-text{font-size:17px}.poi .read.unfold .note-text{animation:.5s cubic-bezier(.22,1,.36,1) poi-unfold}@keyframes poi-unfold{0%{opacity:0;filter:blur(2px);transform:scale(.92)rotate(-1deg)}to{opacity:1;filter:none;transform:none}}.poi .read .row{justify-content:space-between;align-items:center;gap:12px;margin-top:22px;display:flex}.poi .read .actions{align-items:center;gap:18px;margin-left:auto;display:flex}.poi .pill{appearance:none;cursor:pointer;background:var(--sheet-ink);color:var(--sheet);letter-spacing:.05em;border:0;border-radius:999px;padding:10px 20px;font-size:13px}.poi .care{left:16px;right:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 160px);z-index:45;background:var(--sheet);max-width:420px;color:var(--sheet-ink);border-radius:6px;margin:0 auto;padding:18px 20px;font-size:13.5px;line-height:1.8;position:fixed;box-shadow:0 16px 40px #00000038}.poi .care p{margin:0 0 8px}.poi .care a{color:inherit;text-decoration:underline}.poi .care .row{justify-content:flex-end;display:flex}.poi .care .link{color:var(--sheet-soft)}.poi .space{z-index:30;color:#e9e8f2;background:radial-gradient(at 50% 115%,#26294a 0%,#12142a 48%,#07081a 100%);display:none;position:fixed;inset:0;overflow:hidden}.poi .space.show{animation:1.2s poi-fadein;display:block}@keyframes poi-fadein{0%{opacity:0}to{opacity:1}}.poi .stars{border-radius:50%;width:1.5px;height:1.5px;position:absolute;top:0;left:0}.poi .floater{width:var(--s);height:var(--s);opacity:.78;appearance:none;animation:poi-drift var(--d) ease-in-out infinite alternate;background:0 0;border:0;padding:0;transition:opacity .3s;position:absolute}.poi .floater.mine{opacity:1;animation:poi-arrive 3s cubic-bezier(.22, 1, .36, 1) both, poi-drift var(--d) ease-in-out 3s infinite alternate}@keyframes poi-drift{0%{transform:translate(0)rotate(0)}to{transform:translate(var(--dx), var(--dy)) rotate(var(--r))}}@keyframes poi-arrive{0%{transform:translateY(70vh)scale(.4)}to{transform:none}}.poi .space-msg{left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + 40px);text-align:center;pointer-events:none;padding:0 24px;position:absolute}.poi .space-msg p{letter-spacing:.06em;margin:0 0 8px;font-size:17px;line-height:1.9}.poi .space-msg small{opacity:.72;letter-spacing:.04em;margin-bottom:22px;font-size:12px;line-height:1.7;display:block}.poi .space-msg button{pointer-events:auto;appearance:none;cursor:pointer;color:#e9e8f2;letter-spacing:.08em;background:0 0;border:1px solid #e9e8f280;border-radius:999px;padding:11px 26px;font-size:13px}.poi .space-msg button.solid{color:#12142a;background:#e9e8f2;border-color:#e9e8f2}.poi .space-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.poi .bodies{pointer-events:none;position:absolute;inset:0}.poi .cbody{animation:poi-bob var(--d) ease-in-out infinite alternate;position:absolute}.poi .cbody svg{width:100%;height:100%;display:block;overflow:visible}@keyframes poi-bob{0%{transform:translate(0)rotate(0)}to{transform:translate(var(--dx), var(--dy)) rotate(var(--r))}}.poi .ufo{width:66px;height:36px;animation:poi-ufo var(--d) linear forwards;position:absolute;left:0}.poi .ufo svg{width:100%;height:100%;display:block}@keyframes poi-ufo{0%{transform:translate(-90px)}25%{transform:translate(25vw,-16px)}50%{transform:translate(50vw,6px)}75%{transform:translate(75vw,-12px)}to{transform:translate(calc(100vw + 90px))}}.poi .shoot{transform-origin:100%;background:linear-gradient(90deg,#fff0,#fffffff2);border-radius:2px;width:130px;height:1.5px;animation:1s ease-out forwards poi-shoot;position:absolute}@keyframes poi-shoot{0%{opacity:0;transform:translate(0)rotate(148deg)scaleX(.3)}20%{opacity:1}to{opacity:0;transform:translate(-280px,175px)rotate(148deg)scaleX(1)}}.poi .share{width:min(92vw,420px);max-height:92vh;padding:22px 22px 16px;overflow:auto}.poi .share h2{letter-spacing:.1em;margin:0 0 14px;font-size:17px;font-weight:600}.poi .share .preview{place-items:center;min-height:120px;display:grid}.poi .share img{border-radius:4px;width:auto;max-width:100%;height:auto;max-height:46vh;display:block;box-shadow:0 6px 18px #00000026}.poi .share .note{color:var(--sheet-soft);text-align:center;margin:12px 0 0;font-size:12px;line-height:1.7}.poi .share-btns{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;display:grid}.poi .opt{appearance:none;cursor:pointer;border:1px solid var(--sheet-line);color:var(--sheet-ink);text-align:center;letter-spacing:.04em;background:0 0;border-radius:999px;padding:11px 10px;font-size:13px;text-decoration:none}.poi .opt:hover{border-color:var(--sheet-soft)}.poi .opt.main{background:var(--sheet-ink);color:var(--sheet);border-color:var(--sheet-ink)}.poi .share .close-row{justify-content:center;margin-top:14px;display:flex}@media (max-height:640px){.poi .paper-wrap{height:clamp(190px,36vh,300px)}.poi .choice small{display:none}}@media (prefers-reduced-motion:reduce){.poi .floater,.poi .floater.mine,.poi .bar,.poi .cbody{animation:none}.poi .paper-wrap,.poi .paper,.poi .prop,.poi .toast{transition-duration:.01ms}.poi .paper-wrap.enter,.poi .paper-wrap.nudge,.poi .basket.take,.poi .read.unfold .note-text{animation:none}}
