html.grind-page,body.grind-page { overflow-x:clip; }
.bdo-grind { --grind-panel:var(--app-panel,#fff); --grind-soft:var(--app-surface,#f3f3f0); --grind-soft-2:var(--app-surface-raised,#e8e8e4); --grind-line:var(--app-line,#ddddd8); --grind-ink:var(--app-text,#171817); --grind-muted:var(--app-text-muted,#666862); --grind-gold:#b77b24; --grind-green:#348a66; padding-top:18px; padding-bottom:46px; color:var(--grind-ink); }
:is(.dark,.tw-dark) .bdo-grind { --grind-gold:#e0ae58; --grind-green:#63b891; }
.grind-hero { display:flex; min-height:156px; align-items:center; justify-content:space-between; gap:32px; overflow:hidden; border-radius:6px; background:var(--grind-panel); padding:30px 34px; color:var(--grind-ink); }
.grind-hero-copy { max-width:760px; }
.grind-hero .bdo-kicker { color:var(--grind-gold); }
.grind-hero h1 { margin:7px 0 0; font-size:30px; font-weight:700; line-height:1.2; }
.grind-hero p { margin:10px 0 0; color:var(--grind-muted); font-size:14px; line-height:1.75; }
.grind-hero-status { display:flex; min-width:210px; align-items:center; gap:12px; border-radius:5px; background:var(--grind-soft); padding:13px 16px; }
.grind-hero-status>span { color:var(--grind-gold); font-size:30px; }
.grind-hero-status strong,.grind-hero-status time { display:block; }
.grind-hero-status strong { color:var(--grind-muted); font-size:12px; font-weight:500; }
.grind-hero-status time { margin-top:4px; color:var(--grind-ink); font-size:15px; font-weight:600; }
.dark .grind-hero,.tw-dark .grind-hero { background:linear-gradient(120deg,color-mix(in srgb,var(--grind-gold) 6%,var(--grind-panel)),var(--grind-panel) 68%); color:var(--grind-ink); }
:is(.dark,.tw-dark) .grind-hero .bdo-kicker { color:#e2b668; }
:is(.dark,.tw-dark) .grind-hero p,:is(.dark,.tw-dark) .grind-hero-status strong { color:var(--grind-muted); }
:is(.dark,.tw-dark) .grind-hero-status { background:var(--grind-soft); }
:is(.dark,.tw-dark) .grind-hero-status>span { color:var(--grind-gold); }
:is(.dark,.tw-dark) .grind-hero-status time { color:var(--grind-ink); }
.grind-overview { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-top:12px; }
.grind-overview>div { display:flex; min-height:84px; align-items:center; gap:12px; border-radius:5px; background:var(--grind-panel); padding:16px 20px; }
.grind-overview>div>span { color:var(--grind-gold); font-size:24px; }
.grind-overview p,.grind-overview strong,.grind-overview small { display:block; margin:0; }
.grind-overview strong { font-size:18px; font-weight:700; }
.grind-overview small { margin-top:3px; color:var(--grind-muted); font-size:12px; }
.grind-filters { display:grid; grid-template-columns:minmax(220px,1fr) 196px 142px 152px 120px 124px 88px; align-items:end; gap:8px; margin-top:18px; border-radius:6px; background:var(--grind-panel); padding:12px; }
.grind-filters label>span { display:block; margin:0 0 6px; color:var(--grind-muted); font-size:12px; font-weight:500; }
.grind-filters input,.grind-filters select { width:100%; height:40px; border:1px solid transparent; border-radius:4px; background:var(--grind-soft-2); padding:0 11px; color:var(--grind-ink); font-size:14px; outline:none; }
.grind-filters input:focus,.grind-filters select:focus { border-color:var(--grind-gold); }
.grind-filters button { display:flex; height:40px; align-items:center; justify-content:center; gap:6px; border:0; border-radius:4px; background:#a66c19; color:#fff; font-size:14px; font-weight:600; }
.grind-filters button:hover { background:#b67a21; }
.grind-filters .grind-advanced-trigger { position:relative; background:var(--grind-soft-2); color:var(--grind-ink); font-weight:500; }
.grind-filters .grind-advanced-trigger:hover,.grind-filters .grind-advanced-trigger.is-active { background:color-mix(in srgb,var(--grind-gold) 13%,var(--grind-soft-2)); color:var(--grind-gold); }
.grind-advanced-trigger b { display:grid; min-width:18px; height:18px; place-items:center; border-radius:9px; background:var(--grind-gold); padding:0 5px; color:#17120b; font-size:12px; font-weight:700; }
.grind-search { position:relative; }
.grind-search>span { position:absolute; bottom:11px; left:12px; margin:0!important; font-size:18px!important; }
.grind-search input { padding-right:38px; padding-left:38px; }
.grind-search>a { position:absolute; right:8px; bottom:7px; display:grid; width:26px; height:26px; place-items:center; color:var(--grind-muted); }
.grind-buff-picker { position:relative; height:40px; }
.grind-buff-picker>summary { display:flex; height:40px; align-items:center; gap:8px; border:1px solid transparent; border-radius:4px; background:var(--grind-soft-2); padding:4px 9px 4px 5px; color:var(--grind-ink); cursor:pointer; list-style:none; }
.grind-buff-picker>summary::-webkit-details-marker { display:none; }
.grind-buff-picker>summary:focus-visible { border-color:var(--grind-gold); outline:none; }
.grind-buff-picker>summary>span:nth-child(2) { min-width:0; flex:1; }
.grind-buff-picker>summary small,.grind-buff-picker>summary strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.grind-buff-picker>summary small { color:var(--grind-muted); font-size:12px; font-weight:500; line-height:1; }
.grind-buff-picker>summary strong { margin-top:3px; color:var(--grind-gold); font-size:13px; font-weight:600; line-height:1; }
.grind-buff-picker>summary>i { flex:none; color:var(--grind-muted); font-size:16px; transition:transform .18s ease; }
.grind-buff-picker[open]>summary>i { transform:rotate(180deg); }
.grind-buff-summary-icons { display:flex; width:56px; height:28px; flex:none; align-items:center; gap:3px; }
.grind-buff-summary-icons img { display:block; width:26px; height:26px; flex:none; border-radius:4px; background:#282620; object-fit:cover; }
.grind-buff-popover { position:absolute; z-index:30; top:47px; left:0; width:286px; border:1px solid var(--grind-line); border-radius:5px; background:var(--grind-panel); padding:14px; box-shadow:0 14px 30px rgba(0,0,0,.25); }
.grind-buff-popover header { margin-bottom:13px; }.grind-buff-popover header strong { font-size:14px; font-weight:700; }.grind-buff-popover header p { margin:4px 0 0; color:var(--grind-muted); font-size:12px; line-height:1.55; }
.grind-buff-popover>label { display:block; margin-top:12px; }.grind-buff-popover>label>span { display:block; margin-bottom:6px; color:var(--grind-muted); font-size:12px; }
.grind-buff-popover select { width:100%; }
.grind-buff-state { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; margin-top:7px; }
.grind-buff-state>span { display:flex; min-height:68px; align-items:center; justify-content:center; flex-direction:column; gap:4px; border-radius:4px; background:var(--grind-soft); padding:6px 3px; opacity:.42; text-align:center; }
.grind-buff-state>span.is-active { opacity:1; }.grind-buff-state img { width:34px; height:34px; flex:none; object-fit:contain; }.grind-buff-state small { overflow:hidden; width:100%; color:var(--grind-muted); font-size:12px; line-height:1.25; text-overflow:ellipsis; white-space:nowrap; }
.grind-rate-input { position:relative; }.grind-rate-input img { position:absolute; z-index:1; top:7px; left:7px; width:26px; height:26px; border-radius:3px; object-fit:cover; }.grind-rate-input input { padding-right:32px; padding-left:41px; }.grind-rate-input b { position:absolute; top:10px; right:11px; color:var(--grind-muted); font-size:13px; font-weight:500; }
.grind-filters .grind-buff-apply { width:100%; margin-top:12px; }
.grind-list-head { display:flex; align-items:center; justify-content:space-between; gap:18px; margin:18px 2px 9px; }
.grind-list-head>div { display:flex; align-items:baseline; gap:10px; }
.grind-list-head strong { font-size:15px; font-weight:600; }
.grind-list-head span,.grind-list-head p { color:var(--grind-muted); font-size:12px; }
.grind-list-head p { display:flex; align-items:center; gap:7px; margin:0; }
.grind-list-head p i { width:7px; height:7px; border-radius:50%; background:var(--grind-green); }
.grind-table-wrap { width:100%; max-width:100%; min-width:0; overflow-x:auto; contain:inline-size; border-radius:6px; background:var(--grind-panel); scrollbar-color:var(--grind-muted) transparent; scrollbar-width:thin; }
.grind-table { width:100%; min-width:1180px; border-collapse:collapse; table-layout:fixed; }
.grind-table th { height:42px; background:var(--grind-soft); padding:0 14px; color:var(--grind-muted); font-size:12px; font-weight:600; text-align:left; }
.grind-table th:nth-child(1) { width:29%; }.grind-table th:nth-child(2) { width:9%; }.grind-table th:nth-child(3) { width:12%; }.grind-table th:nth-child(4) { width:15%; }.grind-table th:nth-child(5) { width:12%; }.grind-table th:nth-child(6) { width:10%; }.grind-table th:nth-child(7) { width:10%; }.grind-table th:last-child { width:3%; }
.grind-table th:nth-child(n+4):nth-child(-n+7),.grind-table td:nth-child(n+4):nth-child(-n+7) { text-align:right; }
.grind-table td { height:68px; padding:8px 12px; font-size:14px; vertical-align:middle; }
.grind-table th:last-child,.grind-table td:last-child { padding-right:4px; padding-left:4px; }
.grind-table tbody tr:nth-child(even) { background:color-mix(in srgb,var(--grind-soft) 62%,var(--grind-panel)); }
.grind-table tbody tr:hover { background:color-mix(in srgb,var(--grind-gold) 5%,var(--grind-panel)); }
.grind-sort { display:inline-flex; align-items:center; gap:5px; color:var(--grind-muted); }.grind-sort:hover,.grind-sort.is-active { color:var(--grind-ink); }.grind-sort.is-active::after { width:0; height:0; border-right:4px solid transparent; border-left:4px solid transparent; content:""; }.grind-sort.is-desc::after { border-top:5px solid currentColor; }.grind-sort.is-asc::after { border-bottom:5px solid currentColor; }
.grind-spot-cell { display:grid; min-width:0; grid-template-columns:22px 38px 28px minmax(0,1fr); align-items:center; gap:8px; }
.grind-spot-name { display:block; min-width:0; color:var(--grind-ink); }
.grind-rank { display:grid; width:22px; height:26px; flex:none; place-items:center; border-radius:3px; background:var(--grind-soft); color:var(--grind-muted); font-size:12px; font-weight:600; }
.grind-list-item-icon { width:38px!important; height:38px!important; flex:none; border-radius:50%!important; }
.grind-list-item-icon img { width:100%; height:100%; border-radius:50%; object-fit:cover; }
.grind-mob-mark { display:block; width:28px; height:28px; flex:none; overflow:hidden; border-radius:50%; background:#292824; }.grind-mob-mark img { display:block; width:28px; height:28px; object-fit:cover; }
.grind-table tr:nth-child(-n+3) .grind-rank { background:color-mix(in srgb,var(--grind-gold) 16%,var(--grind-soft)); color:var(--grind-gold); }
.grind-spot-name>span:last-child { display:block; min-width:0; }
.grind-spot-name strong,.grind-spot-name small,.grind-trash strong,.grind-trash small,.grind-sample strong,.grind-sample small,.grind-income strong,.grind-income small { display:block; }
.grind-spot-name strong { overflow:hidden; font-size:14px; font-weight:600; text-overflow:ellipsis; white-space:nowrap; }
.grind-spot-name small { overflow:hidden; margin-top:4px; color:var(--grind-muted); font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.grind-feature-list { display:flex; min-height:30px; align-items:center; gap:4px; }.grind-feature-list>span { flex:none; cursor:help; }.grind-feature-list .is-client-icon { display:grid; width:30px; height:30px; place-items:center; overflow:hidden; border-radius:3px; background:#292824; }.grind-feature-list .is-client-icon img { display:block; width:30px; height:30px; object-fit:cover; }.grind-feature-list .is-game-tag { display:inline-flex; min-width:31px; min-height:23px; align-items:center; justify-content:center; border-radius:3px; background:color-mix(in srgb,var(--tag-color) 13%,var(--grind-soft)); padding:2px 6px; color:var(--tag-color); font-size:12px; font-weight:600; line-height:1; white-space:nowrap; }.grind-feature-list em { color:var(--grind-muted); font-size:12px; font-style:normal; }
.grind-treasure-icon { display:block; width:30px; height:30px; flex:none; overflow:hidden; border-radius:3px; background:var(--grind-soft-2); outline:1px solid color-mix(in srgb,#d48b35 66%,transparent); outline-offset:-1px; }
.grind-treasure-icon img { display:block; width:30px; height:30px; object-fit:cover; }
.grind-treasure-icon:hover { filter:brightness(1.12); }
.grind-filter-modal { position:fixed; z-index:1400; inset:0; display:flex; align-items:center; justify-content:center; padding:18px; }
.grind-filter-modal[hidden] { display:none; }
.grind-filter-backdrop { position:absolute!important; inset:0; width:auto!important; height:auto!important; border:0!important; border-radius:0!important; background:rgba(6,7,8,.78)!important; backdrop-filter:blur(2px); }
.grind-filter-dialog { position:relative; display:flex; width:min(620px,calc(100vw - 36px)); max-height:min(720px,calc(100vh - 36px)); flex-direction:column; overflow:hidden; border-radius:6px; background:var(--grind-panel); color:var(--grind-ink); box-shadow:0 24px 70px rgba(0,0,0,.42); }
.grind-filter-dialog>header { display:flex; min-height:74px; flex:none; align-items:center; justify-content:space-between; gap:16px; background:var(--grind-soft); padding:13px 14px 13px 18px; }
.grind-filter-dialog>header>div { display:flex; min-width:0; align-items:center; gap:11px; }.grind-filter-dialog>header>div>span { flex:none; color:var(--grind-gold); font-size:25px; }.grind-filter-dialog h2,.grind-filter-dialog p { margin:0; }.grind-filter-dialog h2 { font-size:17px; font-weight:700; }.grind-filter-dialog p { margin-top:3px; color:var(--grind-muted); font-size:12px; line-height:1.45; }
.grind-filter-dialog>header>button { width:34px; height:34px; flex:none; border:0; background:transparent; color:var(--grind-muted); font-size:21px; }.grind-filter-dialog>header>button:hover { background:var(--grind-soft-2); color:var(--grind-ink); }
.grind-filter-content { min-height:0; overflow-y:auto; padding:14px 18px; }.grind-filter-content fieldset { margin:0; border:0; padding:0; }.grind-filter-content fieldset+fieldset { margin-top:11px; padding-top:0; border-top:1px solid var(--grind-line); }.grind-filter-content legend { margin:0 0 6px; color:var(--grind-muted); font-size:12px; font-weight:600; line-height:18px; }
.grind-filter-chip-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }.grind-filter-chip { min-width:0; cursor:pointer; }.grind-filter-chip input { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }.grind-filters .grind-filter-chip>span { display:flex; min-height:43px; align-items:center; gap:8px; margin:0; border:1px solid transparent; border-radius:4px; background:var(--grind-soft); padding:6px 9px; color:var(--grind-muted); }.grind-filter-chip img { width:28px; height:28px; flex:none; border-radius:3px; object-fit:cover; }.grind-filter-chip i { flex:none; color:var(--grind-gold); font-size:21px; }.grind-filter-chip b { overflow:hidden; font-size:12px; font-weight:500; line-height:1.3; text-overflow:ellipsis; white-space:nowrap; }.grind-filter-chip input:checked+span { border-color:color-mix(in srgb,var(--grind-gold) 62%,var(--grind-line)); background:color-mix(in srgb,var(--grind-gold) 10%,var(--grind-soft)); color:var(--grind-ink); }.grind-filter-chip input:focus-visible+span { outline:2px solid color-mix(in srgb,var(--grind-gold) 40%,transparent); outline-offset:2px; }
.grind-filter-chip .grind-species-icon img { width:28px; height:28px; border-radius:50%; }
.grind-filter-chip-grid.is-treasures { display:flex; flex-wrap:wrap; gap:7px; }
.grind-filter-chip.is-icon-only { width:42px; flex:0 0 42px; }
.grind-filters .grind-filter-chip.is-icon-only>span { width:42px; height:42px; min-height:42px; justify-content:center; padding:5px; }
.grind-filter-chip.is-icon-only img { display:block; width:30px; height:30px; border-radius:3px; object-fit:cover; }
.grind-filter-limits { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin-top:11px; padding-top:10px; border-top:1px solid var(--grind-line); }.grind-filter-limits label>span { display:block; margin-bottom:5px; color:var(--grind-muted); font-size:12px; }.grind-filter-limits input { height:42px; }
.grind-filter-dialog>footer { display:flex; min-height:62px; flex:none; align-items:center; justify-content:flex-end; gap:8px; background:var(--grind-soft); padding:10px 14px; }.grind-filter-dialog>footer>a { margin-right:auto; color:var(--grind-muted); font-size:13px; }.grind-filter-dialog>footer>a:hover { color:var(--grind-gold); }.grind-filter-dialog>footer>button { min-width:82px; padding:0 14px; }.grind-filter-dialog>footer>button[type="button"] { background:var(--grind-soft-2); color:var(--grind-ink); font-weight:500; }
.grind-cap strong,.grind-cap small,.grind-trash strong,.grind-trash small,.grind-sample strong,.grind-sample small { display:block; }.grind-cap strong { font-size:13px; font-weight:600; white-space:nowrap; }.grind-cap strong i { color:var(--grind-muted); font-style:normal; }.grind-cap small { margin-top:4px; color:var(--grind-muted); font-size:12px; }
.grind-trash strong { display:inline-flex; min-width:76px; min-height:30px; align-items:center; justify-content:flex-end; border-radius:4px; background:var(--grind-soft); padding:3px 8px; font-size:13px; font-weight:600; }
.grind-trash small,.grind-sample small { overflow:hidden; max-width:155px; margin-top:3px; color:var(--grind-muted); font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.grind-sample strong { font-size:14px; font-weight:700; }.grind-sample strong.is-high { color:var(--grind-green); }.grind-sample strong.is-low { color:#d58c60; }
.grind-income strong { color:var(--grind-gold); font-size:16px; font-weight:700; }.grind-income small { margin-top:3px; color:var(--grind-muted); font-size:12px; white-space:nowrap; }
.grind-muted { color:var(--grind-muted); font-size:12px; }
.grind-row-link { display:grid; width:26px; height:30px; place-items:center; border-radius:4px; color:var(--grind-muted); font-size:18px; }
.grind-row-link:hover { background:var(--grind-soft); color:var(--grind-gold); }
.grind-method-note { display:flex; gap:12px; margin-top:12px; border-radius:5px; background:var(--grind-soft); padding:14px 16px; }
.grind-method-note>span { flex:none; color:var(--grind-gold); font-size:20px; }.grind-method-note strong { font-size:13px; font-weight:600; }.grind-method-note p { margin:3px 0 0; color:var(--grind-muted); font-size:12px; line-height:1.7; }
.grind-empty { display:grid; min-height:280px; place-items:center; align-content:center; border-radius:6px; background:var(--grind-panel); padding:30px; text-align:center; }
.grind-empty>span { color:var(--grind-muted); font-size:42px; }.grind-empty h1,.grind-empty h2 { margin:12px 0 0; font-size:21px; font-weight:700; }.grind-empty p { margin:7px 0 0; color:var(--grind-muted); font-size:14px; }.grind-empty a { margin-top:18px; border-radius:4px; background:#a66c19; padding:9px 15px; color:#fff; font-size:14px; }
.grind-detail-empty { margin-top:22px; }

.grind-detail-hero { display:flex; min-height:112px; align-items:center; justify-content:space-between; gap:24px; border-radius:6px; background:var(--grind-panel); padding:20px 22px; }
.grind-detail-title { display:flex; min-width:0; align-items:center; gap:14px; }
.grind-detail-title>div { min-width:0; flex:1; }
.grind-back { display:grid; width:34px; height:34px; flex:none; place-items:center; border:1px solid var(--grind-line); border-radius:4px; color:var(--grind-muted); font-size:18px; }.grind-back:hover { border-color:var(--grind-gold); color:var(--grind-gold); }
.grind-zone-mark { display:grid; width:54px; height:54px; flex:none; place-items:center; border-radius:5px; background:color-mix(in srgb,var(--grind-gold) 13%,var(--grind-soft)); color:var(--grind-gold); font-size:28px; }
.grind-detail-title h1 { overflow:hidden; margin:4px 0 0; font-size:27px; font-weight:700; text-overflow:ellipsis; white-space:nowrap; }.grind-detail-title p { margin:4px 0 0; color:var(--grind-muted); font-size:12px; }
.grind-detail-species { display:inline-flex; min-height:24px; align-items:center; gap:5px; margin-top:7px; color:var(--grind-muted); line-height:1; white-space:nowrap; }
.grind-detail-species img { width:22px; height:22px; flex:none; border-radius:50%; object-fit:contain; }
.grind-detail-species small { font-size:12px; font-weight:400; }.grind-detail-species b { color:var(--grind-ink); font-size:12px; font-weight:600; }
.grind-detail-controls { display:grid; width:400px; grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr); align-items:stretch; gap:10px; }
.grind-detail-controls form { min-width:0; margin:0; border-radius:5px; background:var(--grind-soft); padding:10px; }
.grind-detail-control-label { display:flex; min-height:18px; align-items:center; gap:5px; margin:0 0 6px; color:var(--grind-muted); font-size:12px; font-weight:500; line-height:18px; }
.grind-detail-control-label>i { display:block; color:var(--grind-gold); font-size:14px; }
.grind-price-switch label { display:block; }
.grind-price-switch select { width:100%; min-width:0; height:42px; border:1px solid transparent; border-radius:4px; background:var(--grind-soft-2); padding:0 30px 0 11px; color:var(--grind-ink); font-size:13px; outline:none; }
.grind-price-switch select:hover,.grind-price-switch select:focus { border-color:color-mix(in srgb,var(--grind-gold) 55%,var(--grind-line)); }
.grind-detail-buff-form { width:auto; }
.grind-detail-buff-picker,.grind-detail-buff-picker>summary { height:42px; }
.grind-detail-buff-picker>summary { border-color:transparent; background:var(--grind-soft-2); padding:5px 10px 5px 6px; }
.grind-detail-buff-picker>summary:hover { border-color:color-mix(in srgb,var(--grind-gold) 38%,var(--grind-line)); }
.grind-detail-buff-picker>summary strong { margin-top:0; font-size:13px; line-height:1.2; }
.grind-detail-buff-picker .grind-buff-summary-icons { width:51px; }
.grind-detail-buff-picker .grind-buff-summary-icons img { width:24px; height:24px; }
.grind-detail-buff-picker .grind-buff-popover { right:0; left:auto; z-index:1190; text-align:left; }
.grind-detail-buff-picker .grind-buff-popover select,.grind-detail-buff-picker .grind-rate-input input { width:100%; height:38px; border:1px solid transparent; border-radius:4px; background:var(--grind-soft-2); padding-right:11px; color:var(--grind-ink); font-size:13px; outline:none; }
.grind-detail-buff-picker .grind-rate-input input { padding-right:32px; padding-left:41px; }
.grind-detail-buff-picker .grind-buff-popover select:focus,.grind-detail-buff-picker .grind-rate-input input:focus { border-color:var(--grind-gold); }
.grind-detail-buff-picker .grind-buff-apply { display:flex; width:100%; height:38px; align-items:center; justify-content:center; gap:6px; margin-top:12px; border:0; border-radius:4px; background:#a66c19; color:#fff; font-size:13px; font-weight:600; cursor:pointer; }
.grind-detail-buff-picker .grind-buff-apply:hover { background:#b67a21; }
.grind-detail-stats { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; margin-top:10px; }
.grind-detail-stats article { display:flex; min-height:106px; align-items:center; gap:13px; border-radius:5px; background:var(--grind-panel); padding:17px; }
.grind-detail-stats article>span { display:grid; width:38px; height:38px; flex:none; place-items:center; border-radius:4px; background:var(--grind-soft); color:var(--grind-muted); font-size:20px; }
.grind-detail-stats article.is-income>span { background:color-mix(in srgb,var(--grind-gold) 14%,var(--grind-soft)); color:var(--grind-gold); }
.grind-detail-stats article>span>i,.grind-panel-head>div>span>i { display:block; color:inherit; font-size:inherit; }
.grind-detail-stats small,.grind-detail-stats strong,.grind-detail-stats p { display:block; margin:0; }.grind-detail-stats small { color:var(--grind-muted); font-size:12px; }.grind-detail-stats strong { margin-top:3px; font-size:20px; font-weight:700; }.grind-detail-stats .is-income strong { color:var(--grind-gold); }.grind-detail-stats p { margin-top:3px; overflow:hidden; color:var(--grind-muted); font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.grind-detail-meta { display:flex; flex-wrap:wrap; gap:7px; margin:9px 0 14px; }.grind-detail-meta>span,.grind-detail-meta>a { display:inline-flex; min-height:30px; align-items:center; gap:6px; border-radius:4px; background:var(--grind-soft); padding:4px 9px; color:var(--grind-muted); font-size:12px; }.grind-detail-meta>a:hover { color:var(--grind-gold); }.grind-detail-meta>a img { width:20px; height:20px; border-radius:3px; object-fit:cover; }.grind-detail-meta .is-high { color:var(--grind-green); }
.grind-detail-treasures { display:inline-flex; min-height:34px; align-items:center; gap:8px; border-radius:4px; background:color-mix(in srgb,var(--grind-gold) 8%,var(--grind-soft)); padding:3px 9px; white-space:nowrap; }.grind-detail-treasure-label { display:inline-flex; flex:none; align-items:center; gap:5px; color:var(--grind-gold); font-size:12px; }.grind-detail-treasure-label b { font-weight:600; white-space:nowrap; }.grind-detail-treasures>div { display:flex; flex:none; align-items:center; gap:4px; }.grind-detail-treasure-icon { display:block; width:26px; height:26px; flex:none; border-radius:3px; overflow:hidden; }.grind-detail-treasure-icon img { display:block; width:26px; height:26px; object-fit:cover; }.grind-detail-treasure-icon:hover { filter:brightness(1.12); }
.grind-detail-grid { display:grid; grid-template-columns:minmax(0,1fr) 300px; align-items:start; gap:10px; }
.grind-panel { border-radius:5px; background:var(--grind-panel); }
.grind-panel-head { display:flex; min-height:65px; align-items:center; justify-content:space-between; gap:15px; border-radius:5px 5px 0 0; background:var(--grind-soft); padding:12px 15px; }
.grind-panel-head>div { display:flex; align-items:center; gap:11px; }.grind-panel-head>div>span { display:grid; width:34px; height:34px; flex:none; place-items:center; border-radius:4px; background:var(--grind-soft); color:var(--grind-gold); font-size:19px; }.grind-panel-head h2,.grind-panel-head p { margin:0; }.grind-panel-head h2 { font-size:15px; font-weight:700; }.grind-panel-head p { margin-top:3px; color:var(--grind-muted); font-size:12px; }.grind-panel-head>small { flex:none; color:var(--grind-muted); font-size:12px; }
.grind-drop-table { width:100%; border-collapse:collapse; table-layout:fixed; }.grind-drop-table th { height:38px; background:var(--grind-soft); padding:0 12px; color:var(--grind-muted); font-size:12px; font-weight:600; text-align:left; }.grind-drop-table th:first-child { width:39%; }.grind-drop-table th:nth-child(2) { width:22%; }.grind-drop-table th:nth-child(3) { width:14%; }.grind-drop-table th:last-child { width:25%; }.grind-drop-table td { height:62px; padding:8px 12px; font-size:13px; }.grind-drop-table tbody tr:nth-child(even) { background:color-mix(in srgb,var(--grind-soft) 62%,var(--grind-panel)); }
.grind-drop-item { display:flex; min-width:0; align-items:center; gap:10px; }.grind-drop-item .bdo-item-mark { width:40px; height:40px; flex:none; }.grind-drop-item>div { min-width:0; }.grind-drop-item>div>a,.grind-drop-item>div>strong { display:block; overflow:hidden; font-size:13px; font-weight:600; text-overflow:ellipsis; white-space:nowrap; }.grind-drop-item>div>small { display:block; margin-top:4px; color:var(--grind-muted); font-size:12px; }
.grind-contribution>div { display:flex; align-items:baseline; justify-content:space-between; gap:8px; }.grind-contribution strong { font-size:13px; font-weight:600; }.grind-contribution small { color:var(--grind-muted); font-size:12px; }.grind-contribution>span { display:block; height:3px; margin-top:6px; overflow:hidden; border-radius:2px; background:var(--grind-soft); }.grind-contribution>span i { display:block; height:100%; background:var(--grind-gold); }
.grind-side-stack { display:grid; gap:10px; }.grind-zone-panel dl { margin:0; padding:10px 15px; }.grind-zone-panel dl>div { display:flex; min-height:37px; align-items:center; justify-content:space-between; gap:12px; }.grind-zone-panel dt { color:var(--grind-muted); font-size:12px; }.grind-zone-panel dd { margin:0; font-size:13px; font-weight:600; }.grind-zone-link { display:flex; align-items:center; justify-content:space-between; margin:0 10px 10px; border-radius:4px; background:var(--grind-soft); padding:10px 11px; color:var(--grind-gold); font-size:13px; font-weight:600; }
.grind-note-panel { display:flex; gap:12px; padding:15px; }.grind-note-panel>span { flex:none; color:var(--grind-gold); font-size:22px; }.grind-note-panel h2,.grind-note-panel p { margin:0; }.grind-note-panel h2 { font-size:14px; font-weight:700; }.grind-note-panel p { margin-top:5px; color:var(--grind-muted); font-size:12px; line-height:1.7; }.grind-note-panel small { display:block; margin-top:8px; color:var(--grind-muted); font-size:12px; }
.grind-panel-empty { display:grid; min-height:130px; place-items:center; align-content:center; padding:20px; color:var(--grind-muted); text-align:center; }.grind-panel-empty>span { font-size:25px; }.grind-panel-empty p { max-width:260px; margin:7px 0 0; font-size:12px; line-height:1.6; }
.grind-class-panel,.grind-monster-panel { margin-top:10px; }.grind-class-table { width:100%; border-collapse:collapse; table-layout:fixed; }.grind-class-table th { height:39px; background:var(--grind-soft); padding:0 13px; color:var(--grind-muted); font-size:12px; font-weight:600; text-align:right; }.grind-class-table th:first-child { width:34%; text-align:left; }.grind-class-table th:last-child { width:42px; }.grind-class-table td { height:58px; padding:7px 13px; font-size:13px; text-align:right; }.grind-class-table tbody tr { cursor:pointer; transition:background-color .15s ease; }.grind-class-table tbody tr:nth-child(even) { background:color-mix(in srgb,var(--grind-soft) 45%,var(--grind-panel)); }.grind-class-table tbody tr:hover,.grind-class-table tbody tr.is-selected { background:color-mix(in srgb,var(--grind-green) 14%,var(--grind-panel)); }.grind-class-table tbody tr.is-selected { box-shadow:inset 3px 0 var(--grind-green); }.grind-class-table td:first-child { display:flex; align-items:center; gap:9px; text-align:left; }.grind-class-table td:first-child>a { min-width:0; color:var(--grind-ink); }.grind-class-table td:first-child strong,.grind-class-table td:first-child small,.grind-class-table td:nth-child(4) strong,.grind-class-table td:nth-child(4) small { display:block; }.grind-class-table td:first-child small,.grind-class-table td:nth-child(4) small { margin-top:2px; color:var(--grind-muted); font-size:12px; }.grind-class-rank { display:grid; width:24px; height:24px; flex:none; place-items:center; border-radius:3px; background:var(--grind-soft); color:var(--grind-muted); font-size:12px; }.grind-class-table tr:nth-child(-n+3) .grind-class-rank { color:var(--grind-gold); }.grind-class-table strong { font-weight:600; }.grind-class-icon { display:grid; width:34px; height:34px; flex:none; place-items:center; border-radius:50%; background:color-mix(in srgb,var(--grind-gold) 12%,var(--grind-soft)); color:var(--grind-gold); font-size:20px; }.grind-class-icon i { display:block; color:inherit; }.grind-class-open { display:grid; width:28px; height:28px; place-items:center; border-radius:3px; color:var(--grind-muted); font-size:18px; }.grind-class-open:hover { background:var(--grind-soft); color:var(--grind-gold); }
.grind-class-records { margin-top:10px; scroll-margin-top:76px; }.grind-class-records-head { display:flex; min-height:116px; align-items:center; justify-content:space-between; gap:24px; background:color-mix(in srgb,var(--grind-soft) 58%,var(--grind-panel)); padding:18px; }.grind-selected-class { display:flex; min-width:0; align-items:center; gap:13px; }.grind-selected-class>.grind-class-icon { width:48px; height:48px; font-size:27px; }.grind-selected-class>div>span { color:var(--grind-gold); font-size:12px; font-weight:600; }.grind-selected-class h2,.grind-selected-class p { margin:0; }.grind-selected-class h2 { margin-top:3px; font-size:20px; font-weight:700; }.grind-selected-class h2 small { margin-left:5px; color:var(--grind-muted); font-size:13px; font-weight:500; }.grind-selected-class p { margin-top:5px; color:var(--grind-muted); font-size:12px; line-height:1.6; }.grind-class-records-head dl { display:grid; min-width:460px; grid-template-columns:repeat(4,minmax(90px,1fr)); margin:0; }.grind-class-records-head dl>div { padding:5px 14px; }.grind-class-records-head dt { color:var(--grind-muted); font-size:12px; }.grind-class-records-head dd { margin:5px 0 0; font-size:16px; font-weight:700; }.grind-class-records-head dl>div:first-child dd { color:var(--grind-green); }
.grind-class-icon { border-radius:4px; background:var(--grind-soft); color:inherit; font-size:0; }
.grind-class-icon img { display:block; width:30px; height:30px; object-fit:contain; filter:invert(1); opacity:.88; }
:is(.dark,.tw-dark) .grind-class-icon img { filter:none; opacity:.92; }
.grind-class-table tr:hover .grind-class-icon img,.grind-class-table tr.is-selected .grind-class-icon img { opacity:1; }
.grind-selected-class>.grind-class-icon { font-size:0; }
.grind-selected-class>.grind-class-icon img { width:42px; height:42px; }
.grind-session-table { width:100%; border-collapse:collapse; table-layout:fixed; }.grind-session-table th { height:39px; background:var(--grind-soft); padding:0 10px; color:var(--grind-muted); font-size:12px; font-weight:600; text-align:left; }.grind-session-table th:nth-child(1) { width:105px; }.grind-session-table th:nth-child(2) { width:65px; }.grind-session-table th:nth-child(3) { width:235px; }.grind-session-table th:nth-child(4) { width:72px; }.grind-session-table th:nth-child(5) { width:135px; }.grind-session-table th:nth-child(6) { width:145px; }.grind-session-table td { height:68px; padding:8px 10px; font-size:13px; vertical-align:middle; }.grind-session-table tbody tr:nth-child(even) { background:color-mix(in srgb,var(--grind-soft) 45%,var(--grind-panel)); }.grind-session-table td>strong,.grind-session-table td>small { display:block; }.grind-session-table td>strong { font-weight:600; }.grind-session-table td>small { margin-top:3px; color:var(--grind-muted); font-size:12px; }.grind-session-table .is-income { color:var(--grind-gold); }.grind-session-buffs { display:flex; flex-wrap:wrap; gap:4px; }.grind-session-buffs span { display:inline-flex; height:25px; align-items:center; gap:4px; border-radius:3px; background:var(--grind-soft); padding:2px 6px; color:var(--grind-muted); font-size:12px; white-space:nowrap; }.grind-session-buffs img { width:18px; height:18px; border-radius:2px; object-fit:cover; }.grind-session-buffs .is-agris { color:var(--grind-gold); }.grind-session-drops { display:flex; min-width:0; gap:4px; }.grind-session-drops>a { position:relative; display:block; width:34px; height:34px; flex:none; }.grind-session-drops img { width:34px; height:34px; border-radius:3px; }.grind-session-drops>a>small { position:absolute; right:-2px; bottom:-3px; min-width:18px; border-radius:3px; background:rgba(12,13,15,.9); padding:1px 3px; color:#fff; font-size:12px; line-height:16px; text-align:center; }.grind-session-pages { display:flex; min-height:54px; align-items:center; justify-content:center; gap:14px; background:color-mix(in srgb,var(--grind-soft) 45%,var(--grind-panel)); }.grind-session-pages a,.grind-session-pages>span { display:inline-flex; min-height:32px; align-items:center; gap:4px; border-radius:4px; padding:5px 10px; font-size:12px; }.grind-session-pages a { background:var(--grind-panel); color:var(--grind-ink); }.grind-session-pages a:hover { color:var(--grind-gold); }.grind-session-pages>span { color:var(--grind-muted); }
.grind-monster-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; padding:8px; }.grind-monster-grid>a { display:grid; min-height:65px; grid-template-columns:32px minmax(0,1fr) auto; align-items:center; gap:9px; border-radius:4px; background:var(--grind-soft); padding:10px 13px; color:var(--grind-ink); }.grind-monster-grid>a:hover { background:color-mix(in srgb,var(--grind-gold) 7%,var(--grind-soft)); }.grind-monster-grid>a>span { color:var(--grind-gold); font-size:21px; }.grind-monster-grid div { min-width:0; }.grind-monster-grid strong,.grind-monster-grid small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.grind-monster-grid strong { font-size:13px; font-weight:600; }.grind-monster-grid small { margin-top:3px; color:var(--grind-muted); font-size:12px; }.grind-monster-grid i { color:var(--grind-muted); font-size:12px; font-style:normal; }
.grind-detail-hero { display:grid; grid-template-columns:minmax(500px,1.55fr) minmax(300px,.85fr) 400px; gap:18px; }
.grind-hero-facts { display:grid; min-width:0; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; margin:0; }
.grind-hero-facts>div { min-width:0; padding:5px 16px; border-left:1px solid var(--grind-line); }
.grind-hero-facts dt { color:var(--grind-muted); font-size:12px; }
.grind-hero-facts dd { overflow:hidden; margin:4px 0 0; color:var(--grind-ink); font-size:13px; font-weight:600; text-overflow:ellipsis; white-space:nowrap; }
.grind-performance-grid { display:grid; grid-template-columns:minmax(0,3fr) minmax(390px,2fr); align-items:stretch; gap:10px; }
.grind-performance-grid>.grind-panel { display:flex; min-height:620px; max-height:760px; flex-direction:column; overflow:hidden; }
.grind-performance-grid .grind-panel-head { flex:none; }
.grind-performance-grid .grind-drop-table-wrap,.grind-performance-grid .grind-class-table-wrap { min-height:0; flex:1; overflow:auto; scrollbar-color:var(--grind-line) transparent; scrollbar-width:thin; }
.grind-performance-grid table thead { position:sticky; z-index:2; top:0; }
.grind-performance-grid .grind-class-panel { margin-top:0; }
.grind-performance-grid .grind-class-panel .grind-panel-head p { max-width:300px; }
.grind-performance-grid .grind-class-table { min-width:0; table-layout:fixed; }
.grind-performance-grid .grind-class-table th { padding:0 8px; }
.grind-performance-grid .grind-class-table th:first-child { width:43%; }
.grind-performance-grid .grind-class-table th:nth-child(2) { width:18%; }
.grind-performance-grid .grind-class-table th:nth-child(3) { width:18%; }
.grind-performance-grid .grind-class-table th:nth-child(4) { width:15%; }
.grind-class-table th:last-child { width:52px; padding-right:6px; padding-left:6px; text-align:center; white-space:nowrap; }
.grind-class-table td:last-child { padding-right:10px; padding-left:10px; }
.grind-performance-grid .grind-class-table th:last-child { width:52px; }
.grind-performance-grid .grind-class-table td { height:54px; padding:6px 8px; }
.grind-performance-grid .grind-class-table td:first-child { gap:6px; }
.grind-performance-grid .grind-class-rank { width:22px; height:22px; }
.grind-performance-grid .grind-class-icon { width:30px; height:30px; }
.grind-performance-grid .grind-class-icon img { width:27px; height:27px; }
.grind-performance-grid .grind-class-table td:nth-child(4) small { margin-top:1px; }
.grind-note-panel { margin-top:10px; }
.grind-modal-open { overflow:hidden; }
.grind-class-modal { position:fixed; z-index:1350; inset:0; display:none; align-items:center; justify-content:center; padding:24px; }
.grind-class-modal.is-open { display:flex; }
.grind-class-modal-backdrop { position:absolute; inset:0; border:0; background:rgba(5,6,8,.78); cursor:default; backdrop-filter:blur(2px); }
.grind-class-modal-dialog { position:relative; display:flex; width:min(1240px,calc(100vw - 48px)); min-height:min(680px,calc(100vh - 48px)); max-height:min(820px,calc(100vh - 48px)); flex-direction:column; overflow:hidden; border:1px solid var(--grind-line); border-radius:6px; background:var(--grind-panel); color:var(--grind-ink); }
.grind-class-modal-dialog>header { display:flex; min-height:60px; flex:none; align-items:center; justify-content:space-between; gap:16px; background:var(--grind-soft); padding:10px 14px 10px 18px; }
.grind-class-modal-dialog>header>div { display:flex; align-items:center; gap:10px; }
.grind-class-modal-dialog>header>div>span { color:var(--grind-gold); font-size:24px; }
.grind-class-modal-dialog>header small,.grind-class-modal-dialog>header h2 { display:block; margin:0; }
.grind-class-modal-dialog>header small { color:var(--grind-gold); font-size:12px; }
.grind-class-modal-dialog>header h2 { margin-top:2px; font-size:16px; font-weight:700; }
.grind-class-modal-dialog>header>button { display:grid; width:34px; height:34px; flex:none; place-items:center; border:0; border-radius:4px; background:var(--grind-panel); color:var(--grind-muted); font-size:21px; cursor:pointer; }
.grind-class-modal-dialog>header>button:hover { color:var(--grind-ink); }
.grind-class-modal-content { min-height:260px; flex:1; overflow:auto; }
.grind-class-loading,.grind-class-error { display:grid; min-height:320px; place-items:center; align-content:center; gap:10px; color:var(--grind-muted); }
.grind-class-loading span { color:var(--grind-gold); font-size:27px; animation:grind-spin .8s linear infinite; }
.grind-class-error span { color:#e36b6b; font-size:28px; }
.grind-class-loading p,.grind-class-error p { margin:0; font-size:14px; }
@keyframes grind-spin { to { transform:rotate(360deg); } }
.grind-modal-class-head { display:flex; min-height:118px; align-items:center; justify-content:space-between; gap:22px; padding:16px 18px; }
.grind-modal-class-head .grind-selected-class { min-width:300px; }
.grind-modal-class-head .grind-selected-class h3 { margin:3px 0 0; font-size:20px; font-weight:700; }
.grind-modal-class-head .grind-selected-class h3 small { margin-left:5px; color:var(--grind-muted); font-size:13px; font-weight:500; }
.grind-modal-class-head .grind-selected-class p { max-width:470px; }
.grind-modal-class-head dl { display:grid; min-width:570px; grid-template-columns:repeat(5,minmax(90px,1fr)); margin:0; }
.grind-modal-class-head dl>div { padding:4px 12px; border-left:1px solid var(--grind-line); }
.grind-modal-class-head dt { color:var(--grind-muted); font-size:12px; }
.grind-modal-class-head dd { margin:5px 0 0; font-size:16px; font-weight:600; }
.grind-modal-class-head dl>div:first-child dd { color:var(--grind-green); }
.grind-class-modal .grind-session-table-wrap { overflow-x:auto; }
.grind-class-modal .grind-session-table { min-width:1080px; }
.grind-session-pages button { display:inline-flex; min-height:32px; align-items:center; gap:4px; border:0; border-radius:4px; background:var(--grind-panel); padding:5px 10px; color:var(--grind-ink); font-size:12px; cursor:pointer; }
.grind-session-pages button:hover { color:var(--grind-gold); }
@media (min-width:1081px) and (max-width:1320px) {
    .grind-detail-hero { grid-template-columns:minmax(430px,1fr) 270px 360px; gap:16px; }
    .grind-detail-controls { width:360px; }
    .grind-hero-facts>div { padding-right:11px; padding-left:11px; }
}
@media (max-width:1080px) {
    .grind-filters { grid-template-columns:minmax(250px,1fr) repeat(2,150px); }.grind-filters button { width:100%; }.grind-detail-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }.grind-detail-grid { grid-template-columns:1fr; }.grind-side-stack { grid-template-columns:1fr 1fr; }.grind-monster-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.grind-class-records-head { align-items:flex-start; flex-direction:column; }.grind-class-records-head dl { width:100%; min-width:0; }.grind-detail-hero { grid-template-columns:1fr auto; }.grind-hero-facts { grid-column:1/-1; grid-row:2; }.grind-hero-facts>div:first-child { border-left:0; }.grind-performance-grid { grid-template-columns:1fr; }.grind-performance-grid>.grind-panel { min-height:520px; max-height:680px; }.grind-modal-class-head { align-items:flex-start; flex-direction:column; }.grind-modal-class-head dl { width:100%; min-width:0; }
}
@media (max-width:820px) {
    .grind-hero { align-items:flex-start; flex-direction:column; }.grind-hero-status { width:100%; }.grind-overview { grid-template-columns:repeat(2,minmax(0,1fr)); }.grind-filters { grid-template-columns:1fr 1fr; }.grind-search { grid-column:1/-1; }.grind-filters button { grid-column:auto; grid-row:auto; }.grind-table { min-width:1180px; }.grind-table-wrap { overflow-x:auto; }.grind-detail-hero { align-items:flex-start; grid-template-columns:1fr; }.grind-price-switch,.grind-price-switch label,.grind-price-switch select { width:100%; }.grind-price-switch { grid-row:2; }.grind-hero-facts { grid-row:3; }.grind-class-table { min-width:700px; }.grind-performance-grid .grind-class-table { min-width:610px; }.grind-class-table-wrap,.grind-session-table-wrap { width:100%; max-width:100%; min-width:0; overflow-x:auto; contain:inline-size; }.grind-session-table { min-width:1060px; }.grind-class-modal { padding:12px; }.grind-class-modal-dialog { width:calc(100vw - 24px); min-height:min(620px,calc(100vh - 24px)); max-height:calc(100vh - 24px); }.grind-modal-class-head dl { grid-template-columns:repeat(3,minmax(90px,1fr)); }.grind-modal-class-head dl>div { border-left:0; }
}
@media (max-width:600px) {
    .bdo-grind { padding-top:12px; }.grind-hero { min-height:0; padding:23px 20px; }.grind-hero h1 { font-size:25px; }.grind-overview>div { min-height:76px; padding:13px; }.grind-overview strong { font-size:16px; }.grind-filters { grid-template-columns:1fr; }.grind-search { grid-column:auto; }.grind-filters button { width:100%; }.grind-buff-popover { right:0; left:auto; width:min(286px,calc(100vw - 48px)); }.grind-list-head { align-items:flex-start; flex-direction:column; gap:5px; }.grind-list-head>div { align-items:flex-start; flex-direction:column; gap:2px; }.grind-detail-title { align-items:flex-start; flex-wrap:wrap; }.grind-zone-mark { width:46px; height:46px; }.grind-detail-title>div { width:calc(100% - 104px); }.grind-detail-title h1 { font-size:22px; }.grind-detail-stats { grid-template-columns:1fr; }.grind-detail-stats article { min-height:88px; }.grind-side-stack { grid-template-columns:1fr; }.grind-panel-head { align-items:flex-start; }.grind-panel-head p { line-height:1.5; }.grind-drop-table { min-width:680px; }.grind-drop-table-wrap { width:100%; max-width:100%; min-width:0; overflow-x:auto; contain:inline-size; }.grind-monster-grid { grid-template-columns:1fr; }.grind-method-note { align-items:flex-start; }.grind-class-records-head dl { grid-template-columns:repeat(2,minmax(0,1fr)); }.grind-class-records-head dl>div { padding:7px 4px; }.grind-hero-facts { grid-template-columns:1fr 1fr; }.grind-hero-facts>div { padding:7px 8px; border-left:0; }.grind-performance-grid>.grind-panel { min-height:440px; max-height:620px; }.grind-performance-grid .grind-class-table-wrap { overflow-x:hidden; }.grind-performance-grid .grind-class-table { min-width:0; }.grind-performance-grid .grind-class-table th:nth-child(3),.grind-performance-grid .grind-class-table td:nth-child(3) { display:none; }.grind-performance-grid .grind-class-table th:first-child { width:52%; }.grind-performance-grid .grind-class-table th:nth-child(2) { width:23%; }.grind-performance-grid .grind-class-table th:nth-child(4) { width:18%; }.grind-modal-class-head dl { grid-template-columns:repeat(2,minmax(0,1fr)); }.grind-class-modal-dialog>header { padding-left:13px; }
}
@media (min-width:601px) and (max-width:1080px) {
    .grind-detail-stats { grid-template-columns:repeat(6,minmax(0,1fr)); }
    .grind-detail-stats article { grid-column:span 2; }
    .grind-detail-stats article.is-equipment,.grind-detail-stats article.is-final { grid-column:span 3; }
}
.grind-performance-grid>.grind-drop-panel { min-height:0; max-height:none; overflow:visible; }
.grind-performance-grid>.grind-drop-panel .grind-drop-table-wrap { min-height:0; flex:none; overflow:visible; }
@media (min-width:1081px) {
    .grind-performance-grid { align-items:start; }
    .grind-performance-grid>.grind-class-panel { min-height:0; overflow:hidden; }
    .grind-performance-grid>.grind-class-panel .grind-class-table-wrap { min-height:0; flex:1; overflow-x:hidden; overflow-y:auto; }
}
.grind-class-modal-dialog>header>button { border:1px solid transparent; background:transparent; color:color-mix(in srgb,var(--grind-muted) 88%,transparent); outline:none; transition:background-color .15s ease,border-color .15s ease,color .15s ease; }
.grind-class-modal-dialog>header>button:hover { border-color:var(--grind-line); background:color-mix(in srgb,var(--grind-ink) 5%,transparent); color:var(--grind-ink); }
.grind-class-modal-dialog>header>button:focus-visible { border-color:color-mix(in srgb,var(--grind-gold) 65%,var(--grind-line)); background:color-mix(in srgb,var(--grind-gold) 8%,transparent); color:var(--grind-gold); box-shadow:0 0 0 2px color-mix(in srgb,var(--grind-gold) 16%,transparent); }
.grind-performance-grid .grind-class-table tbody tr:hover { background:color-mix(in srgb,var(--grind-gold) 4%,var(--grind-panel)); }
.grind-performance-grid .grind-class-table tbody tr.is-selected { background:color-mix(in srgb,var(--grind-gold) 9%,var(--grind-panel)); box-shadow:inset 2px 0 var(--grind-gold); }
.grind-performance-grid .grind-class-table tr.is-selected .grind-class-rank { background:color-mix(in srgb,var(--grind-gold) 16%,var(--grind-soft)); color:var(--grind-gold); }
.grind-performance-grid .grind-class-table tr.is-selected .grind-class-icon { background:color-mix(in srgb,var(--grind-gold) 7%,var(--grind-soft)); }
.grind-performance-grid .grind-class-table tr.is-selected td:first-child>a strong { color:var(--grind-ink); }
.grind-performance-grid .grind-class-table td:first-child>a:focus-visible { outline:none; text-decoration:underline; text-decoration-color:var(--grind-gold); text-decoration-thickness:1px; text-underline-offset:4px; }

/* Single-session records: buffs, trash quantity and submitted character setup. */
.grind-class-modal .grind-session-table-wrap { overflow:visible; }
.grind-class-modal .grind-session-table { min-width:1200px; }
.grind-session-table th:nth-child(1) { width:124px; }
.grind-session-table th:nth-child(2) { width:56px; }
.grind-session-table th:nth-child(3) { width:220px; }
.grind-session-table th:nth-child(4) { width:66px; }
.grind-session-table th { text-align:center; white-space:nowrap; }
.grind-session-table th:nth-child(5) { width:132px; }
.grind-session-table th:nth-child(6) { width:155px; }
.grind-session-table th:nth-child(7) { width:auto; }
.grind-session-table th:nth-child(8) { width:112px; }
.grind-session-table .is-trash { color:var(--grind-green); }
.grind-session-trash { display:flex; align-items:center; gap:8px; }
.grind-session-trash>a { display:block; width:34px; height:34px; flex:none; overflow:hidden; border:0; border-radius:3px; background:transparent; }
.grind-session-trash>a img { width:34px; height:34px; object-fit:cover; }
.grind-session-trash>span { min-width:0; }
.grind-session-trash strong,.grind-session-trash small { display:block; }
.grind-session-trash strong { color:var(--grind-green); font-size:13px; font-weight:600; }
.grind-session-trash small { margin-top:2px; color:var(--grind-muted); font-size:12px; }
.grind-session-date { display:flex; align-items:center; gap:8px; }
.grind-session-date strong,.grind-session-date small { display:block; }
.grind-session-date strong { font-size:12px; font-weight:600; }
.grind-session-date small { margin-top:3px; color:var(--grind-muted); font-size:12px; }
.grind-session-table td { text-align:center; }
.grind-session-date,.grind-session-buffs,.grind-session-trash,.grind-session-drops { justify-content:center; margin-right:auto; margin-left:auto; }
.grind-session-table td:last-child { text-align:center; }
.grind-session-gear-button { display:inline-flex; min-height:32px; align-items:center; justify-content:center; gap:5px; border:1px solid var(--grind-line); border-radius:4px; background:var(--grind-soft); padding:5px 9px; color:var(--grind-ink); font-size:12px; white-space:nowrap; cursor:pointer; }
.grind-session-gear-button>span { color:var(--grind-gold); font-size:16px; }
.grind-session-gear-button:not(:disabled):hover,.grind-session-gear-button:not(:disabled):focus-visible { border-color:var(--grind-gold); background:color-mix(in srgb,var(--grind-gold) 7%,var(--grind-soft)); color:var(--grind-gold); outline:none; }
.grind-session-gear-button:disabled { border-color:transparent; background:color-mix(in srgb,var(--grind-muted) 7%,var(--grind-panel)); color:var(--grind-muted); cursor:not-allowed; opacity:.78; }
.grind-session-gear-button:disabled>span { color:var(--grind-muted); }
.grind-session-buffs { position:relative; width:max-content; max-width:100%; align-items:center; outline:none; }
.grind-session-buffs>i { color:var(--grind-muted); font-size:16px; }
.grind-session-buffs .grind-session-buff-total { min-width:76px; height:32px; justify-content:center; background:color-mix(in srgb,var(--grind-gold) 8%,var(--grind-soft)); padding:3px 8px 3px 5px; color:var(--grind-ink); font-size:13px; font-weight:600; }
.grind-session-buffs .grind-session-buff-total img { width:24px; height:24px; }
.grind-session-buff-detail { position:absolute; z-index:8; top:calc(100% + 7px); left:0; display:none; width:245px; border:1px solid var(--grind-line); border-radius:5px; background:#191b1f; padding:12px; color:#edf0f3; box-shadow:0 12px 30px rgba(0,0,0,.32); }
.grind-session-buffs:hover .grind-session-buff-detail,.grind-session-buffs:focus-within .grind-session-buff-detail { display:block; }
.grind-session-buff-detail>strong { display:block; margin-bottom:7px; color:var(--grind-gold); font-size:13px; font-weight:600; }
.grind-session-buff-icons { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:4px; }
.grind-session-buff-icons img { width:32px; height:32px; border-radius:3px; background:#101216; object-fit:contain; }
.grind-session-buff-detail hr { height:3px; margin:9px 0 7px; border:0; background:url('/dbsource/icons/grind/buff-divider.png') center/100% 3px no-repeat,linear-gradient(90deg,transparent,var(--grind-line),transparent); opacity:.7; }
.grind-session-buff-detail p { display:flex; min-height:27px; align-items:center; justify-content:space-between; gap:12px; margin:0; font-size:12px; }
.grind-session-buff-detail p span { height:auto; background:none; padding:0; color:#aeb5bf; }
.grind-session-buff-detail p b { color:#fff; font-weight:600; }

.grind-gear-drawer { position:absolute; z-index:12; inset:0; }
.grind-gear-drawer[hidden] { display:none; }
.grind-gear-backdrop { position:absolute; inset:0; border:0; background:rgba(6,7,9,.68); backdrop-filter:blur(1px); }
.grind-gear-drawer>aside { position:absolute; top:0; right:0; bottom:0; width:min(590px,100%); overflow:auto; background:var(--grind-panel); box-shadow:-16px 0 36px rgba(0,0,0,.28); }
.grind-gear-drawer>aside>header { position:sticky; z-index:2; top:0; display:flex; min-height:62px; align-items:center; justify-content:space-between; background:var(--grind-soft); padding:10px 14px 10px 18px; }
.grind-gear-drawer>aside>header small,.grind-gear-drawer>aside>header h3 { display:block; margin:0; }
.grind-gear-drawer>aside>header small { color:var(--grind-gold); font-size:12px; }
.grind-gear-drawer>aside>header h3 { margin-top:2px; font-size:17px; font-weight:700; }
.grind-gear-drawer>aside>header button { display:grid; width:32px; height:32px; place-items:center; border:1px solid transparent; border-radius:4px; background:transparent; color:var(--grind-muted); font-size:20px; cursor:pointer; }
.grind-gear-drawer>aside>header button:hover { border-color:var(--grind-line); color:var(--grind-ink); }
.grind-gear-drawer>aside>p { margin:0; padding:12px 18px 0; color:var(--grind-muted); font-size:12px; line-height:1.6; }
.grind-gear-summary { display:grid; grid-template-columns:1fr 1fr; gap:6px; padding:12px 18px 0; }
.grind-gear-summary>div { background:var(--grind-soft); padding:9px 11px; border-radius:4px; }
.grind-gear-summary small,.grind-gear-summary strong { display:block; }
.grind-gear-summary small { color:var(--grind-muted); font-size:12px; }
.grind-gear-summary strong { margin-top:3px; font-size:14px; font-weight:600; }
.grind-gear-section { padding:15px 18px 3px; }
.grind-gear-section h4 { margin:0 0 8px; color:var(--grind-gold); font-size:13px; font-weight:600; }
.grind-gear-grid { display:grid; grid-template-columns:1fr 1fr; gap:4px; }
.grind-gear-grid>article { display:grid; min-height:58px; grid-template-columns:45px 38px minmax(0,1fr); align-items:center; gap:7px; border-radius:4px; background:var(--grind-soft); padding:6px 8px; }
.grind-gear-grid>article>span { color:var(--grind-muted); font-size:12px; }
.grind-gear-grid>article>div { min-width:0; }
.grind-gear-grid>article>div>strong { display:block; overflow:hidden; font-size:12px; font-weight:600; text-overflow:ellipsis; white-space:nowrap; }
.grind-gear-grid>article>div>small { display:flex; height:20px; gap:2px; margin-top:3px; }
.grind-gear-item { position:relative; display:block; width:38px; height:38px; flex:none; overflow:hidden; border:1px solid currentColor; border-radius:3px; background:#101114; }
.grind-gear-item img { width:36px; height:36px; border-radius:2px; object-fit:cover; }
.grind-gear-item>b { position:absolute; right:1px; bottom:1px; border-radius:2px; background:rgba(5,6,8,.88); padding:0 3px; color:#fff; font-size:12px; line-height:16px; }
.grind-gear-item.is-child { width:20px; height:20px; }
.grind-gear-item.is-child img { width:18px; height:18px; }
.grind-gear-item.is-child b { display:none; }
.grind-gear-grid>article>div>strong[class*="bdo-grade-"],.grind-crystal-grid article>span[class*="bdo-grade-"] { color:inherit; }
.grind-gear-grid>article>div>strong.bdo-grade-0,.grind-crystal-grid article>span.bdo-grade-0 { color:var(--bdo-grade-0); }
.grind-gear-grid>article>div>strong.bdo-grade-1,.grind-crystal-grid article>span.bdo-grade-1 { color:var(--bdo-grade-1); }
.grind-gear-grid>article>div>strong.bdo-grade-2,.grind-crystal-grid article>span.bdo-grade-2 { color:var(--bdo-grade-2); }
.grind-gear-grid>article>div>strong.bdo-grade-3,.grind-crystal-grid article>span.bdo-grade-3 { color:var(--bdo-grade-3); }
.grind-gear-grid>article>div>strong.bdo-grade-4,.grind-crystal-grid article>span.bdo-grade-4 { color:var(--bdo-grade-4); }
.grind-gear-grid>article>div>strong.bdo-grade-5,.grind-crystal-grid article>span.bdo-grade-5 { color:var(--bdo-grade-5); }
.grind-crystal-grid { display:grid; grid-template-columns:1fr 1fr; gap:4px; padding-bottom:15px; }
.grind-crystal-grid article { display:flex; min-width:0; align-items:center; gap:8px; border-radius:4px; background:var(--grind-soft); padding:7px; }
.grind-crystal-grid article>span { overflow:hidden; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.grind-crystal-grid article>span small { margin-left:4px; color:var(--grind-green); font-size:12px; }
.grind-gear-empty { margin:0; border-radius:4px; background:var(--grind-soft); padding:14px; color:var(--grind-muted); font-size:12px; }
.grind-performance-grid>.grind-class-auth-panel { min-height:230px; max-height:none; align-self:start; justify-content:center; }
.grind-class-login { display:grid; min-height:230px; align-content:center; align-items:center; grid-template-columns:auto minmax(0,1fr) auto; gap:18px; padding:30px 32px; }
.grind-class-login>span { display:grid; width:52px; height:52px; place-items:center; border-radius:5px; background:color-mix(in srgb,var(--grind-gold) 14%,var(--grind-panel)); color:var(--grind-gold); }
.grind-class-login>span svg { width:28px; height:28px; overflow:visible; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.8; }
.grind-class-login small { display:block; margin-bottom:4px; color:var(--grind-gold); font-size:12px; font-weight:600; letter-spacing:.05em; }
.grind-class-login h2 { margin:0; color:var(--grind-ink); font-size:18px; font-weight:600; }
.grind-class-login p { max-width:440px; margin:6px 0 0; color:var(--grind-muted); font-size:13px; line-height:1.65; }
.grind-class-login button { display:inline-flex; min-height:38px; align-items:center; justify-content:center; gap:7px; border:0; border-radius:4px; background:var(--grind-gold); padding:8px 15px; color:#17130c; font-size:13px; font-weight:600; cursor:pointer; }
.grind-class-login button svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.8; }
.grind-class-login button:hover { filter:brightness(1.08); }
@media (max-width:820px) {
    .grind-class-modal .grind-session-table-wrap { overflow-x:auto; overflow-y:hidden; }
    .grind-class-modal .grind-session-table { min-width:1200px; }
    .grind-detail-controls { width:100%; grid-row:2; }
    .grind-detail-controls .grind-price-switch { width:auto; }
    .grind-detail-controls .grind-price-switch label,.grind-detail-controls .grind-price-switch select { width:100%; }
    .grind-detail-buff-form { min-width:0; flex:1; }
    .grind-performance-grid>.grind-class-auth-panel,.grind-class-login { min-height:210px; }
    .grind-class-login { grid-template-columns:auto minmax(0,1fr); padding:24px 20px; }
    .grind-class-login button { grid-column:1/-1; justify-self:stretch; }
}
@media (max-width:600px) {
    .grind-gear-grid,.grind-crystal-grid { grid-template-columns:1fr; }
    .grind-detail-controls { align-items:stretch; grid-template-columns:1fr; }
    .grind-detail-controls .grind-price-switch,.grind-detail-buff-form { width:100%; }
    .grind-detail-buff-picker .grind-buff-popover { width:min(286px,calc(100vw - 48px)); }
}
.grind-custom-price-badge{display:inline-flex!important;align-items:center;gap:3px;width:max-content;margin-top:3px;padding:1px 6px;border-radius:99px;background:rgba(215,169,75,.15);color:#e0b454!important;font-size:12px!important;font-style:normal;font-weight:500;white-space:nowrap}.grind-custom-price-badge i{width:13px;height:13px}.grind-custom-tax{display:block;margin-top:3px;color:#c5a968;font-size:12px;font-weight:400;white-space:nowrap}
.grind-drop-price-cell{display:flex;align-items:center;gap:8px;white-space:nowrap}.grind-drop-price-edit{display:grid;width:25px;height:25px;flex:0 0 25px;place-items:center;border:0;border-radius:4px;background:var(--grind-soft);color:var(--grind-muted);cursor:pointer}.grind-drop-price-edit>span{width:15px;height:15px}.grind-drop-price-edit:hover,.grind-drop-price-edit:focus-visible{background:color-mix(in srgb,var(--grind-gold) 14%,var(--grind-soft));color:var(--grind-gold);outline:none}.grind-drop-price-edit.is-custom{background:color-mix(in srgb,var(--grind-gold) 16%,var(--grind-soft));color:var(--grind-gold)}
.grind-price-edit-modal[hidden]{display:none}.grind-price-edit-modal{position:fixed;z-index:1370;inset:0;display:flex;align-items:center;justify-content:center;padding:20px}.grind-price-edit-backdrop{position:absolute;inset:0;border:0;background:rgba(5,6,8,.78);backdrop-filter:blur(2px)}.grind-price-edit-modal>section{position:relative;display:flex;width:min(580px,calc(100vw - 40px));max-height:calc(100vh - 40px);flex-direction:column;overflow:hidden;border:1px solid var(--grind-line);border-radius:5px;background:var(--grind-panel);color:var(--grind-ink)}
.grind-price-edit-modal>section>header{display:flex;min-height:62px;flex:none;align-items:center;justify-content:space-between;gap:14px;background:var(--grind-soft);padding:10px 14px 10px 18px}.grind-price-edit-modal>section>header>div{display:flex;min-width:0;align-items:center;gap:10px}.grind-price-edit-modal>section>header>div>span{width:22px;height:22px;flex:none;color:var(--grind-gold)}.grind-price-edit-modal header small,.grind-price-edit-modal header h2{display:block;margin:0}.grind-price-edit-modal header small{color:var(--grind-gold);font-size:12px;font-weight:500}.grind-price-edit-modal header h2{margin-top:2px;font-size:17px;font-weight:700}.grind-price-edit-modal>section>header>button{display:grid;width:34px;height:34px;flex:none;place-items:center;border:0;border-radius:4px;background:var(--grind-panel);color:var(--grind-muted);cursor:pointer}.grind-price-edit-modal>section>header>button:hover{color:var(--grind-ink)}.grind-price-edit-modal>section>header>button span{width:18px;height:18px}
.grind-price-edit-modal form{display:flex;min-height:0;flex-direction:column;overflow:hidden}.grind-price-edit-body{overflow-y:auto;padding:18px}.grind-price-edit-item{display:flex;align-items:center;gap:12px;border-radius:4px;background:var(--grind-soft);padding:12px}.grind-price-edit-item>.bdo-item-mark{width:48px;height:48px;flex:0 0 48px;border-radius:4px}.grind-price-edit-item>div{min-width:0}.grind-price-edit-item strong,.grind-price-edit-item small,.grind-price-edit-item p{display:block;margin:0}.grind-price-edit-item strong{width:max-content;max-width:100%;overflow:hidden;font-size:14px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.grind-price-edit-item small{margin-top:3px;color:var(--grind-muted);font-size:12px}.grind-price-edit-item p{margin-top:7px;color:var(--grind-muted);font-size:12px;line-height:1.5}
.grind-price-current,.grind-price-effective{display:flex;align-items:center;justify-content:space-between;margin-top:12px;border-radius:4px;background:color-mix(in srgb,var(--grind-soft) 70%,var(--grind-panel));padding:11px 13px}.grind-price-current span,.grind-price-effective span{color:var(--grind-muted);font-size:12px}.grind-price-current strong{font-size:14px;font-weight:600}.grind-price-effective strong{color:var(--grind-green);font-size:20px;font-weight:600}
.grind-price-region-field{min-width:0;margin:14px 0 0;padding:0;border:0}.grind-price-region-field legend{margin-bottom:6px;color:var(--grind-muted);font-size:12px}.grind-price-region-field>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.grind-price-region-field label{position:relative;min-width:0;cursor:pointer}.grind-price-region-field input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.grind-price-region-field span{display:flex;min-height:40px;align-items:center;justify-content:center;gap:6px;border:1px solid var(--grind-line);border-radius:4px;background:var(--grind-soft);padding:7px 9px;color:var(--grind-muted);font-size:12px;line-height:1.25;text-align:center;transition:border-color .15s,background .15s,color .15s}.grind-price-region-field span::before{width:12px;height:12px;flex:none;border:1px solid currentColor;border-radius:3px;content:""}.grind-price-region-field input:checked+span{border-color:color-mix(in srgb,var(--grind-gold) 72%,var(--grind-line));background:color-mix(in srgb,var(--grind-gold) 16%,var(--grind-soft));color:var(--grind-gold)}.grind-price-region-field input:checked+span::before{border-color:var(--grind-gold);background:var(--grind-gold);box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--grind-panel) 88%,transparent)}.grind-price-region-field input:focus-visible+span{outline:2px solid color-mix(in srgb,var(--grind-gold) 65%,transparent);outline-offset:2px}.grind-price-region-field label:hover span{border-color:color-mix(in srgb,var(--grind-gold) 45%,var(--grind-line));color:var(--grind-ink)}
.grind-price-region-field span::before{display:grid;place-items:center;font-size:9px;line-height:1}.grind-price-region-field input:checked+span::before{box-shadow:none;color:var(--grind-panel);content:"✓";font-weight:700}
.grind-price-edit-fields{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(150px,.75fr);gap:10px;margin-top:14px}.grind-price-edit-fields label>span{display:block;margin-bottom:6px;color:var(--grind-muted);font-size:12px}.grind-price-edit-fields input{width:100%;height:42px;border:1px solid var(--grind-line);border-radius:4px;background:var(--grind-soft);padding:0 11px;color:var(--grind-ink);font-size:14px;outline:none}.grind-price-edit-fields input:focus{border-color:var(--grind-gold)}.grind-price-edit-fields label>div{display:flex;align-items:center}.grind-price-edit-fields label>div input{min-width:0;border-radius:4px 0 0 4px}.grind-price-edit-fields label>div b{display:grid;height:42px;place-items:center;border:1px solid var(--grind-line);border-left:0;border-radius:0 4px 4px 0;background:var(--grind-soft);padding:0 11px;color:var(--grind-muted);font-size:13px;font-weight:500}
.grind-price-edit-fields .grind-price-field-label{display:flex;align-items:center;justify-content:space-between;gap:8px}.grind-price-field-label i{font-style:normal}.grind-price-field-label button{border:0;background:transparent;padding:0;color:var(--grind-gold);font-size:12px;line-height:1.2;white-space:nowrap;cursor:pointer}.grind-price-field-label button:hover,.grind-price-field-label button:focus-visible{color:var(--grind-ink);text-decoration:underline;outline:none}.grind-price-field-label button:disabled{cursor:wait;opacity:.55}
.grind-price-tax-presets{display:flex;gap:7px;margin-top:8px}.grind-price-tax-presets button{height:30px;border:0;border-radius:3px;background:var(--grind-soft);padding:0 10px;color:var(--grind-ink);font-size:12px;cursor:pointer}.grind-price-tax-presets button:hover{color:var(--grind-gold)}.grind-price-tax-help{margin:9px 0 0;color:var(--grind-muted);font-size:12px;line-height:1.55}
.grind-price-edit-modal footer{display:flex;min-height:64px;flex:none;align-items:center;gap:10px;border-top:1px solid var(--grind-line);background:var(--grind-soft);padding:11px 14px 11px 18px}.grind-price-edit-modal footer>p{min-width:0;flex:1;margin:0;color:var(--grind-green);font-size:12px;line-height:1.45}.grind-price-edit-modal footer>p:empty{display:none}.grind-price-edit-modal footer>p.is-error{color:#e06f6f}.grind-price-edit-modal footer>div{display:flex;gap:8px;margin-left:auto}.grind-price-edit-modal footer button{height:38px;border:0;border-radius:4px;background:var(--grind-panel);padding:0 15px;color:var(--grind-ink);font-size:13px;cursor:pointer}.grind-price-edit-modal footer button[type=submit]{display:flex;align-items:center;gap:6px;background:#b87812;color:#fff;font-weight:600}.grind-price-edit-modal footer button[type=submit]>span{width:17px;height:17px}.grind-price-edit-modal footer button:disabled{cursor:wait;opacity:.65}
.grind-price-edit-modal footer button[type=submit]{gap:7px}.grind-price-edit-modal footer button[type=submit]>svg{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:600px){.grind-price-edit-modal{padding:10px}.grind-price-edit-modal>section{width:calc(100vw - 20px);max-height:calc(100vh - 20px)}.grind-price-edit-body{padding:14px}.grind-price-region-field>div{grid-template-columns:repeat(2,minmax(0,1fr))}.grind-price-edit-fields{grid-template-columns:1fr}.grind-price-edit-item p{display:none}.grind-price-edit-modal footer{padding:10px 12px}.grind-price-edit-modal footer>p{display:none}.grind-price-edit-modal footer button{padding:0 12px}}