.jump-nav{position:sticky;top:0;z-index:5;display:flex;gap:8px;margin:20px 0 34px;padding:10px;overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:rgba(5,20,17,.96);scrollbar-width:thin}.jump-nav a{flex:0 0 auto;padding:7px 10px;border-radius:9px;color:var(--ink);font-size:.84rem;font-weight:800;text-decoration:none}.jump-nav a:hover,.jump-nav a:focus-visible{background:rgba(255,201,90,.16);color:var(--gold)}.how-to-read h2{margin-top:1.8rem}.tile-group{scroll-margin-top:80px}.tile-group h2{margin-bottom:0}.group-count{margin:.25rem 0 1rem;color:var(--muted);font-size:.86rem}.tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tile-card{min-width:0;padding:16px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025));box-shadow:0 14px 35px rgba(0,0,0,.13)}.tile-card:target{outline:3px solid var(--gold);outline-offset:3px}.tile-card figure{display:grid;grid-template-columns:94px 1fr;gap:14px;align-items:center;margin:0 0 13px}.atlas-tile{display:grid;place-items:center;width:84px;height:116px;padding:9px 6px;border:1px solid #d5c59d;border-radius:11px;background:linear-gradient(145deg,#fffdf5,#e8dcc0);color:#17211e;box-shadow:0 4px 0 #88795e,0 9px 18px rgba(0,0,0,.24)}.atlas-tile .tile-art{position:relative;display:grid;place-items:center;width:68px;height:96px;margin:auto}.tile-card figcaption{display:grid;gap:4px;min-width:0}.tile-card figcaption strong{font:850 1.06rem/1.2 Outfit,system-ui,sans-serif}.tile-card figcaption span{color:var(--mint);font-size:.95rem}.tile-card dl{display:grid;gap:0;margin:0}.tile-card dl>div{display:grid;grid-template-columns:92px 1fr;gap:8px;padding:7px 0;border-top:1px solid var(--line)}.tile-card dt{color:var(--muted);font-size:.76rem;font-weight:800}.tile-card dd{min-width:0;margin:0;font-size:.82rem;overflow-wrap:anywhere}.tile-card>p{margin:12px 0 0;color:var(--muted);font-size:.86rem}.tile-character{font-family:KaiTi,STKaiti,serif}.tile-character .tile-rank{position:absolute;top:0;left:4px;color:#171b1a;font-size:20px}.tile-character .tile-wan{color:#bf2f2c;font-size:48px;line-height:.85}.tile-honor{font-family:KaiTi,STKaiti,serif;font-size:48px;font-weight:900}.honor-wind{color:#151b1a}.honor-red{color:#c62d2b}.honor-green{color:#277348}.honor-white i{display:block;width:40px;height:56px;border:3px solid #202927;border-radius:2px;box-shadow:inset 0 0 0 3px #fffdf5}.tile-suit-svg{display:block;width:52px;height:72px;margin:auto}.animal-art svg,.numbered-bonus svg{display:block;width:62px;height:78px;overflow:visible}.animal-line,.bonus-line{fill:none;stroke:#513b30;stroke-linecap:round;stroke-linejoin:round}.animal-fill{fill:#bc4e45}.animal-secondary{fill:#34745a}.animal-gold{fill:#d7a53e}.animal-cream{fill:#f4e6c5}.animal-dark{fill:#27332e}.bonus-hanzi{font:900 11px KaiTi,STKaiti,serif;text-anchor:middle;fill:#263c33}.bonus-number{position:absolute;top:0;left:1px;z-index:1;color:#ba3030;font:900 13px Georgia,serif}.tile-dots,.tile-bamboo-pips{position:relative;display:block;width:56px;height:76px;margin:auto}.tile-dots i,.tile-bamboo-pips i{position:absolute;transform:translate(-50%,-50%)}.tile-bamboo-pips i{width:8px;height:22px;border:2px solid currentColor;border-radius:2px;background:#f7f0d9;color:#176b42}.tile-bamboo-pips i:before,.tile-bamboo-pips i:after{content:"";position:absolute;left:-2px;right:-2px;height:2px;background:currentColor}.tile-bamboo-pips i:before{top:5px}.tile-bamboo-pips i:after{top:11px}.method-note{margin-top:3.3rem;padding:22px;border:1px solid rgba(118,228,189,.35);border-radius:17px;background:rgba(118,228,189,.07)}.method-note h2{margin-top:0}.method-note p{color:var(--muted)}@media(max-width:960px){.tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.jump-nav{margin-inline:-6px}.tile-grid{grid-template-columns:1fr}.tile-card figure{grid-template-columns:82px 1fr}.atlas-tile{width:74px;height:104px}.atlas-tile .tile-art{width:60px;height:86px}.tile-card dl>div{grid-template-columns:82px 1fr}}@media print{.jump-nav,.site-head,.actions{display:none}.tile-grid{grid-template-columns:repeat(3,1fr)}.tile-card{break-inside:avoid;box-shadow:none}.tile-card>p{color:#333}.atlas-tile{box-shadow:0 2px 0 #88795e}}