.zw-board-wrap{margin-inline:calc(var(--gutter) * -.45)}.zw-board{--cell-h:clamp(7.6rem, 16.5vw, 13.5rem);grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4, minmax(var(--cell-h), auto));border:1px solid var(--jin-deep);background:color-mix(in srgb, var(--xuan-2) 80%, transparent);display:grid;position:relative;box-shadow:0 40px 80px -50px #000}.zw-cell{min-width:0;box-shadow:inset 0 0 0 .5px var(--line);color:var(--yue);text-align:left;letter-spacing:0;transition:background-color .45s var(--ease-out), box-shadow .45s var(--ease-out);-webkit-tap-highlight-color:transparent;background:0 0;border:0;grid-template-rows:1fr auto auto;gap:.15rem;padding:clamp(.3rem,.9vw,.7rem);font-size:clamp(.72rem,.55rem + .55vw,.98rem);line-height:1.2;display:grid;position:relative;overflow:hidden}.zw-cell:hover{background:color-mix(in srgb, var(--wei-deep) 14%, transparent)}.zw-cell.is-linked{background:color-mix(in srgb, var(--jin) 7%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--jin) 45%, transparent)}.zw-cell.is-selected{background:color-mix(in srgb, var(--wei-deep) 30%, transparent);box-shadow:inset 0 0 0 1.5px var(--jin)}.zw-cell:focus-visible{outline-offset:-3px}.zw-stars{flex-wrap:wrap;align-content:flex-start;gap:.1em .28em;min-height:0;display:flex}.zw-star{flex-direction:column;align-items:center;gap:.12em;display:inline-flex}.zw-star b{writing-mode:vertical-rl;text-orientation:upright;letter-spacing:.04em;font-weight:600}.zw-star i{color:var(--yue-3);font-size:.72em;font-style:normal}.zw-star.is-major b{color:var(--yue);font-size:1.14em;font-weight:900}.zw-star.is-soft b{color:var(--jin-bright)}.zw-star.is-tough b{color:#e39683}.zw-star.is-adj b{color:var(--yue-3)}.zw-empty{color:var(--yue-3);font-size:.86em}.mut{border-radius:2px;place-items:center;width:1.25em;height:1.25em;font-size:.78em;font-style:normal;font-weight:600;line-height:1;display:inline-grid}.mut--0{background:var(--jin);color:#1c1206}.mut--1{background:var(--wei-deep);color:#fff}.mut--2{color:var(--yue);box-shadow:inset 0 0 0 1px var(--yue-2);background:0 0}.mut--3{background:var(--zhu);color:#fff3e4}.mut--year{opacity:.92;border-radius:50%}.zw-adjs{color:var(--yue-3);flex-wrap:wrap;gap:0 .4em;font-size:.74em;line-height:1.35;display:flex}.zw-flow{flex-wrap:wrap;gap:0 .4em;min-height:1.3em;font-size:.72em;line-height:1.3;display:flex}.zw-flow__d{color:var(--wei)}.zw-flow__y{color:var(--jin)}.zw-foot{justify-content:space-between;align-items:flex-end;gap:.3em;display:flex}.zw-foot i{color:var(--yue-3);font-size:.76em;font-style:normal}.zw-foot__l{line-height:1.25;display:grid}.zw-foot__r{white-space:nowrap;align-items:baseline;gap:.3em;display:flex}.zw-foot__r strong{color:var(--jin-bright);font-size:1.05em;font-weight:900}.zw-cell.is-soul .zw-foot__r strong{background:var(--zhu);color:#fff3e4;border-radius:2px;padding:.08em .3em}.zw-body{border:1px solid var(--wei);color:var(--wei);border-radius:2px;padding:.05em .25em;font-size:.74em;font-style:normal}.zw-center{text-align:center;min-width:0;box-shadow:inset 0 0 0 .5px var(--line);background:radial-gradient(80% 80% at 50% 40%, color-mix(in srgb, var(--wei-deep) 22%, transparent), transparent);pointer-events:none;grid-area:2/2/4/4;align-content:center;gap:.6rem;padding:clamp(.6rem,2vw,1.8rem);display:grid}.zw-center__name{color:var(--yue);text-overflow:ellipsis;white-space:nowrap;font-size:clamp(1.7rem,1rem + 3.4vw,3.6rem);line-height:1.1;overflow:hidden}.zw-center__kv{text-align:left;justify-content:center;gap:.1rem;font-size:clamp(.68rem,.52rem + .55vw,.92rem);line-height:1.6;display:grid}.zw-center__kv>div{grid-template-columns:3.4em 1fr;gap:.6em;display:grid}.zw-center__kv dt{color:var(--yue-3)}.zw-center__kv dd{overflow-wrap:anywhere;min-width:0}.zw-lines{pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.zw-lines__tri,.zw-lines__opp{fill:none;stroke:var(--jin);stroke-width:1px;opacity:.75}.zw-lines__opp{stroke-dasharray:4 5;stroke:var(--wei)}@media (max-width:46rem){.zw-board{--cell-h:clamp(6.4rem, 29vw, 8.6rem)}.zw-cell{gap:.22rem;padding:.3rem .25rem;font-size:clamp(.72rem,3.15vw,.8rem)}.zw-adjs,.zw-foot__l i:first-child{display:none}.zw-stars{gap:.2em .26em}.zw-star i{font-size:.8em}.zw-star.is-major b{font-size:1.1em}.mut{font-size:.84em}.zw-flow{font-size:.8em}.zw-foot{flex-wrap:wrap;gap:.1em .3em}.zw-foot i,.zw-body{font-size:.8em}.zw-foot__r{margin-left:auto}.zw-center{padding:.5rem .4rem}.zw-center__kv{font-size:.72rem;line-height:1.55}.zw-center__kv>div{grid-template-columns:3.1em 1fr;gap:.35em}.zw-center__kv>div:first-child{display:none}}.zw-limits{gap:.8rem;display:grid}.zw-limits__label{font-size:var(--fs-small);letter-spacing:.16em;color:var(--yue-2);margin-top:.6rem;font-weight:600}.zw-pills{scrollbar-width:thin;-webkit-overflow-scrolling:touch;gap:.5rem;padding-bottom:.4rem;display:flex;position:relative;overflow-x:auto}.zw-pill{border:1px solid var(--line);min-width:4.4rem;min-height:3.2rem;transition:border-color .25s, background-color .3s var(--ease-out), color .25s;background:0 0;border-radius:2px;flex:none;justify-items:center;padding:.4rem .7rem;line-height:1.3;display:grid}.zw-pill b{font-size:1.12rem}.zw-pill i{font-style:normal;font-size:var(--fs-tiny);color:var(--yue-3)}.zw-pill:hover{border-color:var(--jin-deep)}.zw-pill.is-on{background:var(--jin);border-color:var(--jin);color:#1c1206}.zw-pill.is-on i{color:#4a3511}.zw-limits__now{border-left:1px solid var(--jin);background:color-mix(in srgb, var(--xuan-3) 60%, transparent);gap:.4rem;padding:1rem 1.2rem;display:grid}.zw-mutrow{font-size:var(--fs-small);flex-wrap:wrap;align-items:center;gap:.4rem 1.1rem;display:flex}.zw-mutline{align-items:center;gap:.4rem;display:inline-flex}.zw-detail{scroll-margin-top:calc(var(--header-h) + 1rem);gap:1.1rem;display:grid}.zw-detail:empty{display:none}.zw-detail__head{flex-wrap:wrap;align-items:center;gap:.6rem 1rem;display:flex}.zw-detail__head h3{font-size:clamp(1.5rem,1.2rem + 1.4vw,2.1rem);font-weight:900}.zw-detail__head small{font-size:var(--fs-small);letter-spacing:.1em;color:var(--yue-3);margin-left:.8rem;font-weight:400}.zw-detail__brief{color:var(--yue-2);max-width:46em}.zw-detail__stars{gap:1rem 2rem;display:grid}@media (min-width:52rem){.zw-detail__stars{grid-template-columns:repeat(2,minmax(0,1fr))}}.zw-item{border-top:1px solid var(--line);align-content:start;gap:.35rem;padding-top:.9rem;display:grid}.zw-item h4{letter-spacing:.08em;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:1.15rem;font-weight:900;display:flex}.zw-adjlist{font-size:var(--fs-small);gap:.3rem 2rem;display:grid}@media (min-width:46rem){.zw-adjlist{grid-template-columns:repeat(2,minmax(0,1fr))}}.zw-adjlist b{min-width:3em;color:var(--yue);font-weight:600;display:inline-block}.zw-overview{gap:.8rem;display:grid}.zw-theme summary span{flex-wrap:wrap;align-items:baseline;gap:.2rem 1rem;font-size:1.1rem;font-weight:900;display:flex}.zw-theme summary small{font-size:var(--fs-small);letter-spacing:.06em;color:var(--yue-3);font-weight:400}.zw-theme>div{gap:.6rem;max-width:48em;display:grid}.zw-theme>div p{color:var(--yue)}.zw-theme>div p.small{color:var(--yue-2)}@media print{.zw-limits .zw-pills,.zw-limits__label{display:none}.zw-board{--cell-h:9.5rem;box-shadow:none;background:0 0;border-color:#555}.zw-cell,.zw-star b,.zw-center__name,.zw-foot__r strong,.zw-theme>div p{color:#111!important}.zw-cell{box-shadow:inset 0 0 0 .5px #888}.zw-lines{display:none}}
