X@charset "UTF-8";
:root{
      --bg:#0b0f0c;
      --panel:#0a120e;
      --cell:#050805;
      --cell2:#070c08;
      --text:#e9f7ef;
      --muted:#a8b7ae;
      --green:#18ff79;
      --green2:#00d86a;
      --hdr:#8f8f8f;
      --hdrText:#111;
    }
    *{ box-sizing:border-box; }
    body{
      margin:0;
      background:radial-gradient(900px 400px at 50% 0%, #101814 0%, var(--bg) 55%);
      color:var(--text);
      font:14px/1.35 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
      padding:26px;
    }
    .title1{
      font-weight:600;
      color:var(--muted);
      margin:0 0 10px 6px;
      letter-spacing:.2px;
    }

    .fr-view table.questtb th,
    .fr-view table.questtb td {
    background: none !important;
    border: none !important;
    }

    /* Outer frame like your green rounded block */
    .frame{
      border-radius:16px;
      background:linear-gradient(180deg, rgba(0, 32, 14,.55) 0%, rgba(0,0,0,.35) 100%);
      border:2px solid rgba(24,255,121,.8);
      box-shadow:
        0 0 0 1px rgba(0, 0, 0,.5) inset,
        0 0 22px rgba(24,255,121,.20),
        0 0 40px rgba(0, 216, 106,.10);
      padding:14px;
      overflow:hidden;
    }

    /* Scroll container */
    .scroller{
      max-height:560px;           /* vertical scroll if many rows */
      overflow:auto;              /* both axes */
      padding:8px;
      border-radius:12px;
      background:rgba(0,0,0,.25);
    }

    /* Nice thin scrollbars (works in Chromium/Firefox) */
    .scroller::-webkit-scrollbar{ height:10px; width:10px; }
    .scroller::-webkit-scrollbar-track{ background:rgba(255,255,255,.06); border-radius:999px; }
    .scroller::-webkit-scrollbar-thumb{
      background:linear-gradient(180deg, rgba(24,255,121,.85), rgba(0,216,106,.85));
      border-radius:999px;
      border:2px solid rgba(0,0,0,.35);
    }
    .scroller{ scrollbar-color: rgba(24,255,121,.85) rgba(255,255,255,.06); scrollbar-width:thin; }

    table{
      width:max-content;          /* allow horizontal scroll */
      min-width:100%;
      border-collapse:separate;
      border-spacing:10px 10px;   /* gap between rounded “cells” */
    }

    thead th{
      position:sticky;
      top:0;
      z-index:2;
      padding:0;
    }

    /* Inner pill for each cell (header + body) */
    .cell{
      display:block;
      padding:10px 12px;
      border-radius:12px;
      border:1px solid rgba(24,255,121,.65);
      background:linear-gradient(180deg, var(--cell2), var(--cell));
      box-shadow:
        0 0 0 1px rgba(0,0,0,.55) inset,
        0 0 12px rgba(24,255,121,.08);
      color:var(--text);
      white-space:nowrap;
    }

    /* Header pills like in your screenshot */
    thead .cell{
      background:linear-gradient(180deg, #a9a9a9 0%, #8c8c8c 100%);
      color:black;
      border:2px solid rgba(24,255,121,.85);
      font-weight:700;
      box-shadow:
        0 0 0 1px rgba(0,0,0,.25) inset,
        0 0 14px rgba(24,255,121,.22);
    }

    /* Column widths so everything fits better; still scrolls if needed */
    .w-num{ width:60px; }
    .w-reset{ width:80px; }
    .w-gr{ width:70px; }
    .w-mon{ width:260px; }
    .w-count{ width:90px; }
    .w-wcoin{ width:90px; }
    .w-ruud{ width:90px; }
    .w-item{ width:320px; white-space:normal; }

    /* Row hover: green highlight (your request) */
    tbody tr:hover .cell{
      background:linear-gradient(180deg, rgba(0, 60, 28,.95) 0%, rgba(0, 30, 14,.95) 100%);
      border-color:rgba(24,255,121,.95);
      box-shadow:
        0 0 0 1px rgba(0,0,0,.55) inset,
        0 0 18px rgba(24,255,121,.25),
        0 0 34px rgba(0,216,106,.18);
    }

    /* Slightly dim text in body rows like your style */
    tbody .cell{ color:rgba(233,247,239,.95); }

    /* Make sticky header not cover first row spacing */
    thead th{ padding-top:2px; }

    .article {
    width: 1200px;
    }

    /* Optional caption line */
    .hint{
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:12px;
      padding:4px 6px 12px 6px;
      color:rgba(168,183,174,.85);
      font-size:12.5px;
      user-select:none;
    }
    .hint b{ color:rgba(24,255,121,.9); font-weight:600; }