*,*:before,*:after{box-sizing:border-box;margin:0}body{font-family:var(--cp-font);background-color:var(--cp-paper);color:var(--cp-ink);line-height:1.5;min-height:100vh;display:grid;place-items:center;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}h1,h2,h3,h4{font-weight:700;line-height:1.2;letter-spacing:-.02em}.app-container{width:100%;max-width:1200px;min-height:90vh;margin:2rem;background-color:var(--cp-paper);border:var(--cp-hair) solid var(--cp-rule);border-radius:var(--cp-radius);overflow:hidden;display:flex;flex-direction:column}.hero{display:var(--hero-display, block);align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.6rem;padding:var(--hero-pad, 2.5rem 2rem);text-align:var(--hero-align, center);background:var(--cp-surface);border-bottom:var(--cp-hair) solid var(--cp-rule)}.hero h1{font-size:var(--hero-title, clamp(1.9rem, 5vw, 2.6rem));font-weight:800;letter-spacing:-.03em;color:var(--cp-ink);margin-bottom:var(--hero-title-gap, .6rem)}.hero p{display:var(--hero-sub, block);font-size:1.02rem;color:var(--cp-ink-2);max-width:52ch;margin:0 auto;word-break:keep-all}.header-actions{display:flex;align-items:center;justify-content:var(--hero-actions-align, center);gap:.5rem;margin-top:var(--hero-actions-gap, 1.4rem);flex-wrap:wrap}@media (display-mode: standalone){body{--hero-display: flex;--hero-pad: .6rem 1rem;--hero-align: left;--hero-title: 1.15rem;--hero-title-gap: 0;--hero-sub: none;--hero-actions-gap: 0;--hero-actions-align: flex-end}}body.stage-map{--hero-display: flex;--hero-pad: .6rem 1rem;--hero-align: left;--hero-title: 1.15rem;--hero-title-gap: 0;--hero-sub: none;--hero-actions-gap: 0;--hero-actions-align: flex-end}.hdr-btn{background:transparent;color:var(--cp-ink);border:var(--cp-hair) solid var(--cp-rule);border-radius:var(--cp-radius);padding:.45rem .9rem;font-family:inherit;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .12s linear,color .12s linear,border-color .12s linear}.hdr-btn:hover,.hdr-btn:focus-visible{background:var(--cp-ink);color:var(--cp-surface);border-color:var(--cp-ink)}.hdr-btn:focus-visible{outline:2px solid var(--cp-ink);outline-offset:2px}#user-avatar{width:36px;height:36px;border-radius:var(--cp-pill);object-fit:cover;border:var(--cp-hair) solid var(--cp-rule);cursor:pointer}.content[hidden]{display:none}.content{padding:3rem 2rem;flex:1;container-type:inline-size}#page-home{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;max-width:900px;margin:0 auto;text-align:center}html[data-route=away] #page-home{display:none}.home-intro{margin-bottom:2.5rem}.home-intro h2{font-size:clamp(1.6rem,4.5vw,2.3rem);font-weight:800;letter-spacing:-.03em;margin-bottom:.8rem;color:var(--cp-ink);word-break:keep-all}.home-intro p{font-size:1.05rem;line-height:1.65;color:var(--cp-ink-2);word-break:keep-all}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;width:100%;background:var(--cp-rule);border:var(--cp-hair) solid var(--cp-rule);margin-bottom:2.5rem}.feature-card{background:var(--cp-surface);border-radius:var(--cp-radius);padding:1.8rem 1.4rem;display:flex;flex-direction:column;align-items:center;gap:.55rem}.feature-icon{display:grid;place-items:center;width:48px;height:48px;color:var(--cp-ink);border:var(--cp-hair) solid var(--cp-rule);border-radius:var(--cp-radius);margin-bottom:.35rem}.feature-card b{font-size:1.05rem;font-weight:700;letter-spacing:-.02em;color:var(--cp-ink)}.feature-card span:not(.feature-icon){font-size:.92rem;color:var(--cp-ink-2);line-height:1.55;word-break:keep-all}.primary-btn{background:var(--cp-ink);color:var(--cp-surface);border:var(--cp-hair) solid var(--cp-ink);border-radius:var(--cp-radius);padding:.9rem 2.2rem;font-family:inherit;font-size:1rem;font-weight:700;letter-spacing:-.01em;cursor:pointer;transition:background .12s linear,color .12s linear}.primary-btn:hover,.primary-btn:focus-visible{background:var(--cp-surface);color:var(--cp-ink)}.primary-btn:focus-visible{outline:2px solid var(--cp-ink);outline-offset:2px}.join-link{margin-top:2.5rem;font-size:.95rem;color:var(--cp-muted)}.join-link a{color:var(--cp-ink);font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.join-link a:hover{background:var(--cp-ink);color:var(--cp-surface);text-decoration:none}@media (max-width: 768px){.features-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto 2.5rem}.app-container{margin:0;min-height:100vh;border:0}.hero{padding:1.9rem 1.25rem}#page-home{padding:2rem 1.25rem}.content{padding:1.5rem 1rem}}.fade-transition{transition:opacity .4s ease,transform .4s ease;opacity:1;transform:translateY(0)}.hidden-view{opacity:0!important;pointer-events:none!important;transform:translateY(10px)!important}#loading-transition-view{display:none;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center}#loading-text{margin-top:1.4rem;font-size:1.15rem;font-weight:700;letter-spacing:-.02em;color:var(--cp-ink);word-break:keep-all}#loading-subtext{color:var(--cp-ink-2);margin-top:.4rem;font-size:.92rem}#show-results-btn{margin-top:1.8rem;max-width:320px;width:100%}.large-spinner{width:60px;height:60px;border:3px solid var(--cp-rule);border-top-color:var(--cp-ink);border-radius:var(--cp-pill);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes textPulse{0%{opacity:.7;transform:scale(.98)}50%{opacity:1;transform:scale(1.02)}to{opacity:.7;transform:scale(.98)}}@keyframes fadeInOut{0%{opacity:0;transform:translateY(5px)}15%{opacity:1;transform:translateY(0)}85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-5px)}}#loading-text{animation:textPulse 2s infinite ease-in-out}.loading-text-fade{animation:fadeInOut 3s infinite ease-in-out}#ad-banner-carousel{margin-top:2.5rem;width:100%;max-width:420px;position:relative}.ad-banner{position:relative;padding:1.1rem 1.2rem;border:var(--cp-hair) solid var(--cp-rule);border-radius:var(--cp-radius);min-height:92px;display:flex;align-items:center;gap:.9rem;opacity:0;transition:opacity .35s linear;cursor:pointer}.ad-banner.fade-in{opacity:1}.ad-banner.fade-out{opacity:0}.ad-banner-icon{font-size:1.9rem;flex-shrink:0;width:46px;height:46px;display:flex;align-items:center;justify-content:center;border:var(--cp-hair) solid var(--cp-rule);border-radius:var(--cp-radius);overflow:hidden}.ad-banner-icon-inner{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.ad-banner-content{flex:1;min-width:0}.ad-banner-title{font-weight:700;font-size:.94rem;color:var(--cp-ink);margin-bottom:.2rem;word-break:keep-all}.ad-banner-desc{font-size:.84rem;color:var(--cp-ink-2);line-height:1.45;word-break:keep-all}.ad-badge{position:absolute;top:6px;right:8px;font-family:var(--cp-mono);font-size:.6rem;font-weight:600;letter-spacing:.1em;color:var(--cp-ink-2);background:var(--cp-surface);border:var(--cp-hair) solid var(--cp-rule);padding:1px 5px;border-radius:var(--cp-radius);-webkit-user-select:none;user-select:none}.ad-dots{display:flex;justify-content:center;gap:6px;margin-top:.7rem}.ad-dot{width:14px;height:3px;border-radius:var(--cp-radius);background:var(--cp-rule);transition:background .2s linear}.ad-dot.active{background:var(--cp-ink)}.pac-container{z-index:10000!important;font-family:inherit;border-radius:var(--cp-radius);border:var(--cp-hair) solid var(--cp-rule);background:var(--cp-surface);margin-top:2px}body.stage-map{min-height:100vh;min-height:100dvh;place-items:stretch center}body.stage-map .app-container{margin:0;min-height:0;border:0}body.stage-map .content:not([hidden]){padding:0;display:flex;flex-direction:column;min-height:0}body.stage-map #page-view{flex:1;min-height:0;height:min(70vh,560px)}#page-view{display:none;position:relative;margin-top:0;min-height:420px;overflow:hidden}#page-view>map-view{position:absolute;top:0;right:0;bottom:0;left:0;margin-top:0;min-height:0;isolation:isolate;z-index:0}#page-view .view-actions{position:absolute;top:.85rem;left:.85rem;right:.85rem;z-index:1;display:flex;gap:.75rem;flex-wrap:wrap}#page-view .view-actions button{width:fit-content;background:var(--cp-surface);color:var(--cp-ink);border:var(--cp-hair) solid var(--cp-ink);border-radius:var(--cp-radius);padding:.55rem 1.1rem;font-family:inherit;font-size:.9rem;font-weight:600;letter-spacing:-.01em;cursor:pointer;transition:background .12s linear,color .12s linear}#page-view .view-actions button:hover,#page-view .view-actions button:focus-visible{background:var(--cp-ink);color:var(--cp-surface)}#page-view .view-actions button:focus-visible{outline:2px solid var(--cp-ink);outline-offset:2px}@media (pointer: coarse){#page-view .view-actions button,.hdr-btn,.primary-btn{min-height:44px}#user-avatar{width:44px;height:44px}}.welcome-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:var(--cp-scrim);display:flex;align-items:center;justify-content:center;padding:2rem;text-align:center}.welcome-card{position:relative;max-width:480px;width:100%;background:var(--cp-surface);color:var(--cp-ink);border:var(--cp-hair) solid var(--cp-rule);border-radius:var(--cp-radius);padding:2.5rem 2rem}.welcome-card h1{font-size:2rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.9rem}.welcome-card p{font-size:1rem;line-height:1.65;color:var(--cp-muted);margin-bottom:1.75rem;word-break:keep-all}.welcome-close{position:absolute;top:.6rem;right:.6rem;background:none;border:none;color:var(--cp-muted);font-family:inherit;font-size:1.4rem;line-height:1;padding:.4rem .6rem;cursor:pointer}.welcome-close:hover,.welcome-close:focus-visible{color:var(--cp-ink)}.welcome-start{background:var(--cp-ink);color:var(--cp-surface);border:var(--cp-hair) solid var(--cp-ink);border-radius:var(--cp-radius);padding:.9rem 2rem;font-family:inherit;font-size:1rem;font-weight:700;cursor:pointer;transition:background .12s linear,color .12s linear}.welcome-start:hover,.welcome-start:focus-visible{background:var(--cp-surface);color:var(--cp-ink)}@media (pointer: coarse){.welcome-start{min-height:44px}.welcome-close{min-width:44px;min-height:44px}}#loading-text[data-tone=warn]{color:var(--cp-warn)}#loading-text[data-tone=danger]{color:var(--cp-danger)}.map-sheet{--sheet-peek-height: 6.5rem;position:absolute;left:0;right:0;bottom:0;height:100%;z-index:2;display:flex;flex-direction:column;background:var(--cp-paper);border-top:var(--cp-hair) solid var(--cp-rule-hard);border-radius:var(--cp-radius);transform:translateY(var(--sheet-offset, 0px));transition:transform .28s cubic-bezier(.2,.8,.2,1)}.map-sheet[data-state=peek]{--sheet-offset: calc(100% - var(--sheet-peek-height))}.map-sheet[data-state=full]{--sheet-offset: 0px}.map-sheet[data-dragging=true]{transition:none}.sheet-grip{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;width:100%;padding:.7rem 1rem .8rem;background:transparent;border:none;border-radius:var(--cp-radius);color:var(--cp-ink);font-family:inherit;font-size:.82rem;font-weight:600;letter-spacing:-.01em;cursor:grab;touch-action:none}.sheet-grip:active{cursor:grabbing}.sheet-grip:focus-visible{outline:2px solid var(--cp-ink);outline-offset:-2px}.sheet-grip-bar{width:2.5rem;height:3px;background:var(--cp-rule-hard)}.sheet-grip-label{color:var(--cp-muted)}.sheet-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:env(safe-area-inset-bottom,0px);padding-inline:.9rem;scrollbar-gutter:stable}.map-sheet[data-state=peek] .sheet-body{overflow:hidden}@media (pointer: coarse){.sheet-grip{min-height:56px}}@media (min-width: 900px){.map-sheet{left:auto;top:0;width:min(30rem,42%);height:auto;transform:none;border-top:none;border-left:var(--cp-hair) solid var(--cp-rule-hard)}.map-sheet .sheet-grip{display:none}.map-sheet[data-state=peek] .sheet-body{overflow-y:auto}#page-view .view-actions{right:auto;width:min(30rem,42%)}}.tab-bar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;padding-bottom:env(safe-area-inset-bottom,0px);background:var(--cp-paper);border-top:var(--cp-hair) solid var(--cp-rule-hard);border-radius:var(--cp-radius)}.tab-bar[hidden]{display:none}.tab-bar a{flex:1;min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;padding:.4rem .25rem;border:none;border-radius:var(--cp-radius);background:transparent;color:var(--cp-ink-2);font-family:inherit;font-size:.7rem;letter-spacing:.04em;text-decoration:none;transition:background .12s linear,color .12s linear}.tab-bar a svg{width:20px;height:20px}.tab-bar a[aria-current=page]{background:var(--cp-ink);color:var(--cp-surface)}.tab-bar a:focus-visible{outline:2px solid var(--cp-ink);outline-offset:-2px}body.has-tab-bar .content{padding-bottom:calc(56px + env(safe-area-inset-bottom,0px) + 1rem)}body.has-tab-bar #page-profile{padding-bottom:calc(56px + env(safe-area-inset-bottom,0px))}@media (min-width: 900px){.tab-bar{left:50%;right:auto;transform:translate(-50%);width:min(30rem,90vw);border:var(--cp-hair) solid var(--cp-rule-hard);border-bottom:none}}.config-error{padding:1rem 1.25rem;border-bottom:2px solid var(--cp-ink);background:var(--cp-sunken);color:var(--cp-ink);font-family:var(--cp-font);font-size:.9rem;line-height:1.5}.config-error strong{display:block;margin-bottom:.35rem}:root{color-scheme:light;--cp-paper: #F4F4F1;--cp-surface: #FFFFFF;--cp-sunken: #EBEBE7;--cp-ink: #141414;--cp-ink-2: #4A4A46;--cp-muted: #6E6E68;--cp-rule: #D6D6D1;--cp-rule-hard: #141414;--cp-anchor: #7c3aed;--cp-start: #10b981;--cp-stop: #3b82f6;--cp-warn: #B45309;--cp-warn-bg: #FDF6E7;--cp-danger: #B3261E;--cp-danger-bg: #FBEDEC;--cp-ok: #15803D;--cp-ok-bg: #EDF6EF;--cp-kakao: #FEE500;--cp-kakao-ink: #000000;--cp-naver: #03C75A;--cp-naver-ink: #FFFFFF;--cp-google-surface: #FFFFFF;--cp-google-ink: #3C4043;--cp-google-rule: #DADCE0;--cp-route: #3F3F3B;--cp-scrim: rgba(20, 20, 20, .55);--cp-radius: 0;--cp-pill: 999px;--cp-hair: 1px;--cp-font: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", "Malgun Gothic", Roboto, "Noto Sans KR", system-ui, sans-serif;--cp-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}:root[data-theme=dark],:root[data-route-theme=dark],body.dark{color-scheme:dark;--cp-scrim: rgba(0, 0, 0, .65);--cp-paper: #121211;--cp-surface: #1A1A19;--cp-sunken: #232322;--cp-ink: #EDEDE9;--cp-ink-2: #C2C2BD;--cp-muted: #8E8E88;--cp-rule: #2E2E2C;--cp-rule-hard: #EDEDE9;--cp-anchor: #a78bfa;--cp-start: #34d399;--cp-stop: #60a5fa;--cp-warn: #F0A94A;--cp-warn-bg: #2A2318;--cp-danger: #F2857D;--cp-danger-bg: #2B1A19;--cp-ok: #6EE7A8;--cp-ok-bg: #16251C}