:root{color-scheme:light;--page: #f5f6f8;--surface: #ffffff;--surface-2: #f0f2f5;--fg: #171a1f;--muted: #5d6471;--faint: #8b92a0;--line: #e2e5ea;--line-strong: #cdd2da;--accent: #3b5bdb;--accent-weak: #edf1ff;--accent-fg: #ffffff;--ok: #17794a;--ok-weak: #e6f4ec;--warn: #8f5500;--warn-weak: #fff3dc;--err: #c0341f;--err-weak: #fdecea;--sel: #eef2ff;--shadow: 0 8px 28px rgba(20, 24, 33, .14);--radius: 8px;--radius-lg: 12px;--topbar-h: 56px}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--page: #0f1115;--surface: #171a20;--surface-2: #1f232a;--fg: #e7e9ee;--muted: #a3aab7;--faint: #7b8290;--line: #2a2f37;--line-strong: #3b414c;--accent: #8ea6ff;--accent-weak: #1e2644;--accent-fg: #0f1115;--ok: #5fcf93;--ok-weak: #132a1e;--warn: #f1b560;--warn-weak: #2e2414;--err: #ff8c7c;--err-weak: #34191a;--sel: #1c2440;--shadow: 0 8px 28px rgba(0, 0, 0, .5)}}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--fg);font:15px/1.6 Pretendard,Apple SD Gothic Neo,Malgun Gothic,Noto Sans KR,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--accent)}h2{font-size:18px;line-height:1.35;margin:0 0 12px}h3{font-size:14px;margin:22px 0 8px;color:var(--muted);font-weight:600}h4{font-size:14px;margin:0 0 6px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h2[tabindex="-1"]:focus{outline:none}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:16px 18px;margin-bottom:16px}.muted{color:var(--muted)}.error{color:var(--err)}.ok{color:var(--ok)}.small{font-size:12.5px;margin-top:4px}.note{font-size:12.5px;margin:14px 0 0;line-height:1.7}label{display:block;margin:10px 0;font-size:13px;color:var(--muted)}input,select,textarea{display:block;width:100%;margin-top:4px;padding:8px 10px;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);color:var(--fg);font:inherit;font-size:14px}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-weak)}textarea{resize:vertical}button{padding:7px 14px;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);color:var(--fg);font:inherit;font-size:14px;cursor:pointer;white-space:nowrap}button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}button:disabled{opacity:.55;cursor:default}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line)}th{font-size:12px;color:var(--muted);font-weight:600}tr.on{background:var(--sel)}.badge{display:inline-flex;align-items:center;padding:1px 9px;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface-2);font-size:12px;line-height:1.7;white-space:nowrap;color:var(--fg)}.badge.ok{border-color:transparent;background:var(--ok-weak);color:var(--ok)}.badge.muted{color:var(--faint);background:transparent;border-style:dashed}.topbar{position:sticky;top:0;z-index:20;height:var(--topbar-h);display:flex;align-items:center;gap:14px;padding:0 24px;background:var(--surface);border-bottom:1px solid var(--line)}.brand{font-weight:700;font-size:16px;letter-spacing:-.01em}.topbar-spacer{flex:1}.who{display:flex;align-items:center;gap:10px;font-size:13px}.who button{padding:5px 10px;font-size:13px}.shell{display:grid;grid-template-columns:272px minmax(0,1fr);gap:20px;max-width:1680px;margin:0 auto;padding:20px 24px 64px;align-items:start}.shell.has-panel{grid-template-columns:272px minmax(0,1fr) minmax(400px,480px)}.side{position:sticky;top:calc(var(--topbar-h) + 20px);max-height:calc(100vh - var(--topbar-h) - 40px);overflow-y:auto}.main{min-width:0}.panel{position:sticky;top:calc(var(--topbar-h) + 20px);max-height:calc(100vh - var(--topbar-h) - 40px);overflow-y:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg)}.panel>.card{border:0;margin:0;background:transparent;padding:18px 20px 24px}.ops-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12.5px;background:var(--surface-2);color:var(--muted)}.ops-chip .dot{width:7px;height:7px;border-radius:50%;background:currentColor}.ops-chip.ok{color:var(--ok);background:var(--ok-weak)}.ops-chip.caution,.ops-chip.warn{color:var(--warn);background:var(--warn-weak)}.ops-chip.warn{font-weight:600}.ops-banner{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;max-width:1680px;margin:16px auto 0;padding:12px 16px;width:calc(100% - 48px);background:var(--warn-weak);color:var(--fg);border:1px solid var(--warn);border-radius:var(--radius-lg);font-size:14px}.ops-banner strong{color:var(--warn)}.ops-banner ul{margin:0;padding-left:18px;flex-basis:100%}.ops-banner button{padding:4px 10px;font-size:13px}.notice{border-color:var(--err);background:var(--err-weak)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}button.link{padding:0 2px;border:0;background:none;color:var(--accent);font-size:12.5px}button.link:hover:not(:disabled){text-decoration:underline}.topbar-search{flex:1 1 360px;max-width:560px;margin:0;padding:7px 12px;background:var(--surface-2);border-color:transparent;border-radius:999px}.topbar-search:focus{background:var(--surface)}.side .card{padding:14px 16px}.filter-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.filter-head h2{margin:0;font-size:15px}.filter-head button{padding:3px 10px;font-size:12.5px}.filter-note{margin:6px 0 4px;line-height:1.6}.facet-group{border:0;padding:0;margin:14px 0 0;min-width:0}.facet-group legend{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 0 4px;font-size:13px;font-weight:600;color:var(--fg)}.facet{display:flex;align-items:center;gap:8px;margin:0;padding:4px 6px;border-radius:6px;font-size:14px;color:var(--fg);cursor:pointer}.facet:hover{background:var(--surface-2)}.facet input{width:15px;height:15px;margin:0;padding:0;flex:none;accent-color:var(--accent)}.facet-name{flex:1;min-width:0}.facet-count{font-size:12px;color:var(--faint);font-variant-numeric:tabular-nums}.facet.empty{color:var(--faint);cursor:default}.facet.empty:hover{background:none}.facet-group .more{margin:4px 0 0 6px}.game-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:13.5px;background:var(--surface);border:1px solid var(--line-strong)}.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.chip[aria-pressed=true]:hover:not(:disabled){color:var(--accent-fg)}.chip-count{font-size:12px;opacity:.75;font-variant-numeric:tabular-nums}.chip.removable{background:var(--accent-weak);border-color:transparent;color:var(--accent);padding:3px 10px;font-size:13px}.applied-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;min-height:34px}.applied-left{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}.applied-right{display:flex;align-items:center;gap:8px;margin-left:auto}.result-count{font-size:15px;margin-right:4px}.sort{margin:0}.sort select{width:auto;margin:0;padding:5px 8px;font-size:13px}.facet-row{display:flex;flex-wrap:wrap;align-items:center}.facet-row .facet{flex:1;min-width:0}.facet-info{flex:none;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:none;color:var(--faint);font-size:14px;line-height:1}.facet-info[aria-expanded=true]{color:var(--accent);background:var(--accent-weak)}.facet-def{flex-basis:100%;margin:0 0 6px 29px;font-size:12.5px;line-height:1.6;color:var(--muted)}.sheet-only,.filter-toggle{display:none}.side:focus{outline:none}.main{container-type:inline-size}.main .card{padding:16px 20px;overflow-x:auto}.main h2{font-size:16px}.view-switch{display:inline-flex}.view-switch button{padding:4px 12px;font-size:13px;border-radius:0}.view-switch button:first-child{border-radius:var(--radius) 0 0 var(--radius)}.view-switch button:last-child{border-radius:0 var(--radius) var(--radius) 0;margin-left:-1px}.view-switch button[aria-pressed=true]{background:var(--accent-weak);border-color:var(--accent);color:var(--accent);position:relative}.skill-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@container (max-width: 640px){.skill-grid{grid-template-columns:minmax(0,1fr)}}.skill-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg)}.skill-card.on{border-color:var(--accent);background:var(--sel)}button.skill-name{padding:0;border:0;background:none;color:var(--fg);font-size:15.5px;font-weight:700;text-align:left;white-space:normal}button.skill-name:hover:not(:disabled){color:var(--accent);text-decoration:underline}.skill-meta{margin:0;font-size:13px;color:var(--muted)}.skill-summary{margin:2px 0 0;font-size:14px;line-height:1.65}.tag-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.tag{display:inline-flex;align-items:center;padding:1px 9px;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface-2);color:var(--fg);font-size:12px;line-height:1.7}.tag.on{border-color:transparent;background:var(--accent-weak);color:var(--accent);font-weight:600}.tag-none{margin:0;font-size:12.5px;color:var(--faint)}.match{align-self:stretch;margin-top:2px;padding:8px 10px;border-left:3px solid var(--accent);background:var(--accent-weak);border-radius:var(--radius);font-size:13.5px}.match ul{list-style:none;margin:6px 0 0;padding:0}.match li+li{margin-top:8px}.match .axis-row{margin-top:4px}.match-text{margin-top:2px}.skill-table td{vertical-align:top}.skill-table th,.skill-table td:not(.summary-cell):not(.tags-cell),.skill-table button.skill-name{white-space:nowrap}.skill-table .summary-cell{min-width:220px}.skill-table .tags-cell{min-width:150px}.clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.editor-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.editor-head>div:first-child{min-width:0}.editor-head>button{flex:none}.editor-head h2{margin:0;font-size:20px}.editor-head p{margin:4px 0 0;font-size:13px;word-break:keep-all}.detail-actions{display:flex;gap:8px;flex:none}.summary{margin:14px 0 0;padding:12px 14px;background:var(--surface-2);border-radius:var(--radius);font-size:14.5px;line-height:1.7}.effect-list{margin:8px 0 0;padding-left:22px}.effect-list li{margin-bottom:16px;font-size:14.5px;line-height:1.65}.axis-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.kv{width:100%;font-size:14px}.kv th{text-align:left;padding:6px 16px 6px 0;white-space:nowrap;vertical-align:top;font-size:13px;width:1%}.kv td{padding:6px 0;word-break:break-all}.raw{margin:8px 0 0;padding:12px 14px;border-left:3px solid var(--line-strong);background:var(--surface-2);font-size:14px;line-height:1.75;white-space:pre-wrap}.effect{border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;margin:12px 0}.effect legend{font-size:12px;color:var(--muted);padding:0 6px}.axes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}.axes label{margin:0}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:16px;font-size:13px}.panel .actions{position:sticky;bottom:0;z-index:1;margin:16px -20px 0;padding:12px 20px;background:var(--surface);border-top:1px solid var(--line)}.conflict{border:1px solid var(--err);background:var(--err-weak);border-radius:var(--radius);padding:14px;margin-top:20px}.conflict h3{margin-top:0;color:var(--err)}.compare{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:12px;font-size:14px}.compare ol{margin:6px 0 0;padding-left:20px}.panel .compare{grid-template-columns:1fr}.centered{min-height:100vh;display:grid;place-items:center;padding:16px}.login{width:min(380px,100%);padding:28px 28px 24px}.login h1{font-size:22px;margin:0 0 4px}.login button{width:100%;margin-top:8px;background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.login button:hover:not(:disabled){color:var(--accent-fg);filter:brightness(1.08)}@media (max-width: 1279px){.shell.has-panel,.shell{grid-template-columns:248px minmax(0,1fr)}.panel{position:fixed;top:var(--topbar-h);right:0;bottom:0;z-index:30;width:min(480px,100vw);max-height:none;border-radius:0;border-width:0 0 0 1px;box-shadow:var(--shadow)}}@media (max-width: 800px){.topbar{padding:8px 12px;gap:8px 10px;height:auto;flex-wrap:wrap}.topbar-search{order:10;flex-basis:100%;max-width:none}.who-email{display:none}.panel{top:0;z-index:40}.applied-bar{align-items:flex-start}.shell,.shell.has-panel{grid-template-columns:minmax(0,1fr);gap:12px;padding:12px 12px 48px}.side{display:none}.side.open{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;max-height:none;overflow-y:auto;padding:12px 12px 0;background:var(--page)}.side.open .card{margin-bottom:0}.sheet-only{display:inline-flex}.filter-head{justify-content:flex-start}.filter-head h2+button{margin-left:auto}.sheet-foot{display:block;position:sticky;bottom:0;padding:12px 0;background:var(--page)}.sheet-foot button.primary{width:100%;padding:10px 14px;font-size:15px;background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.sheet-foot button.primary:hover:not(:disabled){color:var(--accent-fg);filter:brightness(1.08)}.filter-toggle{display:inline-flex;margin-bottom:10px}.panel{width:100vw;border-width:0}.ops-banner{width:calc(100% - 24px);margin-top:12px}.compare{grid-template-columns:1fr}.axes{grid-template-columns:1fr;gap:8px}}