:root{--paper:#f4f0e7;--surface:#fbf8f0;--ink:#253735;--muted:#7c8274;--line:#d9d6c8;--a:#327c76;--b:#b87543;font-family:"Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid #ad905b;outline-offset:4px}[hidden]{display:none!important}main{max-width:1420px;margin:auto;padding:12px 20px 28px}.comparison{width:100%;border-spacing:0;table-layout:fixed}.character-col{width:18%}.comparison th{font-size:13px;letter-spacing:2px;font-weight:500;padding:10px;background:#eeeee4;border-bottom:1px solid var(--line)}.comparison th:first-child{color:var(--a)}.comparison th:last-child{color:var(--b)}.comparison td{vertical-align:middle;border-bottom:1px solid var(--line)}.character-cell{padding:22px 12px;background:#efeee4}.puzzle-cell{padding:30px 22px;background:#fbf9f2;border-left:1px solid var(--line);border-right:1px solid var(--line)}.character-panel{display:flex;flex-direction:column;align-items:center;text-align:center;--accent:var(--a)}.character-panel[data-team=B]{--accent:var(--b)}.character-button{width:100%;display:block;border:0;background:transparent;padding:7px 0;position:relative;border-radius:8px}.character-name{display:block;font-family:"STSong","SimSun",serif;font-size:25px;font-weight:600;letter-spacing:2px}.portrait-window{display:block;height:270px;max-width:200px;margin:12px auto 0;overflow:hidden;mix-blend-mode:multiply;border-radius:60px 60px 20px 20px;transition:transform .3s}.portrait-window svg{width:100%;height:100%;display:block;overflow:hidden}.character-button:hover .portrait-window{transform:translateY(-3px)}.character-button[aria-pressed=true]{background:color-mix(in srgb,var(--accent) 8%,transparent)}.character-button[aria-pressed=true]:after{content:"";display:block;width:30px;height:3px;background:var(--accent);border-radius:2px;margin:10px auto 0}.tool-button{display:block;margin:10px auto 0;padding:6px;border:0;background:transparent;border-radius:8px;width:110px}.tool-illustration{display:block;height:66px;transition:transform .3s}.tool-illustration svg{width:100%;height:100%}.tool-button:hover .tool-illustration{transform:rotate(-5deg)}.module-host{min-width:0}.module-host canvas{max-width:100%;touch-action:none}
@media(max-width:1000px){main{padding:8px 10px 20px}.puzzle-cell{padding:24px 12px}.character-cell{padding:20px 7px}.portrait-window{height:230px}.character-name{font-size:22px}.tool-button{width:90px}}
@media(max-width:640px){main{padding:0 6px 16px}.comparison,.comparison tbody{display:block}.comparison colgroup,.comparison thead{display:none}.comparison tr{display:grid;grid-template-columns:1fr 1fr}.comparison td{display:block;min-width:0}.character-cell:first-child{grid-area:1/1;border-right:1px solid var(--line)}.character-cell:last-child{grid-area:1/2}.comparison .puzzle-cell{grid-area:2/1/3/3;border-left:0;border-right:0;padding:18px 10px 24px}.character-cell{padding:12px 6px}.character-panel{display:grid;grid-template-columns:minmax(0,1fr) 55px;gap:4px}.character-name{font-size:19px}.portrait-window{height:145px;margin-top:8px;max-width:108px}.tool-button{width:55px;padding:0;margin:0}.tool-illustration{height:48px}.character-button[aria-pressed=true]:after{margin-top:5px;width:22px;height:2px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
.ability-copy{width:100%;max-width:200px;margin:15px auto 0;text-align:left}.ability-copy strong{display:block;color:var(--accent);font-size:13px;font-weight:600;line-height:1.6;margin-bottom:6px}.ability-copy p{font-size:13px;line-height:1.85;color:#536358;margin:0;text-wrap:pretty}
@media(max-width:1000px){.ability-copy{margin-top:10px}.ability-copy p{font-size:12px;line-height:1.8}}
@media(max-width:640px){.ability-copy{grid-column:1/3;max-width:none;align-self:start;margin:9px 0 0;padding:0 5px}.ability-copy strong{font-size:12px;margin-bottom:4px}.ability-copy p{font-size:12px;line-height:1.8}.character-panel{align-items:start}.tool-button{align-self:center}}