/* ============================================================================
 * pogo-agent · black-gold "tarot" theme (PROTECTED — regenerate
 * scripts/protected.sha256 after editing this file).
 * ========================================================================== */
:root{
  --bg:#0c0b10;
  --bg2:#100e16;
  --gold:#c79a4f;
  --gold-rgb:199,154,79;
  --gold-bright:#e8cb8c;
  --gold-line:#b08d4c;
  --gold-dim:#7a6334;
  --ink:#e8cb8c;
  --muted:#9d8a5e;
  --h1:#f3e3bd;
  --panel:rgba(16,14,22,.82);
  --panel2:rgba(23,20,31,.9);
  --line:rgba(199,154,79,.26);
  --line-soft:rgba(199,154,79,.14);
  --radius:12px;
  --cell-min:112px;
  --num-h:30px;
  --serif:Georgia,Cambria,"Times New Roman","Songti SC","STSong",SimSun,"Source Han Serif SC","Noto Serif CJK SC",serif;
  --sans:system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei","Hiragino Sans GB",sans-serif;
  --display:"SF Pro Rounded",system-ui,-apple-system,"Segoe UI","PingFang SC",sans-serif;
  --live:#86c98e;--live-rgb:134,201,142;
}

*{box-sizing:border-box;}
html,body{margin:0;}
body{
  min-height:100vh;
  color:var(--ink);
  font-family:var(--sans);
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  /* layers top→bottom: corner glows · readability veil · tarot 背景图 · solid fallback */
  background:
    radial-gradient(1100px 620px at 14% -10%, rgba(123,84,196,.16), transparent 60%),
    radial-gradient(1000px 600px at 100% 0%, rgba(var(--gold-rgb),.14), transparent 55%),
    linear-gradient(180deg, rgba(10,8,14,.55) 0%, rgba(10,8,14,.68) 55%, rgba(8,7,12,.8) 100%),
    url("background.png") center / cover no-repeat var(--bg);
  background-attachment:fixed;
}
/* faint star texture + warm centre glow, behind everything */
.bg-orn{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.55;
  background-image:
    radial-gradient(1px 1px at 22px 30px, rgba(232,203,140,.55), transparent),
    radial-gradient(1px 1px at 130px 80px, rgba(232,203,140,.40), transparent),
    radial-gradient(1px 1px at 80px 160px, rgba(232,203,140,.30), transparent),
    radial-gradient(1.4px 1.4px at 180px 40px, rgba(232,203,140,.35), transparent),
    radial-gradient(1px 1px at 250px 130px, rgba(232,203,140,.30), transparent);
  background-size:280px 220px;}
.bg-orn::after{content:'';position:fixed;left:50%;top:-4%;width:1100px;height:560px;
  transform:translateX(-50%);
  background:radial-gradient(closest-side, rgba(var(--gold-rgb),.10), transparent 72%);}

a{color:var(--gold-bright);}
.muted{color:var(--muted);font-size:.9rem;}

/* ---------- Masthead ---------- */
.masthead{position:relative;z-index:1;text-align:center;padding:30px 16px 10px;}
.orn{display:flex;align-items:center;justify-content:center;gap:12px;color:var(--gold);}
.orn::before,.orn::after{content:'';height:1px;width:84px;
  background:linear-gradient(90deg,transparent,var(--gold-line));}
.orn::after{background:linear-gradient(90deg,var(--gold-line),transparent);}
.orn .dia{font-size:11px;letter-spacing:.4em;}
.kicker{margin:9px 0 0;font-family:var(--sans);font-size:11px;font-weight:700;
  letter-spacing:.42em;text-transform:uppercase;color:var(--muted);}
.site-title{margin:6px 0 6px;font-family:var(--serif);font-weight:700;
  font-size:clamp(30px,5vw,46px);letter-spacing:.14em;color:var(--h1);line-height:1.05;
  text-shadow:0 0 32px rgba(var(--gold-rgb),.25);}
.meta{margin:0;font-size:11px;letter-spacing:.16em;color:var(--gold-dim);}
.meta .muted{color:var(--gold-dim);}
.lang-toggle{position:absolute;top:22px;right:max(16px,calc((100vw - 1240px)/2 + 18px));z-index:3;
  min-width:5.4rem;border:1px solid var(--gold-line);border-radius:999px;padding:.38rem .8rem;
  background:rgba(12,11,16,.76);color:var(--gold-bright);font:700 .78rem var(--sans);
  letter-spacing:.04em;cursor:pointer;backdrop-filter:blur(5px);}
.lang-toggle:hover,.lang-toggle:focus-visible{border-color:var(--gold);background:rgba(var(--gold-rgb),.15);outline:none;}

/* ---------- Nav tabs ---------- */
.tabs{position:relative;z-index:1;display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;
  padding:14px 1rem 4px;}
.tabs button{
  font-family:var(--serif);font-size:1.02rem;letter-spacing:.08em;font-weight:600;
  border:1px solid var(--gold-line);border-radius:999px;
  background:rgba(var(--gold-rgb),.05);color:var(--muted);
  padding:.46rem 1.15rem;cursor:pointer;white-space:nowrap;
  transition:background .18s, color .18s, border-color .18s, box-shadow .18s;
}
.tabs button .t-ico{opacity:.85;margin-right:.15em;}
.tabs button:hover{color:var(--gold-bright);border-color:var(--gold);}
.tabs button.active{background:rgba(var(--gold-rgb),.16);color:var(--h1);border-color:var(--gold);
  box-shadow:0 0 0 1px rgba(var(--gold-rgb),.18), 0 6px 18px rgba(0,0,0,.4);}

main{position:relative;z-index:1;max-width:1240px;margin:0 auto;padding:1.2rem 1.1rem 2rem;}
.view{display:none;}
.view.active{display:block;animation:fadeIn .35s ease;}
@keyframes fadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

h2{font-family:var(--serif);font-size:1.4rem;letter-spacing:.06em;margin:.2rem 0;color:var(--h1);}
h3{font-family:var(--serif);letter-spacing:.05em;margin:.4rem 0;color:var(--gold-bright);}
h4{font-family:var(--serif);letter-spacing:.05em;margin:.7rem 0 .3rem;color:var(--gold-bright);}

/* generic gold-framed panel */
.panel{position:relative;background:var(--panel);border:1px solid var(--gold-line);
  border-radius:var(--radius);box-shadow:0 12px 26px rgba(0,0,0,.4), inset 0 0 30px rgba(var(--gold-rgb),.03);}
.panel::before{content:'';position:absolute;inset:6px;border:1px solid rgba(var(--gold-rgb),.22);
  border-radius:8px;pointer-events:none;}
.panel-head{display:flex;align-items:center;gap:.5rem;}
.panel-head .dia{color:var(--gold);font-size:.7rem;}
.panel-head h3{margin:0;}

/* buttons */
.btn{font-family:var(--sans);border:1px solid var(--gold-line);border-radius:9px;
  background:rgba(var(--gold-rgb),.06);color:var(--gold-bright);padding:.34rem .7rem;
  cursor:pointer;font-size:1rem;line-height:1;transition:background .15s,border-color .15s;}
.btn:hover{background:rgba(var(--gold-rgb),.16);border-color:var(--gold);}
.btn-ghost{background:none;color:var(--muted);}
.btn-primary{background:rgba(var(--gold-rgb),.2);border-color:var(--gold);color:var(--h1);
  text-decoration:none;display:inline-block;padding:.5rem 1rem;font-weight:600;}
.btn-primary:hover{background:rgba(var(--gold-rgb),.3);}
.badge{font-family:var(--display);background:rgba(var(--gold-rgb),.16);color:var(--gold-bright);
  border:1px solid var(--gold-line);font-weight:700;padding:.16rem .7rem;border-radius:999px;font-size:.85rem;}

/* ---------- Calendar toolbar + legend ---------- */
.cal-toolbar{display:flex;align-items:center;gap:.6rem;margin-bottom:.7rem;}
.cal-toolbar h2{min-width:6.5em;text-align:center;font-family:var(--display);font-weight:700;letter-spacing:.02em;}
.cal-toolbar #cal-today{margin-left:.2rem;}

.cal-legend{display:flex;flex-wrap:wrap;gap:.45rem .9rem;align-items:center;
  background:var(--panel);border:1px solid var(--line);border-radius:10px;
  padding:.55rem .8rem;margin-bottom:.85rem;}
.cal-legend:empty{display:none;}
.lg{display:inline-flex;align-items:center;gap:.42rem;font-size:.76rem;font-weight:600;color:var(--ink);letter-spacing:.02em;}
.lg i{width:12px;height:12px;border-radius:3px;display:inline-block;box-shadow:0 0 6px rgba(0,0,0,.4);}
.lg i.round{border-radius:50%;}

/* ---------- Calendar grid ---------- */
.calendar{position:relative;background:var(--panel);border:1px solid var(--gold-line);
  border-radius:16px;overflow:hidden;box-shadow:0 26px 60px -28px rgba(0,0,0,.7), inset 0 0 40px rgba(var(--gold-rgb),.03);}
.cal-dow{display:grid;grid-template-columns:repeat(7,1fr);background:var(--panel2);
  border-bottom:1px solid var(--line);}
.cal-wd{padding:.6rem .7rem;font-size:.72rem;font-weight:800;letter-spacing:.14em;
  text-transform:uppercase;color:var(--gold-dim);text-align:left;}
.cal-wd.weekend{color:var(--gold);}

.cal-weeks{display:block;}
.cal-week{position:relative;display:grid;grid-template-columns:repeat(7,1fr);
  border-bottom:1px solid var(--line-soft);}
.cal-week:last-child{border-bottom:0;}

/* min-width:0 pins every column to an exact 1fr — without it a grid item's
   default min-width:auto (=min-content) lets a wide cell (long chip, raid-icon
   row) stretch its column and drift the day grid off the weekday header. */
.cal-day{position:relative;min-width:0;min-height:var(--cell-min);
  border-right:1px solid var(--line-soft);padding:5px 6px 7px;display:flex;flex-direction:column;}
.cal-day:nth-child(7){border-right:0;}
.cal-day.out{background:repeating-linear-gradient(135deg,rgba(255,255,255,.014) 0 8px,rgba(255,255,255,0) 8px 16px);}
.cal-day.weekend:not(.out){background:rgba(var(--gold-rgb),.045);}
.cal-day.today{box-shadow:inset 0 0 0 2px var(--gold), inset 0 0 24px rgba(var(--gold-rgb),.1);}

.cal-daynum{height:var(--num-h);display:flex;align-items:center;gap:6px;}
.cal-daynum .dn{font-family:var(--display);font-weight:700;font-size:1rem;color:var(--gold-bright);}
.cal-day.out .cal-daynum .dn{color:var(--gold-dim);font-weight:600;}
.cal-daynum .moy{font-family:var(--sans);font-size:.62rem;font-weight:700;color:var(--gold-dim);
  text-transform:uppercase;letter-spacing:.06em;}

/* weekly 5★/Mega rotation icons next to the day number (from rotations.json) */
.daynum-raids{display:flex;align-items:center;gap:3px;margin-left:auto;flex:none;}
/* One bounded phone trigger replaces the unbounded per-track row below 560px. */
.raid-day-trigger{display:none;position:relative;margin-left:auto;width:25px;height:25px;padding:0;border:0;
  border-radius:7px;cursor:pointer;background:rgba(var(--gold-rgb),.1);color:var(--gold-bright);
  box-shadow:0 0 0 1.5px var(--gold-line);flex:none;align-items:center;justify-content:center;}
.raid-day-trigger img{width:22px;height:22px;object-fit:contain;image-rendering:pixelated;}
.raid-day-trigger b{position:absolute;right:-4px;bottom:-4px;min-width:13px;height:13px;padding:0 2px;
  border-radius:999px;background:var(--gold);color:#17130b;font:800 .5rem/13px var(--display);
  box-shadow:0 1px 4px rgba(0,0,0,.65);}
.raid-ico{position:relative;width:22px;height:22px;border:0;padding:0;cursor:pointer;flex:none;
  display:flex;align-items:center;justify-content:center;border-radius:6px;
  background:rgba(var(--gold-rgb),.08);box-shadow:0 0 0 1.5px var(--ring,var(--gold-line));
  transition:transform .14s ease, box-shadow .15s;}
.raid-ico img{width:20px;height:20px;object-fit:contain;image-rendering:pixelated;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.5));}
.raid-ico:hover{transform:scale(1.7);z-index:6;
  box-shadow:0 0 0 2px var(--ring,var(--gold-line)),0 3px 12px -2px rgba(0,0,0,.7),0 0 14px -2px var(--ring,var(--gold-line));}
.raid-ico.s5{--ring:#d8b25f;}
.raid-ico.mega{--ring:#9c7bb0;}
.raid-ico.max{--ring:#bd7f97;}
/* .gen = an unknown future tier; data-supplied --ring colours it, else gold-line */
/* corner tier badge — hover only (≤2 chars, agent-set via track.tag) */
.raid-ico .tg{position:absolute;bottom:-3px;left:-3px;font-size:.5rem;font-weight:800;line-height:1;
  padding:0 2px;border-radius:4px;background:var(--ring,var(--gold-line));color:#1a1206;
  box-shadow:0 0 4px rgba(0,0,0,.5);opacity:0;transition:opacity .12s;}
.raid-ico:hover .tg{opacity:1;}
/* multi-boss slideshow: stacked sprites take turns (negative delays = no startup overlap) */
.raid-ico.slide img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.raid-ico.slide.n2 img{animation:raidcyc2 4s step-end infinite;}
.raid-ico.slide.n2 img:nth-child(2){animation-delay:-2s;}
.raid-ico.slide.n3 img{animation:raidcyc3 6s step-end infinite;}
.raid-ico.slide.n3 img:nth-child(2){animation-delay:-4s;}
.raid-ico.slide.n3 img:nth-child(3){animation-delay:-2s;}
@keyframes raidcyc2{0%,50%{opacity:1}50.001%,100%{opacity:0}}
@keyframes raidcyc3{0%,33.333%{opacity:1}33.334%,100%{opacity:0}}
/* legend rings for the day icons */
.lg .ring{width:13px;height:13px;border-radius:5px;display:inline-block;
  background:rgba(var(--gold-rgb),.12);box-shadow:0 0 0 2px var(--ring,var(--gold-line));}
.lg .ring.s5{--ring:#d8b25f;}
.lg .ring.mega{--ring:#9c7bb0;}
.lg .ring.max{--ring:#bd7f97;}

/* reserves vertical room for the absolutely-positioned spanning bars */
.cal-barspace{height:var(--bars-h,0px);flex:none;}

.cal-chips{margin-top:4px;display:flex;flex-direction:column;gap:3px;}
.cal-chip{display:flex;align-items:center;gap:5px;width:100%;text-align:left;cursor:pointer;
  border:1px solid color-mix(in srgb, var(--c) 45%, transparent);
  background:color-mix(in srgb, var(--c) 16%, transparent);
  color:var(--ink);border-radius:6px;padding:2px 6px;font-size:.66rem;line-height:1.3;overflow:hidden;}
.cal-chip:hover{background:color-mix(in srgb, var(--c) 28%, transparent);border-color:var(--c);}
.cal-chip .dot{width:7px;height:7px;border-radius:50%;background:var(--c);flex:none;box-shadow:0 0 6px var(--c);}
.cal-chip .spr{width:16px;height:16px;object-fit:contain;flex:none;image-rendering:pixelated;}
.cal-chip .cn{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--gold-bright);}
.cal-more{font-size:.62rem;color:var(--muted);padding-left:3px;font-weight:600;}

/* spanning bars */
.cal-barlayer{position:absolute;inset:0;pointer-events:none;}
.cal-bar{position:absolute;height:18px;display:flex;align-items:center;gap:5px;
  padding:0 7px;font-size:.7rem;font-weight:700;letter-spacing:.01em;white-space:nowrap;
  overflow:hidden;border:0;border-radius:2px;cursor:pointer;pointer-events:auto;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.16), 0 2px 7px rgba(0,0,0,.34);}
.cal-bar .spr{width:15px;height:15px;object-fit:contain;flex:none;image-rendering:pixelated;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.5));}
.cal-bar .bn{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cal-bar.l{border-top-left-radius:7px;border-bottom-left-radius:7px;}
.cal-bar.r{border-top-right-radius:7px;border-bottom-right-radius:7px;}
.cal-bar:not(.l)::before{content:'‹';opacity:.7;margin-right:1px;}
.cal-bar:not(.r)::after{content:'›';opacity:.7;margin-left:auto;padding-left:3px;}
.cal-bar.bg{height:18px;opacity:.62;font-weight:600;font-style:italic;box-shadow:none;
  border:1px dashed rgba(255,255,255,.25);}
.cal-bar:hover{filter:brightness(1.12);box-shadow:0 3px 12px rgba(0,0,0,.5);z-index:3;}

/* featured (admin-pinned via featured.json) — gold border */
.cal-bar.ft{box-shadow:inset 0 0 0 1px var(--gold-bright), 0 0 10px rgba(var(--gold-rgb),.55), 0 2px 7px rgba(0,0,0,.34);}
.cal-chip.ft{border-color:var(--gold-bright);box-shadow:0 0 8px rgba(var(--gold-rgb),.4);}
/* shiny-boost (highlight:true) — ✨ only */
.hl-star{flex:none;font-size:.78em;line-height:1;filter:drop-shadow(0 0 3px rgba(var(--gold-rgb),.85));}

/* two-tier weight: regular bars are "quiet" (tint + left strip, like chips);
   only featured/highlight/band bars keep a solid fill. */
.cal-bar.q{background:color-mix(in srgb, var(--c) 15%, transparent);color:var(--gold-bright);
  border-left:3px solid var(--c);box-shadow:none;font-weight:600;}
.cal-bar.q:hover{background:color-mix(in srgb, var(--c) 26%, transparent);}
/* continuation segments (later week-rows of a multi-week bar): fade the repeated name */
.cal-bar.cont .bn{opacity:.5;font-weight:600;}

/* notes panel */
.cal-notes{padding:.85rem 1.05rem;margin-top:1rem;}
.cal-notes :is(p,li){color:var(--ink);}

/* ---------- Long-running events band (pulled out of the day grid) ---------- */
.lt-band{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;
  background:var(--panel);border:1px solid var(--line);border-radius:10px;
  padding:.55rem .7rem;margin-top:.85rem;}
.lt-band[hidden]{display:none;}        /* flex would otherwise override [hidden] */
.lt-title{font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  color:var(--gold-dim);margin-right:.2rem;}
.lt-pill{display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;text-align:left;
  border:1px solid color-mix(in srgb, var(--c) 45%, transparent);
  background:color-mix(in srgb, var(--c) 15%, transparent);
  color:var(--gold-bright);border-radius:8px;padding:.26rem .6rem;font-size:.74rem;
  transition:background .15s,border-color .15s;}
.lt-pill:hover{background:color-mix(in srgb, var(--c) 26%, transparent);border-color:var(--c);}
.lt-pill .spr{width:18px;height:18px;object-fit:contain;flex:none;image-rendering:pixelated;}
.lt-name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:14em;}
.lt-range{color:var(--muted);font-size:.66rem;white-space:nowrap;}

/* ---------- Weekly rotation tracks (5★ / Mega / Max) ---------- */
.rot-wrap{padding:.85rem 1.05rem;margin-top:1rem;}
.rot-wrap #rot-note{margin:.1rem 0 .6rem;}
/* 三栏并列:5★ / 超级 / 极巨 三条轨道并排成列 */
.rot-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;align-items:start;}
.rot-col{min-width:0;background:var(--panel2);border:1px solid var(--gold-line);border-radius:12px;
  padding:.6rem .65rem;display:flex;flex-direction:column;gap:.4rem;}
.rot-col-head{display:flex;align-items:center;gap:.45rem;padding-bottom:.35rem;
  border-bottom:1px solid var(--line-soft);
  font-family:var(--serif);font-weight:700;letter-spacing:.04em;color:var(--gold-bright);font-size:1rem;}
.rot-dot{width:10px;height:10px;border-radius:50%;background:var(--c,var(--gold));
  box-shadow:0 0 7px var(--c,var(--gold));flex:none;}
.rot-seg{position:relative;display:flex;align-items:center;gap:.5rem;min-width:0;min-height:48px;padding:.4rem .5rem;border-radius:9px;
  border:1px solid var(--line);border-left:3px solid var(--c,var(--gold-line));background:rgba(var(--gold-rgb),.04);}
.rot-spr{display:flex;flex-wrap:wrap;align-items:center;gap:.18rem;flex:none;max-width:140px;}
.rot-seg .spr{width:34px;height:34px;object-fit:contain;flex:none;image-rendering:pixelated;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.5));}
.rot-seg.multi .spr{width:24px;height:24px;}   /* ≥5 只缩小,最多两行高 */
/* 溢出徽标 +N:超出 CAP 的数量折叠成一颗轨道色徽标,完整名单在 .rot-name 的 title 里 */
.rot-more{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;
  padding:0 .32rem;border-radius:999px;font-family:var(--display);font-weight:800;font-size:.62rem;
  line-height:1;color:#10100a;background:var(--c,var(--gold));}
.rot-txt{min-width:0;display:flex;flex-direction:column;gap:.04rem;}
.rot-name{min-width:0;color:var(--ink);font-weight:600;font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.rot-range{color:var(--muted);font-size:.72rem;white-space:nowrap;}
/* 高亮进行中 */
.rot-seg.now{border-color:var(--c,var(--gold));
  box-shadow:0 0 0 1px var(--c,var(--gold)),0 5px 14px rgba(0,0,0,.3);
  background:color-mix(in srgb, var(--c,var(--gold)) 13%, var(--panel2));}
.rot-seg.now .rot-name{padding-right:3.4rem;}
.rot-now{position:absolute;top:.32rem;right:.42rem;font-family:var(--display);font-size:.52rem;
  letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:#10100a;
  background:var(--c,var(--gold-bright));padding:.08rem .42rem;border-radius:999px;white-space:nowrap;}
@media (max-width:760px){ .rot-board{grid-template-columns:1fr;} }

/* ---------- Event detail drawer ---------- */
.drawer{position:fixed;top:0;right:0;height:100%;width:min(430px,93vw);z-index:60;
  background:linear-gradient(180deg, rgba(18,16,24,.98), rgba(11,10,15,.99));
  border-left:1px solid var(--gold-line);box-shadow:-16px 0 50px rgba(0,0,0,.6);
  padding:1.3rem;overflow-y:auto;animation:slideIn .26s ease;}
@keyframes slideIn{from{transform:translateX(20px);opacity:.4}to{transform:none;opacity:1}}
.drawer-close{position:absolute;top:.6rem;right:.8rem;border:0;background:transparent;
  font-size:1.7rem;line-height:1;cursor:pointer;color:var(--muted);}
.drawer-close:hover{color:var(--gold-bright);}
.detail-cat{display:inline-block;font-size:.66rem;font-weight:800;letter-spacing:.08em;
  text-transform:uppercase;color:var(--c,#fff);border:1px solid var(--c,#fff);
  background:color-mix(in srgb, var(--c) 16%, transparent);padding:2px 9px;border-radius:999px;margin-bottom:.5rem;}
.detail-img{width:100%;border-radius:10px;margin-bottom:.6rem;border:1px solid var(--line);}
.detail-summary{margin:.5rem 0;color:var(--ink);line-height:1.55;}
#detail-body h3{font-size:1.3rem;margin:.2rem 0;color:var(--h1);}
#detail-body ul{margin:.3rem 0;padding-left:1.1rem;}
.mon-row{display:flex;flex-wrap:wrap;gap:.6rem;margin:.5rem 0;}
.mon{margin:0;text-align:center;font-size:.72rem;position:relative;color:var(--ink);}
.mon-icon{width:58px;height:58px;object-fit:contain;background:rgba(var(--gold-rgb),.07);
  border:1px solid var(--line);border-radius:10px;image-rendering:pixelated;}
.shiny{position:absolute;top:-4px;right:-2px;}
.detail-links{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.7rem;}
.detail-links .btn{text-decoration:none;}

/* inline resource icons (assets/icons/<name> via :name: tokens) — size LOCKED */
.ico{width:1.05em;height:1.05em;object-fit:contain;vertical-align:-.16em;margin-right:.1em;}
.ico-lg{width:24px;height:24px;object-fit:contain;vertical-align:middle;flex:none;}

/* collapsible detail sections (counters / paid options / …) */
#detail-body details{margin:.5rem 0;border:1px solid var(--line);border-radius:8px;background:rgba(var(--gold-rgb),.04);}
#detail-body summary{cursor:pointer;padding:.45rem .7rem;font-family:var(--serif);font-weight:600;color:var(--gold-bright);list-style:none;}
#detail-body summary::-webkit-details-marker{display:none;}
#detail-body summary::after{content:'▸';float:right;opacity:.65;}
#detail-body details[open] summary::after{content:'▾';}
#detail-body details[open] summary{border-bottom:1px solid var(--line);}
#detail-body .det-body{padding:.45rem .7rem;}
#detail-body .det-body ul{margin:.2rem 0;padding-left:1.1rem;}
/* Phone raid-day chooser: every track remains reachable as a readable 44px row. */
.raid-day-options{display:flex;flex-direction:column;gap:.55rem;margin-top:.75rem;}
.raid-day-option{min-height:52px;width:100%;display:flex;align-items:center;gap:.65rem;text-align:left;
  padding:.45rem .65rem;border:1px solid var(--ring,var(--gold-line));border-radius:10px;
  background:rgba(var(--gold-rgb),.06);color:var(--ink);cursor:pointer;}
.raid-day-option:hover,.raid-day-option:focus-visible{background:rgba(var(--gold-rgb),.15);outline:none;
  box-shadow:0 0 0 2px rgba(var(--gold-rgb),.2);}
.raid-day-tier{min-width:2.2rem;text-align:center;padding:.18rem .3rem;border-radius:6px;
  background:var(--ring,var(--gold));color:#17130b;font:800 .72rem var(--display);}
.raid-day-sprites{display:flex;align-items:center;min-width:38px;}
.raid-day-sprites img{width:34px;height:34px;object-fit:contain;image-rendering:pixelated;margin-left:-8px;}
.raid-day-sprites img:first-child{margin-left:0;}
.raid-day-copy{min-width:0;display:flex;flex-direction:column;gap:.08rem;}
.raid-day-copy strong{color:var(--h1);font-family:var(--serif);}
.raid-day-copy small{color:var(--muted);white-space:normal;}
.ctr-row{display:flex;align-items:center;gap:.5rem;padding:.28rem 0;}
.ctr-row .spr{width:32px;height:32px;object-fit:contain;image-rendering:pixelated;flex:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5));}
.ctr-row strong{color:var(--h1);}
.ctr-moves{color:var(--muted);font-size:.8rem;}
/* 精灵图网格(无名字):section 带 mons[] 时用,如「当日阵容」 */
.spr-grid{display:flex;flex-wrap:wrap;gap:.4rem;padding:.15rem 0;}
.spr-cell{position:relative;display:inline-flex;}
.spr-grid .spr{width:42px;height:42px;object-fit:contain;image-rendering:pixelated;flex:none;
  background:var(--panel2);border:1px solid var(--line);border-radius:9px;padding:.18rem;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.5));}
.spr-grid .spr-link:hover .spr{border-color:var(--gold-line);}

/* ---------- Rankings ---------- */
.subtabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.1rem;}
.subtabs button{font-family:var(--serif);font-size:.98rem;letter-spacing:.05em;font-weight:600;
  border:1px solid var(--gold-line);background:rgba(var(--gold-rgb),.05);color:var(--muted);
  border-radius:999px;padding:.36rem .9rem;cursor:pointer;transition:background .15s,color .15s,border-color .15s;}
.subtabs button:hover{color:var(--gold-bright);border-color:var(--gold);}
.subtabs button.active{background:rgba(var(--gold-rgb),.18);color:var(--h1);border-color:var(--gold);
  box-shadow:0 0 0 1px rgba(var(--gold-rgb),.18);}
.rank-panel{display:none;}
.rank-panel.active{display:block;animation:fadeIn .3s ease;}

/* classes the daily agent uses when writing ranking HTML */
.rank-list{display:flex;flex-direction:column;gap:.55rem;}
.rank-item{display:flex;align-items:center;gap:.75rem;position:relative;
  background:var(--panel);border:1px solid var(--gold-line);border-radius:11px;
  padding:.55rem .8rem;box-shadow:0 8px 20px rgba(0,0,0,.32);}
.rank-item::before{content:'';position:absolute;inset:5px;border:1px solid rgba(var(--gold-rgb),.16);
  border-radius:7px;pointer-events:none;}
.rank-item .mon-icon{width:50px;height:50px;background:rgba(var(--gold-rgb),.07);}
.rank-item strong{color:var(--h1);font-family:var(--serif);font-size:1.08rem;letter-spacing:.03em;}
.rank-item .meta{color:var(--muted);font-size:.85rem;}
.tier{font-family:var(--display);font-weight:800;min-width:1.7em;text-align:center;
  border-radius:7px;padding:.12rem .4rem;color:#1a1206;box-shadow:0 0 10px rgba(0,0,0,.35);}
.tier-S{background:linear-gradient(135deg,#e8cb8c,#c79a4f);color:#1d1402;}
.tier-A{background:linear-gradient(135deg,#cf9a63,#b07a47);color:#1d1402;}
.tier-B{background:linear-gradient(135deg,#8b9bbd,#6f86ba);color:#15130b;}
.tier-C{background:linear-gradient(135deg,#a39a86,#857c69);color:#15130b;}

/* ===== 当前团战 Counter(rankings-raid)· 卡片墙 D2 ===== */
/* 外层墙:一行 3 张卡 */
.raid-wall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;align-items:start;margin-top:.4rem;}

/* 单卡 */
.raid-block{margin:0;display:flex;flex-direction:column;gap:.3rem;
  background:var(--panel);border:1px solid var(--gold-line);border-radius:14px;
  padding:.5rem .65rem .45rem;box-shadow:0 10px 24px rgba(0,0,0,.3);}

/* boss 头:左 = 图标 + 身份;右 = Mega 4 列网格 */
.raid-boss{display:flex;align-items:flex-start;gap:.55rem;margin:0;padding:0 0 .4rem;
  background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;flex-wrap:nowrap;}
.raid-boss .boss-icon{width:50px;height:50px;flex:none;object-fit:contain;image-rendering:pixelated;
  background:rgba(var(--gold-rgb),.08);border:1px solid var(--line);border-radius:10px;
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.5));}
.raid-boss .binfo{min-width:0;display:flex;flex-direction:column;gap:.14rem;}
.raid-boss .btop{display:flex;align-items:center;gap:.4rem;}
.raid-boss strong{color:var(--h1);font-family:var(--serif);font-size:1.04rem;letter-spacing:.03em;}
.raid-boss .badge{font-size:.7rem;padding:.08rem .5rem;vertical-align:0;margin:0;}
.raid-boss .meta{color:var(--muted);font-size:.8rem;margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:.05rem;}

/* 头右 Mega:4 列网格,6–8 个 → 最多 2 行(8 个正好 4×2) */
.raid-mega{margin-left:auto;flex:none;display:grid;grid-template-columns:repeat(4,28px);gap:.24rem;
  align-content:start;padding:0;border:0;background:none;}
.raid-mega .lbl{display:none;}                 /* 头右不放文字标,省宽 */
.raid-mega img{width:28px;height:28px;object-fit:contain;image-rendering:pixelated;flex:none;
  background:rgba(var(--gold-rgb),.08);border:1px solid var(--line);border-radius:6px;
  transition:transform .12s,border-color .12s;}
.raid-mega img:hover{transform:scale(1.22);border-color:var(--gold);position:relative;z-index:2;}

/* counter:去边框,细线分隔表格行,招式右对齐 */
.rank-list.mini{display:flex;flex-direction:column;gap:0;}
.rank-list.mini .rank-item{display:flex;align-items:center;gap:.5rem;min-width:0;
  background:none;border:0;border-bottom:1px solid var(--line-soft);border-radius:0;
  padding:.28rem .05rem;box-shadow:none;}
.rank-list.mini .rank-item::before{display:none;}
.rank-list.mini .rank-item:last-child{border-bottom:0;}
.rank-list.mini .rank-item .mon-icon{width:32px;height:32px;flex:none;
  background:none;border:0;border-radius:6px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5));}
.rank-list.mini .rank-item strong{color:var(--h1);font-family:var(--serif);font-size:.92rem;letter-spacing:.02em;flex:none;}
.rank-list.mini .rank-item .meta{margin-left:auto;color:var(--muted);font-size:.74rem;white-space:nowrap;
  display:flex;align-items:center;gap:.1rem;}
/* 属性图标尺寸(boss 弱点行 + counter 招式行沿用) */
.raid-boss .meta .ico,.rank-item .meta .ico{width:1.2em;height:1.2em;vertical-align:-.24em;margin:0 .05em;}

/* 可点击精灵 → Hub DB(沿用) */
.spr-link{display:inline-flex;flex:none;line-height:0;text-decoration:none;border:0;border-radius:inherit;cursor:pointer;}
.spr-link:hover{filter:brightness(1.12);}

@media (max-width:900px){ .raid-wall{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width:560px){ .raid-wall{grid-template-columns:1fr;} }

/* ---------- Free-form synthesis utilities (本月看点 / 本期推荐) ----------
   Whitelisted building blocks the daily agent may use inside the
   calendar-notes and rankings-current AI regions. Theme-correct, inert. */
.pill{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;
  padding:.26rem .7rem;border-radius:9px;background:var(--panel2);border:1px solid var(--gold-line);color:var(--gold-bright);}
.pill .spr,.pill img{width:18px;height:18px;object-fit:contain;flex:none;image-rendering:pixelated;}
.pillrow{display:flex;flex-wrap:wrap;gap:.45rem;margin:.4rem 0;}
.note-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem;margin:.4rem 0;}
/* Keep the 三栏面板 (本期推荐 / 本月看点) tidy. Plain flex column so a panel with ANY
   number of children stacks cleanly and never overlaps. (Replaces an earlier subgrid
   attempt that capped each panel at 2 row tracks: it worked for the 2-child columns but
   collapsed the 5-child "GO Fest 超级超梦 X/Y" panel into a pile of overlapping text.)
   Scoped to .note-grid > .panel so other .panel uses (cal-notes, raid cards…) are untouched. */
.note-grid > .panel{display:flex;flex-direction:column;gap:.5rem;padding:.9rem 1rem 1rem;}
.note-grid > .panel > *{margin-block:0;}
/* Reserve a uniform head band so single- and two-line titles still line their first body
   line up across the three columns; zero the h4's own margin so it sits flush at the top. */
.note-grid > .panel > .panel-head{min-height:3.4em;align-items:flex-start;}
.note-grid > .panel > .panel-head h4{margin:0;}
/* pillrow inside these panels: vertically center the lead sprite with the pills/label and
   shrink it from the default 58px so the row stays compact. */
.note-grid .pillrow{align-items:center;}
.note-grid .pillrow .mon-icon{width:36px;height:36px;border-radius:8px;}
.callout{background:rgba(var(--gold-rgb),.07);border-left:3px solid var(--gold-line);
  border-radius:8px;padding:.6rem .85rem;margin:.5rem 0;color:var(--ink);}
.callout strong{color:var(--h1);}
/* 可点击的活动名(本月看点等):data-event-id 由 app.js 接管,点开对应活动 popup。
   下划线 + 指针,区别于普通正文;主题金色,hover 提亮。 */
.event-link{color:var(--gold-bright);cursor:pointer;font-weight:600;
  text-decoration:underline;text-decoration-color:var(--gold-line);
  text-underline-offset:2px;text-decoration-thickness:1px;}
.event-link:hover{color:var(--h1);text-decoration-color:var(--gold);}

/* ---------- World clock (time-band country filter) ---------- */
.wc-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem .8rem;margin-top:.6rem;}
.wc-field{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--serif);
  font-size:.92rem;font-weight:600;color:var(--gold-bright);letter-spacing:.03em;}
.wc-field select{font-family:var(--display);background:var(--panel2);color:var(--gold-bright);
  border:1px solid var(--gold-line);border-radius:8px;padding:.32rem .55rem;font-size:1rem;cursor:pointer;
  transition:border-color .15s,background .15s;}
.wc-field select:hover{border-color:var(--gold);background:rgba(var(--gold-rgb),.1);}
.wc-field select.wc-off-dim{opacity:.5;} /* 全部时段 时起始/结束不生效 → 视觉变灰 */
/* readable dropdown options (browser popup): dark bg + light text, clear selected */
.wc-field select option{background:#241a12;color:#f1e7d3;}
.wc-field select option:checked{background:rgba(var(--gold-rgb),.42);color:#fff;}
.wc-sep{color:var(--gold);font-weight:700;font-size:1.1rem;}
.wc-summary{font-size:.82rem;}
/* 本机当前时间(浏览器检测时区)— 时段筛选面板内的实时读数 */
.wc-now{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .7rem;margin-top:.7rem;
  padding:.45rem .85rem;background:rgba(var(--gold-rgb),.07);
  border:1px solid var(--gold-line);border-radius:12px;}
.wc-now-label{font-size:.82rem;}
.wc-now-time{font-family:var(--display);font-weight:800;font-size:1.3rem;color:var(--h1);letter-spacing:.02em;}
.wc-now-wd{font-size:.82rem;}
.wc-now-zone{font-size:.8rem;letter-spacing:.01em;}
.wc-results{display:flex;flex-direction:column;gap:.8rem;}
.wc-layout{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1rem;align-items:start;}
@media (min-width:860px){.wc-layout{grid-template-columns:minmax(0,1fr) 332px;}}
.btn.active{background:rgba(var(--gold-rgb),.2);border-color:var(--gold);color:var(--h1);
  box-shadow:0 0 0 1px rgba(var(--gold-rgb),.18);}
.wc-group{background:var(--panel);border:1px solid var(--gold-line);border-radius:12px;
  box-shadow:0 10px 24px rgba(0,0,0,.34), inset 0 0 30px rgba(var(--gold-rgb),.03);overflow:hidden;}
.wc-group-head{display:flex;align-items:center;gap:.6rem;padding:.5rem .85rem;
  background:var(--panel2);border-bottom:1px solid var(--line);}
.wc-time{font-family:var(--display);font-weight:800;font-size:1.18rem;color:var(--h1);letter-spacing:.02em;}
.wc-off{font-family:var(--display);font-weight:700;font-size:.82rem;color:var(--gold-bright);
  background:rgba(var(--gold-rgb),.12);border:1px solid var(--gold-line);border-radius:999px;padding:.08rem .6rem;}
.wc-wd{font-size:.8rem;}
.wc-dd{color:var(--gold);font-weight:700;}
.wc-count{margin-left:auto;font-size:.78rem;background:rgba(var(--gold-rgb),.1);
  border:1px solid var(--line);border-radius:999px;padding:.05rem .55rem;min-width:1.8em;text-align:center;}
.wc-list{display:flex;flex-wrap:wrap;gap:.5rem;padding:.7rem .85rem;}
.wc-item{display:flex;align-items:center;gap:.5rem;background:var(--panel2);
  border:1px solid var(--line);border-radius:9px;padding:.34rem .55rem;min-width:9.5em;}
.wc-item:hover{border-color:var(--gold-line);background:rgba(var(--gold-rgb),.06);}
.wc-flag{width:27px;height:20px;object-fit:cover;border-radius:3px;flex:none;
  border:1px solid var(--gold-line);box-shadow:0 1px 3px rgba(0,0,0,.45);}
.wc-meta{display:flex;flex-direction:column;line-height:1.18;min-width:0;}
.wc-country{color:var(--ink);font-weight:600;font-size:.86rem;white-space:nowrap;}
.wc-city{color:var(--muted);font-size:.71rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:11em;}
.wc-item.locked{opacity:.7;}
.wc-lock{font-size:.6rem;font-weight:800;border-radius:6px;padding:.06rem .32rem;flex:none;white-space:nowrap;letter-spacing:.02em;}
.wc-lock.l1{color:#e7a89e;background:rgba(200,93,78,.16);border:1px solid rgba(200,93,78,.55);}
.wc-lock.l2{color:var(--gold-bright);background:rgba(var(--gold-rgb),.14);border:1px solid var(--gold-line);}
.wc-foot{text-align:center;margin-top:1.1rem;line-height:1.6;}
@media (max-width:560px){
  .wc-item{min-width:calc(50% - .25rem);flex:1 1 calc(50% - .25rem);}
}

/* 精选地点 side panel */
.wc-spots{background:var(--panel);border:1px solid var(--gold-line);border-radius:12px;
  padding:.7rem .8rem;display:flex;flex-direction:column;gap:.55rem;
  box-shadow:0 10px 24px rgba(0,0,0,.34), inset 0 0 30px rgba(var(--gold-rgb),.03);}
@media (min-width:860px){.wc-spots{position:sticky;top:12px;}}
.wc-spots-head{display:flex;align-items:center;gap:.45rem;}
.wc-spots-head .dia{color:var(--gold);font-size:.7rem;}
.wc-spots-head h3{margin:0;}
/* 独立滚动的精选地点列表:默认约 4 张卡片高,其余内部下滑;改 max-height 即可调高度 */
.wc-spots-scroll{display:flex;flex-direction:column;gap:.55rem;
  max-height:33rem;overflow-y:auto;overscroll-behavior:contain;padding-right:.3rem;
  scrollbar-width:thin;scrollbar-color:var(--gold-line) transparent;}
.wc-spots-scroll::-webkit-scrollbar{width:8px;}
.wc-spots-scroll::-webkit-scrollbar-thumb{background:var(--gold-line);border-radius:8px;}
.wc-spots-scroll::-webkit-scrollbar-thumb:hover{background:var(--gold);}
.wc-spots-scroll::-webkit-scrollbar-track{background:transparent;}
.wc-spot{border:1px solid var(--line);border-radius:10px;padding:.5rem .6rem;background:var(--panel2);
  transition:border-color .15s,box-shadow .15s,opacity .15s;}
.wc-spot-top{display:flex;align-items:center;gap:.45rem;}
.wc-spot-time{font-family:var(--display);font-weight:800;font-size:1.12rem;color:var(--h1);letter-spacing:.02em;}
.wc-spot-wd{font-size:.74rem;margin-left:auto;}
.wc-spot-name{font-family:var(--serif);font-weight:700;color:var(--gold-bright);
  margin-top:.28rem;font-size:.96rem;line-height:1.25;}
.wc-spot-sub{font-size:.71rem;margin-top:.12rem;}
.wc-spot-note{font-size:.72rem;margin-top:.22rem;line-height:1.42;}
.wc-spot-geo{display:inline-block;margin-top:.34rem;font-size:.74rem;color:var(--gold-bright);
  text-decoration:none;border:1px solid var(--gold-line);border-radius:7px;
  padding:.12rem .45rem;background:rgba(var(--gold-rgb),.06);}
.wc-spot-geo:hover{background:rgba(var(--gold-rgb),.16);border-color:var(--gold);}
.wc-spot.hot{border-color:var(--gold);background:rgba(var(--gold-rgb),.1);
  box-shadow:0 0 0 1px var(--gold), 0 0 16px rgba(var(--gold-rgb),.4);}
.wc-spot.dim{opacity:.5;}
.wc-spot-foot{display:flex;align-items:center;justify-content:space-between;gap:.4rem;flex-wrap:wrap;margin-top:.34rem;}
.wc-spot-foot .wc-spot-geo{margin-top:0;}
.wc-spot-you{font-size:.66rem;color:var(--gold-dim);white-space:nowrap;}
.wc-spot-you .dia{color:var(--gold);font-size:.66rem;margin-right:.12em;}

/* ① 悬浮「现在激活」条:常驻视口顶、半透明、磨砂、点击穿透 */
.wc-pin{background:linear-gradient(180deg,rgba(20,30,22,.52),rgba(16,22,18,.48));
  border:1px solid rgba(var(--live-rgb),.35);border-radius:13px;padding:.55rem .7rem;
  box-shadow:0 12px 30px rgba(0,0,0,.35), 0 0 0 1px rgba(var(--live-rgb),.14);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}
.wc-pin-float{position:fixed;top:10px;left:50%;transform:translateX(-50%);
  width:min(1206px,calc(100vw - 2.2rem));z-index:60;
  pointer-events:none;}
.wc-pin-label{display:flex;align-items:center;gap:.4rem;font-family:var(--display);font-weight:800;
  font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#bfe6c4;margin-bottom:.5rem;}
.wc-pin-label .dot{width:.55em;height:.55em;border-radius:50%;background:var(--live);
  box-shadow:0 0 0 0 rgba(var(--live-rgb),.7);animation:wcPulse 1.8s infinite;}
.wc-pin-row{display:flex;gap:.55rem;overflow-x:auto;padding-bottom:.15rem;scrollbar-width:thin;
  pointer-events:auto;}
.wc-pinchip{flex:none;display:flex;align-items:center;gap:.5rem;min-width:14rem;
  background:rgba(var(--live-rgb),.08);border:1px solid rgba(var(--live-rgb),.45);border-radius:10px;padding:.45rem .6rem;}
.wc-pinchip .pc-time{font-family:var(--display);font-weight:800;font-size:1.18rem;color:#dff1e1;letter-spacing:.02em;}
.wc-pinchip .pc-body{min-width:0;display:flex;flex-direction:column;line-height:1.2;}
.wc-pinchip .pc-name{font-family:var(--serif);font-weight:700;color:#cdebd0;font-size:.92rem;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:13rem;}
.wc-pinchip .pc-meta{font-size:.7rem;color:#9bbfa0;white-space:nowrap;}
.wc-pinchip .pc-meta b{color:var(--gold-bright);font-weight:700;}
.wc-pin-empty{font-size:.82rem;color:#9bbfa0;padding:.2rem .1rem .35rem;}
@keyframes wcPulse{0%{box-shadow:0 0 0 0 rgba(var(--live-rgb),.55)}
  70%{box-shadow:0 0 0 .42em rgba(var(--live-rgb),0)}100%{box-shadow:0 0 0 0 rgba(var(--live-rgb),0)}}
@media (min-width:860px){ #view-clock .wc-layout .wc-spots{top:120px;} }

/* ② 可折叠 24h 时间轴 */
.wc-axis-collapse{margin-bottom:1.2rem;border:1px solid var(--line);border-radius:14px;
  background:var(--panel);overflow:hidden;}
.wc-axis-collapse>summary{list-style:none;cursor:pointer;padding:.6rem .9rem;font-family:var(--serif);
  color:var(--gold-bright);font-size:.96rem;letter-spacing:.03em;display:flex;align-items:center;gap:.5rem;
  background:var(--panel2);border-bottom:1px solid var(--line);}
.wc-axis-collapse:not([open])>summary{border-bottom:0;}
.wc-axis-collapse>summary::-webkit-details-marker{display:none;}
.wc-axis-collapse>summary::before{content:'▾';color:var(--gold);transition:transform .15s;}
.wc-axis-collapse:not([open])>summary::before{transform:rotate(-90deg);}
#wc-axis{padding:1.1rem 1.2rem 1rem;}
.wc-axis{position:relative;height:188px;margin:.2rem .4rem 0;}
.wc-axis-track{position:absolute;left:0;right:0;top:50%;height:2px;
  background:linear-gradient(90deg,transparent,var(--gold-line) 6%,var(--gold-line) 94%,transparent);}
.wc-axis-band{position:absolute;top:18px;bottom:18px;background:rgba(var(--gold-rgb),.12);
  border-left:1px solid var(--gold);border-right:1px solid var(--gold);border-radius:4px;
  box-shadow:inset 0 0 22px rgba(var(--gold-rgb),.12);}
.wc-axis-band .band-lbl{position:absolute;top:-1.35rem;left:50%;transform:translateX(-50%);white-space:nowrap;
  font-family:var(--display);font-size:.66rem;font-weight:700;letter-spacing:.05em;color:var(--gold-bright);}
.wc-axis-tick{position:absolute;top:50%;transform:translate(-50%,-50%);}
.wc-axis-tick i{position:absolute;left:0;top:-4px;width:1px;height:8px;background:var(--line);transform:translateX(-50%);}
.wc-axis-tick span{position:absolute;left:0;top:8px;transform:translateX(-50%);
  font-family:var(--display);font-size:.62rem;color:var(--gold-dim);}
.wc-pin2{position:absolute;transform:translateX(-50%);display:flex;flex-direction:column;
  align-items:center;gap:.18rem;width:max-content;}
.wc-pin2.up{bottom:calc(50% + 12px);}
.wc-pin2.down{top:calc(50% + 12px);flex-direction:column-reverse;}
.wc-pin2 .stem{width:1px;height:14px;background:var(--gold-line);}
.wc-pin2 .dot{width:9px;height:9px;border-radius:50%;background:var(--gold-dim);border:1px solid var(--gold-line);}
.wc-pin2 .lab{display:flex;align-items:center;gap:.28rem;background:var(--panel2);border:1px solid var(--line);
  border-radius:7px;padding:.16rem .36rem;white-space:nowrap;}
.wc-pin2 .lab .pt{font-family:var(--display);font-weight:700;font-size:.72rem;color:var(--ink);}
.wc-pin2 .lab .wc-flag{width:18px;height:13px;}
.wc-pin2.hot{z-index:3;}
.wc-pin2.hot .dot{background:var(--live);border-color:var(--live);box-shadow:0 0 8px rgba(var(--live-rgb),.8);}
.wc-pin2.hot .stem{background:var(--live);}
.wc-pin2.hot .lab{border-color:rgba(var(--live-rgb),.6);background:rgba(var(--live-rgb),.12);}
.wc-pin2.hot .lab .pt{color:#cdebd0;}
.wc-pin2.cool{opacity:.55;}
@media (max-width:560px){ .wc-axis{height:230px;} }

/* ---------- Spot Atlas ---------- */
.spots-shell{padding:.9rem 1.05rem 1rem;}
.spots-shell .panel-head{margin-bottom:.15rem;}
.spots-shell>p{margin:.35rem 0 .8rem;}
.spots-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin:.7rem 0 .9rem;}
.spots-summary-item{display:flex;flex-direction:column;gap:.12rem;min-width:0;padding:.55rem .65rem;
  border:1px solid var(--line);border-radius:9px;background:var(--panel2);}
.spots-summary-item span{font-size:.7rem;color:var(--muted);letter-spacing:.02em;}
.spots-summary-item strong{font-family:var(--display);font-size:.86rem;color:var(--gold-bright);
  overflow-wrap:anywhere;font-variant-numeric:tabular-nums;}
.spots-summary-item strong.spots-fallback,.spots-error{color:#e7a89e;}
.spots-controls{display:grid;grid-template-columns:minmax(13rem,1.8fr) repeat(5,minmax(8rem,1fr)) auto;
  gap:.55rem;align-items:end;}
.spots-field{display:flex;flex-direction:column;gap:.25rem;min-width:0;color:var(--gold-bright);
  font-family:var(--serif);font-size:.76rem;font-weight:700;letter-spacing:.02em;}
.spots-field input,.spots-field select{width:100%;min-width:0;height:2.25rem;padding:.35rem .5rem;
  border:1px solid var(--gold-line);border-radius:8px;background:var(--panel2);color:var(--ink);
  font:400 .82rem var(--sans);outline:none;}
.spots-field input:focus,.spots-field select:focus{border-color:var(--gold);
  box-shadow:0 0 0 2px rgba(var(--gold-rgb),.16);}
.spots-field input::placeholder{color:var(--gold-dim);}
.spots-field select option{background:#241a12;color:#f1e7d3;}
.spots-controls>.btn{height:2.25rem;white-space:nowrap;font-size:.82rem;}
.spots-feedback{min-height:1.35rem;margin-top:.35rem;color:var(--live);font-size:.78rem;}
.spots-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:.85rem;margin-top:.9rem;align-items:stretch;}
.spots-card{padding:.85rem .9rem .8rem;display:flex;flex-direction:column;min-width:0;}
.spots-card-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.35rem .65rem;align-items:center;}
.spots-flag{width:42px;height:29px;display:grid;place-items:center;font-size:1.55rem;line-height:1;
  border:1px solid var(--gold-line);border-radius:5px;box-shadow:0 2px 7px rgba(0,0,0,.45);grid-row:1;}
.spots-title{min-width:0;grid-row:1;}
.spots-country{display:block;color:var(--muted);font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.spots-title h3{margin:.05rem 0 0;font:800 1.02rem/1.25 var(--display);color:var(--h1);overflow-wrap:anywhere;letter-spacing:.01em;}
.spots-badges{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.15rem;}
.spots-badges .badge{padding:.1rem .52rem;font-size:.67rem;}
.spots-status-tested,.spots-review-ok{color:#bfe6c4!important;border-color:rgba(var(--live-rgb),.45)!important;
  background:rgba(var(--live-rgb),.09)!important;}
.spots-status-candidate,.spots-review-needed{color:#efc0b8!important;border-color:rgba(200,93,78,.5)!important;
  background:rgba(200,93,78,.12)!important;}
.spots-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem .6rem;margin:.7rem 0 .6rem;}
.spots-facts>div{min-width:0;border-bottom:1px solid var(--line-soft);padding-bottom:.28rem;}
.spots-facts dt,.spots-label{display:block;color:var(--muted);font-size:.67rem;letter-spacing:.02em;}
.spots-facts dd{margin:.08rem 0 0;color:var(--ink);font-size:.77rem;overflow-wrap:anywhere;}
.spots-facts code{font:600 .72rem var(--display);color:var(--gold-bright);}
.spots-times{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;margin:.05rem 0 .55rem;}
.spots-time{min-width:0;padding:.48rem .52rem;border:1px solid var(--line);border-radius:8px;background:rgba(var(--gold-rgb),.035);}
.spots-time strong{display:block;margin-top:.14rem;font:700 .78rem/1.35 var(--display);color:var(--ink);
  font-variant-numeric:tabular-nums;overflow-wrap:anywhere;}
.spots-time.spots-my-time{border-color:var(--gold-line);background:rgba(var(--gold-rgb),.11);}
.spots-time.spots-my-time strong{color:var(--h1);}
.spots-note{margin-top:auto;border-top:1px solid var(--line-soft);padding-top:.45rem;}
.spots-note p{margin:.12rem 0 0;color:var(--muted);font-size:.76rem;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere;}
.spots-actions{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.65rem;}
.spots-actions .btn{display:inline-flex;align-items:center;text-decoration:none;font-size:.77rem;padding:.4rem .65rem;}
.spots-empty{grid-column:1/-1;padding:1.4rem;text-align:center;color:var(--muted);}
@media (max-width:1080px){
  .spots-summary{grid-template-columns:repeat(2,minmax(0,1fr));}
  .spots-controls{grid-template-columns:repeat(3,minmax(0,1fr));}
  .spots-search{grid-column:span 2;}
}
@media (max-width:560px){
  .spots-summary,.spots-controls{grid-template-columns:1fr;}
  .spots-search{grid-column:auto;}
  .spots-grid{grid-template-columns:1fr;}
  .spots-times{grid-template-columns:1fr;}
  .spots-card{padding:.75rem;}
}

/* ---------- Multi-account TODO (client-side, localStorage) ---------- */
.todo-status{margin:.1rem 0 .6rem;display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .8rem;font-size:.82rem;}
.todo-status .todo-day{color:var(--gold-bright);font-family:var(--display);font-weight:700;letter-spacing:.02em;}
.todo-toolbar{display:flex;flex-wrap:wrap;gap:.5rem;margin:.2rem 0 .85rem;}
.todo-toolbar .btn{display:inline-flex;align-items:center;gap:.3rem;}
.todo-scroll{overflow-x:auto;width:fit-content;max-width:100%;border:1px solid var(--line);border-radius:12px;background:var(--panel2);
  scrollbar-width:thin;scrollbar-color:var(--gold-line) transparent;}
.todo-scroll::-webkit-scrollbar{height:8px;}
.todo-scroll::-webkit-scrollbar-thumb{background:var(--gold-line);border-radius:8px;}
.todo-scroll::-webkit-scrollbar-track{background:transparent;}
.todo-table{border-collapse:collapse;width:max-content;table-layout:auto;}
.todo-table th,.todo-table td{border:1px solid var(--line-soft);padding:0;}
.todo-corner{position:sticky;left:0;z-index:2;background:var(--panel);width:10rem;
  font-family:var(--serif);font-size:.76rem;color:var(--gold-dim);font-weight:700;letter-spacing:.04em;
  padding:.45rem .65rem;white-space:nowrap;text-align:left;}
.todo-task{background:var(--panel);}   /* width auto-fits the label (see .todo-sizer); checkbox cell is the floor */
.todo-acct{position:sticky;left:0;z-index:1;background:var(--panel2);width:10rem;}
.todo-head-in{display:flex;align-items:center;gap:.2rem;padding:.28rem .4rem;}
.todo-name{flex:1;min-width:0;background:transparent;border:0;border-bottom:1px solid transparent;
  color:var(--ink);font-family:var(--sans);font-size:.86rem;padding:.2rem .15rem;outline:none;
  transition:border-color .15s,background .15s;}
.todo-task .todo-name{color:var(--gold-bright);font-weight:600;text-align:center;}
.todo-name::placeholder{color:var(--gold-dim);opacity:.85;}
.todo-name:focus{border-bottom-color:var(--gold);background:rgba(var(--gold-rgb),.07);}
/* Auto-growing task-label input: the hidden ::after mirror carries the live text and
   sizes the grid track (CJK-accurate); the input stretches to fill it. */
.todo-sizer{display:inline-grid;align-items:center;flex:none;}
.todo-sizer>.todo-name,.todo-sizer::after{grid-area:1/1;box-sizing:border-box;
  font-family:var(--sans);font-size:.86rem;font-weight:600;padding:.2rem .15rem;letter-spacing:0;}
.todo-sizer>.todo-name{width:100%;min-width:0;}
.todo-sizer::after{content:attr(data-value) ' ';white-space:pre;visibility:hidden;min-width:2ch;}
.todo-del{flex:none;border:0;background:transparent;color:var(--gold-dim);cursor:pointer;
  font-size:1rem;line-height:1;padding:.08rem .24rem;border-radius:6px;transition:color .15s,background .15s;}
.todo-del:hover{color:#e7a89e;background:rgba(200,93,78,.15);}
.todo-cd{flex:none;border:1px solid var(--gold-line);background:rgba(var(--gold-rgb),.05);color:var(--gold-dim);
  font-family:var(--sans);font-size:.72rem;font-weight:700;line-height:1;white-space:nowrap;
  padding:.22rem .34rem;border-radius:6px;cursor:pointer;user-select:none;-webkit-user-select:none;
  -webkit-touch-callout:none;touch-action:manipulation;transition:color .15s,background .15s,border-color .15s,box-shadow .15s;}
.todo-cd:hover{border-color:var(--gold);color:var(--gold-bright);}
.todo-cd.on-cd{color:#1d1402;background:linear-gradient(135deg,#e8cb8c,#c79a4f);border-color:var(--gold);
  box-shadow:0 0 8px rgba(var(--gold-rgb),.4);}
.todo-cell{text-align:center;}
.todo-cell label{display:flex;align-items:center;justify-content:center;cursor:pointer;padding:.4rem .55rem;min-height:2.1rem;}
.todo-check{appearance:none;-webkit-appearance:none;width:20px;height:20px;flex:none;cursor:pointer;margin:0;
  border:1px solid var(--gold-line);border-radius:6px;background:rgba(var(--gold-rgb),.05);position:relative;
  transition:background .15s,border-color .15s,box-shadow .15s;}
.todo-check:hover{border-color:var(--gold);}
.todo-check:checked{background:linear-gradient(135deg,#e8cb8c,#c79a4f);border-color:var(--gold);
  box-shadow:0 0 8px rgba(var(--gold-rgb),.5);}
.todo-check:checked::after{content:'';position:absolute;left:6px;top:2px;width:5px;height:10px;
  border:solid #1d1402;border-width:0 2px 2px 0;transform:rotate(45deg);}
.todo-table tbody tr:hover .todo-cell,.todo-table tbody tr:hover .todo-acct{background:rgba(var(--gold-rgb),.05);}
.todo-empty{color:var(--muted);font-size:.92rem;line-height:1.6;padding:1.1rem .3rem;}

/* ---------- Mega Evolution reference (view-mega) ---------- */
.mega-picker{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;margin:.3rem 0 1rem;
  font-family:var(--serif);color:var(--gold-dim);font-size:.9rem;}
.mega-picker select{flex:1;min-width:12rem;max-width:22rem;background:var(--panel2);color:var(--ink);
  border:1px solid var(--gold-line);border-radius:8px;padding:.42rem .6rem;font-family:var(--sans);font-size:.95rem;}
.mega-picker select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 6px rgba(var(--gold-rgb),.35);}
.mega-header{display:flex;gap:.95rem;align-items:flex-start;margin:.2rem 0 .3rem;}
.mega-header .mon-icon{width:72px;height:72px;flex:none;}
.mega-head-txt{min-width:0;}
.mega-head-txt h3{margin:0;color:var(--h1);font-family:var(--display);font-size:1.15rem;}
.mega-var{font-size:.62em;color:var(--gold-bright);border:1px solid var(--gold-line);
  border-radius:5px;padding:.05em .35em;vertical-align:middle;letter-spacing:.02em;}
.mega-head-txt .muted{margin:.15rem 0 .4rem;font-size:.85rem;}
.mega-types{display:flex;gap:.35rem;margin:.2rem 0 .5rem;flex-wrap:wrap;}
.mega-types .ico{width:22px;height:22px;}
.mega-cost{display:inline-block;}
#view-mega h4{color:var(--gold-bright);font-family:var(--serif);margin:1.15rem 0 .45rem;font-size:.98rem;letter-spacing:.02em;}
#view-mega code{font-family:var(--sans);background:rgba(var(--gold-rgb),.1);border-radius:5px;padding:.05em .35em;color:var(--gold-bright);}
.mega-scroll{overflow-x:auto;max-width:100%;border:1px solid var(--line);border-radius:12px;background:var(--panel2);
  scrollbar-width:thin;scrollbar-color:var(--gold-line) transparent;}
.mega-scroll::-webkit-scrollbar{height:8px;width:8px;}
.mega-scroll::-webkit-scrollbar-thumb{background:var(--gold-line);border-radius:8px;}
.mega-scroll::-webkit-scrollbar-track{background:transparent;}
.mega-cost-table{border-collapse:collapse;width:100%;font-family:var(--sans);font-size:.85rem;}
.mega-cost-table th,.mega-cost-table td{border:1px solid var(--line-soft);padding:.42rem .6rem;text-align:center;white-space:nowrap;}
.mega-cost-table thead th{background:var(--panel);color:var(--gold-bright);font-weight:700;}
.mega-cost-table tbody th{background:var(--panel);color:var(--gold-dim);text-align:left;font-weight:600;}
.mega-cost-table td{color:var(--ink);}
.mega-remega{margin:.2rem 0 .3rem;}
.mega-remega summary{cursor:pointer;color:var(--gold-bright);font-family:var(--serif);padding:.35rem 0;font-size:.92rem;}
.mega-remega .mega-scroll{margin-top:.55rem;max-height:22rem;overflow-y:auto;}
.mega-remega .mega-scroll thead th{position:sticky;top:0;z-index:1;}
.mega-overview-table{min-width:34rem;}
.mega-overview-table tbody tr{cursor:pointer;transition:background .12s;}
.mega-overview-table tbody tr:hover{background:rgba(var(--gold-rgb),.07);}
.mega-overview-table tbody td.mega-ov-name{text-align:left;color:var(--gold-bright);font-weight:600;}
.mega-ov-en{font-size:.72rem;font-weight:400;}
.mega-ov-spr{width:54px;}
.mega-ov-spr .spr{width:40px;height:40px;}
.mega-ov-types{display:flex;gap:.28rem;justify-content:center;flex-wrap:wrap;}
.mega-ov-types .ico{width:20px;height:20px;}
.mega-cost-table td.mega-ov-cost{color:var(--gold-bright);font-weight:600;}
/* — 升级规划器 — */
#view-mega h5{color:var(--gold-dim);font-family:var(--serif);margin:.95rem 0 .4rem;font-size:.9rem;letter-spacing:.02em;}
.mega-plan-bar{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin:.25rem 0 .65rem;
  color:var(--gold-dim);font-family:var(--sans);font-size:.88rem;}
.mega-plan-bar input{width:4.4rem;text-align:center;background:var(--panel2);color:var(--ink);
  border:1px solid var(--line);border-radius:8px;padding:.32rem .35rem;font-family:var(--sans);font-size:.95rem;
  -moz-appearance:textfield;appearance:textfield;}
.mega-plan-bar input::-webkit-outer-spin-button,.mega-plan-bar input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.mega-plan-bar input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 6px rgba(var(--gold-rgb),.35);}
.mega-step{min-width:2.1rem;padding:.28rem .55rem;}
.mega-plan-status{margin:.15rem 0 .5rem;font-size:.86rem;}
.mega-plan-status strong{color:var(--gold-bright);}
.mega-plan-table td .mp-t{font-weight:700;}
.mega-plan-table td .mp-e{font-size:.78rem;color:var(--gold-dim);margin-top:.12rem;}
.mp-b{font-size:.7rem;color:var(--muted);font-weight:400;margin-top:.1rem;white-space:nowrap;}
.mega-plan-notes{margin:.55rem 0 .2rem;padding-left:1.15em;font-size:.78rem;line-height:1.55;}
.mega-plan-notes li{margin:.18rem 0;}
.mega-plan-notes strong{color:var(--gold-bright);font-weight:600;}
.mega-src{font-size:.8rem;margin:.1rem 0 .55rem;}

/* ---------- Footer ---------- */
.site-footer{position:relative;z-index:1;text-align:center;padding:1.6rem 1rem 2.2rem;}
.site-footer .muted{font-size:.82rem;}

/* ---------- Responsive ---------- */
@media (max-width:760px){
  :root{--cell-min:96px;}
  .cal-bar{font-size:.62rem;padding:0 5px;}
}
@media (max-width:560px){
  :root{--cell-min:96px;--num-h:46px;}
  .masthead{padding-top:58px;}
  .lang-toggle{top:14px;right:14px;}
  .cal-wd{padding:.45rem .3rem;font-size:.6rem;letter-spacing:.06em;}
  .cal-day{padding:3px 3px 5px;}
  /* Keep a truncated label rather than an anonymous colour strip: most bar
     events carry no sprite, so the text is the only way to tell them apart. */
  .cal-bar{padding:0 4px;font-size:.56rem;gap:3px;}
  .cal-bar .spr{width:12px;height:12px;}
  .cal-chip{font-size:.6rem;}
  .cal-daynum{position:relative;display:block;min-width:0;}
  .cal-daynum .dn{position:absolute;left:0;top:1px;}
  .cal-daynum .moy{display:none;}
  .daynum-raids{display:none;}
  .raid-day-trigger{display:flex;position:absolute;right:1px;bottom:4px;margin:0;}
  .raid-day-trigger b{right:0;bottom:0;}
  .raid-ico{width:18px;height:18px;}
  .raid-ico img{width:16px;height:16px;}
}
@media (hover:none){
  .raid-ico:hover{transform:none;}
  .raid-ico .tg{opacity:1;}
}