:root{--bg:#12100e;--bg-2:#1a1612;--panel:#221c16;--panel-2:#2a221a;--ink:#f3e7d3;--muted:#b9a68a;--line:#3d3226;--amber:#c8702a;--amber-bright:#e89a3c;--gold:#d4a84b;--dragon:#8b5cf6;--dragon-dim:#5b3d99;--fire:#ef4444;--fire-deep:#9a3412;--water:#38bdf8;--ok:#2f8f5b;--warn:#d97706;--hold:#6b7280;--shadow:0 12px 40px #00000073;--radius:16px;--font:"Noto Sans TC", "PingFang TC", "Microsoft JhengHei", system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font);color:var(--ink);background:radial-gradient(1200px 600px at 10% -10%, #c8702a2e, transparent 55%), radial-gradient(900px 500px at 90% 0%, #8b5cf629, transparent 50%), linear-gradient(180deg, #0e0c0a 0%, var(--bg) 40%, #0b0a09 100%);min-height:100dvh;margin:0;overflow-x:clip}img{max-width:100%;display:block}a{color:var(--gold)}.wrap{width:min(1180px,100% - 2rem);margin:0 auto;padding:1.25rem 0 4rem}.hero{box-shadow:var(--shadow);border:1px solid #d4a84b59;border-radius:24px;margin-bottom:1.5rem;position:relative;overflow:hidden}.hero-media{aspect-ratio:16/7;object-fit:cover;filter:saturate(1.05)contrast(1.05);width:100%}.hero-overlay{background:linear-gradient(90deg,#0a0806eb 0%,#0a08068c 45%,#0a080640 100%),linear-gradient(#0000 55%,#0a0806d9);flex-direction:column;justify-content:flex-end;gap:.65rem;padding:1.5rem 1.75rem 1.4rem;display:flex;position:absolute;inset:0}.kicker{width:fit-content;color:var(--amber-bright);letter-spacing:.08em;text-transform:uppercase;background:#c8702a33;border:1px solid #e89a3c73;border-radius:999px;align-items:center;gap:.45rem;padding:.28rem .7rem;font-size:.78rem;display:inline-flex}.hero h1{letter-spacing:.02em;text-shadow:0 2px 18px #0009;margin:0;font-size:clamp(1.45rem,3.5vw,2.35rem);line-height:1.2}.hero-sub{color:var(--muted);max-width:46rem;margin:0;font-size:.98rem;line-height:1.55}.badge-row{flex-wrap:wrap;gap:.45rem;margin-top:.2rem;display:flex}.badge{border:1px solid var(--line);color:var(--ink);background:#221c16bf;border-radius:999px;align-items:center;gap:.35rem;padding:.28rem .65rem;font-size:.82rem;display:inline-flex}.badge strong{color:var(--gold);font-weight:700}.badge.dragon{color:#d8b4fe;border-color:#8b5cf680}.badge.fire{color:#fecaca;border-color:#ef444480}.badge.ok{color:#86efac;border-color:#2f8f5b80}.nav{scrollbar-width:thin;gap:.5rem;margin-bottom:.5rem;padding:.15rem 0 1rem;display:flex;overflow-x:auto}.nav a{color:var(--muted);border:1px solid var(--line);background:#1a1612cc;border-radius:999px;flex:none;padding:.45rem .8rem;font-size:.86rem;text-decoration:none}.nav a,.tab{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.nav a:active,.tab:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.nav a:hover{color:var(--ink);border-color:var(--amber)}}.section{margin:1.6rem 0;scroll-margin-top:1rem}.section-head{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:.9rem;display:flex}.section-head h2{letter-spacing:.04em;align-items:center;gap:.55rem;margin:0;font-size:1.25rem;display:flex}.section-head h2:before{content:"";background:linear-gradient(180deg, var(--amber-bright), var(--dragon));border-radius:2px;width:.55rem;height:1.15rem}.section-cap{color:var(--muted);text-align:right;max-width:34rem;margin:0;font-size:.86rem}.panel{background:linear-gradient(180deg, #ffffff08, transparent 40%), var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.panel-pad{padding:1rem}.grid-4{grid-template-columns:repeat(4,1fr);gap:.75rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:.85rem;display:grid}.grid-2{grid-template-columns:repeat(2,1fr);gap:.85rem;display:grid}.stat{background:var(--panel-2);border:1px solid var(--line);border-radius:14px;padding:.85rem .95rem}.stat .label{color:var(--muted);letter-spacing:.06em;margin-bottom:.35rem;font-size:.78rem}.stat .value{color:var(--ink);font-size:1.15rem;font-weight:700}.stat .hint{color:var(--muted);margin-top:.25rem;font-size:.8rem}.rows{gap:.55rem;display:grid}.row{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;grid-template-columns:3rem 1fr auto;align-items:center;gap:.75rem;padding:.75rem .85rem;display:grid}.row .lead{border-radius:10px;place-items:center;width:2.4rem;height:2.4rem;font-size:.85rem;font-weight:800;display:grid}.lead.dragon{color:#d8b4fe;background:#8b5cf633;border:1px solid #8b5cf673}.lead.fire{color:#fecaca;background:#ef44442e;border:1px solid #ef444473}.lead.water{color:#bae6fd;background:#38bdf826;border:1px solid #38bdf866}.row h3{margin:0;font-size:.98rem}.row p{color:var(--muted);margin:.15rem 0 0;font-size:.84rem}.pill{border:1px solid #0000;border-radius:999px;align-items:center;padding:.22rem .6rem;font-size:.75rem;font-weight:700;display:inline-flex}.pill.main,.pill.ok{color:#86efac;background:#2f8f5b2e;border-color:#2f8f5b66}.pill.priority{color:#fcd34d;background:#d9770633;border-color:#d9770673}.pill.hold{color:#d1d5db;background:#6b728033;border-color:#6b728066}.pill.accent{color:#d8b4fe;background:#8b5cf62e;border-color:#8b5cf666}.tabs{border:1px solid var(--line);background:#00000047;border-radius:999px;gap:.35rem;margin-bottom:.9rem;padding:.3rem;display:inline-flex}.tab{appearance:none;color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:999px;padding:.45rem .9rem;font-size:.88rem}.tab[aria-selected=true]{color:#fff;background:linear-gradient(135deg,#c8702af2,#8b5cf6d9);font-weight:700}.bars{gap:.7rem;display:grid}.bar-row{grid-template-columns:5.5rem 1fr 4.2rem;align-items:center;gap:.65rem;display:grid}.bar-row .name{font-size:.9rem;font-weight:650}.bar-row .meta{color:var(--muted);font-size:.72rem}.track{background:#ffffff0f;border:1px solid #ffffff0d;border-radius:999px;height:.85rem;overflow:hidden}.fill{border-radius:inherit;background:linear-gradient(90deg, var(--dragon-dim), var(--dragon));height:100%}.fill.fire{background:linear-gradient(90deg, var(--fire-deep), var(--fire))}.fill.water{background:linear-gradient(90deg, #0369a1, var(--water))}.fill.prio{background:linear-gradient(90deg, var(--amber), var(--gold))}.bar-val{text-align:right;color:var(--gold);font-size:.86rem;font-weight:700}.pie-wrap{grid-template-columns:180px 1fr;align-items:center;gap:1.2rem;display:grid}.pie{border:4px solid #ffffff0f;border-radius:50%;width:180px;height:180px;box-shadow:inset 0 0 28px #00000073}.legend{gap:.55rem;display:grid}.legend-item{grid-template-columns:.9rem 1fr auto;align-items:center;gap:.55rem;font-size:.92rem;display:grid}.swatch{border-radius:4px;width:.9rem;height:.9rem}.hunter-card{background:var(--panel-2);border:1px solid var(--line);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.hunter-card .media{aspect-ratio:4/3;background:#0d0b09;position:relative}.hunter-card .media.weapon{aspect-ratio:1;background:radial-gradient(circle at 50% 40%,#8b5cf640,#0000 60%),#120f0c;place-items:center;padding:1.2rem;display:grid}.hunter-card .media img{object-fit:cover;object-position:18% 12%;width:100%;height:100%}.hunter-card .media.weapon img{object-fit:contain;width:72%;height:auto}.hunter-card .body{gap:.45rem;padding:.85rem .9rem 1rem;display:grid}.hunter-card .top{justify-content:space-between;align-items:start;gap:.5rem;display:flex}.hunter-card h3{margin:0;font-size:1.05rem}.hunter-card .weapon-line{color:var(--muted);align-items:center;gap:.4rem;font-size:.84rem;display:flex}.hunter-card .weapon-line img{object-fit:contain;width:1.35rem;height:1.35rem}.props{gap:.28rem;margin-top:.2rem;display:grid}.prop{grid-template-columns:3.4rem 1fr;gap:.4rem;font-size:.82rem;display:grid}.prop .k{color:var(--muted)}.caption{color:var(--muted);border-top:1px dashed #ffffff14;margin-top:.2rem;padding-top:.45rem;font-size:.72rem;line-height:1.4}.pair-grid{grid-template-columns:1.1fr 1fr;gap:.85rem;display:grid}.pair-list{gap:.4rem;display:grid}.pair{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;grid-template-columns:1fr auto 1fr;align-items:center;gap:.35rem;padding:.45rem .5rem;display:grid}.pair .node{background:#00000038;border:1px solid #ffffff0f;border-radius:10px;padding:.4rem .5rem}.pair .node strong{font-size:.88rem;display:block}.pair .node span{color:var(--muted);font-size:.72rem}.pair .edge{color:var(--gold);text-align:center;white-space:nowrap;font-size:.72rem}.pair.dashed{opacity:.78;border-style:dashed}.team-icons{grid-template-columns:repeat(4,1fr);gap:.65rem;margin-top:.85rem;display:grid}.team-slot{background:var(--panel-2);border:1px solid var(--line);text-align:center;border-radius:14px;overflow:hidden}.team-slot .ico{aspect-ratio:4/5;background:#0e0c0a;place-items:center;padding:0;display:grid;overflow:hidden}.team-slot .ico img{object-fit:cover;object-position:18% 12%;width:100%;height:100%}.team-slot .ico.proxy{aspect-ratio:4/5;padding:1.1rem}.team-slot .ico.proxy img{object-fit:contain;width:72%;height:auto}.team-slot p{color:var(--muted);margin:0;padding:.55rem .45rem .7rem;font-size:.78rem;line-height:1.35}.team-slot strong{color:var(--ink);font-size:.86rem;display:block}.gear-hero{aspect-ratio:16/7;object-fit:cover;width:100%}.monster-pair{grid-template-columns:1fr 1fr;gap:.55rem;margin-bottom:.75rem;display:grid}.monster-tile{border:1px solid var(--line);background:#0d0b09;border-radius:12px;overflow:hidden}.monster-tile img{aspect-ratio:4/3;object-fit:contain;object-position:center;background:#0d0b09;width:100%}.monster-tile figcaption{color:var(--muted);padding:.45rem .55rem .6rem;font-size:.72rem;line-height:1.35}.steps{counter-reset:step;gap:.55rem;display:grid}.step{counter-increment:step;background:var(--panel-2);border:1px solid var(--line);border-radius:12px;grid-template-columns:2.2rem 1fr;align-items:start;gap:.7rem;padding:.7rem .8rem;display:grid}.step:before{content:counter(step);background:linear-gradient(135deg, var(--amber), var(--dragon));border-radius:999px;place-items:center;width:2rem;height:2rem;font-size:.85rem;font-weight:800;display:grid}.step h3{margin:0;font-size:.95rem}.step p{color:var(--muted);margin:.2rem 0 0;font-size:.82rem}.check{gap:.45rem;display:grid}.check-item{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;grid-template-columns:1.2rem 1fr auto;align-items:center;gap:.55rem;padding:.6rem .75rem;font-size:.9rem;display:grid}.check-item .box{border:1.5px solid var(--muted);border-radius:4px;width:1rem;height:1rem}.check-item.done .box{background:var(--ok);border-color:var(--ok);box-shadow:inset 0 0 0 2px #00000040}.check-item .meta{color:var(--muted);font-size:.75rem}.callout{background:#c8702a1f;border:1px solid #c8702a66;border-radius:12px;margin-top:.85rem;padding:.85rem 1rem;font-size:.9rem;line-height:1.5}.callout.warn{background:#ef44441f;border-color:#ef444473}.callout strong{color:var(--amber-bright)}.footer-note{border-top:1px solid var(--line);color:var(--muted);margin-top:2rem;padding-top:1rem;font-size:.8rem;line-height:1.55}.buddy-strip{grid-template-columns:1fr 1fr;display:grid}.buddy-strip figure{margin:0}.buddy-strip figure+figure{border-left:1px solid var(--line)}.buddy-shot{aspect-ratio:1;object-fit:cover;object-position:16% 42%;background:#0d0b09;width:100%}.buddy-strip .caption{border:0;margin:0;padding:.45rem .55rem .55rem}.main-tabs{top:env(safe-area-inset-top,0px);z-index:30;border:1px solid var(--line);backdrop-filter:blur(12px);background:#0e0c0aeb;border-radius:14px;grid-template-columns:repeat(6,1fr);gap:.25rem;margin:0 0 .85rem;padding:.3rem;display:grid;position:sticky;overflow:hidden}.main-tabs .tab{text-align:center;border-radius:10px;min-height:40px;padding:.45rem .15rem;font-size:.82rem}.tab-panel[hidden]{display:none}.section{margin:.85rem 0 1.15rem}.brief-board .section{margin:.35rem 0 .8rem}.brief-note{color:var(--muted);margin:0 0 .65rem;font-size:.82rem;line-height:1.45}.brief-stats{gap:.45rem;margin-bottom:.55rem}.brief-board .stat{border-radius:12px;padding:.5rem .65rem}.brief-board .stat .label{margin-bottom:.15rem;font-size:.72rem}.brief-board .stat .value{font-size:1rem}.brief-board .stat .hint{margin-top:.12rem;font-size:.74rem}.brief-board .rows{gap:.4rem}.brief-board .row{gap:.55rem;padding:.5rem .65rem}.brief-board .row h3{font-size:.9rem}.brief-board .row p{margin-top:.08rem;font-size:.8rem}.brief-board .lead{width:2.1rem;height:2.1rem;font-size:.78rem}.brief-charts{margin-top:.55rem;padding:.7rem .75rem}.brief-board .tabs{margin-bottom:.55rem}.brief-board .bars{gap:.42rem}.brief-board .track{height:.68rem}.brief-board .pie{width:140px;height:140px}@media (width<=420px){.brief-stats{grid-template-columns:1fr 1fr}}.grid-4>*,.grid-3>*,.grid-2>*,.team-icons>*,.pair-grid>*{min-width:0}@media (width<=900px){.grid-4,.grid-3,.team-icons{grid-template-columns:repeat(2,1fr)}.pair-grid,.pie-wrap,.grid-2{grid-template-columns:1fr}.section-head{flex-wrap:wrap;align-items:start}.section-cap{text-align:left;max-width:none}.bar-row{grid-template-columns:4.5rem 1fr 3.5rem}.pie{margin-inline:auto}}@media (width<=640px){.wrap{width:100%;padding:.75rem max(.9rem, env(safe-area-inset-right,0px)) calc(2.75rem + env(safe-area-inset-bottom,0px)) max(.9rem, env(safe-area-inset-left,0px))}.hero{border-radius:16px;flex-direction:column;display:flex}.hero-media{aspect-ratio:16/10;max-height:200px}.hero-overlay{background:linear-gradient(180deg, #120e0a33, #120e0af5 22%, var(--panel));justify-content:flex-start;padding:.95rem 1rem 1.15rem;position:relative;inset:auto}.hero h1{font-size:1.32rem}.hero-sub{font-size:.9rem}.nav{margin-inline:calc(-1 * max(.9rem, env(safe-area-inset-left,0px)));padding:.15rem max(.9rem, env(safe-area-inset-right,0px)) .85rem max(.9rem, env(safe-area-inset-left,0px));-webkit-overflow-scrolling:touch}.nav a{align-items:center;min-height:44px;padding:.55rem .9rem;display:inline-flex}.section-head{flex-direction:column;align-items:flex-start;gap:.35rem}.grid-3{grid-template-columns:1fr}.grid-4,.team-icons{grid-template-columns:1fr 1fr}.monster-pair{grid-template-columns:1fr}.row{grid-template-columns:2.4rem 1fr}.row .pill{grid-column:2;justify-self:start}.bar-row{grid-template-columns:1fr auto;gap:.3rem .65rem}.bar-row .track{grid-column:1/-1}.check-item{grid-template-columns:1.2rem 1fr}.check-item .meta{grid-column:2;justify-self:start}.pair{grid-template-columns:1fr auto 1fr}.pair .edge{transform:none}.tabs{border-radius:14px;width:100%;display:flex}.tab{text-align:center;flex:1;min-height:44px}.gear-hero{aspect-ratio:16/10;max-height:180px}}@media (width<=420px){.grid-4,.brief-stats{grid-template-columns:1fr 1fr}}