/* MissionTodo — 着せ替えテーマ（めちゃかわファンシー / ねこの日常） */

/* =========================================================
   めちゃかわファンシー
   ========================================================= */
[data-skin="fancy"] {
  --outside: #4a3342;
  --bg: #fcf0f5;
  --bg-stripe: rgba(240, 150, 190, 0);
  --top: #f9dfea;
  --ink: #6b3f55;
  --ink-soft: #a17089;
  --ink-faint: #cfa7ba;
  --brown: #f07aa8;
  --brown-deep: #d9588b;
  --line: #eda6c4;
  --line-soft: #f5c9db;
  --panel: #fff9fb;
  --panel-in: #ffffff;
  --field: #fff8fb;
  --card: #eee5f8;
  --card-edge: #d8c6ef;
  --card-line: #ffffff;
  --card-title: #6a4a86;
  --card-text: #8e76a6;
  --pt: #e0679a;
  --time: #8e76a6;
  --time-icon: #b48ad8;
  --banner-1: #ffffff;
  --banner-2: #ffffff;
  --banner-edge: #f5bcd3;
  --banner-ink: #e0679a;
  --accent: #ff9ec4;
  --good: #f07aa8;
  --danger: #d9486f;
  --on-dark: #ffffff;
  --ornament: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 48'%3E%3Cpath d='M18 34C8 27 4 22 4 16.5 4 12 7.5 9 11.2 9c3 0 5.3 1.7 6.8 4 1.5-2.3 3.8-4 6.8-4C28.5 9 32 12 32 16.5 32 22 28 27 18 34z' fill='%23ffb3cf' stroke='%23f07aa8' stroke-width='2'/%3E%3Cpath d='M11.5 15.5c.5-2 2-3 3.5-3' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M29 37l1 2.4 2.4 1-2.4 1-1 2.4-1-2.4-2.4-1 2.4-1z' fill='%23ffd66b'/%3E%3C/svg%3E");
}
[data-skin="fancy"] body { background: radial-gradient(#6d4a60 1.5px, transparent 1.6px) 0 0 / 18px 18px, var(--outside); }
[data-skin="fancy"] .frame { background: radial-gradient(#f8d2e2 1.6px, transparent 1.8px) 0 0 / 18px 18px, var(--bg); }
[data-skin="fancy"] .status { background: linear-gradient(#fde6ef, #fbd9e7); border-bottom: 2px dotted #f3b6cf; }
[data-skin="fancy"] .nameplate { background: #f3a9c8; clip-path: none; border-radius: 12px; }
[data-skin="fancy"] .nameplate span { background: #fff; color: #e0679a; clip-path: none; border-radius: 11px; box-shadow: none; }
[data-skin="fancy"] .lvl {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20 36C8 28 3 21 3 14 3 8.5 7.5 4 13 4c3 0 5.5 1.5 7 3.8C21.5 5.5 24 4 27 4c5.5 0 10 4.5 10 10 0 7-5 14-17 22z' fill='%23f590b8' stroke='%23fff' stroke-width='2.5'/%3E%3C/svg%3E") center / contain no-repeat;
  filter: drop-shadow(0 1px 1px rgba(200, 80, 130, 0.35));
}
[data-skin="fancy"] .lvl span { transform: translateY(-1px); }
[data-skin="fancy"] .expbar { background: #f6cfe0; }
[data-skin="fancy"] .st-row .box { border-radius: 9px; border-color: #f3b6cf; }
[data-skin="fancy"] .banner { background: transparent; border: 0; box-shadow: none; font-size: 15px; }
[data-skin="fancy"] .banner.sm { font-size: 12px; }
[data-skin="fancy"] .tabs { margin-bottom: 6px; gap: 10px; }
[data-skin="fancy"] .tab { height: 26px; border: 2px solid #f3b6cf; border-radius: 14px; box-shadow: 0 2px 0 #f7cfe0; background: #fff; color: #e0679a; }
[data-skin="fancy"] .tab.on { border-color: #f07aa8; background: #f07aa8; color: #fff; box-shadow: 0 2px 0 #d9588b; }
[data-skin="fancy"] .panel { border: 2px dashed #f3b6cf; border-radius: 16px; box-shadow: 0 0 0 4px #fff; }
[data-skin="fancy"] .sort-opt { padding: 1px 8px; border: 1.5px solid #f5c9db; border-radius: 10px; background: #fff; color: #c890ab; }
[data-skin="fancy"] .sort-opt.on { border-color: #f07aa8; background: #f07aa8; color: #fff; }
[data-skin="fancy"] .mcard, [data-skin="fancy"] .ecard, [data-skin="fancy"] .scard, [data-skin="fancy"] .mm-row {
  border: 2px solid #fff;
  border-radius: 12px;
  box-shadow: 0 0 0 1px var(--card-edge), 0 2px 0 var(--card-edge);
}
[data-skin="fancy"] .mswipe { border-radius: 12px; }
[data-skin="fancy"] .mpt .ic { color: #f3c64a; }
[data-skin="fancy"] .ifr { background: #fff; border: 2px solid #f5c9db; border-radius: 10px; box-shadow: none; }
[data-skin="fancy"] .ifr::before { display: none; }
[data-skin="fancy"] .btn-buy { clip-path: none; border: 0; border-radius: 12px; background: #f07aa8; box-shadow: 0 2px 0 #d9588b; color: #fff; }
[data-skin="fancy"] .btn-buy.ghost { background: #fff; color: #e0679a; box-shadow: inset 0 0 0 1.5px #f3b6cf; }
[data-skin="fancy"] .btn { border: 2px solid #f3b6cf; border-radius: 22px; box-shadow: 0 2px 0 #f5c9db; background: #fff; color: #e0679a; }
[data-skin="fancy"] .btn.primary { border-color: #f07aa8; background: #f07aa8; color: #fff; box-shadow: 0 2px 0 #d9588b; }
[data-skin="fancy"] .btn.danger { color: var(--danger); }
[data-skin="fancy"] .hex { clip-path: circle(50%); background: #f7c6db; }
[data-skin="fancy"] .hex span { background: radial-gradient(circle at 50% 35%, #ff9cc2, #f07aa8); }
[data-skin="fancy"] .modal { border: 2px solid #f3b6cf; border-radius: 18px; box-shadow: 0 0 0 4px #fff inset, 0 12px 36px rgba(120, 40, 80, 0.35); }
[data-skin="fancy"] .snackbar { background: #8a4a6b; }
[data-skin="fancy"] .toast { background: rgba(138, 74, 107, 0.95); }
[data-skin="fancy"] .d-info, [data-skin="fancy"] .set-card, [data-skin="fancy"] .theme-card { border: 2px dashed #f3b6cf; border-radius: 14px; box-shadow: none; }
[data-skin="fancy"] .profile-card { border: 2px solid #fff; border-radius: 18px; box-shadow: 0 0 0 2px var(--card-edge), inset 0 0 0 4px #fff; }
[data-skin="fancy"] .link-btn { color: #e0679a; }
[data-skin="fancy"] .field input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), [data-skin="fancy"] .field textarea, [data-skin="fancy"] .field select { border-radius: 10px; }
[data-skin="fancy"] .rm-reward { color: #d9588b; }
[data-skin="fancy"] .cal-cell .cp { color: #d9588b; }

[data-skin="fancy"] .fx-clear { background: rgba(92, 40, 72, 0.7); }
[data-skin="fancy"] .fx-stamp { border-color: #ff6aa9; border-radius: 18px; background: rgba(255, 255, 255, 0.12); color: #ff6aa9; box-shadow: 0 0 34px rgba(255, 106, 169, 0.5); }
[data-skin="fancy"] .fx-star { background: #ff8fbf; color: #fff; }
[data-skin="fancy"] .fx-reward b, [data-skin="fancy"] .fx-lv span { color: #ffb6d5; }
[data-skin="fancy"] .fx-line { background: linear-gradient(90deg, transparent, #ff8fbf, #fff, #ff8fbf, transparent); box-shadow: 0 0 10px #ff8fbf; }
[data-skin="fancy"] .fx-p { color: #ff9ec4; }
[data-skin="fancy"] .fx-p.c1 { color: #ffffff; }
[data-skin="fancy"] .fx-p.c2 { color: #ffd66b; }
[data-skin="fancy"] .fx-p.c3 { color: #d7b4ff; }
[data-skin="fancy"] .fx-levelup { background: radial-gradient(circle at 50% 42%, rgba(170, 70, 125, 0.9), rgba(45, 12, 32, 0.93) 70%); }
[data-skin="fancy"] .fx-rays { background: repeating-conic-gradient(rgba(255, 170, 210, 0.18) 0 8deg, transparent 8deg 22deg); }
[data-skin="fancy"] .fx-lu-text { background: linear-gradient(#fff, #ffc2dc 45%, #ff6aa9); -webkit-background-clip: text; background-clip: text; filter: drop-shadow(0 3px 0 #a3386a) drop-shadow(0 0 16px rgba(255, 150, 200, 0.6)); }
[data-skin="fancy"] .fx-exp i { background: linear-gradient(90deg, #ffc2dc, #ff6aa9); }

/* =========================================================
   ねこの日常
   ========================================================= */
[data-skin="cat"] {
  --outside: #3b2c22;
  --bg: #f4e8d3;
  --bg-stripe: rgba(150, 110, 70, 0.04);
  --top: #ead7b8;
  --ink: #5a3e2b;
  --ink-soft: #8d6c52;
  --ink-faint: #b89d84;
  --brown: #e0913f;
  --brown-deep: #8a5a33;
  --line: #a9754a;
  --line-soft: #d9bc98;
  --panel: #fbf3e4;
  --panel-in: #fffaf1;
  --field: #fffaf1;
  --card: #fbf4e4;
  --card-edge: #d8c09d;
  --card-line: #fffdf6;
  --card-title: #5a3e2b;
  --card-text: #8d6c52;
  --pt: #d9822b;
  --time: #8d6c52;
  --time-icon: #7aa35a;
  --banner-1: #e7cda7;
  --banner-2: #d2ad7d;
  --banner-edge: #9a6a3f;
  --banner-ink: #4f3524;
  --accent: #f0a04b;
  --good: #7aa35a;
  --danger: #c0533a;
  --on-dark: #fffaf0;
  --ornament: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 48'%3E%3Cg fill='%23a9754a'%3E%3Cellipse cx='18' cy='29' rx='8' ry='7'/%3E%3Cellipse cx='8' cy='20' rx='3.2' ry='4.2'/%3E%3Cellipse cx='14' cy='13' rx='3.2' ry='4.2'/%3E%3Cellipse cx='22' cy='13' rx='3.2' ry='4.2'/%3E%3Cellipse cx='28' cy='20' rx='3.2' ry='4.2'/%3E%3C/g%3E%3C/svg%3E");
  --cork: radial-gradient(circle at 30% 30%, rgba(90, 55, 25, 0.16) 0.8px, transparent 1.5px) 0 0 / 7px 7px, radial-gradient(circle at 70% 60%, rgba(255, 240, 210, 0.22) 0.8px, transparent 1.6px) 0 0 / 9px 9px, #c79d6c;
}
[data-skin="cat"] .frame { background: var(--bg); }
[data-skin="cat"] .status { background: linear-gradient(#efdfc4, #e6d0ad); border-bottom: 2px solid #d2b187; }
[data-skin="cat"] .nameplate { background: #a9754a; clip-path: none; border-radius: 6px; }
[data-skin="cat"] .nameplate span { background: #fffaf1; color: #5a3e2b; clip-path: none; border-radius: 5px; box-shadow: none; }
[data-skin="cat"] .lvl {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M7 15L6 3l9 6h10l9-6-1 12c2 3 3 6 3 9 0 8-7 13-16 13S4 32 4 24c0-3 1-6 3-9z' fill='%23e39445' stroke='%23fffaf0' stroke-width='2.5' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  filter: drop-shadow(0 1px 1px rgba(90, 55, 25, 0.4));
}
[data-skin="cat"] .lvl span { transform: translateY(3px); }
[data-skin="cat"] .expbar { background: #d9bc98; }
[data-skin="cat"] .banner { border-radius: 4px; }
[data-skin="cat"] .banner::before, [data-skin="cat"] .banner::after { top: -6px; width: 26px; height: 38px; }
[data-skin="cat"] .tabs { margin-bottom: 6px; gap: 8px; }
[data-skin="cat"] .tab { flex: 1; max-width: 130px; height: 30px; border: 2px solid #b98a5a; border-radius: 16px; box-shadow: 0 2px 0 #d2b187; background: #fbf3e2; color: #5a3e2b; }
[data-skin="cat"] .tab.on { border-color: #c47327; background: #e0913f; color: #fff; box-shadow: 0 2px 0 #a85f1f; }
[data-skin="cat"] .main.fixed .panel { background: var(--cork); border: 7px solid #9a6a3f; border-radius: 6px; box-shadow: inset 0 2px 8px rgba(40, 20, 5, 0.35), 0 2px 0 #7a5230; }
[data-skin="cat"] .main.fixed .panel .empty { color: #fffaf0; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45); }
[data-skin="cat"] .main.fixed .sortbar > b { color: #fffaf0; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); }
[data-skin="cat"] .sort-opt { padding: 2px 8px; border: 1.5px solid #b98a5a; border-radius: 4px; background: #fbf3e2; color: #8d6c52; box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); }
[data-skin="cat"] .sort-opt.on { border-color: #c47327; background: #e0913f; color: #fff; }
[data-skin="cat"] .main.fixed .icon-btn { background: #fbf3e2; border: 1.5px solid #b98a5a; }
[data-skin="cat"] .main.fixed .icon-btn.on { background: #e0913f; color: #fff; }
[data-skin="cat"] .mcard, [data-skin="cat"] .scard, [data-skin="cat"] .ecard, [data-skin="cat"] .mm-row {
  border: 1px solid var(--card-edge);
  border-radius: 4px;
  box-shadow: 1px 2px 0 rgba(70, 40, 15, 0.25);
}
[data-skin="cat"] .mcard { padding-top: 12px; }
[data-skin="cat"] .mcard::before {
  content: "";
  position: absolute;
  top: -5px;
  left: 50%;
  width: 18px;
  height: 16px;
  margin-left: -9px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 32'%3E%3Cg fill='%23e0913f' stroke='%23fffaf0' stroke-width='1.5'%3E%3Cellipse cx='18' cy='21' rx='8' ry='7'/%3E%3Cellipse cx='7' cy='12' rx='3.4' ry='4.4'/%3E%3Cellipse cx='14' cy='6' rx='3.4' ry='4.4'/%3E%3Cellipse cx='22' cy='6' rx='3.4' ry='4.4'/%3E%3Cellipse cx='29' cy='12' rx='3.4' ry='4.4'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
}
[data-skin="cat"] .mpt .ic { color: #d9a441; }
[data-skin="cat"] .ifr { background: #fffaf1; border: 2px solid #d9bc98; border-radius: 8px; box-shadow: none; }
[data-skin="cat"] .ifr::before { display: none; }
[data-skin="cat"] .btn-buy { clip-path: none; border: 1.5px solid #a85f1f; border-radius: 4px; background: #e0913f; box-shadow: 0 1px 0 #a85f1f; color: #fff; }
[data-skin="cat"] .btn-buy.ghost { background: #fffaf1; color: #8a5a33; }
[data-skin="cat"] .icon-btn.light { color: #8d6c52; }
[data-skin="cat"] .btn { border: 2px solid #b98a5a; border-radius: 12px; box-shadow: 0 2px 0 #d9bc98; background: #fffaf1; color: #5a3e2b; }
[data-skin="cat"] .btn.primary { border-color: #c47327; background: #e0913f; color: #fff; box-shadow: 0 2px 0 #a85f1f; }
[data-skin="cat"] .btn.danger { color: var(--danger); }
[data-skin="cat"] .hex { clip-path: inset(0 round 10px); background: #d9bc98; }
[data-skin="cat"] .hex span { background: radial-gradient(circle at 50% 35%, #c08658, #9a6a3f); }
[data-skin="cat"] .main.fixed { position: relative; }
[data-skin="cat"] .main.fixed::after {
  content: "";
  position: absolute;
  right: 16px;
  bottom: 2px;
  width: 44px;
  height: 44px;
  pointer-events: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M48 58c9 0 13-4 11-9' fill='none' stroke='%235a3e2b' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M48 58c9 0 13-4 11-9' fill='none' stroke='%23fffaf3' stroke-width='2.6' stroke-linecap='round'/%3E%3Cpath d='M14 60c-3-14 1-26 8-31l-3-14 10 7h8l10-7-3 14c7 5 11 17 8 31z' fill='%23fffaf3' stroke='%235a3e2b' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cellipse cx='26' cy='33' rx='1.8' ry='2.6' fill='%235a3e2b'/%3E%3Cellipse cx='39' cy='33' rx='1.8' ry='2.6' fill='%235a3e2b'/%3E%3Cpath d='M31 37.5h3l-1.5 2z' fill='%23e88a9a'/%3E%3Cpath d='M29 24l-1-3M36 24l1-3' stroke='%23e0a36a' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
}
[data-skin="cat"] .modal { border: 3px solid #a9754a; border-radius: 12px; box-shadow: inset 0 0 0 3px #fffaf1, inset 0 0 0 4px #d9bc98, 0 12px 36px rgba(40, 20, 5, 0.45); }
[data-skin="cat"] .snackbar { background: #6b4a33; }
[data-skin="cat"] .toast { background: rgba(107, 74, 51, 0.95); }
[data-skin="cat"] .d-info, [data-skin="cat"] .set-card, [data-skin="cat"] .theme-card { border-radius: 10px; }
[data-skin="cat"] .profile-card { border: 3px solid #a9754a; border-radius: 12px; background: var(--cork); color: #fffaf0; box-shadow: inset 0 2px 8px rgba(40, 20, 5, 0.3); }
[data-skin="cat"] .profile-card .pf-level small, [data-skin="cat"] .profile-card .pf-title { color: #fffaf0; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); }
[data-skin="cat"] .profile-card .pf-name { text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); }
[data-skin="cat"] .cal-cell { border-color: #ead7b8; }
[data-skin="cat"] .rm-reward { color: #b0621f; }

[data-skin="cat"] .fx-clear { background: rgba(50, 30, 15, 0.7); }
[data-skin="cat"] .fx-stamp { border-color: #f0a04b; border-radius: 12px; color: #f0a04b; box-shadow: 0 0 30px rgba(240, 160, 75, 0.35); }
[data-skin="cat"] .fx-star { background: #f0a04b; color: #fff; }
[data-skin="cat"] .fx-reward b { color: #ffd08a; }
[data-skin="cat"] .fx-lv span { color: #ffc27a; }
[data-skin="cat"] .fx-p { color: #ffd08a; }
[data-skin="cat"] .fx-p.c1 { color: #fffaf0; }
[data-skin="cat"] .fx-p.c2 { color: #f0a04b; }
[data-skin="cat"] .fx-p.c3 { color: #e8b8a0; }
[data-skin="cat"] .fx-levelup { background: radial-gradient(circle at 50% 42%, rgba(120, 75, 35, 0.9), rgba(30, 18, 8, 0.93) 70%); }