.home-card {
        position: relative;
        background:
          radial-gradient(circle at 18% 12%, rgba(74, 186, 255, 0.07), transparent 34%),
          radial-gradient(circle at 82% 88%, rgba(44, 119, 255, 0.05), transparent 28%);
      }

      .home-card.reward-theme-bronze {
        box-shadow:
          inset 0 0 16px rgba(255, 176, 96, 0.06),
          0 0 14px rgba(255, 176, 96, 0.06);
      }

      .home-card.reward-theme-silver {
        box-shadow:
          inset 0 0 16px rgba(223, 235, 255, 0.07),
          0 0 14px rgba(170, 214, 255, 0.08);
      }

      .home-card.reward-theme-emerald {
        box-shadow:
          inset 0 0 18px rgba(122, 247, 107, 0.08),
          0 0 16px rgba(122, 247, 107, 0.08);
      }

      .home-card.reward-theme-monarch {
        box-shadow:
          inset 0 0 22px rgba(255, 126, 94, 0.08),
          0 0 18px rgba(196, 130, 255, 0.12);
      }

      .home-card.condition-warning {
        box-shadow:
          inset 0 0 14px rgba(255, 176, 96, 0.04),
          0 0 12px rgba(255, 176, 96, 0.05);
      }

      .home-card.condition-emergency {
        box-shadow:
          inset 0 0 14px rgba(255, 90, 117, 0.05),
          0 0 12px rgba(255, 90, 117, 0.06);
      }

      .home-card.condition-overdrive {
        box-shadow:
          inset 0 0 14px rgba(122, 247, 107, 0.04),
          0 0 12px rgba(122, 247, 107, 0.05);
      }

      .home-card {
        overflow: hidden;
      }

      .home-card::before {
        content: "";
        position: absolute;
        inset: 0;
        background:
          linear-gradient(180deg, rgba(103, 205, 255, 0.05), transparent 24%),
          repeating-linear-gradient(
            180deg,
            rgba(120, 188, 255, 0.024) 0,
            rgba(120, 188, 255, 0.024) 1px,
            transparent 1px,
            transparent 12px
          );
        pointer-events: none;
      }

      .home-layout {
        display: grid;
        grid-auto-rows: min-content;
        gap: 10px;
        min-height: 0;
        position: relative;
        z-index: 1;
      }

      .home-heading {
        font-family: "Orbitron", sans-serif;
        font-size: 0.84rem;
        letter-spacing: 0.7px;
        text-transform: uppercase;
        color: var(--accent);
        text-shadow: 0 0 10px rgba(67, 217, 255, 0.45);
        padding-left: 2px;
        position: relative;
      }

      .home-top {
        position: relative;
        display: grid;
        grid-template-columns: 1fr auto;
        grid-template-rows: auto auto;
        align-items: start;
        gap: 10px;
        border: 1px solid rgba(88, 194, 255, 0.4);
        border-radius: 10px;
        background:
          radial-gradient(circle at 84% 16%, rgba(88, 194, 255, 0.13), transparent 34%),
          linear-gradient(160deg, rgba(10, 33, 68, 0.7), rgba(7, 22, 48, 0.72));
        box-shadow:
          inset 0 0 14px rgba(88, 194, 255, 0.08),
          0 0 14px rgba(47, 126, 255, 0.08);
        padding: 10px;
      }

      .home-top.reward-theme-bronze {
        border-color: rgba(255, 184, 110, 0.34);
        background:
          radial-gradient(circle at 82% 14%, rgba(255, 184, 110, 0.09), transparent 34%),
          linear-gradient(160deg, rgba(28, 32, 48, 0.6), rgba(26, 20, 18, 0.58));
      }

      .home-top.reward-theme-silver {
        border-color: rgba(201, 226, 255, 0.36);
        background:
          radial-gradient(circle at 82% 14%, rgba(201, 226, 255, 0.11), transparent 34%),
          linear-gradient(160deg, rgba(21, 38, 66, 0.62), rgba(14, 26, 54, 0.6));
      }

      .home-top.reward-theme-emerald {
        border-color: rgba(122, 247, 107, 0.32);
        background:
          radial-gradient(circle at 82% 14%, rgba(122, 247, 107, 0.1), transparent 36%),
          linear-gradient(160deg, rgba(14, 42, 46, 0.62), rgba(12, 29, 44, 0.6));
      }

      .home-top.reward-theme-monarch {
        border-color: rgba(196, 130, 255, 0.34);
        background:
          radial-gradient(circle at 82% 14%, rgba(255, 126, 94, 0.12), transparent 34%),
          linear-gradient(160deg, rgba(33, 19, 52, 0.66), rgba(16, 20, 46, 0.62));
        box-shadow:
          inset 0 0 12px rgba(196, 130, 255, 0.08),
          0 0 12px rgba(255, 126, 94, 0.06);
      }

      .home-top.condition-warning {
        border-color: rgba(255, 176, 96, 0.26);
        background: linear-gradient(
          160deg,
          rgba(40, 31, 20, 0.58),
          rgba(22, 24, 38, 0.56)
        );
        box-shadow:
          inset 0 0 10px rgba(255, 176, 96, 0.05),
          0 0 10px rgba(255, 176, 96, 0.04);
      }

      .home-top.condition-emergency {
        border-color: rgba(255, 109, 124, 0.28);
        background: linear-gradient(
          160deg,
          rgba(44, 20, 30, 0.6),
          rgba(22, 18, 34, 0.58)
        );
        box-shadow:
          inset 0 0 10px rgba(255, 90, 117, 0.06),
          0 0 10px rgba(255, 90, 117, 0.05);
      }

      .home-top.condition-overdrive {
        border-color: rgba(122, 247, 107, 0.26);
        background: linear-gradient(
          160deg,
          rgba(20, 40, 30, 0.58),
          rgba(12, 30, 44, 0.56)
        );
        box-shadow:
          inset 0 0 10px rgba(122, 247, 107, 0.05),
          0 0 10px rgba(122, 247, 107, 0.04);
      }

      .home-top {
        overflow: hidden;
        clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px));
      }

      .home-top::before {
        content: "";
        position: absolute;
        inset: 0;
        background:
          linear-gradient(90deg, rgba(103, 205, 255, 0.14), transparent 16%),
          linear-gradient(180deg, rgba(164, 223, 255, 0.06), transparent 34%);
        pointer-events: none;
      }

      .discipline-paths-block {
        position: relative;
        border: 1px solid rgba(103, 205, 255, 0.22);
        border-radius: 10px;
        padding: 10px;
        background:
          radial-gradient(circle at 85% 18%, rgba(93, 123, 255, 0.08), transparent 28%),
          linear-gradient(160deg, rgba(9, 20, 41, 0.9), rgba(6, 13, 28, 0.92));
        box-shadow:
          inset 0 0 16px rgba(67, 217, 255, 0.04),
          0 0 12px rgba(67, 217, 255, 0.04);
        overflow: hidden;
      }

      .discipline-paths-block::before {
        content: "";
        position: absolute;
        inset: 0;
        background:
          linear-gradient(90deg, rgba(103, 205, 255, 0.08), transparent 18%),
          repeating-linear-gradient(
            180deg,
            rgba(120, 188, 255, 0.02) 0,
            rgba(120, 188, 255, 0.02) 1px,
            transparent 1px,
            transparent 14px
          );
        pointer-events: none;
      }

      .discipline-paths-head,
      .discipline-balance-strip,
      .discipline-paths-note,
      .discipline-paths-list {
        position: relative;
        z-index: 1;
      }

      .discipline-paths-head {
        display: flex;
        align-items: start;
        justify-content: space-between;
        gap: 10px;
      }

      .discipline-paths-kicker,
      .discipline-paths-meta {
        font-family: "Orbitron", sans-serif;
        font-size: 0.56rem;
        text-transform: uppercase;
        letter-spacing: 0.34px;
        color: rgba(151, 211, 255, 0.74);
      }

      .discipline-paths-title {
        margin-top: 4px;
        font-family: "Orbitron", sans-serif;
        font-size: 0.88rem;
        letter-spacing: 0.36px;
        text-transform: uppercase;
        color: #eef7ff;
      }

      .discipline-paths-note {
        margin-top: 8px;
        color: rgba(216, 233, 255, 0.78);
        font-size: 0.68rem;
        line-height: 1.35;
      }

      .discipline-project-summary {
        margin-top: 6px;
        color: rgba(169, 229, 255, 0.76);
        font-size: 0.63rem;
        line-height: 1.34;
      }

      .discipline-balance-strip {
        margin-top: 8px;
        display: grid;
        gap: 3px;
        padding: 8px 10px;
        border: 1px solid rgba(103, 205, 255, 0.14);
        border-radius: 9px;
        background: rgba(8, 20, 40, 0.58);
      }

      .discipline-balance-status {
        color: #d9ecff;
        font-family: "Orbitron", sans-serif;
        font-size: 0.6rem;
        letter-spacing: 0.28px;
        text-transform: uppercase;
      }

      .discipline-balance-focus {
        color: rgba(204, 228, 248, 0.82);
        font-size: 0.68rem;
        line-height: 1.3;
      }

      .discipline-balance-recommendation {
        color: rgba(157, 221, 255, 0.86);
        font-size: 0.66rem;
        line-height: 1.3;
      }

      .discipline-balance-actions {
        margin-top: 4px;
      }

      .discipline-balance-launch {
        min-height: 32px;
        padding: 7px 12px;
        border: 1px solid rgba(98, 204, 255, 0.28);
        border-radius: 999px;
        background: linear-gradient(180deg, rgba(15, 44, 75, 0.88), rgba(8, 22, 40, 0.96));
        color: #eaf6ff;
        font-family: "Orbitron", sans-serif;
        font-size: 0.61rem;
        letter-spacing: 0.42px;
        text-transform: uppercase;
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
      }

      .discipline-daily-strip {
        margin-top: 8px;
        display: grid;
        gap: 5px;
        padding: 8px 10px;
        border: 1px solid rgba(255, 193, 117, 0.16);
        border-radius: 9px;
        background:
          linear-gradient(180deg, rgba(29, 23, 18, 0.78), rgba(14, 18, 31, 0.9)),
          radial-gradient(circle at 88% 18%, rgba(255, 177, 105, 0.12), transparent 26%);
      }

      .discipline-daily-head,
      .discipline-daily-lanes {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
      }

      .discipline-daily-kicker,
      .discipline-daily-status {
        font-family: "Orbitron", sans-serif;
        font-size: 0.58rem;
        letter-spacing: 0.28px;
        text-transform: uppercase;
      }

      .discipline-daily-kicker {
        color: rgba(255, 212, 168, 0.78);
      }

      .discipline-daily-status {
        color: #fff0d5;
      }

      .discipline-daily-lane {
        min-width: 0;
        font-size: 0.64rem;
        line-height: 1.3;
        color: rgba(230, 237, 248, 0.82);
      }

      .discipline-daily-note {
        color: rgba(255, 222, 189, 0.84);
        font-size: 0.64rem;
        line-height: 1.32;
      }

      .discipline-daily-actions {
        margin-top: 2px;
      }

      .discipline-daily-issue {
        min-height: 30px;
        padding: 6px 12px;
        border: 1px solid rgba(255, 199, 118, 0.26);
        border-radius: 999px;
        background: linear-gradient(180deg, rgba(63, 37, 18, 0.9), rgba(26, 20, 18, 0.96));
        color: #fff1d7;
        font-family: "Orbitron", sans-serif;
        font-size: 0.58rem;
        letter-spacing: 0.36px;
        text-transform: uppercase;
      }

      .discipline-paths-list {
        margin-top: 10px;
        display: grid;
        gap: 8px;
      }

      .discipline-path {
        border: 1px solid rgba(103, 205, 255, 0.14);
        border-radius: 9px;
        padding: 8px;
        background: rgba(9, 18, 36, 0.64);
      }

      .discipline-code {
        border-color: rgba(191, 157, 255, 0.24);
      }

      .discipline-body {
        border-color: rgba(255, 157, 123, 0.24);
      }

      .discipline-self {
        border-color: rgba(141, 232, 255, 0.24);
      }

      .discipline-path-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
      }

      .discipline-path-name,
      .discipline-path-state {
        font-family: "Orbitron", sans-serif;
        text-transform: uppercase;
      }

      .discipline-path-name {
        font-size: 0.72rem;
        letter-spacing: 0.28px;
        color: #eef7ff;
      }

      .discipline-path-state {
        font-size: 0.52rem;
        letter-spacing: 0.22px;
        color: rgba(173, 222, 255, 0.82);
      }

      .discipline-path-rule,
      .discipline-path-meta {
        color: rgba(208, 227, 248, 0.72);
        font-size: 0.62rem;
        line-height: 1.28;
      }

      .discipline-path-rule {
        margin-top: 4px;
      }

      .discipline-path-bar {
        margin-top: 7px;
        height: 6px;
        border-radius: 999px;
        background: rgba(14, 28, 52, 0.78);
        overflow: hidden;
      }

      .discipline-path-fill {
        display: block;
        height: 100%;
        width: 0;
        border-radius: inherit;
        background: linear-gradient(90deg, rgba(117, 194, 255, 0.95), rgba(184, 232, 255, 0.9));
      }

      .discipline-code .discipline-path-fill {
        background: linear-gradient(90deg, rgba(137, 120, 255, 0.95), rgba(197, 178, 255, 0.9));
      }

      .discipline-body .discipline-path-fill {
        background: linear-gradient(90deg, rgba(255, 139, 94, 0.95), rgba(255, 193, 133, 0.9));
      }

      .discipline-self .discipline-path-fill {
        background: linear-gradient(90deg, rgba(107, 214, 255, 0.95), rgba(188, 237, 255, 0.9));
      }

      .discipline-path-meta {
        margin-top: 6px;
      }

      .hunter-head {
        min-width: 0;
        display: grid;
        gap: 4px;
        grid-column: 1;
        grid-row: 1;
        position: relative;
        z-index: 1;
      }

      .hunter-row {
        display: grid;
        grid-template-columns: 44px 1fr;
        align-items: center;
        gap: 8px;
        padding: 2px 0;
      }

      .hunter-row {
        padding: 5px 0;
        border-bottom: 1px solid rgba(103, 205, 255, 0.08);
      }

      .hunter-row:last-child {
        border-bottom: 0;
      }

      .hunter-key {
        color: var(--muted);
        font-size: 0.78rem;
        letter-spacing: 0.6px;
        text-transform: uppercase;
      }

      .hunter-val {
        font-family: "Orbitron", sans-serif;
        font-size: 0.88rem;
        letter-spacing: 0.4px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }

      .hunter-input,
      .hunter-select {
        width: 100%;
        border: 1px solid rgba(103, 205, 255, 0.25);
        border-radius: 7px;
        background: rgba(8, 20, 44, 0.62);
        color: #9fd7ff;
        padding: 3px 6px;
        outline: none;
        font: inherit;
        letter-spacing: inherit;
      }

      .hunter-select {
        appearance: none;
      }

      .row-name .hunter-val {
        color: #8ee7ff;
        font-size: 1.08rem;
        text-shadow: 0 0 12px rgba(67, 217, 255, 0.5);
      }

      .row-job .hunter-val {
        color: #9fd7ff;
        font-size: 0.76rem;
        letter-spacing: 0.2px;
        text-shadow: 0 0 9px rgba(67, 217, 255, 0.32);
      }

      .row-title .hunter-val {
        color: #9fd7ff;
        font-size: 0.76rem;
        letter-spacing: 0.2px;
        text-shadow: 0 0 9px rgba(67, 217, 255, 0.32);
      }

      .title-display {
        display: grid;
        gap: 2px;
        align-items: start;
      }

      .title-behavior {
        color: rgba(255, 220, 147, 0.94);
        font-family: "Orbitron", sans-serif;
        font-size: 0.52rem;
        letter-spacing: 0.34px;
        text-transform: uppercase;
        text-shadow: 0 0 8px rgba(255, 204, 96, 0.18);
      }

      .title-base {
        color: #9fd7ff;
        font-size: 0.76rem;
        letter-spacing: 0.2px;
      }

      .title-display:not(.has-behavior) .title-behavior {
        color: rgba(181, 204, 228, 0.66);
      }

      .row-rank .hunter-val {
        color: #7af76b;
        font-size: 0.82rem;
        text-shadow: 0 0 8px rgba(122, 247, 107, 0.5);
      }

      #rank-display {
        transition: color 180ms ease, text-shadow 180ms ease;
      }

      #rank-display.rank-e {
        color: #8fd3ff;
        text-shadow: 0 0 8px rgba(143, 211, 255, 0.55);
      }

      #rank-display.rank-d {
        color: #6cf3d1;
        text-shadow: 0 0 9px rgba(108, 243, 209, 0.58);
      }

      #rank-display.rank-c {
        color: #86ff8c;
        text-shadow: 0 0 10px rgba(134, 255, 140, 0.62);
      }

      #rank-display.rank-b {
        color: #d5ff6f;
        text-shadow: 0 0 11px rgba(213, 255, 111, 0.62);
      }

      #rank-display.rank-a {
        color: #ffd56c;
        text-shadow: 0 0 12px rgba(255, 213, 108, 0.65);
      }

      #rank-display.rank-s {
        color: #ffb86e;
        text-shadow: 0 0 13px rgba(255, 184, 110, 0.68);
      }

      #rank-display.rank-ss {
        color: #ff8a7a;
        text-shadow: 0 0 14px rgba(255, 138, 122, 0.7);
      }

      #rank-display.rank-sss {
        color: #f294ff;
        text-shadow: 0 0 16px rgba(242, 148, 255, 0.72);
      }

      #rank-display.rank-sssplus {
        color: #bc9dff;
        text-shadow: 0 0 18px rgba(188, 157, 255, 0.75);
      }

      #rank-display.rank-monarch {
        color: #7af76b;
        text-shadow:
          0 0 14px rgba(122, 247, 107, 0.75),
          0 0 24px rgba(67, 217, 255, 0.35);
      }

      .mini-resources {
        margin-top: 0;
        display: grid;
        gap: 5px;
        width: 100%;
        grid-column: 1;
        grid-row: 2;
        position: relative;
        z-index: 1;
      }

      .mini-resources {
        border: 1px solid rgba(103, 205, 255, 0.14);
        border-radius: 10px;
        background: rgba(7, 18, 36, 0.58);
        padding: 8px 10px;
        clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
      }

      .mini-row {
        display: grid;
        grid-template-columns: 14px minmax(0, 1fr);
        align-items: center;
        gap: 5px;
        flex: 1;
        width: 100%;
      }

      .mini-icon {
        color: var(--accent);
        font-size: 0.78rem;
        text-align: center;
        text-shadow: 0 0 8px rgba(67, 217, 255, 0.4);
      }

      .mini-bar {
        height: 9px;
        border-radius: 999px;
        border: 1px solid rgba(103, 205, 255, 0.42);
        background:
          radial-gradient(
            circle at 20% 50%,
            rgba(67, 217, 255, 0.16),
            rgba(8, 20, 44, 0.72) 55%
          ),
          rgba(8, 20, 44, 0.72);
        overflow: hidden;
        width: 100%;
        position: relative;
        box-shadow:
          inset 0 0 10px rgba(67, 217, 255, 0.18),
          0 0 14px rgba(67, 217, 255, 0.22);
      }

      .mini-fill {
        display: block;
        height: 100%;
        border-radius: inherit;
        position: relative;
      }

      .mini-fill.xp {
        width: 0;
        background:
          linear-gradient(
            90deg,
            rgba(50, 168, 255, 0.98) 0%,
            rgba(67, 217, 255, 0.98) 45%,
            rgba(133, 248, 255, 0.98) 100%
          );
        box-shadow:
          0 0 16px rgba(67, 217, 255, 0.62),
          0 0 24px rgba(67, 217, 255, 0.36);
      }

      .mini-fill.xp::after {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: inherit;
        background: linear-gradient(
          115deg,
          rgba(255, 255, 255, 0) 35%,
          rgba(255, 255, 255, 0.38) 50%,
          rgba(255, 255, 255, 0) 65%
        );
        transform: translateX(-140%);
        animation: xpShine 2.4s linear infinite;
        pointer-events: none;
      }

      @keyframes xpShine {
        0% {
          transform: translateX(-140%);
        }
        100% {
          transform: translateX(140%);
        }
      }

      .mini-val {
        position: absolute;
        right: 5px;
        top: 50%;
        transform: translateY(-50%);
        font-family: "Orbitron", sans-serif;
        font-size: 0.54rem;
        color: #d9ecff;
        letter-spacing: 0.3px;
        min-width: 0;
        text-align: right;
        text-shadow: 0 0 6px rgba(67, 217, 255, 0.45);
        z-index: 2;
      }

      .xp-total {
        font-family: "Orbitron", sans-serif;
        font-size: 0.58rem;
        color: #9cc9f3;
        letter-spacing: 0.35px;
        text-align: left;
      }

      .streak {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        border: 1px solid rgba(255, 177, 58, 0.62);
        border-radius: 999px;
        padding: 4px 10px 4px 8px;
        background:
          radial-gradient(circle at 22% 50%, rgba(255, 152, 56, 0.2), transparent 45%),
          linear-gradient(145deg, rgba(61, 31, 7, 0.72), rgba(28, 18, 8, 0.78));
        min-width: 94px;
        justify-content: center;
        box-shadow:
          0 0 14px rgba(255, 168, 69, 0.34),
          inset 0 0 10px rgba(255, 130, 34, 0.2);
      }

      .streak-fire {
        font-size: 0.9rem;
        line-height: 1;
        filter: drop-shadow(0 0 8px rgba(255, 157, 43, 0.7));
      }

      .streak-days {
        color: #ffd06a;
        font-family: "Orbitron", sans-serif;
        font-size: 0.66rem;
        letter-spacing: 0.45px;
        text-shadow: 0 0 10px rgba(255, 196, 77, 0.62);
        text-transform: uppercase;
      }


      .level-panel {
        display: grid;
        grid-template-columns: auto;
        align-items: center;
        justify-items: end;
        gap: 4px;
        align-self: stretch;
        margin-top: 0;
        grid-column: 2;
        grid-row: 1 / span 2;
        position: relative;
        z-index: 1;
      }

      .level-panel {
        border: 1px solid rgba(103, 205, 255, 0.14);
        border-radius: 12px;
        clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));
        overflow: hidden;
      }

      .level-fx {
        position: absolute;
        top: 0;
        left: 0;
        width: 104px;
        aspect-ratio: 1;
        pointer-events: none;
        z-index: 0;
        overflow: visible;
      }

      .level-particle {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background: rgba(95, 222, 255, 0.7);
        box-shadow: 0 0 8px rgba(67, 217, 255, 0.42);
        transform: translate(-50%, -50%);
        animation: levelParticleOut 1.8s ease-out forwards;
      }

      @keyframes levelParticleOut {
        0% {
          transform: translate(-50%, -50%) scale(0.4);
          opacity: 0;
        }
        18% {
          opacity: 0.5;
        }
        100% {
          transform: translate(
            calc(-50% + var(--dx, 0px)),
            calc(-50% + var(--dy, 0px))
          ) scale(1);
          opacity: 0;
        }
      }

      .level-ring .level-num {
        font-family: "Orbitron", sans-serif;
        font-size: 1.9rem;
        line-height: 1;
        color: var(--text);
        text-shadow: 0 0 18px rgba(67, 217, 255, 0.58);
      }

      .level-ring .level-label {
        margin-top: 2px;
        font-size: 0.62rem;
        letter-spacing: 0.8px;
        color: var(--muted);
        text-transform: uppercase;
      }

      .level-ring {
        width: 104px;
        aspect-ratio: 1;
        border-radius: 50%;
        display: grid;
        place-items: center;
        background:
          radial-gradient(
            circle at center,
            rgba(8, 18, 38, 0.96) 66%,
            transparent 67%
          ),
          conic-gradient(
            var(--accent) 0 var(--level-progress, 0%),
            rgba(103, 205, 255, 0.16) var(--level-progress, 0%) 100%
          );
        border: 1px solid rgba(103, 205, 255, 0.45);
        box-shadow:
          0 0 24px rgba(67, 217, 255, 0.48),
          inset 0 0 12px rgba(67, 217, 255, 0.2);
      }

      .ring-core {
        display: grid;
        place-items: center;
        text-align: center;
        line-height: 1;
      }

      .level-overcap {
        font-family: "Orbitron", sans-serif;
        font-size: 0.58rem;
        color: #7af76b;
        letter-spacing: 0.5px;
        text-shadow: 0 0 8px rgba(122, 247, 107, 0.45);
      }

      .level-readout {
        display: grid;
        gap: 3px;
        justify-items: end;
        text-align: right;
      }

      .level-next,
      .level-next-rank,
      .level-run-state {
        font-size: 0.58rem;
        line-height: 1.25;
      }

      .level-next {
        color: rgba(217, 236, 255, 0.88);
      }

      .level-next-rank {
        color: rgba(158, 216, 255, 0.8);
      }

      .level-run-state {
        color: rgba(255, 209, 122, 0.84);
        font-family: "Orbitron", sans-serif;
        letter-spacing: 0.28px;
        text-transform: uppercase;
      }

      .app.system-glitched .home-top,
      .app.system-glitched .home-block,
      .app.system-glitched .logs-block,
      .app.system-glitched .card,
      .app.system-glitched .quests-shell,
      .app.system-glitched .achievement-item,
      .app.system-glitched .quest-item,
      .app.system-glitched .auth-row,
      .app.system-glitched .edit-panel {
        border-color: rgba(255, 78, 102, 0.58);
        background:
          linear-gradient(
            160deg,
            rgba(46, 7, 24, 0.9),
            rgba(9, 14, 32, 0.92)
          );
        box-shadow:
          inset 0 0 16px rgba(255, 78, 102, 0.16),
          0 0 24px rgba(255, 78, 102, 0.18);
      }

      .app.system-glitched .home-heading,
      .app.system-glitched .block-title,
      .app.system-glitched .hunter-key,
      .app.system-glitched .xp-total,
      .app.system-glitched .streak-days,
      .app.system-glitched .log-item,
      .app.system-glitched p,
      .app.system-glitched span,
      .app.system-glitched label,
      .app.system-glitched h1,
      .app.system-glitched h2,
      .app.system-glitched h3,
      .app.system-glitched button,
      .app.system-glitched .quest-empty,
      .app.system-glitched .achievement-rule,
      .app.system-glitched .achievement-state,
      .app.system-glitched .auth-status,
      .app.system-glitched .auth-sync,
      .app.system-glitched .penalty-note {
        color: #ff8ea5;
        text-shadow:
          1px 0 rgba(90, 233, 255, 0.26),
          -1px 0 rgba(255, 71, 116, 0.24);
        animation: glitchShift 1.9s steps(2, end) infinite;
      }

      .app.system-glitched .hunter-val,
      .app.system-glitched .mini-val,
      .app.system-glitched #rank-display,
      .app.system-glitched input,
      .app.system-glitched textarea,
      .app.system-glitched select,
      .app.system-glitched .q-btn,
      .app.system-glitched .auth-btn,
      .app.system-glitched .quest-act,
      .app.system-glitched .quest-menu-toggle,
      .app.system-glitched .quest-menu-act,
      .app.system-glitched .calendar-select {
        color: #f7f2ff;
        text-shadow:
          1px 0 rgba(90, 233, 255, 0.36),
          -2px 0 rgba(255, 71, 116, 0.42),
          0 0 14px rgba(255, 71, 116, 0.22);
        animation: glitchShift 1.9s steps(2, end) infinite;
      }

      .app.system-glitched .mini-bar,
      .app.system-glitched .level-ring,
      .app.system-glitched .calendar-day,
      .app.system-glitched .bar-track,
      .app.system-glitched .hunter-input,
      .app.system-glitched .e-input,
      .app.system-glitched .e-textarea,
      .app.system-glitched .e-time-select {
        border-color: rgba(255, 95, 126, 0.7);
        box-shadow:
          0 0 24px rgba(255, 71, 116, 0.38),
          inset 0 0 12px rgba(90, 233, 255, 0.18);
      }

      .app.system-glitched .level-ring {
        background:
          radial-gradient(
            circle at center,
            rgba(10, 10, 21, 0.98) 66%,
            transparent 67%
          ),
          conic-gradient(
            #ff476f 0 var(--level-progress, 0%),
            rgba(90, 233, 255, 0.24) var(--level-progress, 0%) 100%
          );
        animation: glitchPulse 1.1s ease-in-out infinite;
      }

      .app.system-glitched .level-ring .level-label {
        color: #ff8ea5;
      }

      .app.system-glitched .mini-fill.xp {
        background:
          linear-gradient(
            90deg,
            rgba(255, 71, 116, 0.98) 0%,
            rgba(90, 233, 255, 0.98) 52%,
            rgba(255, 142, 165, 0.98) 100%
          );
        box-shadow:
          0 0 18px rgba(255, 71, 116, 0.55),
          0 0 28px rgba(90, 233, 255, 0.28);
      }

      .app.system-glitched .bar-fill,
      .app.system-glitched .calendar-day.done,
      .app.system-glitched .achievement-item.unlocked,
      .app.system-glitched .quest-item.completed {
        background:
          linear-gradient(
            135deg,
            rgba(255, 71, 116, 0.3),
            rgba(90, 233, 255, 0.18)
          );
      }

      .app.system-glitched .level-overcap {
        color: #ff647f;
        text-shadow:
          1px 0 rgba(90, 233, 255, 0.3),
          -1px 0 rgba(255, 71, 116, 0.42);
      }

      .app.system-glitched .home-card::before {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background:
          repeating-linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.03) 0 2px,
            transparent 2px 6px
          );
        mix-blend-mode: screen;
        opacity: 0.2;
        animation: glitchScan 4s linear infinite;
        z-index: 2;
      }

      @keyframes glitchShift {
        0%,
        100% {
          transform: translateX(0);
          opacity: 1;
        }
        20% {
          transform: translateX(-1px);
        }
        21% {
          transform: translateX(2px);
        }
        52% {
          transform: translateX(0);
        }
        53% {
          transform: translateX(1px);
        }
        54% {
          transform: translateX(-2px);
        }
      }

      @keyframes glitchPulse {
        0%,
        100% {
          filter: saturate(1) brightness(1);
        }
        48% {
          filter: saturate(1.25) brightness(1.08);
        }
        50% {
          filter: saturate(0.88) brightness(0.92);
        }
      }

      @keyframes glitchScan {
        0% {
          transform: translateY(-100%);
        }
        100% {
          transform: translateY(100%);
        }
      }

      #hunter-name-input {
        border: 0;
        background: transparent;
        box-shadow: none;
        padding-left: 0;
        padding-right: 0;
      }

      .home-block {
        border: 1px solid rgba(103, 205, 255, 0.22);
        border-radius: 10px;
        background: linear-gradient(
          160deg,
          rgba(16, 36, 72, 0.66),
          rgba(10, 24, 52, 0.7)
        );
        box-shadow: inset 0 0 14px rgba(67, 217, 255, 0.08);
        padding: 10px;
        display: grid;
        gap: 8px;
        align-content: start;
        min-height: 0;
      }

      .home-block {
        position: relative;
        overflow: hidden;
        clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));
      }

      .home-block::before {
        content: "";
        position: absolute;
        inset: 0;
        background:
          linear-gradient(90deg, rgba(103, 205, 255, 0.08), transparent 16%),
          linear-gradient(180deg, rgba(149, 214, 255, 0.04), transparent 36%);
        pointer-events: none;
      }

      .home-bottom {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        min-height: 0;
      }

      .daily-quest-block {
        border: 1px solid rgba(255, 170, 79, 0.28);
        border-radius: 10px;
        background:
          radial-gradient(
            circle at 18% 18%,
            rgba(255, 178, 88, 0.14),
            transparent 38%
          ),
          linear-gradient(160deg, rgba(52, 34, 18, 0.72), rgba(28, 19, 15, 0.76));
        box-shadow:
          inset 0 0 12px rgba(255, 185, 92, 0.08),
          0 0 12px rgba(255, 150, 62, 0.07);
        padding: 24px 10px 10px;
        display: grid;
        gap: 8px;
      }

      .daily-quest-block,
      .emergency-quest-block,
      .boss-quest-block,
      .raid-chain-block,
      .system-directive,
      .logs-block {
        position: relative;
        overflow: hidden;
        clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px));
      }

      .daily-quest-block::before,
      .emergency-quest-block::before,
      .boss-quest-block::before,
      .raid-chain-block::before,
      .system-directive::before,
      .logs-block::before {
        content: "";
        position: absolute;
        inset: 0;
        background:
          linear-gradient(90deg, rgba(255, 255, 255, 0.05), transparent 18%),
          linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent 34%);
        pointer-events: none;
      }

      .daily-quest-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
      }

      .daily-quest-title {
        font-family: "Orbitron", sans-serif;
        font-size: 0.72rem;
        letter-spacing: 0.45px;
        color: #ffd08a;
        text-transform: uppercase;
        text-shadow: 0 0 10px rgba(255, 170, 71, 0.34);
      }

      .daily-quest-reward {
        color: #8effa8;
        font-family: "Orbitron", sans-serif;
        font-size: 0.58rem;
        letter-spacing: 0.3px;
      }

      .daily-quest-status {
        color: rgba(255, 225, 191, 0.86);
        font-size: 0.68rem;
        line-height: 1.3;
      }

      .daily-quest-status.warning {
        color: #ff9d8f;
        text-shadow: 0 0 8px rgba(255, 110, 88, 0.28);
      }

      .daily-quest-status.cleared {
        color: #9cffbd;
        text-shadow: 0 0 8px rgba(122, 247, 107, 0.22);
      }

      .daily-quest-deadline {
        color: rgba(255, 210, 166, 0.72);
        font-family: "Orbitron", sans-serif;
        font-size: 0.54rem;
        letter-spacing: 0.28px;
      }

      .daily-quest-deadline.warning {
        color: #ff9d8f;
        text-shadow: 0 0 8px rgba(255, 110, 88, 0.24);
      }

      .daily-quest-list {
        display: grid;
        gap: 7px;
      }

      .daily-quest-item {
        border: 1px solid rgba(255, 189, 126, 0.18);
        border-radius: 9px;
        background: rgba(42, 22, 10, 0.56);
        padding: 7px 9px;
        display: grid;
        grid-template-columns: auto 1fr auto;
        gap: 8px;
        align-items: center;
      }

      .daily-quest-mark {
        width: 18px;
        height: 18px;
        border-radius: 50%;
        border: 1px solid rgba(255, 185, 102, 0.38);
        display: grid;
        place-items: center;
        color: rgba(255, 216, 173, 0.76);
        font-size: 0.62rem;
      }

      .daily-quest-item.done {
        border-color: rgba(122, 247, 107, 0.34);
        background: rgba(20, 49, 24, 0.56);
      }

      .daily-quest-item.done .daily-quest-mark {
        border-color: rgba(122, 247, 107, 0.5);
        color: #9cffbd;
      }

      .daily-quest-name {
        color: #ffe7c9;
        font-size: 0.72rem;
      }

      .daily-quest-meta {
        color: rgba(255, 224, 184, 0.7);
        font-family: "Orbitron", sans-serif;
        font-size: 0.56rem;
        letter-spacing: 0.25px;
      }

      .job-trial-block {
        border: 1px solid rgba(124, 164, 255, 0.24);
        border-radius: 10px;
        background:
          radial-gradient(
            circle at 85% 22%,
            rgba(105, 129, 255, 0.16),
            transparent 34%
          ),
          linear-gradient(160deg, rgba(18, 22, 49, 0.8), rgba(9, 14, 28, 0.84));
        box-shadow:
          inset 0 0 14px rgba(117, 166, 255, 0.08),
          0 0 16px rgba(99, 133, 255, 0.12);
        padding: 12px;
        display: grid;
        gap: 10px;
        position: relative;
        overflow: hidden;
      }

      .job-trial-block::before {
        content: "";
        position: absolute;
        inset: 0;
        background:
          linear-gradient(90deg, rgba(120, 165, 255, 0.08), transparent 24%),
          repeating-linear-gradient(
            180deg,
            rgba(154, 191, 255, 0.03) 0,
            rgba(154, 191, 255, 0.03) 1px,
            transparent 1px,
            transparent 11px
          );
        pointer-events: none;
      }

      .job-trial-head {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 8px;
        position: relative;
        z-index: 1;
      }

      .job-trial-kicker {
        font-family: "Orbitron", sans-serif;
        font-size: 0.54rem;
        letter-spacing: 0.4px;
        text-transform: uppercase;
        color: rgba(182, 205, 255, 0.68);
        margin-bottom: 3px;
      }

      .job-trial-title {
        font-family: "Orbitron", sans-serif;
        font-size: 0.82rem;
        letter-spacing: 0.72px;
        color: #d8e8ff;
        text-transform: uppercase;
        text-shadow: 0 0 10px rgba(117, 166, 255, 0.2);
      }

      .job-trial-head-side {
        display: grid;
        justify-items: end;
        gap: 5px;
      }

      .job-trial-tier {
        color: #9fd2ff;
        font-family: "Orbitron", sans-serif;
        font-size: 0.55rem;
        letter-spacing: 0.42px;
        text-transform: uppercase;
      }

      .job-trial-state {
        border: 1px solid rgba(122, 161, 255, 0.28);
        border-radius: 999px;
        padding: 4px 8px;
        background: rgba(24, 34, 74, 0.82);
        color: #bfd7ff;
        font-family: "Orbitron", sans-serif;
        font-size: 0.52rem;
        letter-spacing: 0.42px;
        text-transform: uppercase;
      }

      .job-trial-state.locked {
        border-color: rgba(140, 163, 211, 0.28);
        color: rgba(197, 214, 248, 0.74);
      }

      .job-trial-state.available {
        border-color: rgba(110, 212, 255, 0.45);
        color: #95efff;
        box-shadow: 0 0 10px rgba(93, 224, 255, 0.14);
      }

      .job-trial-state.active {
        border-color: rgba(255, 179, 95, 0.46);
        color: #ffd498;
        box-shadow: 0 0 10px rgba(255, 172, 86, 0.12);
      }

      .job-trial-state.clearable,
      .job-trial-state.cleared {
        border-color: rgba(118, 244, 151, 0.48);
        color: #9cffbd;
        box-shadow: 0 0 10px rgba(126, 243, 156, 0.12);
      }

      .job-trial-briefing {
        position: relative;
        z-index: 1;
        border: 1px solid rgba(122, 163, 255, 0.16);
        border-radius: 9px;
        background: rgba(14, 20, 42, 0.76);
        padding: 8px 10px;
        color: rgba(223, 236, 255, 0.9);
        font-size: 0.67rem;
        line-height: 1.45;
      }

      .job-trial-status {
        position: relative;
        z-index: 1;
        color: rgba(216, 231, 255, 0.84);
        font-size: 0.64rem;
        line-height: 1.45;
        font-family: "Orbitron", sans-serif;
        letter-spacing: 0.18px;
        text-transform: uppercase;
      }

      .job-trial-status.ready {
        color: #9eeaff;
      }

      .job-trial-status.cleared {
        color: #9cffbd;
      }

      .job-trial-list {
        display: grid;
        gap: 8px;
        position: relative;
        z-index: 1;
      }

      .job-trial-item {
        border: 1px solid rgba(123, 159, 255, 0.18);
        border-radius: 9px;
        background:
          linear-gradient(135deg, rgba(20, 26, 58, 0.8), rgba(13, 19, 37, 0.74));
        padding: 8px 10px;
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 8px;
        align-items: start;
      }

      .job-trial-item.done {
        border-color: rgba(122, 247, 107, 0.34);
        background:
          linear-gradient(135deg, rgba(20, 49, 24, 0.72), rgba(13, 30, 18, 0.64));
      }

      .job-trial-mark {
        width: 18px;
        height: 18px;
        border-radius: 6px;
        border: 1px solid rgba(123, 159, 255, 0.34);
        display: grid;
        place-items: center;
        color: rgba(209, 222, 255, 0.72);
        font-size: 0.62rem;
        margin-top: 2px;
      }

      .job-trial-item.done .job-trial-mark {
        border-color: rgba(122, 247, 107, 0.48);
        color: #9cffbd;
      }

      .job-trial-copy {
        display: grid;
        gap: 3px;
        min-width: 0;
      }

      .job-trial-name {
        color: #dfeaff;
        font-size: 0.72rem;
        line-height: 1.35;
      }

      .job-trial-meta {
        color: rgba(191, 210, 246, 0.72);
        font-family: "Orbitron", sans-serif;
        font-size: 0.56rem;
        letter-spacing: 0.25px;
        text-transform: uppercase;
      }

      .job-trial-actions {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
        position: relative;
        z-index: 1;
      }

      .job-trial-btn {
        border: 1px solid rgba(123, 159, 255, 0.45);
        border-radius: 9px;
        background: rgba(18, 28, 62, 0.8);
        color: #dce8ff;
        font-family: "Orbitron", sans-serif;
        font-size: 0.62rem;
        letter-spacing: 0.3px;
        padding: 7px 10px;
      }

      .job-trial-btn.primary {
        border-color: rgba(115, 190, 255, 0.8);
        background: linear-gradient(160deg, #4f78ff, #67bcff);
        color: #f7fbff;
        box-shadow: 0 0 16px rgba(105, 175, 255, 0.18);
      }

      .job-trial-btn:disabled {
        opacity: 0.45;
      }

      .emergency-quest-block {
        display: grid;
        gap: 8px;
        border: 1px solid rgba(255, 109, 124, 0.18);
        border-radius: 12px;
        padding: 24px 11px 11px;
        background:
          radial-gradient(circle at top right, rgba(255, 90, 117, 0.06), transparent 42%),
          linear-gradient(165deg, rgba(28, 18, 24, 0.58), rgba(14, 18, 32, 0.6));
        box-shadow:
          inset 0 0 10px rgba(255, 90, 117, 0.04),
          0 0 10px rgba(255, 90, 117, 0.04);
      }

      .emergency-quest-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
      }

      .emergency-quest-title {
        font-family: "Orbitron", sans-serif;
        font-size: 0.82rem;
        letter-spacing: 0.75px;
        text-transform: uppercase;
        color: #ff8da0;
      }

      .emergency-quest-reward {
        color: #ffb6c1;
        font-size: 0.72rem;
        letter-spacing: 0.32px;
      }

      .emergency-quest-source {
        color: rgba(255, 197, 208, 0.78);
        font-size: 0.62rem;
        font-family: "Orbitron", sans-serif;
        letter-spacing: 0.24px;
        text-transform: uppercase;
      }

      .emergency-quest-status {
        color: #ffd0d7;
        font-size: 0.76rem;
        line-height: 1.35;
      }

      .emergency-quest-status.active {
        color: #ff9bab;
        text-shadow: 0 0 10px rgba(255, 90, 117, 0.22);
      }

      .emergency-quest-status.cleared {
        color: var(--bonus);
        text-shadow: 0 0 10px rgba(77, 255, 118, 0.22);
      }

      .emergency-quest-list {
        display: grid;
        gap: 7px;
      }

      .emergency-quest-actions {
        display: flex;
        gap: 8px;
      }

      .emergency-quest-act {
        border: 1px solid rgba(255, 109, 124, 0.32);
        border-radius: 999px;
        background: rgba(62, 20, 34, 0.74);
        color: #ffd8df;
        font-family: "Orbitron", sans-serif;
        font-size: 0.62rem;
        letter-spacing: 0.28px;
        padding: 7px 11px;
        text-transform: uppercase;
      }

      .emergency-quest-act:disabled {
        opacity: 0.54;
      }

      .emergency-quest-item {
        display: grid;
        grid-template-columns: 20px 1fr auto;
        align-items: start;
        gap: 8px;
        border: 1px solid rgba(255, 109, 124, 0.26);
        border-radius: 10px;
        padding: 8px 9px;
        background: rgba(31, 12, 23, 0.58);
      }

      .emergency-quest-item.done {
        border-color: rgba(77, 255, 118, 0.34);
        background: rgba(13, 39, 25, 0.46);
      }

      .emergency-quest-mark {
        width: 20px;
        height: 20px;
        display: grid;
        place-items: center;
        border-radius: 50%;
        font-family: "Orbitron", sans-serif;
        font-size: 0.7rem;
        color: #ffb6c1;
        border: 1px solid rgba(255, 109, 124, 0.36);
        background: rgba(255, 90, 117, 0.12);
      }

      .emergency-quest-item.done .emergency-quest-mark {
        color: #0d3318;
        border-color: rgba(77, 255, 118, 0.4);
        background: rgba(77, 255, 118, 0.9);
      }

      .emergency-quest-name {
        font-size: 0.76rem;
        color: var(--text);
      }

      .emergency-quest-main {
        display: grid;
        gap: 3px;
      }

      .emergency-quest-rule {
        font-size: 0.62rem;
        letter-spacing: 0.24px;
        color: rgba(255, 197, 208, 0.78);
        font-family: "Orbitron", sans-serif;
        text-transform: uppercase;
      }

      .emergency-quest-meta {
        font-size: 0.7rem;
        color: #ffb6c1;
        letter-spacing: 0.25px;
      }

      .boss-quest-block {
        display: grid;
        gap: 8px;
        border: 1px solid rgba(255, 132, 92, 0.26);
        border-radius: 12px;
        padding: 24px 11px 11px;
        background:
          radial-gradient(circle at top right, rgba(255, 149, 109, 0.13), transparent 42%),
          linear-gradient(165deg, rgba(58, 24, 20, 0.74), rgba(24, 16, 24, 0.76));
        box-shadow:
          inset 0 0 12px rgba(255, 136, 102, 0.08),
          0 0 14px rgba(255, 112, 88, 0.08);
      }

      .boss-quest-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
      }

      .boss-quest-title {
        font-family: "Orbitron", sans-serif;
        font-size: 0.82rem;
        letter-spacing: 0.75px;
        text-transform: uppercase;
        color: #ffd27f;
      }

      .boss-quest-reward {
        color: #ffe1aa;
        font-size: 0.72rem;
        letter-spacing: 0.32px;
      }

      .boss-quest-status {
        color: #ffe6bc;
        font-size: 0.76rem;
        line-height: 1.35;
      }

      .boss-quest-status.active {
        color: #ffd27f;
        text-shadow: 0 0 10px rgba(255, 192, 83, 0.2);
      }

      .boss-quest-status.cleared {
        color: var(--bonus);
        text-shadow: 0 0 10px rgba(77, 255, 118, 0.22);
      }

      .boss-quest-list {
        display: grid;
        gap: 7px;
      }

      .boss-quest-actions {
        display: flex;
        gap: 8px;
      }

      .boss-quest-act {
        border: 1px solid rgba(255, 192, 83, 0.3);
        border-radius: 999px;
        background: rgba(52, 34, 12, 0.72);
        color: #ffe3b0;
        font-family: "Orbitron", sans-serif;
        font-size: 0.62rem;
        letter-spacing: 0.28px;
        padding: 7px 11px;
        text-transform: uppercase;
      }

      .boss-quest-act:disabled {
        opacity: 0.54;
      }

      .boss-quest-item {
        display: grid;
        grid-template-columns: 20px 1fr;
        align-items: start;
        gap: 8px;
        border: 1px solid rgba(255, 192, 83, 0.26);
        border-radius: 10px;
        padding: 8px 9px;
        background: rgba(45, 31, 12, 0.5);
      }

      .boss-quest-item.done {
        border-color: rgba(77, 255, 118, 0.34);
        background: rgba(13, 39, 25, 0.46);
      }

      .boss-quest-mark {
        width: 20px;
        height: 20px;
        display: grid;
        place-items: center;
        border-radius: 50%;
        font-family: "Orbitron", sans-serif;
        font-size: 0.7rem;
        color: #ffe1aa;
        border: 1px solid rgba(255, 192, 83, 0.34);
        background: rgba(255, 192, 83, 0.12);
      }

      .boss-quest-item.done .boss-quest-mark {
        color: #0d3318;
        border-color: rgba(77, 255, 118, 0.4);
        background: rgba(77, 255, 118, 0.9);
      }

      .boss-quest-name {
        font-size: 0.76rem;
        color: var(--text);
      }

      .boss-quest-main {
        display: grid;
        gap: 3px;
      }

      .boss-quest-rule {
        font-size: 0.62rem;
        letter-spacing: 0.24px;
        color: rgba(255, 226, 180, 0.78);
        font-family: "Orbitron", sans-serif;
        text-transform: uppercase;
      }

      .boss-quest-meta {
        font-size: 0.7rem;
        color: #ffe1aa;
        letter-spacing: 0.25px;
        grid-column: 2;
      }

      .raid-chain-block {
        display: grid;
        gap: 8px;
        border: 1px solid rgba(147, 132, 255, 0.16);
        border-radius: 12px;
        padding: 24px 11px 11px;
        background:
          radial-gradient(circle at top right, rgba(147, 132, 255, 0.06), transparent 42%),
          linear-gradient(165deg, rgba(24, 20, 40, 0.58), rgba(12, 18, 32, 0.6));
        box-shadow:
          inset 0 0 10px rgba(147, 132, 255, 0.04),
          0 0 10px rgba(147, 132, 255, 0.04);
      }

      .raid-chain-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
      }

      .raid-chain-title {
        font-family: "Orbitron", sans-serif;
        font-size: 0.82rem;
        letter-spacing: 0.75px;
        text-transform: uppercase;
        color: #c3bcff;
      }

      .raid-chain-reward {
        color: #d9d3ff;
        font-size: 0.72rem;
        letter-spacing: 0.32px;
      }

      .raid-chain-source {
        color: rgba(217, 211, 255, 0.78);
        font-size: 0.62rem;
        font-family: "Orbitron", sans-serif;
        letter-spacing: 0.24px;
        text-transform: uppercase;
      }

      .raid-chain-status {
        color: #ddd8ff;
        font-size: 0.76rem;
        line-height: 1.35;
      }

      .raid-chain-status.cleared {
        color: var(--bonus);
        text-shadow: 0 0 10px rgba(77, 255, 118, 0.22);
      }

      .raid-chain-list {
        display: grid;
        gap: 7px;
      }

      .raid-chain-actions {
        display: flex;
        gap: 8px;
      }

      .raid-chain-act {
        border: 1px solid rgba(147, 132, 255, 0.3);
        border-radius: 999px;
        background: rgba(38, 24, 72, 0.74);
        color: #e4dcff;
        font-family: "Orbitron", sans-serif;
        font-size: 0.62rem;
        letter-spacing: 0.28px;
        padding: 7px 11px;
        text-transform: uppercase;
      }

      .raid-chain-act:disabled {
        opacity: 0.54;
      }

      .raid-chain-item {
        display: grid;
        grid-template-columns: 20px 1fr auto;
        align-items: start;
        gap: 8px;
        border: 1px solid rgba(147, 132, 255, 0.24);
        border-radius: 10px;
        padding: 8px 9px;
        background: rgba(27, 19, 56, 0.48);
      }

      .raid-chain-item.active {
        border-color: rgba(147, 132, 255, 0.38);
        box-shadow:
          0 0 12px rgba(147, 132, 255, 0.12),
          inset 0 0 8px rgba(147, 132, 255, 0.05);
      }

      .raid-chain-item.done {
        border-color: rgba(122, 247, 107, 0.34);
        background: rgba(13, 39, 25, 0.46);
      }

      .raid-chain-mark {
        width: 20px;
        height: 20px;
        display: grid;
        place-items: center;
        border-radius: 50%;
        font-family: "Orbitron", sans-serif;
        font-size: 0.7rem;
        color: #d9d3ff;
        border: 1px solid rgba(147, 132, 255, 0.34);
        background: rgba(147, 132, 255, 0.12);
      }

      .raid-chain-item.done .raid-chain-mark {
        color: #0d3318;
        border-color: rgba(122, 247, 107, 0.4);
        background: rgba(77, 255, 118, 0.9);
      }

      .raid-chain-name {
        font-size: 0.76rem;
        color: var(--text);
      }

      .raid-chain-main {
        display: grid;
        gap: 3px;
      }

      .raid-chain-rule {
        font-size: 0.62rem;
        letter-spacing: 0.24px;
        color: rgba(217, 211, 255, 0.78);
        font-family: "Orbitron", sans-serif;
        text-transform: uppercase;
      }

      .raid-chain-meta {
        font-size: 0.7rem;
        color: #d9d3ff;
        letter-spacing: 0.25px;
      }

      .system-directive {
        border: 1px solid rgba(103, 205, 255, 0.16);
        border-radius: 12px;
        background:
          radial-gradient(circle at 84% 20%, rgba(103, 205, 255, 0.05), transparent 34%),
          linear-gradient(160deg, rgba(14, 28, 52, 0.56), rgba(10, 20, 40, 0.58));
        padding: 24px 10px 10px;
        display: grid;
        gap: 8px;
      }

      .system-directive.urgent {
        border-color: rgba(255, 176, 96, 0.22);
        background:
          radial-gradient(circle at 84% 20%, rgba(255, 176, 96, 0.06), transparent 34%),
          linear-gradient(160deg, rgba(34, 27, 19, 0.58), rgba(16, 18, 34, 0.6));
      }

      .system-directive.recovery {
        border-color: rgba(255, 109, 124, 0.22);
        background:
          radial-gradient(circle at 84% 20%, rgba(255, 90, 117, 0.06), transparent 34%),
          linear-gradient(160deg, rgba(38, 20, 28, 0.6), rgba(20, 17, 33, 0.62));
      }

      .system-directive.focus {
        border-color: rgba(122, 247, 107, 0.18);
        background:
          radial-gradient(circle at 84% 20%, rgba(122, 247, 107, 0.05), transparent 34%),
          linear-gradient(160deg, rgba(20, 34, 28, 0.56), rgba(10, 20, 40, 0.58));
      }

      .system-directive-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
      }

      .system-directive-title {
        font-family: "Orbitron", sans-serif;
        font-size: 0.76rem;
        letter-spacing: 0.55px;
        color: #aee6ff;
        text-transform: uppercase;
      }

      .system-directive-state {
        border: 1px solid rgba(103, 205, 255, 0.28);
        border-radius: 999px;
        padding: 4px 9px;
        font-family: "Orbitron", sans-serif;
        font-size: 0.58rem;
        letter-spacing: 0.3px;
        color: #dff5ff;
        background: rgba(11, 24, 47, 0.66);
      }

      .system-directive-state.urgent {
        border-color: rgba(255, 176, 96, 0.46);
        color: #ffd6a8;
      }

      .system-directive-state.recovery {
        border-color: rgba(255, 109, 124, 0.5);
        color: #ffbcc6;
      }

      .system-directive-state.focus {
        border-color: rgba(122, 247, 107, 0.42);
        color: #caffcd;
      }

      .system-directive-note {
        color: rgba(208, 228, 249, 0.82);
        font-size: 0.7rem;
        line-height: 1.35;
      }

      .system-directive-tags {
        display: flex;
        flex-wrap: wrap;
        gap: 7px;
      }

      .system-directive-tag {
        border: 1px solid rgba(103, 205, 255, 0.2);
        border-radius: 999px;
        padding: 5px 8px;
        color: #bfe4ff;
        font-size: 0.6rem;
        font-family: "Orbitron", sans-serif;
        letter-spacing: 0.22px;
        background: rgba(9, 22, 47, 0.66);
      }

      .logs-block {
        border: 1px solid rgba(103, 205, 255, 0.14);
        border-radius: 10px;
        background: linear-gradient(
          160deg,
          rgba(16, 36, 72, 0.52),
          rgba(10, 24, 52, 0.5)
        );
        box-shadow: inset 0 0 10px rgba(67, 217, 255, 0.04);
        padding: 22px 10px 8px;
        display: grid;
        grid-template-rows: auto 1fr;
        gap: 6px;
        min-height: 0;
        max-height: 170px;
      }

      .logs-list {
        min-height: 0;
        max-height: 120px;
        overflow-y: auto;
        display: grid;
        align-content: start;
        gap: 4px;
        padding-right: 2px;
        scrollbar-width: none;
      }

      .logs-list::-webkit-scrollbar {
        width: 0;
        height: 0;
      }

      .log-item {
        font-size: 0.66rem;
        letter-spacing: 0.2px;
        color: rgba(205, 229, 255, 0.86);
        border-left: 2px solid rgba(67, 217, 255, 0.35);
        padding-left: 6px;
        line-height: 1.2;
      }

      @media (max-width: 640px) {
        .home-layout {
          gap: 8px;
        }

        .home-heading {
          font-size: 0.74rem;
        }

        .home-top {
          gap: 8px;
          padding: 8px;
        }

        .hunter-row {
          grid-template-columns: 38px 1fr;
          gap: 6px;
        }

        .hunter-key {
          font-size: 0.68rem;
          letter-spacing: 0.45px;
        }

        .hunter-val {
          font-size: 0.78rem;
        }

        .row-name .hunter-val {
          font-size: 0.94rem;
        }

        .row-job .hunter-val,
        .row-title .hunter-val,
        .row-rank .hunter-val {
          font-size: 0.68rem;
        }

        .title-base {
          font-size: 0.68rem;
        }

        .title-behavior {
          font-size: 0.46rem;
        }

        .mini-resources {
          gap: 4px;
        }

        .xp-total {
          font-size: 0.5rem;
          letter-spacing: 0.22px;
        }

        .level-panel {
          min-width: 96px;
          gap: 5px;
        }

        .level-ring {
          width: 90px;
          height: 90px;
        }

        .ring-core {
          width: 72px;
          height: 72px;
        }

        .level-num {
          font-size: 1.5rem;
        }

        .level-label,
        .level-overcap,
        .streak-days {
          font-size: 0.54rem;
        }

        .daily-quest-block,
        .emergency-quest-block,
        .boss-quest-block,
        .raid-chain-block,
        .system-directive,
        .logs-block {
          padding: 8px;
          gap: 6px;
        }

        .daily-quest-title,
        .emergency-quest-title,
        .boss-quest-title,
        .raid-chain-title,
        .system-directive-title,
        .block-title {
          font-size: 0.72rem;
          letter-spacing: 0.5px;
        }

        .daily-quest-reward,
        .emergency-quest-reward,
        .boss-quest-reward,
        .raid-chain-reward {
          font-size: 0.62rem;
        }

        .daily-quest-status,
        .daily-quest-deadline,
        .emergency-quest-status,
        .boss-quest-status,
        .raid-chain-status,
        .system-directive-note {
          font-size: 0.68rem;
        }

        .daily-quest-item,
        .emergency-quest-item,
        .boss-quest-item,
        .raid-chain-item {
          padding: 7px 8px;
          gap: 6px;
        }

        .daily-quest-name,
        .emergency-quest-name,
        .boss-quest-name,
        .raid-chain-name {
          font-size: 0.68rem;
        }

        .daily-quest-meta,
        .emergency-quest-meta,
        .boss-quest-meta,
        .raid-chain-meta,
        .system-directive-tag,
        .log-item {
          font-size: 0.58rem;
        }

        .system-directive-state {
          padding: 3px 8px;
          font-size: 0.54rem;
        }

        .logs-block {
          max-height: 150px;
        }

        .logs-list {
          max-height: 104px;
        }
      }

      .system-toast {
        position: fixed;
        left: 50%;
        top: 20px;
        transform: translateX(-50%) translateY(-16px) scale(0.98);
        width: min(92vw, 420px);
        border: 1px solid rgba(103, 205, 255, 0.42);
        border-radius: 14px;
        background:
          radial-gradient(
            circle at 20% 20%,
            rgba(67, 217, 255, 0.16),
            transparent 38%
          ),
          linear-gradient(165deg, rgba(8, 18, 38, 0.96), rgba(5, 10, 24, 0.97));
        box-shadow:
          0 0 28px rgba(67, 217, 255, 0.22),
          inset 0 0 14px rgba(67, 217, 255, 0.08);
        padding: 12px 14px;
        opacity: 0;
        pointer-events: none;
        transition:
          opacity 180ms ease,
          transform 220ms ease;
        z-index: 40;
      }

      .system-toast.show {
        opacity: 1;
        transform: translateX(-50%) translateY(0) scale(1);
      }

      .system-toast-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        margin-bottom: 6px;
      }

      .system-toast-label {
        font-family: "Orbitron", sans-serif;
        font-size: 0.66rem;
        letter-spacing: 0.45px;
        color: #87dbff;
        text-transform: uppercase;
      }

      .system-toast-type {
        font-family: "Orbitron", sans-serif;
        font-size: 0.56rem;
        letter-spacing: 0.3px;
        color: rgba(183, 221, 255, 0.72);
      }

      .system-toast-body {
        color: #e8f5ff;
        font-size: 0.82rem;
        line-height: 1.35;
      }

      .system-toast.warning {
        border-color: rgba(255, 132, 102, 0.55);
        box-shadow:
          0 0 28px rgba(255, 132, 102, 0.2),
          inset 0 0 14px rgba(255, 132, 102, 0.08);
      }

      .system-toast.warning .system-toast-label {
        color: #ffb19f;
      }

      .system-toast.reward {
        border-color: rgba(122, 247, 107, 0.5);
        box-shadow:
          0 0 28px rgba(122, 247, 107, 0.18),
          inset 0 0 14px rgba(122, 247, 107, 0.08);
      }

      .system-toast.reward .system-toast-label {
        color: #aafab0;
      }

      .block-title {
        font-family: "Orbitron", sans-serif;
        font-size: 0.78rem;
        color: var(--accent);
        text-transform: uppercase;
        letter-spacing: 0.6px;
      }

      .line {
        display: flex;
        justify-content: space-between;
        font-size: 0.95rem;
        border-bottom: 1px solid rgba(103, 205, 255, 0.12);
        padding-bottom: 4px;
      }

      .line:last-child {
        border-bottom: 0;
        padding-bottom: 0;
      }

      .line span:first-child {
        color: var(--muted);
      }

      .points {
        display: grid;
        gap: 8px;
        align-content: start;
      }

      .stats-panel {
        position: relative;
      }

      .stats-head {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 10px;
      }

      .stats-head > div {
        min-width: 0;
        display: grid;
        gap: 2px;
      }

      .stats-kicker {
        color: rgba(152, 220, 255, 0.68);
        font-family: "Orbitron", sans-serif;
        font-size: 0.5rem;
        letter-spacing: 0.4px;
        text-transform: uppercase;
      }

      .stats-meta {
        color: rgba(189, 225, 255, 0.62);
        font-family: "Orbitron", sans-serif;
        font-size: 0.52rem;
        letter-spacing: 0.28px;
        text-transform: uppercase;
        white-space: nowrap;
      }

      .point {
        display: grid;
        grid-template-columns: auto 1fr auto;
        align-items: center;
        gap: 8px;
        border: 1px solid rgba(103, 205, 255, 0.2);
        border-radius: 8px;
        background:
          linear-gradient(90deg, rgba(103, 205, 255, 0.08), transparent 18%),
          rgba(8, 20, 44, 0.84);
        padding: 7px 9px;
        clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
      }

      .sigil {
        width: 22px;
        height: 22px;
        border-radius: 50%;
        border: 1px solid rgba(103, 205, 255, 0.35);
        display: grid;
        place-items: center;
        color: var(--accent);
        font-size: 0.78rem;
        background: rgba(67, 217, 255, 0.08);
      }

      .point-main {
        display: grid;
        gap: 1px;
        min-width: 0;
      }

      .point-key {
        color: #def2ff;
        font-family: "Orbitron", sans-serif;
        font-size: 0.6rem;
        letter-spacing: 0.34px;
        text-transform: uppercase;
      }

      .point-name {
        color: var(--muted);
        font-size: 0.68rem;
        letter-spacing: 0.32px;
        text-transform: uppercase;
      }

      .point-val {
        font-family: "Orbitron", sans-serif;
        font-size: 0.88rem;
        color: var(--text);
        display: flex;
        align-items: baseline;
        gap: 4px;
      }

      .point-str .sigil,
      .point-str .point-key {
        color: #ff9d7b;
      }

      .point-vit .sigil,
      .point-vit .point-key {
        color: #ffd882;
      }

      .point-agi .sigil,
      .point-agi .point-key {
        color: #7cf88d;
      }

      .point-int .sigil,
      .point-int .point-key {
        color: #c8a4ff;
      }

      .point-per .sigil,
      .point-per .point-key {
        color: #8de8ff;
      }

      .bonus {
        color: var(--bonus);
        font-size: 0.74rem;
        text-shadow: 0 0 8px rgba(77, 255, 118, 0.55);
      }

      .stats-form {
        display: grid;
        gap: 7px;
        align-content: start;
      }

      .field {
        display: grid;
        grid-template-columns: 40px 1fr;
        align-items: center;
        gap: 8px;
      }

      .field label {
        color: var(--muted);
        font-size: 0.86rem;
        letter-spacing: 0.5px;
        text-transform: uppercase;
      }

      .field input {
        width: 100%;
        border: 1px solid rgba(103, 205, 255, 0.24);
        border-radius: 8px;
        background: rgba(8, 20, 44, 0.85);
        color: var(--text);
        padding: 6px 8px;
        font-family: "Orbitron", sans-serif;
        font-size: 0.88rem;
        outline: none;
      }

      .field input[readonly] {
        cursor: default;
      }

      .radar-wrap {
        position: relative;
        height: 100%;
        min-height: 0;
        display: grid;
        place-items: center;
        border: 1px solid rgba(103, 205, 255, 0.12);
        border-radius: 10px;
        background:
          radial-gradient(circle at center, rgba(67, 217, 255, 0.08), transparent 58%),
          rgba(7, 18, 36, 0.52);
        clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));
        overflow: hidden;
      }

      .radar-wrap::before {
        content: "SYSTEM READOUT";
        position: absolute;
        top: 9px;
        right: 10px;
        color: rgba(167, 223, 255, 0.66);
        font-family: "Orbitron", sans-serif;
        font-size: 0.48rem;
        letter-spacing: 0.34px;
        text-transform: uppercase;
        pointer-events: none;
      }

      .radar {
        width: 100%;
        height: 100%;
        max-height: 230px;
      }

      .radar text {
        fill: var(--muted);
        font-size: 10px;
        font-family: "Orbitron", sans-serif;
        letter-spacing: 0.5px;
      }

      .radar .grid {
        fill: none;
        stroke: rgba(103, 205, 255, 0.2);
        stroke-width: 1;
      }

      .radar .axis {
        stroke: rgba(103, 205, 255, 0.25);
        stroke-width: 1;
      }

      .radar .area {
        fill: rgba(67, 217, 255, 0.26);
        stroke: var(--accent);
        stroke-width: 1.6;
      }

      .shadow-summon {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 84px;
        height: 128px;
        pointer-events: none;
        z-index: 0;
        opacity: 0.34;
        filter: drop-shadow(0 0 10px rgba(75, 0, 255, 0.45));
      }

      .shadow-summon.quest-bg {
        top: 52%;
        width: 132px;
        height: 194px;
        opacity: 0.14;
        filter: drop-shadow(0 0 6px rgba(75, 0, 255, 0.18));
      }

      .shadow-summon .aura {
        position: absolute;
        inset: -22px;
        border-radius: 50%;
        background: radial-gradient(
          circle,
          rgba(67, 217, 255, 0.08),
          rgba(90, 0, 255, 0.12),
          transparent 72%
        );
      }

      .shadow-summon .shadow-figure {
        position: absolute;
        inset: 0;
        background: linear-gradient(
          180deg,
          rgba(0, 0, 0, 0.82),
          rgba(18, 0, 42, 0.7)
        );
        clip-path: polygon(
          50% 0%,
          65% 8%,
          75% 20%,
          80% 35%,
          78% 60%,
          65% 80%,
          50% 100%,
          35% 80%,
          22% 60%,
          20% 35%,
          25% 20%,
          35% 8%
        );
        filter: blur(0.9px);
        opacity: 0.4;
      }

      .shadow-summon .particle {
        display: none;
      }

      @keyframes summonPulse {
        0%,
        100% {
          transform: scale(1);
          opacity: 0.18;
        }
        50% {
          transform: scale(1.08);
          opacity: 0.34;
        }
      }

      @keyframes summonFloat {
        0%,
        100% {
          transform: translate(-50%, -50%);
        }
        50% {
          transform: translate(-50%, -56%);
        }
      }

      @keyframes summonRise {
        from {
          transform: translateY(32px);
          opacity: 0;
        }
        to {
          transform: translateY(-108px);
          opacity: 1;
        }
      }