#fg-dock{position:fixed;z-index:3;right:18px;top:58px;display:flex;gap:6px}#fg-dock button{font:12px "PingFang SC",sans-serif;color:#dbd4b9;background:#141b21dc;border:1px solid #63634d;padding:7px 11px;cursor:pointer;border-radius:3px}
#fg-dock [hidden]{display:none!important}#fg-toggle-minimap,#fg-switch-weapon{white-space:nowrap}#fg-dock button:disabled{opacity:.48;cursor:default}#fg-dock button:focus-visible{outline:2px solid #d1b16d;outline-offset:2px}
#field-guide{width:min(1184px,calc(100vw - 54px));height:min(646px,calc(100vh - 54px));box-sizing:border-box;max-height:none;max-width:none;padding:18px 22px;background:#111a1f;color:#dddcc8;border:1px solid #7b8060;border-radius:5px;box-shadow:0 18px 85px #000c;font:13px "PingFang SC",sans-serif;overflow:hidden}#field-guide::backdrop{background:#060b11cc;backdrop-filter:blur(3px)}#field-guide [hidden]{display:none!important}#field-guide button,#field-guide select,#field-guide input{font:inherit;color:inherit;border:1px solid #455354;background:#1d292e;border-radius:3px;padding:6px 8px}#field-guide button{cursor:pointer}#field-guide button:disabled{opacity:.3;cursor:default}#field-guide button:focus-visible,#field-guide input:focus-visible,#field-guide select:focus-visible{outline:2px solid #d1b16d;outline-offset:2px}.fg-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #455149;padding-bottom:12px;gap:18px}.fg-header small{font:10px monospace;letter-spacing:2px;color:#9ea78f}.fg-header h1{font-size:24px;letter-spacing:3px;margin:4px 0 0}.fg-header [role=tablist]{display:flex;gap:8px}.fg-header button[aria-selected=true]{background:#8b7950;color:#fbf2d5;border-color:#c3ad7a}#fg-progress{margin:10px 0;color:#a4ae9c;font-size:12px}.fg-library{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;height:calc(min(646px,100vh - 54px) - 132px)}.fg-index{display:flex;flex-direction:column;min-height:0}.fg-filters{display:flex;gap:5px;margin-bottom:9px}.fg-filters input{min-width:80px;flex:1}.fg-filters select{max-width:120px;font-size:11px!important}#fg-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:96px;gap:7px;overflow:auto;align-content:start;flex:1}.fg-card{position:relative;padding:2px 3px 6px!important;display:flex;flex-direction:column;align-items:center;background:#152228!important;border-color:#374745!important;min-width:0}.fg-card small{position:absolute;left:7px;top:5px;font:10px monospace;color:#879c91}.fg-card canvas{width:110px;height:64px;max-width:100%;image-rendering:pixelated;box-shadow:none;flex:none}.fg-card span{font-size:12px;line-height:19px}.fg-card[aria-pressed=true]{border-color:#d2b572!important;background:#2b322e!important}.fg-card.seen:after{content:'•';position:absolute;right:8px;top:2px;color:#a5cda8}.fg-card:hover{border-color:#94a087!important}.fg-pages{display:flex;align-items:center;justify-content:space-between;margin-top:8px;color:#aab6aa}.fg-pages span{font:12px monospace}.fg-empty{grid-column:1/-1;text-align:center;margin:90px 0;color:#9daa9c}.fg-detail{overflow:auto;border-left:1px solid #455149;padding-left:17px}.fg-ident small{font:11px monospace;letter-spacing:2px;color:#bca26d}.fg-ident h2{font-size:23px;letter-spacing:2px;margin:5px 0}.fg-ident p{margin:0;color:#9dad9e;font-size:12px}.fg-specimen{position:relative;background:radial-gradient(ellipse at center,#35403a66,transparent 70%);margin-top:5px}.fg-specimen canvas{width:100%;height:184px;object-fit:contain;image-rendering:pixelated;box-shadow:none}.fg-specimen select{position:absolute;right:1px;bottom:1px;font-size:11px!important}.fg-detail-text h3{font-size:12px;color:#d6b87e;font-weight:normal;letter-spacing:2px;margin:12px 0 4px}.fg-detail-text p{line-height:1.7;margin:4px 0;color:#c2cbbd;font-size:12px}#fg-record{border-top:1px solid #455149;padding-top:8px;color:#96c5a7}.fg-map-top{display:flex;align-items:center;justify-content:space-between;color:#b3bea9}.fg-map-top label{font-size:12px}#fg-map-canvas{width:100%;height:235px;background:#0b1319;border:1px solid #344846;box-shadow:none;box-sizing:border-box}.fg-map-note{font-size:12px;color:#8ea496;line-height:1.6}#fg-room-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px;max-height:200px;overflow:auto}.fg-map-room{display:grid;grid-template-columns:130px 1fr;border-top:1px solid #30413c;padding-top:7px;gap:4px}.fg-map-room strong{font-size:13px;font-weight:normal;color:#d3c598}.fg-map-room span{font:11px monospace;color:#9fac9b;text-align:right}.fg-map-room small{grid-column:1/-1;font-size:11px;color:#8ba094}body[data-review=true] #fg-dock{top:54px}
@media(max-width:900px){#field-guide{width:calc(100vw - 24px);height:calc(100vh - 24px);padding:12px}.fg-library{grid-template-columns:minmax(0,1fr) 270px;height:calc(100vh - 150px);gap:10px}#fg-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.fg-filters{flex-wrap:wrap}.fg-header h1{font-size:18px}.fg-header{gap:7px}.fg-header small{letter-spacing:0}.fg-header [role=tablist]{gap:3px}.fg-map-room{grid-template-columns:100px 1fr}}

.fg-map-viewport{overflow-x:auto;border:1px solid #344846;height:252px}#fg-map-canvas{display:block;min-width:960px;border:0;height:235px}.fg-detail{scrollbar-width:thin;scrollbar-color:#68705a #142027}.fg-card canvas{height:auto;aspect-ratio:128/74;max-height:64px}
@media(max-width:650px){#fg-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.fg-library{grid-template-columns:minmax(0,1fr) 250px}.fg-header{flex-wrap:wrap}.fg-header [role=tablist]{margin-left:auto}.fg-filters select{max-width:110px}.fg-map-room span{font-size:10px}}

/* 地图始终可以读到房间名；全图用于选区，聚焦图显示该区五间房。 */
#fg-map{height:calc(min(646px,100vh - 54px) - 114px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#68705a #142027}.fg-map-top{gap:10px}.fg-map-top>div{display:flex;align-items:center;gap:12px}.fg-map-top select{max-width:210px}.fg-map-top p{margin:11px 0}.fg-map-top label{white-space:nowrap}#fg-area-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-bottom:10px}.fg-area-button{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:7px 8px!important;background:#18242a!important;border-color:#536961!important}.fg-area-button strong{font-size:12px;font-weight:normal;color:#d3d9c7}.fg-area-button small{font-size:10px;color:#8eaaa0}.fg-area-button[aria-pressed=true]{background:#3b3e30!important;box-shadow:inset 0 0 0 1px #b5a76a}.fg-map-viewport{height:282px;overflow-x:auto;overflow-y:hidden}#fg-map-canvas{height:280px;min-width:960px}.fg-map-note{margin:9px 0}#fg-room-list{max-height:none;padding-bottom:12px}.fg-map-room{grid-template-columns:minmax(110px,.9fr) minmax(130px,1.1fr)}.fg-map-room small:last-child{color:#b5ad87}.fg-boss-library{display:grid;grid-template-columns:minmax(0,1fr) 350px;height:calc(min(646px,100vh - 54px) - 146px);gap:18px}#fg-boss-progress{font-size:12px;color:#a4ae9c;margin:11px 0}#fg-boss-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:196px;gap:10px;overflow:auto;align-content:start}.fg-boss-card{display:flex;flex-direction:column;align-items:center;gap:4px;background:#182329!important;padding:6px!important;min-width:0}.fg-boss-card canvas{width:160px;max-width:100%;height:126px;object-fit:contain;image-rendering:pixelated;box-shadow:none}.fg-boss-card strong{font-size:16px;font-weight:normal;color:#ded0a6}.fg-boss-card small{font-size:10px;color:#9bb6ac;align-self:flex-start}.fg-boss-card span{font-size:11px;color:#a7b6ad;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fg-boss-card[aria-pressed=true]{background:#3c3a2c!important;border-color:#c5ac72!important}.fg-boss-detail{overflow:auto;border-left:1px solid #455149;padding-left:18px;scrollbar-width:thin}.fg-boss-detail>small{font:11px monospace;color:#bba470}.fg-boss-detail h2{font-size:24px;margin:6px 0}.fg-boss-detail>p{font-size:12px;color:#9dad9e;margin:4px 0}.fg-boss-detail>canvas{width:100%;height:205px;object-fit:contain;image-rendering:pixelated;box-shadow:none;background:radial-gradient(ellipse at center,#46514355,transparent 70%)}#fg-boss-record{border-top:1px solid #455149;padding-top:8px;color:#96c5a7}#fg-boss-preview{display:block;color:#d9c08a;padding:8px 0;text-decoration:none}
@media(max-width:900px){#fg-area-list{grid-template-columns:repeat(3,minmax(0,1fr))}.fg-boss-library{grid-template-columns:minmax(0,1fr) 290px;gap:10px}#fg-boss-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.fg-map-top{align-items:flex-start;flex-direction:column;gap:0}.fg-map-top>div{width:100%;justify-content:space-between;margin-bottom:8px}}