/* 원본 사이트에서 MUI(emotion)가 런타임에 주입하던 스타일 — Export 골든 HTML의 <style data-emotion> 블록을 그대로 추출.
   GoToTop 버튼(MuiIconButton)과 그 안의 화살표 아이콘(MuiSvgIcon)이 사용한다. */

.css-1wf493t{text-align:center;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;font-size:1.5rem;padding:8px;border-radius:50%;overflow:visible;color:rgba(0, 0, 0, 0.54);-webkit-transition:background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;}.css-1wf493t:hover{background-color:rgba(0, 0, 0, 0.04);}@media (hover: none){.css-1wf493t:hover{background-color:transparent;}}.css-1wf493t.Mui-disabled{background-color:transparent;color:rgba(0, 0, 0, 0.26);}
.css-1yxmbwk{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent;background-color:transparent;outline:0;border:0;margin:0;border-radius:0;padding:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;-moz-appearance:none;-webkit-appearance:none;-webkit-text-decoration:none;text-decoration:none;color:inherit;text-align:center;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;font-size:1.5rem;padding:8px;border-radius:50%;overflow:visible;color:rgba(0, 0, 0, 0.54);-webkit-transition:background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;}.css-1yxmbwk::-moz-focus-inner{border-style:none;}.css-1yxmbwk.Mui-disabled{pointer-events:none;cursor:default;}@media print{.css-1yxmbwk{-webkit-print-color-adjust:exact;color-adjust:exact;}}.css-1yxmbwk:hover{background-color:rgba(0, 0, 0, 0.04);}@media (hover: none){.css-1yxmbwk:hover{background-color:transparent;}}.css-1yxmbwk.Mui-disabled{background-color:transparent;color:rgba(0, 0, 0, 0.26);}
.css-vubbuv{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:1em;height:1em;display:inline-block;fill:currentColor;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-transition:fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;font-size:1.5rem;}
.css-w0pj6f{overflow:hidden;pointer-events:none;position:absolute;z-index:0;inset:0px;border-radius:inherit;}

/* ── 확률표 뷰어 개선 (P0+P1, 2026-07-20 승인) ──
   sticky 전략 2원화:
   - 원형(가로 스크롤 필요) = .prob-scroll 내부 스크롤(max-height) + 컨테이너 기준 sticky.
     (overflow-x:auto 래퍼는 항상 스크롤 컨테이너가 되어 페이지 기준 sticky가 불가능 — clip 병용도 스펙상 hidden으로 강등됨)
   - 언피벗·선택형(폭 좁음) = 래퍼 없이 페이지 기준 sticky(top = 고정 헤더 3.5rem). */
/* overflow-anchor: none — 가상 스크롤 필수(2026-07-21 실기기 적발).
   스크롤 앵커링이 켜져 있으면: 휠 스크롤 → spacer 높이 변경 → 브라우저가 scrollTop 자동 보정
   → scroll 이벤트 재발생 → spacer 재변경 → … 자기 가속 루프로 끝까지 쭉 내려간다.
   가상 스크롤은 spacer로 위치를 스스로 관리하므로 앵커링이 개입하면 안 된다. */
.prob-scroll { overflow: auto; max-height: 70vh; overflow-anchor: none; }
.prob-scroll thead th { position: sticky; top: 0; z-index: 2; }
.prob-scroll thead tr:first-child th { height: 2.25rem; }
.prob-scroll thead tr:nth-child(2) th { top: 2.25rem; }
.prob-scroll th:first-child, .prob-scroll td:first-child { position: sticky; left: 0; }
.prob-scroll thead th:first-child { z-index: 3; }
.prob-bare thead th { position: sticky; top: 3.5rem; z-index: 2; }
.prob-table thead th { background-color: inherit; }
.prob-table thead tr.bg-gray-100 th { background-color: rgb(243 244 246); }
.prob-table thead tr.bg-gray-50 th { background-color: rgb(249 250 251); }
.prob-table tbody tr.bg-white td:first-child { background-color: rgb(255 255 255); }
.prob-table tbody tr.bg-gray-50 td:first-child { background-color: rgb(249 250 251); }
.prob-zero { opacity: 0.45; }
.prob-lookup {
  border: 1px solid rgb(229 231 235); border-radius: 0.5rem;
  padding: 1rem 1.25rem; margin-bottom: 2rem;
}
.prob-lookup-controls { display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem; margin: 0.75rem 0 0.25rem; }
.prob-lookup-hint { font-size: 0.75rem; color: rgb(156 163 175); }
.prob-lookup-title { font-size: 0.95rem; font-weight: 600; color: rgb(55 65 81); margin: 1rem 0 0.5rem; }
.prob-lookup-empty { font-size: 0.875rem; color: rgb(156 163 175); margin-top: 0.75rem; }

/* ── P2-2 등급 배지 (스타일 B: 틴트 배경 + 진한 글자, 게임 색상표 근사값 — 2026-07-20 승인) ── */
.tier-badge { display: inline-block; border-radius: 4px; padding: 1px 8px; font-size: 0.75rem; }
.tier-normal   { background: #A9A9A926; color: #5F5F5F; }
.tier-superior { background: #63AD1F26; color: #3F7010; }
.tier-rare     { background: #3D7EBD26; color: #27547F; }
.tier-legend   { background: #A18A2C26; color: #6B5B1C; }
.tier-epic     { background: #C356C026; color: #82377F; }
.tier-mythic   { background: #DA492C26; color: #93301C; }
.tier-ancient  { background: #22C7D526; color: #137782; }
.tier-eternal  { background: #DE3A6926; color: #952544; }
.tier-abyss    { background: #2C55D226; color: #1D388C; }
.tier-immortal { background: #EA8A2B26; color: #9C5A1A; }
.prob-filter {
  border: 1px solid rgb(209 213 219); border-radius: 0.5rem;
  padding: 0.375rem 0.75rem; font-size: 0.875rem; color: rgb(55 65 81);
  min-width: 11rem; outline: none;
}
.prob-filter:focus { border-color: rgb(59 130 246); }
.prob-select {
  border: 1px solid rgb(209 213 219); border-radius: 0.5rem;
  padding: 0.375rem 0.75rem; font-size: 0.875rem; color: rgb(55 65 81);
  background: white; outline: none;
}