:root{font-family:Pretendard,Apple SD Gothic Neo,system-ui,sans-serif;color:#1a1a1a;background:#f4f1ea}*{box-sizing:border-box}body{margin:0}#root{min-height:100vh}.app-shell{display:grid;grid-template-columns:300px 1fr;grid-template-rows:1fr;min-height:100vh}.mobile-tabs{display:none}.sidebar{background:#1f2937;color:#f9fafb;padding:0;display:flex;flex-direction:column;min-height:0;border-right:1px solid #111827}.sidebar-head,.controls{flex-shrink:0}.sidebar-head{padding:.75rem 1rem .35rem}.sidebar h1{margin:0;font-size:1.25rem;letter-spacing:-.02em}.controls{padding:0 1rem .5rem}.period-controls-title{margin:0;font-size:.82rem;font-weight:700;color:#f3f4f6}.period-controls--map .period-controls-title{color:#1f2937}.period-controls-note{margin:.2rem 0 0;font-size:.68rem;color:#9ca3af;line-height:1.35}.period-controls-range{margin:.35rem 0 .5rem;font-size:.75rem;color:#d1d5db}.period-controls--map .period-controls-range{color:#4b5563}.period-controls-range strong{color:#fbbf24}.period-controls--map .period-controls-range strong{color:#b45309}.period-chips{display:flex;flex-wrap:wrap;gap:.35rem}.period-chips button{padding:.28rem .55rem;border-radius:999px;border:1px solid #4b5563;background:#111827;color:#e5e7eb;font-size:.72rem;font-weight:600;cursor:pointer}.period-chips button.active{border-color:#f59e0b;background:#f59e0b2e;color:#fde68a}.period-controls--map .period-chips button{border-color:#d1d5db;background:#fffffff2;color:#374151}.period-controls--map .period-chips button.active{border-color:#1f2937;background:#1f2937;color:#fbbf24}.round-slider{margin-top:.55rem}.round-slider-label{display:block;font-size:.68rem;color:#9ca3af;margin-bottom:.25rem}.rank-scope-badge{margin:.15rem 0 .45rem;font-size:.68rem;color:#9ca3af;line-height:1.35}.map-period-bar{display:none}.controls select{width:100%;padding:.5rem .65rem;border-radius:8px;border:1px solid #374151;background:#111827;color:#f9fafb;font-size:.88rem}.sidebar-body{flex:1;overflow-y:auto;padding:0 1.1rem;min-height:0}.rank-section{padding-bottom:.5rem}.section-title{font-size:.95rem;margin:.5rem 0 0}.rank-list{list-style:none;padding:0;margin:0}.rank-list li{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.45rem .35rem;border-bottom:1px solid #374151;font-size:.85rem;cursor:pointer;border-radius:6px}.rank-list li:hover,.rank-list li:focus-visible{background:#ffffff0f;outline:none}.rank-list li.selected{background:#f59e0b1f;border-color:#f59e0b}.rank-list .rank-main{display:flex;align-items:flex-start;min-width:0;flex:1}.rank-list .num{color:#f59e0b;font-weight:700;margin-right:.45rem;flex-shrink:0;min-width:1.25rem}.rank-list .rank-name{display:block;line-height:1.25}.rank-list .rank-address{font-size:.7rem;color:#9ca3af;margin-top:.1rem;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.rank-list .rank-count{flex-shrink:0;color:#f59e0b;font-weight:600;font-size:.82rem}.detail-section{border-top:1px solid #374151;margin-top:.5rem;padding-top:.5rem}.store-detail{background:#111827;border:1px solid #374151;border-radius:10px;padding:.75rem;margin-bottom:.75rem}.store-detail-header{display:flex;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.store-detail h2{margin:0;font-size:1rem}.store-address{margin:.15rem 0 0;font-size:.75rem;color:#9ca3af}.store-stats{margin:.35rem 0 0;font-size:.78rem;color:#d1d5db}.btn-close{background:transparent;border:none;color:#9ca3af;font-size:1.35rem;line-height:1;cursor:pointer;padding:0 .2rem}.btn-text{background:transparent;border:none;color:#fbbf24;cursor:pointer;font-size:.85rem}.win-cards{list-style:none;padding:0;margin:0}.win-card{padding:.5rem 0;border-bottom:1px solid #374151}.win-card-head{display:flex;flex-wrap:wrap;gap:.35rem .5rem;align-items:center;font-size:.75rem}.win-card-round{font-weight:700;color:#f59e0b}.win-card-date{color:#9ca3af}.win-card-rank,.win-card-pick{background:#374151;padding:.1rem .35rem;border-radius:4px;font-size:.68rem}.win-card-numbers{margin:.35rem 0 .25rem;font-size:.8rem;line-height:1.35;word-break:break-all}.win-card-sources a{color:#fbbf24;font-size:.68rem;margin-right:.5rem}.empty-wins{font-size:.8rem;color:#9ca3af;margin:.5rem 0}.footer-meta{flex-shrink:0;padding:.4rem 1rem .6rem;border-top:1px solid #374151;font-size:.65rem;color:#6b7280}.footer-meta details{cursor:pointer}.footer-meta summary{color:#9ca3af;list-style:none}.footer-meta summary::-webkit-details-marker{display:none}.footer-meta p{margin:.35rem 0 0;line-height:1.4}.footer-meta a{color:#fbbf24}.map-wrap{position:relative;min-height:0;height:100%}.map-host{position:relative;width:100%;height:100%;min-height:100%}.naver-map-container{width:100%;height:100%;min-height:100vh}.map-load-error{position:absolute;z-index:1100;left:50%;top:50%;transform:translate(-50%,-50%);padding:.75rem 1rem;border-radius:8px;background:#111827eb;color:#fca5a5;font-size:.85rem;max-width:90%;text-align:center}.lotto-pin{background:#f59e0b!important;border:2px solid #fff;border-radius:50%;color:#111;font-weight:700;display:flex!important;align-items:center;justify-content:center;box-shadow:0 2px 6px #00000047}.lotto-pin--dot{border-width:1.5px;box-shadow:0 1px 4px #00000038}.lotto-pin--dot.is-selected{box-shadow:0 0 0 2px #fff,0 0 0 4px #f59e0b,0 1px 5px #0000004d}.lotto-pin .lotto-pin-label{font-size:.68rem;line-height:1}.lotto-pin.size-md .lotto-pin-label{font-size:.72rem}.lotto-pin.size-lg .lotto-pin-label{font-size:.76rem}.lotto-pin.is-selected{border-color:#1f2937;box-shadow:0 0 0 3px #fff,0 0 0 5px #f59e0b,0 2px 8px #00000059;z-index:1000!important}.sidebar-head-row{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.btn-share{flex-shrink:0;padding:.35rem .6rem;border-radius:6px;border:1px solid #374151;background:#111827;color:#fbbf24;font-size:.72rem;font-weight:600;cursor:pointer}.share-hint{margin:.25rem 0 0;font-size:.68rem;color:#86efac}.rank-search{width:100%;padding:.45rem .6rem;margin-bottom:.5rem;border-radius:8px;border:1px solid #374151;background:#111827;color:#f9fafb;font-size:.85rem}.rank-empty{padding:.75rem 0;color:#9ca3af;font-size:.8rem;cursor:default}.round-slider{margin-bottom:.65rem}.round-slider label{display:block;font-size:.72rem;color:#9ca3af;margin-bottom:.35rem}.round-slider input[type=range]{width:100%;accent-color:#f59e0b}.loading-block{padding:.5rem 0}.skeleton{height:.65rem;border-radius:4px;background:linear-gradient(90deg,#374151 25%,#4b5563,#374151 75%);background-size:200% 100%;animation:shimmer 1.2s infinite;margin-bottom:.35rem}.skeleton-line.short{width:55%}.loading-label{font-size:.72rem;color:#9ca3af}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.store-actions{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.45rem}.btn-zoom,.btn-directions{font-size:.72rem;padding:.3rem .55rem;border-radius:6px;cursor:pointer;text-decoration:none}.btn-zoom{border:1px solid #f59e0b;background:transparent;color:#fbbf24}.btn-directions{border:1px solid #03a94d;background:#03c75a;color:#fff;font-weight:600}.btn-directions:hover{background:#02b350;color:#fff}.btn-directions-compact{font-size:.65rem;padding:.2rem .4rem;flex-shrink:0}.rank-actions{display:flex;flex-direction:row;align-items:center;gap:.35rem;flex-shrink:0}.map-geo-banner{position:absolute;z-index:1100;top:10px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.4rem;max-width:min(88vw,280px);padding:.3rem .5rem;border-radius:8px;background:#111827e0;color:#f3f4f6;font-size:.68rem;line-height:1.2;box-shadow:0 2px 10px #0003;border:1px solid #374151}.map-geo-banner-btn{flex-shrink:0;padding:.2rem .45rem;border-radius:6px;border:1px solid #03c75a;background:#03c75a;color:#fff;font-size:.68rem;font-weight:600;cursor:pointer}.map-geo-banner-close{flex-shrink:0;margin-left:auto;border:none;background:transparent;color:#9ca3af;font-size:1rem;line-height:1;cursor:pointer;padding:0 .15rem}.map-tool-col{display:flex;flex-direction:column;gap:.35rem}.map-geo-btn.is-active{border-color:#2563eb;background:#1d4ed8;color:#fff}.user-loc-marker{position:relative;width:22px;height:22px}.user-loc-dot{position:absolute;left:50%;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#2563eb;border:2px solid #fff;box-shadow:0 1px 4px #00000059}.user-loc-pulse{position:absolute;left:50%;top:50%;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:#2563eb40;animation:user-loc-pulse 2s ease-out infinite}@keyframes user-loc-pulse{0%{transform:scale(.5);opacity:.9}to{transform:scale(1.4);opacity:0}}.map-reset-wrap{position:absolute;right:12px;bottom:64px;z-index:1000;pointer-events:auto}.map-reset-btn{padding:.4rem .65rem;border-radius:8px;border:none;background:#fffffff0;color:#1f2937;font-size:.72rem;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #00000026}.map-geo-wrap{position:absolute;right:12px;bottom:24px;z-index:1000;pointer-events:auto}.map-geo-btn{width:2.25rem;height:2.25rem;padding:0;border-radius:50%;border:none;background:#111827e0;color:#f9fafb;font-size:1rem;line-height:1;cursor:pointer;box-shadow:0 2px 8px #0003}.map-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;align-items:flex-start;justify-content:center;padding-top:4rem;background:#f4f1eaa6;pointer-events:none}.map-loading-overlay .loading-block{background:#fff;padding:1rem 1.25rem;border-radius:10px;box-shadow:0 4px 16px #0000001f;min-width:200px}.map-bottom-sheet{display:none}@media(max-width:900px){.app-shell{grid-template-columns:1fr;grid-template-rows:auto 1fr;min-height:100dvh}.mobile-tabs{display:flex;grid-column:1;background:#111827;border-bottom:1px solid #374151}.mobile-tabs button{flex:1;padding:.65rem;border:none;background:transparent;color:#9ca3af;font-size:.9rem;font-weight:600;cursor:pointer}.mobile-tabs button.active{color:#f59e0b;box-shadow:inset 0 -2px #f59e0b}.mobile-tabs button:disabled{opacity:.4;cursor:not-allowed}.sidebar{display:none;max-height:45vh;overflow:hidden}.map-wrap{display:none;min-height:62vh;flex:1}.app-shell.panel-map{grid-template-rows:auto 1fr}.app-shell.panel-map .map-wrap{min-height:0;height:100%}.app-shell.panel-list .sidebar,.app-shell.panel-detail .sidebar{display:flex}.app-shell.panel-map .map-wrap{display:block}.app-shell.panel-map .map-period-bar{display:block;position:absolute;top:0;left:0;right:0;z-index:1050;padding:.45rem .65rem .5rem;background:#fffffff5;border-bottom:1px solid #e5e7eb;box-shadow:0 2px 10px #00000014}.app-shell.panel-map .map-host{padding-top:4.25rem}.period-controls--compact .period-controls-range{margin-bottom:.35rem}.app-shell.panel-detail .sidebar{max-height:none;flex:1}.app-shell.panel-detail .map-wrap{display:none}.rank-list{max-height:28vh}.naver-map-container{min-height:62vh;height:100%}.rank-address,.desktop-detail,.mobile-detail-tab{display:none}.app-shell.panel-detail .mobile-detail-tab{display:block}.app-shell.panel-detail .rank-section,.app-shell.panel-detail .controls{display:none}.app-shell.panel-map .map-bottom-sheet{display:block;position:absolute;z-index:1200;left:0;right:0;bottom:0;max-height:42vh;overflow-y:auto;background:#1f2937;border-top-left-radius:14px;border-top-right-radius:14px;box-shadow:0 -4px 24px #00000059;padding:.35rem .75rem .75rem}.sheet-handle{width:36px;height:4px;border-radius:2px;background:#4b5563;margin:.35rem auto .5rem}.map-bottom-sheet .store-detail{margin-bottom:0;max-height:none}.map-bottom-sheet .win-cards{max-height:22vh}}@media(min-width:901px){.map-bottom-sheet,.detail-section.mobile-detail-tab{display:none!important}.detail-section.desktop-detail{display:block}.app-shell.has-selection .rank-section{display:none}.app-shell.has-selection .detail-section.desktop-detail{border-top:none;margin-top:0;padding-top:0}.rank-list .btn-directions-compact{display:none}.rank-list li.selected .btn-directions-compact{display:inline-flex}}