*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #6FCF97;--primary-dim: rgba(111,207,151,.15);--primary-border: rgba(111,207,151,.28);--bg: #0F0F12;--surface2: #181818;--surface3: #1e1e22;--text: #fff;--text-sub: #888;--text-dim: #444;--border: #222;--border2: #2a2a2a}*{font-family:-apple-system,Apple SD Gothic Neo,Pretendard,sans-serif}body{background:var(--bg);color:var(--text);min-height:100vh}.page{max-width:700px;margin:0 auto;padding:40px 16px 80px}.page-header{margin-bottom:28px}.page-title{font-size:28px;font-weight:900;letter-spacing:-.5px;line-height:1.15;margin-bottom:8px}.page-title em{font-style:normal;background:linear-gradient(90deg,var(--primary) 0%,#a8edcb 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-sub{font-size:13px;color:var(--text-sub);line-height:1.65}.filter-block{margin-bottom:18px}.filter-label{font-size:10px;font-weight:700;color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase;margin-bottom:9px}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.chip{padding:7px 15px;border-radius:20px;font-size:13px;font-weight:600;background:var(--surface2);color:var(--text-sub);border:1px solid var(--border2);cursor:pointer;transition:all .12s;user-select:none;white-space:nowrap}.chip:hover{color:var(--text);border-color:#3a3a3a}.chip.on{background:var(--primary);color:#0a2e17;border-color:var(--primary);font-weight:700}.chip-sm{padding:5px 11px;border-radius:20px;font-size:12px;font-weight:500;background:transparent;color:var(--text-dim);border:1px solid var(--border);cursor:pointer;transition:all .12s;user-select:none;white-space:nowrap}.chip-sm:hover{color:var(--text-sub);border-color:var(--border2)}.chip-sm.on{background:var(--primary-dim);color:var(--primary);border-color:var(--primary-border);font-weight:700}.sub-row{display:none;flex-wrap:wrap;gap:5px;margin-top:8px}.sub-row.open{display:flex}.divider{height:1px;background:var(--border);margin:24px 0}.result-meta{margin-bottom:14px}.result-label{font-size:14px;color:var(--text-sub);font-weight:500}.result-label b{color:var(--text);font-weight:700}.rank-list{display:flex;flex-direction:column;gap:8px}.rank-card{background:var(--surface2);border:1px solid var(--border);border-radius:14px;overflow:hidden}.rank-main{display:flex;align-items:center;gap:14px;padding:16px 18px;cursor:pointer;transition:background .1s}.rank-main:hover{background:var(--surface3)}.rank-num{font-size:18px;font-weight:900;width:28px;text-align:center;flex-shrink:0;line-height:1;color:var(--text-dim)}.rank-num.top{color:var(--primary)}.rank-body{flex:1;min-width:0}.rank-name{font-size:15px;font-weight:700;color:var(--text);margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-row{display:flex;align-items:center;gap:10px}.bar-track{flex:1;height:8px;background:var(--border2);border-radius:4px;overflow:hidden}.bar-fill{height:100%;border-radius:4px;width:0;background:var(--primary);transition:width .6s cubic-bezier(.22,1,.36,1)}.bar-count{font-size:12px;color:var(--text-sub);flex-shrink:0;min-width:48px;text-align:right}.rank-right{flex-shrink:0;text-align:right;min-width:56px}.rank-avg-val{font-size:19px;font-weight:800;color:var(--primary);line-height:1}.rank-avg-unit{font-size:11px;font-weight:400;color:var(--text-sub)}.rank-avg-label{font-size:10px;color:var(--text-dim);margin-top:3px}.rank-no-size{font-size:16px;color:#333}.rank-chevron{font-size:10px;color:var(--text-dim);flex-shrink:0;transition:transform .22s;margin-left:2px}.rank-chevron.open{transform:rotate(180deg)}.lure-panel{display:none;border-top:1px solid var(--border);background:#13131a;padding:14px 18px 16px 60px}.lure-panel.open{display:block}.lure-panel-ttl{font-size:10px;font-weight:700;color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase;margin-bottom:11px}.lure-list{display:flex;flex-direction:column;gap:8px}.lure-item{display:flex;align-items:center;gap:9px}.lure-rank{font-size:11px;color:var(--text-dim);width:14px;flex-shrink:0;text-align:right}.lure-name{font-size:13px;color:var(--text);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lure-name.mip{color:var(--text-sub);font-style:italic}.lure-bar-track{width:80px;height:4px;background:var(--border2);border-radius:2px;flex-shrink:0;overflow:hidden}.lure-bar-fill{height:100%;background:#6fcf9780;border-radius:2px}.lure-count{font-size:11px;color:var(--text-sub);flex-shrink:0;width:36px;text-align:right}.lure-msg{font-size:12px;color:var(--text-dim);padding:2px 0}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skel{background:linear-gradient(90deg,var(--surface2) 0%,var(--surface3) 50%,var(--surface2) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:6px}.skel-card{background:var(--surface2);border:1px solid var(--border);border-radius:14px;padding:16px 18px;display:flex;gap:14px;align-items:center}.skel-n{width:28px;height:18px;flex-shrink:0}.skel-b{flex:1;display:flex;flex-direction:column;gap:10px}.skel-nm{height:15px;width:50%;border-radius:4px}.skel-br{height:8px;width:100%;border-radius:4px}.skel-r{width:52px;height:40px;border-radius:8px;flex-shrink:0}.empty{padding:64px 20px;text-align:center;color:var(--text-sub)}.empty-icon{font-size:40px;margin-bottom:14px}.empty-msg{font-size:14px;line-height:1.8}.notice{margin-top:24px;padding:14px 16px;border-radius:10px;background:#6fcf970a;border:1px solid rgba(111,207,151,.12);font-size:12px;color:var(--text-sub);line-height:1.75}.notice b{color:#6fcf97bf}@media (max-width: 540px){.page{padding:24px 14px 60px}.page-title{font-size:24px}.lure-panel{padding-left:40px}.rank-main{padding:14px}}