:root{--ink: #17142b;--space: #0b0a24;--space-2: #1a1747;--gold: #ffc61a;--gold-deep: #e08a00;--red: #ff2d55;--paper: #fffdf6;--muted: #6b6785;--ok: #138a52;--warn: #a86400;--error: #c4213f;--radius: 16px;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px);--font: system-ui, -apple-system, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic UI", Meiryo, sans-serif;--font-impact: "Dela Gothic One", "Hiragino Sans", "Noto Sans JP", var(--font);color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--font);color:var(--ink);background:var(--space);-webkit-text-size-adjust:100%}body.mode-viewer,body.no-scroll{overflow:hidden;overscroll-behavior:none}button,input,select,textarea{font:inherit;color:inherit}[hidden]{display:none!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35em;min-height:46px;padding:.55em 1em;border:2.5px solid var(--ink);border-radius:999px;background:#fff;color:var(--ink);font-weight:700;font-size:.98rem;text-decoration:none;cursor:pointer;box-shadow:0 3px 0 var(--ink);transition:transform .08s,box-shadow .08s;-webkit-tap-highlight-color:transparent;white-space:nowrap}.btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}.btn:disabled{opacity:.6;cursor:progress}.btn:focus-visible,.skip:focus-visible,.recenter:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.btn-primary{background:linear-gradient(180deg,#ffe066,var(--gold))}.btn-ghost{background:#f1eefc}.btn-small{min-height:40px;padding:.35em .9em;font-size:.9rem}.viewer{position:fixed;inset:0;height:100vh;height:100dvh;overflow:hidden;background:radial-gradient(1px 1px at 12% 18%,#fff8 50%,transparent 51%),radial-gradient(1.5px 1.5px at 78% 12%,#fffa 50%,transparent 51%),radial-gradient(1px 1px at 62% 72%,#fff7 50%,transparent 51%),radial-gradient(1.2px 1.2px at 30% 82%,#fff9 50%,transparent 51%),radial-gradient(1px 1px at 90% 58%,#fff8 50%,transparent 51%),radial-gradient(1.4px 1.4px at 8% 55%,#fffa 50%,transparent 51%),radial-gradient(1px 1px at 46% 8%,#fff8 50%,transparent 51%),radial-gradient(1.3px 1.3px at 52% 44%,#fff6 50%,transparent 51%),radial-gradient(ellipse at 50% 40%,#2a2470 0%,var(--space-2) 45%,var(--space) 100%)}.stage{position:absolute;inset:0;will-change:transform}.stage .viewer-map{position:absolute;inset:0}.stage .viewer-map.map-standby{opacity:0;pointer-events:none}.viewer-map .maplibregl-canvas{outline:none}.fx-canvas,.speedlines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.fx-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden}.finger{position:absolute;left:0;top:0;width:200px;height:140px;transform-origin:4px 58px;visibility:hidden;filter:drop-shadow(5px 7px 0 rgba(0,0,0,.32));will-change:transform,opacity}.finger svg{display:block;width:100%;height:100%}.poke{position:absolute;left:0;top:0;width:100px;height:100px;visibility:hidden;will-change:transform,opacity}.poke svg{display:block}.bubble{--tail-x: 50%;position:absolute;left:0;top:0;padding:.4em .85em .48em;background:#fff;border:3.5px solid var(--ink);border-radius:999px;font-family:var(--font-impact);line-height:1.1;white-space:nowrap;transform-origin:var(--tail-x) 130%;visibility:hidden;box-shadow:4px 5px #0000004d;will-change:transform,opacity}.bubble:after,.bubble:before{content:"";position:absolute;left:var(--tail-x);top:100%;width:0;height:0;border-style:solid;transform:translate(-30%)}.bubble:before{border-width:26px 10px 0 16px;border-color:var(--ink) transparent transparent transparent;margin-top:1px}.bubble:after{border-width:18px 6px 0 10px;border-color:#fff transparent transparent transparent;margin-top:-2px;margin-left:4px}.bubble-first{font-size:clamp(1.5rem,7.4vw,2.3rem);color:var(--ink);letter-spacing:.04em}.bubble-second{font-size:clamp(1.75rem,8.4vw,2.8rem);background:var(--gold);color:var(--red);border-width:4px;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill}.bubble-second:after{border-color:var(--gold) transparent transparent transparent}.pin{position:relative;width:56px;height:74px;pointer-events:none}.pin-inner{width:100%;height:100%;transform-origin:50% 100%;filter:drop-shadow(0 4px 2px rgba(0,0,0,.35))}.pin-inner svg{display:block}.pin-ring{position:absolute;left:50%;top:100%;width:64px;height:24px;border:4px solid var(--gold);border-radius:50%;opacity:0;pointer-events:none;box-shadow:0 0 12px var(--gold)}.editor-pin{pointer-events:auto;cursor:grab}.sheet{position:absolute;left:0;right:0;bottom:0;padding:0 12px calc(12px + var(--safe-b));display:flex;flex-direction:column;align-items:stretch;gap:10px;pointer-events:none}.sheet>*{pointer-events:auto;width:100%;max-width:560px;margin:0 auto}.name-card{position:relative;padding:14px 18px;background:var(--paper);border:4px solid var(--ink);border-radius:20px;box-shadow:0 0 0 4px var(--gold),6px 8px 0 4px #00000059;transform-origin:50% 70%;max-height:40dvh;overflow-y:auto;will-change:transform}.name-kicker{position:absolute;top:-15px;left:14px;padding:2px 12px 3px;background:var(--red);color:#fff;border:3px solid var(--ink);border-radius:999px;font-family:var(--font-impact);font-size:.9rem;letter-spacing:.04em}.name-card:has(.name-kicker){margin-top:12px;overflow:visible}.place-name{margin-top:6px;font-weight:900;line-height:1.2;overflow-wrap:anywhere;word-break:normal;line-break:strict}.name-xl{font-size:clamp(2.2rem,11vw,3.2rem)}.name-l{font-size:clamp(1.75rem,8.2vw,2.6rem)}.name-m{font-size:clamp(1.3rem,6vw,1.9rem)}.name-s{font-size:clamp(1.05rem,4.4vw,1.35rem)}.place-note{margin-top:6px;padding-top:6px;border-top:2px dashed #d9d3ee;font-size:1rem;color:#3b3760;overflow-wrap:anywhere;max-height:5.5em;overflow-y:auto}.actions{display:flex;flex-direction:column;gap:8px;will-change:transform,opacity}.actions-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.actions .btn{width:100%;min-width:0;font-size:.92rem;padding-inline:.6em}.make-own{align-self:center;color:#fff;font-weight:700;font-size:.9rem;text-decoration:none;padding:6px 14px;border-radius:999px;background:#0b0a24b8;backdrop-filter:blur(4px)}.show-controls{position:absolute;right:12px;bottom:calc(16px + var(--safe-b));display:flex;gap:8px;align-items:center}.viewer[data-phase=settled] .sound-btn{display:none}.sound-btn{padding:9px 14px;border:2.5px solid var(--ink);border-radius:999px;background:#fff;font-size:.95rem;font-weight:800;cursor:pointer;box-shadow:0 3px 0 var(--ink)}.sound-btn.off{background:var(--gold);animation:nudge 1.2s ease-in-out infinite}@keyframes nudge{50%{transform:scale(1.08)}}.skip{padding:9px 16px;border:2px solid rgba(255,255,255,.85);border-radius:999px;background:#0b0a2499;color:#fff;font-size:.88rem;font-weight:700;cursor:pointer;backdrop-filter:blur(4px)}.recenter{position:absolute;right:12px;bottom:calc(var(--sheet-h, 200px) + 14px);padding:8px 14px;border:2.5px solid var(--ink);border-radius:999px;background:#fff;font-weight:700;font-size:.9rem;box-shadow:0 3px 0 var(--ink);cursor:pointer}.preview-close{position:absolute;left:12px;bottom:calc(16px + var(--safe-b));padding:9px 14px;border:2px solid #fff;border-radius:999px;background:var(--red);color:#fff;font-weight:700;font-size:.85rem;cursor:pointer}.viewer[data-phase=settled] .preview-close{bottom:auto;top:calc(10px + var(--safe-t))}.viewer[data-phase=settled]:has(.event-title) .preview-close{top:auto;bottom:calc(var(--sheet-h, 200px) + 14px)}.event-title{position:absolute;top:calc(12px + var(--safe-t));left:0;right:0;display:flex;justify-content:center;padding:0 34px;pointer-events:none;z-index:2;animation:title-in .5s cubic-bezier(.34,1.56,.64,1) both}.event-title .ribbon{position:relative;display:flex;align-items:center;gap:8px;max-width:560px;min-width:0;padding:9px 16px 10px;color:#fff;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.5) 50%,transparent 65%) no-repeat,linear-gradient(180deg,#ff4769,#e3123d);background-size:250% 100%,100% 100%;background-position:150% 0,0 0;border:3px solid var(--ink);box-shadow:inset 0 0 0 2px #ffd34d,inset 0 0 0 4px #78001459;animation:ribbon-shine 1.4s .35s ease-out both;pointer-events:auto}.event-title .ribbon:before{content:"";position:absolute;inset:3px;border-top:2px dashed rgba(255,214,90,.9);border-bottom:2px dashed rgba(255,214,90,.9);pointer-events:none}.event-title .ribbon-wrap{position:relative;display:flex;max-width:560px;min-width:0}.event-title .ribbon-wrap:before,.event-title .ribbon-wrap:after{content:"";position:absolute;top:10px;bottom:-10px;width:40px;background:#a90b2c;z-index:-1}.event-title .ribbon-wrap:before{left:-26px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,36% 50%)}.event-title .ribbon-wrap:after{right:-26px;clip-path:polygon(0 0,100% 0,64% 50%,100% 100%,0 100%)}.event-title .ribbon-wrap{filter:drop-shadow(0 3px 0 rgba(0,0,0,.35))}.event-title h1{margin:0;min-width:0;font-size:clamp(1.2rem,5.8vw,1.7rem);font-weight:900;line-height:1.3;letter-spacing:.03em;text-shadow:0 2px 0 rgba(0,0,0,.35),0 0 10px rgba(255,220,120,.45);white-space:nowrap;overflow:hidden}.event-title-icon{font-size:1.35em;flex:none;filter:drop-shadow(0 2px 0 rgba(0,0,0,.3))}.ribbon-spark{flex:none;color:#ffd34d;font-size:.95rem;text-shadow:0 0 6px rgba(255,211,77,.9);animation:twinkle 1.6s ease-in-out infinite}.ribbon-spark:last-child{animation-delay:.8s}@keyframes ribbon-shine{to{background-position:-60% 0,0 0}}@keyframes title-in{0%{opacity:0;transform:translateY(-14px) scale(.85)}}.loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#fff;font-weight:700}.loading-ring{position:relative;width:100px;height:100px;display:grid;place-items:center}.loading-ring .ring{position:absolute;inset:0;filter:drop-shadow(0 0 6px rgba(255,198,26,.55))}.loading-ring .ring-fg{transition:stroke-dashoffset .15s linear}.loading-globe{display:grid;place-items:center;animation:spin 1.6s linear infinite}.loading-globe svg{width:56px;height:56px}.loading-text{font-family:var(--font-impact);font-weight:400;letter-spacing:.08em}.loading-pct{margin-top:-6px;font-size:.85rem;font-variant-numeric:tabular-nums;opacity:.8}.loading-slow{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:.9rem;font-weight:400;opacity:.9}@keyframes spin{to{transform:rotate(360deg)}}.viewer.fallback .stage{display:flex;align-items:flex-start;justify-content:center;padding:calc(48px + var(--safe-t)) 20px 0}.fallback-body{text-align:center;color:#fff;max-width:420px}.fallback-globe svg{width:96px;height:96px}.fallback-reason{font-weight:700}.fallback-coords{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;opacity:.85}.maplibregl-ctrl-attrib{font-size:11px}.viewer .maplibregl-ctrl-top-left{top:var(--top-inset, var(--safe-t))}.preview-overlay{position:fixed;inset:0;z-index:50}body.mode-editor,body.mode-error{background:radial-gradient(1.5px 1.5px at 20% 10%,#fff8 50%,transparent 51%),radial-gradient(1px 1px at 80% 20%,#fff8 50%,transparent 51%),radial-gradient(1.2px 1.2px at 60% 5%,#fffa 50%,transparent 51%),linear-gradient(180deg,var(--space) 0,var(--space-2) 260px,#f4f1ff 260px);background-repeat:no-repeat;min-height:100dvh}.editor{max-width:640px;margin:0 auto;padding:calc(12px + var(--safe-t)) 16px calc(32px + var(--safe-b))}.hero{text-align:center;color:#fff;padding:18px 0 22px}.hero-globe{position:relative;display:inline-block;font-size:3.4rem;line-height:1;animation:bob 2.6s ease-in-out infinite}.hero-finger{position:absolute;left:-.9em;top:.15em;font-size:.6em}@keyframes bob{50%{transform:translateY(-4px) rotate(-4deg)}}.hero h1{margin:8px 0 4px;font-family:var(--font-impact);font-size:clamp(2rem,9vw,2.8rem);font-weight:400;color:var(--gold);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;letter-spacing:.02em}.hero-sparkle{display:inline-block;margin:0 .04em;font-size:.8em;-webkit-text-stroke:0;vertical-align:.08em;animation:twinkle 1.8s ease-in-out infinite}@keyframes twinkle{50%{transform:scale(1.2) rotate(12deg)}}.panel{background:#fff;border:3px solid var(--ink);border-radius:var(--radius);box-shadow:0 5px 0 var(--ink);padding:16px 16px 18px;margin-bottom:18px}.panel h2{display:flex;align-items:center;gap:10px;margin:0 0 8px;font-size:1.15rem}.step{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--gold);border:2.5px solid var(--ink);font-size:.95rem;flex:none}.hint{margin:4px 0 10px;color:var(--muted);font-size:.88rem;line-height:1.55}.row{display:flex;gap:8px;align-items:stretch}.row>input,.row>textarea{flex:1;min-width:0}.row-buttons{flex-wrap:wrap}.row-buttons>.btn{flex:1 1 auto}input[type=text],input[type=search],input[type=url],textarea,select{width:100%;padding:10px 12px;border:2px solid #c9c3e6;border-radius:12px;background:#fbfaff;font-size:16px}textarea{resize:vertical;min-height:48px}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--ink);background:#fff}.field{display:block;position:relative;margin:14px 0 0}.field .label{display:flex;align-items:center;gap:8px;font-weight:700;margin-bottom:6px}.field .label em{font-style:normal;font-size:.72rem;background:var(--red);color:#fff;border-radius:6px;padding:1px 6px}.field .label .opt{font-size:.72rem;font-weight:700;color:var(--muted);background:#eeebf8;border-radius:6px;padding:1px 6px}.counter{position:absolute;right:4px;top:2px;font-size:.78rem;color:var(--muted)}.counter.over{color:var(--error);font-weight:700}.editor-map-wrap{position:relative;height:min(58vh,420px);border:2.5px solid var(--ink);border-radius:14px;overflow:hidden;background:#dfe7f1}.editor-map-wrap .editor-map{position:absolute;inset:0}.map-hint{position:absolute;left:50%;top:12px;transform:translate(-50%);padding:6px 14px;border-radius:999px;background:#17142bd1;color:#fff;font-size:.85rem;font-weight:700;pointer-events:none;white-space:nowrap}.editor-map-wrap.unavailable .map-hint{top:50%;transform:translate(-50%,-50%);white-space:normal;width:86%;text-align:center;border-radius:12px}.coords{margin:8px 0 0;font-size:.9rem}.coord-text{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700}.coord-kind{color:var(--muted)}.coord-kind[data-kind=viewport],.coord-kind[data-kind=search]{color:var(--warn);font-weight:700}.coord-check{white-space:nowrap}details.more{margin-top:12px;border-top:1px dashed #d9d3ee;padding-top:10px}details.more summary{cursor:pointer;font-weight:700;font-size:.92rem;color:#3b3760}details.more[open] summary{margin-bottom:8px}.field-msg{margin:6px 0 0;font-size:.85rem}.field-msg[data-tone=error]{color:var(--error)}.field-msg[data-tone=ok]{color:var(--ok)}.search-results{list-style:none;margin:0;padding:0;display:grid;gap:6px}.search-results .muted{color:var(--muted);font-size:.88rem}.search-hit{width:100%;text-align:left;border:2px solid #d9d3ee;border-radius:10px;background:#fbfaff;padding:8px 10px;cursor:pointer;display:grid}.search-hit span{font-size:.8rem;color:var(--muted)}.import-result{margin-top:12px;padding:10px 12px;border-radius:12px;border:2px solid;font-size:.9rem}.import-result[data-tone=ok]{border-color:var(--ok);background:#ecfbf3}.import-result[data-tone=warn]{border-color:var(--warn);background:#fff7e6}.import-result[data-tone=error]{border-color:var(--error);background:#fff0f3}.import-msg{margin:0;font-weight:700;line-height:1.5}.import-facts{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;margin:8px 0 0}.import-facts dt{color:var(--muted)}.import-facts dd{margin:0}.form-errors{margin:0 0 12px;padding:10px 12px 10px 28px;border:2px solid var(--error);border-radius:12px;background:#fff0f3;color:var(--error);font-weight:700;font-size:.9rem}.privacy{margin:12px 0 0;font-size:.82rem;color:var(--muted)}.result{margin-top:14px;padding:12px;border-radius:14px;background:#fff8db;border:2.5px solid var(--gold-deep);display:grid;gap:10px}.result-title{margin:0;font-weight:900}.editor-footer{text-align:center;font-size:.8rem;color:var(--muted)}.error-page{max-width:520px;margin:0 auto;padding:calc(48px + var(--safe-t)) 20px 40px;color:#fff;text-align:center}.error-emoji{font-size:3rem}.error-page h1{font-size:1.4rem}.error-list{text-align:left;background:#fff;color:var(--error);border:3px solid var(--ink);border-radius:14px;padding:12px 12px 12px 30px;font-weight:700}.error-page p{color:#3b3760}.manual-copy{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#0b0a2499;padding:16px}.manual-copy-box{background:#fff;border:3px solid var(--ink);border-radius:16px;padding:16px;width:min(100%,480px);display:grid;gap:10px}.manual-copy-box p{margin:0}#toast{position:fixed;left:50%;bottom:calc(24px + var(--safe-b));transform:translate(-50%,20px);z-index:200;padding:10px 18px;border-radius:999px;background:var(--ink);color:#fff;font-weight:700;font-size:.9rem;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:calc(100% - 32px);text-align:center}#toast.show{opacity:1;transform:translate(-50%)}#toast[data-kind=error]{background:var(--error)}@media(min-width:720px){.sheet{padding-bottom:calc(20px + var(--safe-b))}}@media(orientation:landscape)and (max-height:540px){.sheet{left:auto;top:0;width:min(400px,48vw);justify-content:flex-end;padding:calc(8px + var(--safe-t)) calc(10px + env(safe-area-inset-right,0px)) calc(10px + var(--safe-b)) 0}.name-card{max-height:52dvh}.name-xl,.name-l{font-size:clamp(1.4rem,4.2vw,2rem)}.actions .btn{min-height:40px}.show-controls,.recenter{right:auto;left:calc(10px + env(safe-area-inset-left,0px));bottom:calc(12px + var(--safe-b))}.event-title{right:calc(min(400px,48vw) + 12px);margin:0}}@media(prefers-reduced-motion:reduce){.event-title,.event-title .ribbon,.ribbon-spark,.sound-btn.off,.hero-globe,.hero-sparkle,.loading-globe{animation:none}.btn{transition:none}}