:root{--bg: #0e1013;--panel: #161a20;--panel-2: #1c2129;--line: #272d37;--text: #e6e9ee;--muted: #8a93a2;--accent: #6fd3b0;--gold: #f0c05a;--bad: #e0705f}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:14px/1.55 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}#app{height:100%}#app:not(.is-playing){overflow-y:auto}#app.is-playing{display:grid;grid-template-rows:auto auto 1fr auto;height:100%}button,select{font:inherit;color:inherit}.intro{max-width:900px;margin:0 auto;padding:6vh 24px;text-align:center}.intro h1{font-size:34px;margin:0 0 6px;letter-spacing:.01em}.intro header p{color:var(--muted);margin:0 0 32px}.picks{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.intro .you{color:var(--text);font-size:16px;line-height:1.5;max-width:640px;margin:0 auto 26px}.intro .you strong{color:var(--accent)}.pick.is-chosen{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent) inset}.pick .wearing{display:block;color:var(--muted);font-size:11px;font-style:italic;margin:-6px 0 10px}.pick .role{display:inline-block;font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--accent);border:1px solid var(--line);border-radius:10px;padding:1px 8px;margin-bottom:6px}.maker{margin-top:22px;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px 20px}.maker h2{margin:0 0 14px;font-size:17px}.maker .field{display:grid;grid-template-columns:92px 1fr;align-items:center;gap:12px;margin-bottom:10px}.maker .field>span{color:var(--muted);font-size:12px}.maker input[type=text],.maker input:not([type]){background:var(--panel-2);border:1px solid var(--line);border-radius:8px;color:var(--text);padding:7px 10px;font:inherit;font-size:14px;width:100%}.maker input[type=range]{width:100%;accent-color:var(--accent)}.swatches{display:flex;flex-wrap:wrap;gap:6px}.swatch{width:22px;height:22px;border-radius:6px;border:2px solid transparent;cursor:pointer;padding:0}.swatch.is-on{border-color:var(--text);transform:scale(1.12)}.maker-fields{display:grid;grid-template-columns:1fr 1fr;gap:2px 30px}.maker .field.wide{grid-column:1 / -1;max-width:420px}.maker-actions{display:flex;gap:10px;margin-top:16px}.intro-lang{display:flex;gap:8px;justify-content:center;margin:18px 0 8px}.lang{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;color:var(--muted);padding:5px 14px;font:inherit;font-size:12px;cursor:pointer}.lang.is-on{border-color:var(--accent);color:var(--accent)}.maker-actions .btn:not(.ghost){background:var(--accent);color:#0b0f14;font-weight:700;border-color:var(--accent)}.maker-actions .btn{flex:1}.small{font-size:11px}.pick{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px;cursor:pointer;transition:border-color .14s,transform .14s;text-align:center}.pick:hover{border-color:var(--accent);transform:translateY(-2px)}.pick h3{margin:8px 0 4px}.pick p{color:var(--muted);margin:0 0 12px;font-size:13px;min-height:38px}.pick-art{width:100%;height:220px;display:block}.pick dl{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:0}.pick dl div{background:var(--panel-2);border-radius:8px;padding:6px 4px}.pick dt{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.05em}.pick dd{margin:0;font-weight:650}.topbar{display:flex;align-items:center;gap:10px 18px;padding:10px 16px;background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap}.brand b{letter-spacing:.02em}.meter{display:flex;flex-direction:column;min-width:130px;font-size:12px}.meter .label{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.meter span:not(.label){font-weight:650}.meter small{color:var(--accent)}.bar{height:5px;background:#0d1015;border-radius:3px;overflow:hidden;margin-top:3px}.bar span{display:block;height:100%;background:var(--accent);transition:width .18s linear}#day-bar{background:var(--gold)}.topbar .btn,.topbar a.btn{margin-left:auto}.topbar a.btn+a.btn,.topbar .btn+a.btn{margin-left:6px}.tabs{display:flex;flex-wrap:wrap;gap:2px;padding:0 12px;background:var(--panel);border-bottom:1px solid var(--line)}.tab{background:none;border:none;border-bottom:2px solid transparent;padding:10px 14px;cursor:pointer;color:var(--muted);display:flex;gap:6px;align-items:center}.tab:hover{color:var(--text)}.tab.is-active{color:var(--accent);border-bottom-color:var(--accent)}.tab-icon{font-size:15px}.screen{overflow-y:auto;padding:18px;scrollbar-width:thin}.log{border-top:1px solid var(--line);background:var(--panel);padding:6px 16px;max-height:116px;overflow:hidden;font-size:12px}.log-line{color:var(--muted)}.log-good{color:var(--accent)}.log-bad{color:var(--bad)}.panel.frame-wood,.panel.frame-leather,.panel.frame-parchment,.panel.frame-brass{background:linear-gradient(180deg,#191d24,#14171c);border-radius:0;padding:14px 16px 16px}.map-detail.frame-parchment{padding-top:0}.frame-parchment{color:var(--text)}.village-banner{position:relative;margin-bottom:16px;overflow:hidden;background:#0f1216;min-height:168px;display:flex;align-items:flex-end}.village-art{position:absolute;inset:0;width:100%;height:100%;display:block}.village-plate{position:relative;margin:12px;padding:10px 16px;background:#0d1015d9;border-left:3px solid var(--gold);border-radius:4px;max-width:460px;backdrop-filter:blur(2px)}.village-plate h2{margin:0;font-size:19px;color:var(--gold);letter-spacing:.01em}.village-plate p{margin:2px 0 8px;font-size:12px;color:#d8cdb4}.village-plate small{color:var(--muted);font-size:11px}.village-meter{height:6px;background:#0007;border-radius:3px;overflow:hidden;margin-bottom:5px}.village-meter span{display:block;height:100%;background:linear-gradient(90deg,#a9812f,var(--gold))}.expedition{display:grid;grid-template-columns:1fr minmax(280px,340px);gap:16px;align-items:start}.map-wrap{background:#2a1d0d;padding:6px;overflow:hidden}.map-sheet{width:100%;height:auto;display:block}.map-paper{fill:#d9c6a0}.map-grain path{stroke:#8a6f45;stroke-width:1.2;fill:none;opacity:.28}.river{fill:none;stroke:#4a7a9c;stroke-width:7;stroke-linecap:round;opacity:.55}.lake{fill:#4a7a9c;opacity:.5}.trail{fill:none;stroke:#8a6f45;stroke-width:3;stroke-dasharray:7 8;opacity:.4;transition:stroke .14s,stroke-width .14s,opacity .14s}.trail.is-open{stroke:#6b4a2c;opacity:.85;stroke-dasharray:none;stroke-width:4}.trail.is-next{stroke:#b8862c;opacity:.75}.trail.is-highlighted{stroke:var(--gold, #f0c05a);stroke-width:6;opacity:1}.village-node .village-halo{fill:#f0c05a;opacity:.18}.village-node .village-disc{fill:#efe0bd;stroke:#6b4a2c;stroke-width:3}.village-label{font:700 15px ui-sans-serif,system-ui;fill:#3c2716}.village-sub{font:11px ui-sans-serif,system-ui;fill:#7a6242}.map-node{cursor:pointer}.map-node .node-halo{fill:var(--accent);opacity:0;transition:opacity .14s}.map-node .node-disc{fill:url(#none);fill:var(--sky1)}.map-node .node-ring{fill:none;stroke:#3c2716;stroke-width:3}.map-node .node-num{font:700 17px ui-sans-serif,system-ui;fill:#fff}.map-node .node-lock{fill:#6b5636}.map-node .node-label{font:600 12px ui-sans-serif,system-ui;fill:#3c2716}.map-node .node-cost{font:700 12px ui-sans-serif,system-ui;fill:#8a5a2c}.map-node .node-cost.can-afford{fill:#2f7a4a}.map-node:hover .node-halo{opacity:.35}.map-node.is-selected .node-halo{opacity:.55}.map-node.is-selected .node-ring{stroke:#2b1d0d;stroke-width:5}.map-node.is-locked .node-disc{fill:var(--sky1);opacity:.4}.map-node.is-locked .node-label{fill:#6b5636}.map-node.is-next .node-ring{stroke:#b8862c;stroke-width:5}.map-node.is-next .node-disc{opacity:.85}.map-node.is-next .node-halo{opacity:.3;animation:map-breathe 2.6s ease-in-out infinite}@keyframes map-breathe{0%,to{opacity:.18}50%{opacity:.42}}.node-body.is-revealing{animation:map-reveal .9s ease-out;transform-origin:center}@keyframes map-reveal{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.12);opacity:1}to{transform:scale(1);opacity:1}}.trail.is-revealing{animation:map-trail-in .7s ease-out}@keyframes map-trail-in{0%{opacity:0}}.node-pips use.on,.pips use.on{color:#a8451f}.node-pips use.off,.pips use.off{color:#3c271633}.map-detail{background:linear-gradient(180deg,#ece0c4,#d8c8a4);color:#2f2416;padding:0 0 14px;overflow:hidden}.detail-preview{position:relative;height:150px;background:#0f1216}.detail-preview svg{width:100%;height:100%;display:block}.detail-tag{position:absolute;left:8px;bottom:8px;background:#0d1015cc;color:#9ad8ff;font-size:11px;padding:2px 8px;border-radius:10px}.detail-body{padding:12px 16px 0}.detail-body h3{margin:0 0 2px;font-size:17px;color:#3c2716}.detail-body .muted{color:#6b5636}.detail-body .small{font-size:11px}.rename{background:none;border:0;color:var(--muted);cursor:pointer;font-size:12px;padding:0 4px;opacity:.5}.rename:hover{color:var(--accent);opacity:1}.body-line{margin:4px 0 2px;display:flex;flex-wrap:wrap;gap:4px}.body-line .tag{font-size:10px;text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--line);border-radius:9px;padding:1px 7px;color:var(--muted)}.body-line .t-fly{color:#8fd8f0;border-color:#4a7f99}.body-line .t-hop{color:#d8c88a;border-color:#7a6a3a}.roster-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:2px 0 12px}.roster-tools label{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}.roster-tools select{background:var(--panel-2);border:1px solid var(--line);border-radius:7px;color:var(--text);padding:4px 8px;font:inherit;font-size:12px}.roster-tools .danger{margin-left:auto;border-color:var(--bad);color:var(--bad)}.roster-tools .danger:hover{background:var(--bad);color:#0b0f14}.hat-thumb{display:block;overflow:visible}.hat-chip{width:22px;height:22px}.hat-card{width:62px;height:62px;margin:0 auto}.detail-body .locked{font-size:12px;color:#8a5a2c;font-weight:650}.detail-stats{display:flex;flex-direction:column;gap:3px;margin:10px 0 12px;font-size:12px}.detail-stats div{display:flex;justify-content:space-between;gap:8px}.detail-stats div{border-bottom:1px dashed #b6a381;padding-bottom:3px}.detail-stats dt{color:#6b5636}.detail-stats dd{margin:0;font-weight:700}.detail-stats .danger{display:flex;align-items:center;gap:6px}.detail-stats .pips{display:inline-block;width:68px;height:12px}.detail-stats .pips svg,.pips{overflow:visible}.btn.big{width:100%;padding:11px;font-size:14px;font-weight:650}.map-detail .btn{background:#c9b287;border-color:#8a6f45;color:#2f2416}.map-detail .btn.gold{background:#e8b855;border-color:#8a5a2c;color:#2b1d0d}.map-detail .btn:disabled{opacity:.5}.intent{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.intent.is-empty{display:none}.intent-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:5px 10px;font-size:12px}.intent-row b{font-weight:650}.intent-row span{color:var(--muted)}.intent-target{color:var(--bad)!important;font-weight:650}.intent-row.is-fleeing{border-color:var(--gold);color:var(--gold);background:linear-gradient(90deg,#2a2010,#1a1610);animation:flee-pulse .9s ease-in-out infinite}.intent-row.is-fleeing span{color:#e0cd9a}.intent-row.is-flying{border-color:#6fb3d3;color:#bfe0f0}.intent-row.is-pack{flex-wrap:wrap;gap:6px}.quarry-pick{border-color:var(--line);color:var(--muted)}.quarry-pick em{font-style:normal;opacity:.7;margin-left:4px}.quarry-pick.is-on{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.reaction{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px 10px;margin-top:8px}.reaction.is-live{border-color:var(--warn, #f0a23a);box-shadow:0 0 0 1px var(--warn, #f0a23a) inset}.reaction.is-hopeless{border-color:var(--bad)}.reaction.is-hopeless .reaction-cue em{color:var(--bad)}.reaction.is-hopeless .wind-bar i{background:var(--bad)}.reaction-head{display:flex;align-items:center;gap:8px;font-size:12px;margin-bottom:6px}.reaction-head .muted{font-size:11px}.reaction-cue em{color:var(--warn, #f0a23a);font-style:normal}.wind-bar{flex:1;height:5px;background:#2a2f38;border-radius:3px;overflow:hidden}.wind-bar i{display:block;height:100%;background:var(--warn, #f0a23a)}.moves{display:flex;flex-wrap:wrap;gap:6px}.move{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:0 7px;align-items:center;text-align:left;background:var(--panel-2);border:1px solid var(--line);border-radius:9px;padding:5px 10px 5px 8px;color:var(--text);cursor:pointer;font:inherit}.move-icon{grid-row:1 / 3;font-size:17px}.move-name{font-size:12px;font-weight:600}.move-who{font-size:10px;color:var(--muted)}.move-cd{grid-row:1 / 3;font-size:11px;color:var(--muted);margin-left:4px}.move:hover:not(:disabled){border-color:var(--accent)}.move.is-cooling{opacity:.4;cursor:default}.move.is-answer{border-color:var(--warn, #f0a23a);color:var(--warn, #f0a23a);box-shadow:0 0 0 1px var(--warn, #f0a23a) inset;animation:move-pulse .5s ease-in-out infinite alternate}@keyframes move-pulse{0%{transform:scale(1)}to{transform:scale(1.05)}}.intent-row.is-fleeing .icon{width:15px;height:15px}@keyframes flee-pulse{0%,to{box-shadow:inset 0 0 #f0c05a29}50%{box-shadow:inset 0 0 40px #f0c05a29}}.escape-bar{flex:1;min-width:90px;height:5px;background:#0007;border-radius:3px;overflow:hidden}.escape-bar i{display:block;height:100%;background:var(--gold);transition:width .12s linear}.doctrine{font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;padding:1px 7px;border-radius:10px;border:1px solid currentColor}.d-feral{color:#8a93a2}.d-fixated{color:#8fb7e8}.d-opportunist{color:var(--gold)}.d-tactician{color:var(--bad)}.mind{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:11px}.mind em{color:var(--muted);font-style:normal;opacity:.75}.command-strip{display:flex;flex-wrap:wrap;gap:5px;align-items:center;margin-bottom:8px;font-size:10px}.command-strip .cmd{padding:2px 8px;border-radius:10px;border:1px solid var(--line);color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.command-strip .cmd.is-on{color:var(--accent);border-color:var(--accent)}.command-strip small{color:var(--muted);margin-left:auto}.icon{width:1em;height:1em;display:inline-block;vertical-align:-.12em}.portrait-wrap{position:relative}.badges{position:absolute;left:6px;top:6px;display:flex;flex-direction:column;gap:4px}.badge{display:inline-flex;align-items:center;gap:4px;background:#0d1015d0;border:1px solid var(--tone);color:var(--tone);border-radius:12px;padding:1px 7px 1px 5px;font-size:10px;font-weight:700;line-height:1.5}.badge .icon{width:12px;height:12px}.badge em{font-style:normal}.hp-badge{pointer-events:none}.banner{position:fixed;left:50%;top:96px;transform:translate(-50%,-14px);z-index:60;display:flex;flex-direction:column;align-items:center;gap:2px;padding:16px 32px;border-radius:14px;background:#1b1206ee;border:2px solid var(--gold);color:var(--gold);text-align:center;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;box-shadow:0 16px 48px #000a;max-width:min(560px,88vw)}.banner strong{font-size:19px;letter-spacing:.01em}.banner span{font-size:13px;color:#e6d4a8}.banner.is-visible{opacity:1;transform:translate(-50%)}.banner.is-good{background:#06180fee;border-color:var(--accent);color:var(--accent)}.banner.is-good span{color:#bfe7d8}.veil{position:fixed;inset:0;background:#000;opacity:0;pointer-events:none;z-index:70;transition:opacity .7s ease}.veil.is-on{opacity:1;pointer-events:all}.set-discovery{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;background:#06080c00;opacity:0;pointer-events:none;transition:opacity .22s ease,background .22s ease}.set-discovery.is-on{opacity:1;pointer-events:all;background:#06080cb8}.set-card{--set-accent: var(--gold);display:flex;flex-direction:column;align-items:center;gap:10px;max-width:min(420px,88vw);padding:26px 32px;border-radius:16px;border:2px solid var(--set-accent);background:linear-gradient(180deg,#171310,#0e0c0a);box-shadow:0 20px 60px #000c,0 0 0 6px #ffffff08;text-align:center;animation:set-card-in .26s ease}.set-card h3{margin:0;font-size:21px;color:var(--set-accent)}.set-card p{margin:0;font-size:13px;color:var(--muted)}.set-kicker{margin:0;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--set-accent);opacity:.85}.set-card .btn{margin-top:6px;padding:10px 28px}.set-armoured .set-card{--set-accent: #9aa3ad}.set-arcane .set-card{--set-accent: #b088e8}.set-wild .set-card{--set-accent: #7fc067}@keyframes set-card-in{0%{opacity:0;transform:scale(.92) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.hat-set-pill{--set-accent: var(--gold);align-self:center;display:flex;align-items:baseline;gap:6px;padding:4px 12px;border-radius:999px;border:1px solid var(--set-accent);background:#00000059;font-size:12px;color:var(--set-accent)}.hat-set-pill span{color:var(--muted);font-size:11px}.hat-set-pill.hat-set-armoured{--set-accent: #9aa3ad}.hat-set-pill.hat-set-arcane{--set-accent: #b088e8}.hat-set-pill.hat-set-wild{--set-accent: #7fc067}.btn{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:8px 12px;cursor:pointer;transition:border-color .12s,background .12s}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.small{padding:4px 8px;font-size:12px}.btn.ghost{background:none}.btn.gold{border-color:var(--gold);color:var(--gold)}.btn.is-on{border-color:var(--accent);color:var(--accent)}a.btn{text-decoration:none}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:16px}.panel h2{margin:0 0 4px;font-size:17px}.panel h2 small,.panel h3 small{color:var(--muted);font-weight:400;font-size:12px}.panel h3{margin:18px 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.cols{display:grid;grid-template-columns:minmax(320px,380px) 1fr;gap:16px;align-items:start}.muted{color:var(--muted)}.empty{color:var(--muted);font-style:italic}.warn{color:var(--gold);margin-left:8px;font-size:12px}.ok{color:var(--accent);font-size:13px}.pill{background:var(--panel-2);border-radius:20px;padding:1px 8px;font-size:11px;color:var(--muted)}.pill.gold{color:var(--gold)}.pill.dark{color:#9ad8ff}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 10px;margin:8px 0}.stats.compact{grid-template-columns:repeat(2,minmax(0,1fr));font-size:12px}.stats div{display:flex;justify-content:space-between;gap:6px;min-width:0}.stats dt{color:var(--muted);flex:none}.stats dd{margin:0;font-weight:650;overflow-wrap:anywhere;text-align:right}.flag{font-size:11px;background:#1a1f27;border-left:2px solid var(--muted);padding:4px 8px;border-radius:4px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.flag.bad{border-left-color:var(--bad);color:var(--bad)}.flag small{color:var(--muted)}.timer{background:var(--panel-2);border-radius:8px;padding:8px 10px;font-size:12px;display:flex;justify-content:space-between;align-items:center;gap:8px}.fx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(126px,1fr));gap:6px;margin:0 0 10px}.fx-effect{display:flex;align-items:center;gap:8px;background:#0d1015;border-radius:8px;padding:7px 10px}.fx-effect.is-on{box-shadow:inset 0 0 0 1px #f0c05a66}.fx-icon{font-size:18px;flex:none;line-height:1}.fx-text{display:flex;flex-direction:column;gap:1px;min-width:0}.fx-label{font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);white-space:nowrap}.fx-value{font-size:15px;font-weight:700;color:var(--gold);overflow-wrap:anywhere}.field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted);max-width:260px}select{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:7px 8px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.card{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.card.is-on{border-color:var(--accent)}.card.is-sold{opacity:.45}.card-body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:6px}.card h4{margin:0;font-size:14px;display:flex;justify-content:space-between;gap:8px;align-items:center}.card p{margin:0;font-size:12px}.portrait{width:100%;height:130px;display:block;background:radial-gradient(ellipse at 50% 40%,#1d232b,#12151a)}.portrait-lg{width:130px;height:190px;flex:none;border-radius:10px}.avatar-row{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-start}.avatar-row .stats{flex:1 1 200px;min-width:0}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:flex;align-items:center;gap:6px;background:var(--panel-2);border:1px solid var(--tier, var(--line));border-radius:20px;padding:4px 10px;font-size:12px;cursor:pointer}.chip.is-on{box-shadow:inset 0 0 0 1px var(--accent)}.chip b{color:var(--tier, var(--text))}.chip em{color:var(--muted);font-style:normal}.assign{display:flex;flex-direction:column;gap:3px;font-size:11px;color:var(--muted)}.assign select{font-size:12px;padding:6px 8px}.card.is-shown{border-color:#7a6a3a}.row{display:flex;gap:8px;flex-wrap:wrap}.form-line{list-style:none;margin:0 0 10px;padding:4px 2px;display:flex;align-items:flex-end;gap:2px;flex-wrap:nowrap;overflow-x:auto}.form-slot{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;width:92px;flex:none;background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:6px 6px 8px;font-size:11px}.form-slot.is-you{border-color:#3d4a5c}.form-slot.is-held{box-shadow:inset 0 0 0 2px var(--accent);opacity:.6}.form-slot.is-open{box-shadow:inset 0 0 0 2px #78dcaa80}.form-portrait{width:100%;height:56px;display:flex;align-items:flex-end;justify-content:center;cursor:grab}.form-portrait[draggable]{cursor:grab}.form-portrait .portrait{width:100%;height:100%;background:none;transform:scale(var(--scale, 1));transform-origin:bottom center}.form-front{flex:none;width:30px;height:56px;margin-bottom:24px;display:flex;align-items:center;justify-content:center;border:1px dashed var(--line);border-radius:8px;color:var(--muted);font-size:16px}.form-front.is-open{border-color:var(--gold);color:var(--gold);box-shadow:inset 0 0 0 2px #e6be5a59}.form-gap{flex:none;width:30px;margin-bottom:24px;display:flex;justify-content:center}.form-gap-input{writing-mode:vertical-lr;direction:rtl;width:16px;height:46px;accent-color:var(--accent)}.rank-badge{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.rank-name{font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.rank-name small{color:var(--muted);font-weight:400}.rank-stats{color:var(--muted);font-size:10px}.rank-threat{font-weight:700;color:var(--gold);font-size:11px}.field.inline{max-width:340px}.biomes{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.biome{border:1px solid var(--line);border-radius:12px;padding:12px;background:linear-gradient(160deg,var(--sky0),var(--sky1));display:flex;flex-direction:column;gap:8px}.biome.is-locked{filter:saturate(.25) brightness(.7)}.biome-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.biome h4{margin:0;font-size:14px}.biome p{margin:0;font-size:12px;color:#fffc}.biome .btn{background:#0e1013cc}.locked{font-size:12px;color:#fffa}.hunt{position:relative;display:flex;flex-direction:column;gap:10px;height:100%}.hunt-over{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;pointer-events:none;background:radial-gradient(ellipse at center,#0a0e1459,#0a0e14b3 75%)}.hunt-over-line{margin:0;padding:6px 18px;border-radius:10px;background:#0a0e14bf;font-size:16px;font-weight:650;text-align:center}.hunt-over-cta{pointer-events:auto;padding:18px 40px;border-width:2px;border-radius:14px;font-size:20px;font-weight:750;letter-spacing:.04em;background:linear-gradient(180deg,#322a12,#221c0d);animation:catch-pulse 1.6s ease-in-out infinite}.stage{width:100%;flex:1;min-height:380px;display:block;border-radius:12px;overflow:hidden;background:#0b0d10}.hunt-bar{display:flex;flex-wrap:wrap;align-items:stretch;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 14px}.odds{margin-right:auto;color:var(--muted);font-size:13px}.odds b{color:var(--accent);font-size:16px}.phase{margin-right:auto;display:flex;flex-direction:column;justify-content:center;gap:5px;min-width:260px}.phase-line{font-size:15px;font-weight:650}.phase-sub{font-size:12px;color:var(--muted)}.phase-sub b{color:var(--accent);font-size:14px}.odds-bar{height:7px;background:#0d1015;border-radius:4px;overflow:hidden;max-width:320px}.odds-bar span{display:block;height:100%;width:0;background:var(--muted);transition:width .14s linear}.odds-bar span.is-ready{background:var(--gold)}.btn.catch{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:150px;padding:10px 20px 13px;border:2px solid var(--line);border-radius:12px;line-height:1.15;overflow:hidden}.btn.catch .catch-icon{font-size:20px}.btn.catch .catch-label{font-weight:750;letter-spacing:.09em;font-size:15px}.btn.catch small{color:var(--muted);font-size:11px}.catch-cooldown{position:absolute;left:6px;right:6px;bottom:5px;height:3px;border-radius:2px;background:#ffffff1f;overflow:hidden;display:block}.catch-cooldown b{display:block;height:100%;width:0;background:var(--accent);transition:width 90ms linear}.btn.catch.is-ready{border-color:var(--gold);color:var(--gold);background:linear-gradient(180deg,#322a12,#221c0d);animation:catch-pulse 1.15s ease-in-out infinite}.btn.catch.is-ready small{color:#d8b962}@keyframes catch-pulse{0%,to{box-shadow:0 0 #f0c05a6b}50%{box-shadow:0 0 0 8px #f0c05a00}}.btn.tall{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:88px}.btn.tall small{color:var(--muted);font-size:10px}.hp-back{fill:#0b0d10cc}.hp-name{fill:#e6e9ee;font:11px ui-sans-serif,system-ui}.danger-mark{pointer-events:none;animation:danger-pulse 1.1s ease-in-out infinite}.danger-mark use{color:#e0705f}.danger-mark text{fill:#e0705f;font:800 11px ui-sans-serif,system-ui;letter-spacing:.06em}@keyframes danger-pulse{0%,to{opacity:1}50%{opacity:.55}}.gib{pointer-events:none}.hat-tell-armoured{animation:hat-shimmer 2.6s ease-in-out infinite;transform-origin:center}@keyframes hat-shimmer{0%,to{filter:brightness(1)}50%{filter:brightness(1.4)}}.hat-tell-wild{animation:hat-twitch 3.2s ease-in-out infinite;transform-origin:50% 100%}@keyframes hat-twitch{0%,84%,to{transform:rotate(0)}88%{transform:rotate(-3.5deg)}93%{transform:rotate(2.5deg)}97%{transform:rotate(-1deg)}}.hat-sparkle{animation:hat-sparkle 2.1s ease-in-out infinite;opacity:0}.hat-sparkle-b{animation-delay:.7s}@keyframes hat-sparkle{0%,to{opacity:0;transform:translateY(0)}45%{opacity:.9;transform:translateY(-.12px)}}.cast-bar{pointer-events:none}.cast-back{fill:#0b0d10cc}.cast-fill{transition:width 90ms linear}.cast-label{fill:#e6e9ee;font:700 9px ui-sans-serif,system-ui;text-transform:uppercase;letter-spacing:.04em}.pens{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-bottom:12px}.pen{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:8px}.pen-head{display:flex;justify-content:space-between;align-items:center}.pen h4{margin:0;font-size:13px}.exhibit-scene{pointer-events:none}.pen-empty{height:130px;display:grid;place-items:center;color:var(--muted);background:#12151a;border-radius:8px;font-style:italic}.picked{display:flex;align-items:center;gap:12px;margin:12px 0 18px}.slot{flex:1;max-width:200px;padding:12px;border:1px dashed var(--line);border-radius:10px;text-align:center;color:var(--muted)}.slot.is-filled{border-style:solid;border-color:var(--accent);color:var(--text)}.gear{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.gear-card{background:var(--panel-2);border:1px solid var(--tier, var(--line));border-radius:12px;padding:12px;text-align:center;display:flex;flex-direction:column;gap:6px}.gear-card.is-sold{opacity:.4}.gear-icon{font-size:26px}.gear-card h4{margin:0;font-size:12px;color:var(--tier);line-height:1.3}.gear-card p{margin:0;font-size:11px;min-height:34px}.gear-effect{display:flex;justify-content:space-between;align-items:baseline;gap:8px;background:#0d1015;border-radius:7px;padding:5px 9px}.gear-effect span{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.gear-effect b{font-size:15px;color:var(--tier)}.gear-meta{font-size:10px;color:var(--muted)}.gear-meta em{color:var(--gold);font-style:normal}.progress{height:8px;background:#0d1015;border-radius:4px;overflow:hidden;margin:10px 0 4px}.progress span{display:block;height:100%;background:var(--accent)}.beast-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.beast{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;opacity:.45}.beast.is-known{opacity:1;border-color:#2f3a46}.beast b{font-size:13px}.beast small{color:var(--muted);font-size:11px}@media (max-width: 1100px){.expedition{grid-template-columns:1fr}}@media (max-width: 960px){.cols,.picks{grid-template-columns:1fr}}@media (max-width: 640px){.rank-row{display:flex;flex-wrap:wrap;row-gap:4px}.maker-fields{grid-template-columns:1fr}.pick dl{grid-template-columns:repeat(2,1fr)}}.teach-layer{position:fixed;inset:0;z-index:60;pointer-events:none}.teach-dim{position:fixed;background:#06080ccc;transition:opacity .12s}.teach-ring{position:fixed;border:2px solid var(--accent);border-radius:10px;box-shadow:0 0 0 3px #6fd3b055,0 0 22px #6fd3b066;animation:teach-breathe 1.4s ease-in-out infinite alternate}@keyframes teach-breathe{0%{box-shadow:0 0 0 3px #6fd3b033,0 0 12px #6fd3b044}to{box-shadow:0 0 0 5px #6fd3b066,0 0 26px #6fd3b088}}.teach-card{position:fixed;width:320px;max-width:calc(100vw - 24px);background:var(--panel);border:1px solid var(--accent);border-radius:12px;padding:13px 15px;pointer-events:auto;box-shadow:0 12px 34px #000a}.teach-card h4{margin:0 0 5px;font-size:15px;color:var(--accent)}.teach-card p{margin:0;font-size:13px;line-height:1.45}.teach-more{display:none;margin-top:8px!important;color:var(--muted);font-size:12px!important}.teach-layer.is-open .teach-more{display:block}.teach-actions{display:flex;gap:8px;margin-top:11px}.teach-actions button{flex:1;border-radius:8px;padding:6px 10px;font:inherit;font-size:12px;cursor:pointer;border:1px solid var(--line);background:var(--panel-2);color:var(--text)}.teach-ok{background:var(--accent)!important;color:#0b0f14!important;font-weight:700;border-color:var(--accent)!important}.teach-layer.is-open .teach-why{display:none}[data-tip]{cursor:help}.tipcard{position:fixed;z-index:70;width:260px;pointer-events:none;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:9px 11px;box-shadow:0 10px 26px #000a}.tipcard b{display:block;font-size:12px;color:var(--accent);margin-bottom:3px}.tipcard span{display:block;font-size:12px;line-height:1.45}.tipcard em{display:block;margin-top:6px;font-style:normal;font-size:11px;color:var(--muted)}.tab.has-nudge{position:relative}.tab.has-nudge:after{content:"";position:absolute;top:8px;right:6px;width:7px;height:7px;border-radius:50%;background:var(--accent);animation:teach-breathe 1.6s ease-in-out infinite alternate}.settings-panel{background:var(--panel);border:1px solid var(--accent);border-radius:12px;padding:14px 16px;margin-bottom:14px;max-width:520px}.settings-panel h3{margin:0 0 12px;font-size:16px}.switch{display:flex;align-items:center;gap:10px;margin-bottom:10px}.switch span{display:flex;flex-direction:column}.switch b{font-size:13px;font-weight:600}.switch em{font-style:normal;font-size:11px;color:var(--muted)}.switch select{margin-left:auto;background:var(--panel-2);border:1px solid var(--line);border-radius:7px;color:var(--text);padding:4px 8px;font:inherit;font-size:12px}.guide{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;margin-top:10px}.guide-entry{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:10px 12px}.guide-entry h4{margin:0 0 5px;font-size:13px;color:var(--accent)}.guide-entry p{margin:0 0 4px;font-size:12px;line-height:1.45}.guide-entry.is-locked{opacity:.45}.guide-entry.is-locked h4{color:var(--muted);font-style:italic}.tempo{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:4px 0 6px}.tempo-label{font-size:12px;opacity:.6;margin-right:2px}.is-paused .stage{filter:saturate(.55) brightness(.82)}.is-paused .stage:after{content:""}.is-dramatic .stage{filter:saturate(1.25) contrast(1.08);box-shadow:inset 0 0 120px 40px #0a14288c;transition:filter .14s ease,box-shadow .14s ease}.is-dramatic .hunt-bar{box-shadow:0 0 0 1px #8cc8ff59}.is-dramatic .tempo-label:after{content:" · slow";color:#8fd8f0}@media (prefers-reduced-motion: reduce){.is-dramatic .stage{transition:none}}.is-night-vision .stage{filter:saturate(.55) sepia(.35) hue-rotate(70deg) saturate(2.2) brightness(1.05);box-shadow:inset 0 0 90px 30px #143c1e80}.log-times{margin-left:6px;padding:0 5px;border-radius:8px;background:#ffffff1f;font-size:11px;opacity:.85}.chip.is-equippable{cursor:pointer}.chip[disabled]{cursor:default;opacity:.92}.chip-act{margin-left:6px;padding:1px 6px;border-radius:8px;background:#ffffff24;font-size:10px;font-style:normal;letter-spacing:.03em}.chip.is-on .chip-act{background:#78dcaa47}.town{display:flex;flex-direction:column;gap:14px}.town-carrying{padding:8px 12px;border-radius:8px;background:#8cc8ff24;box-shadow:inset 0 0 0 1px #8cc8ff59}.plots{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.plot{position:relative;padding:10px;border-radius:12px;background:#ffffff0a;box-shadow:inset 0 0 0 1px #ffffff14;transition:box-shadow .12s ease,background .12s ease}.plot-sign{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.plot-sign span{opacity:.65;font-size:12px}.plot-scene{width:100%;height:92px;display:block}.plot-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;min-height:30px}.plot-list em{opacity:.45;font-size:12px}.plot.is-open{background:#78dcaa1f;box-shadow:inset 0 0 0 2px #78dcaa80}.plot.is-refused{background:#ff786417;box-shadow:inset 0 0 0 2px #ff786466}.plot-refusal{margin-top:6px;font-size:12px;color:#f0a08c}.town-monster{display:flex;align-items:center;gap:6px;padding:3px 8px 3px 3px;border:0;border-radius:999px;background:#ffffff14;color:inherit;font:inherit;font-size:12px;cursor:grab}.town-monster.is-held{background:#8cc8ff4d;cursor:grabbing}.town-portrait{width:26px;height:26px;border-radius:50%;background:#00000040;flex:none}.town-info{display:flex;flex-direction:column;gap:2px;min-width:0}.town-name-row{display:flex;align-items:baseline;gap:4px}.town-name-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.town-level{flex:none;font-size:9px;color:var(--gold);font-weight:700}.town-xp{display:block;width:52px;height:3px;border-radius:2px;background:#ffffff24;overflow:hidden}.town-xp b{display:block;height:100%;background:var(--gold)}.yard-works{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-wrap:wrap;gap:6px;align-items:center}.yard-rating{flex:1 1 100%;margin:0 0 2px;font-size:12px;opacity:.7}.yard-works .btn[disabled]{opacity:.5}.danger-zone{margin-top:16px;padding:12px;border:1px solid var(--bad);border-radius:10px;background:color-mix(in srgb,var(--bad) 8%,transparent)}.danger-zone h4{margin:0 0 4px;font-size:13px;color:var(--bad);letter-spacing:.04em;text-transform:uppercase}.danger-zone p{margin:0 0 10px;font-size:12px;color:var(--muted)}.btn.danger{border-color:var(--bad);color:var(--bad);font-weight:600}.btn.danger:hover{background:var(--bad);color:#0b0f14}.town h2 small{margin-left:8px;font-weight:400;color:var(--muted);font-size:13px}.town-view{position:relative;border-radius:12px;overflow:hidden;margin-bottom:12px;background:var(--panel-2)}.town-sky{display:block;width:100%;height:170px}.town-doors{position:absolute;left:0;right:0;bottom:0;display:flex;flex-wrap:wrap;gap:6px;padding:8px 10px;background:linear-gradient(transparent,#060a10d1 55%)}.door{display:flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#0a1018b8;color:var(--text);font:inherit;font-size:12px;cursor:pointer}.door:hover{border-color:var(--accent);background:#142030e6}.door-icon{font-size:14px}.hint{margin:2px 0 6px;font-size:12px;color:var(--muted)}.zoo-crowd{display:block;width:100%;height:74px}.is-teaching .stage{filter:saturate(.7) brightness(.85)}.is-teaching .hunt-bar{opacity:.55}.town-monster.is-busy{opacity:.7;cursor:default}.town-progress{display:block;width:46px;height:4px;margin-left:4px;border-radius:2px;background:#ffffff29;overflow:hidden}.town-progress b{display:block;height:100%;background:var(--accent);transition:width .2s linear}.paused-banner{margin:0 0 6px;padding:6px 12px;border-radius:8px;background:color-mix(in srgb,var(--bad) 18%,transparent);box-shadow:inset 0 0 0 2px var(--bad);color:var(--bad);font-size:20px;font-weight:800;letter-spacing:.22em;text-align:center;text-transform:uppercase}.bag-group{margin-bottom:10px}.bag-group h4{margin:0 0 5px;font-size:12px;font-weight:600;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.card.is-open,.panel.is-open{box-shadow:inset 0 0 0 2px #78dcaa80}.card.is-refused,.panel.is-refused{box-shadow:inset 0 0 0 2px #ff786466}.chip.is-held{box-shadow:inset 0 0 0 2px var(--accent);cursor:grabbing}.chip.is-equippable{cursor:grab}