:root{--top-h:74px}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}#app{position:fixed;inset:0}#world{z-index:0;isolation:isolate;position:absolute;inset:0}.world-canvas{touch-action:none;cursor:grab;display:block;position:absolute;inset:0}.world-canvas:active{cursor:grabbing}.world-labels,#hud{pointer-events:none;position:absolute;inset:0}:where(#hud>*){pointer-events:auto}.frame{pointer-events:none;z-index:1;position:absolute;inset:0}.frame .corner{opacity:.95;width:74px;height:74px;position:absolute}.frame .tl{top:2px;left:2px}.frame .tr{top:2px;right:2px;transform:scaleX(-1)}.frame .bl{bottom:2px;left:2px;transform:scaleY(-1)}.frame .br{bottom:2px;right:2px;transform:scale(-1)}#hud{z-index:2}.btn-icon,.btn-round,.btn-chip{cursor:pointer;justify-content:center;align-items:center;gap:6px;display:inline-flex}.btn-icon{width:30px;height:30px}.btn-icon:hover:not(:disabled){transform:scale(1.08)}.btn-icon:disabled{opacity:.3;cursor:default}.btn-round{width:38px;height:38px}.btn-round:active{transform:translateY(1px)}.btn-chip{height:28px;padding:0 10px}.ico{flex:none;width:18px;height:18px}.btn-round .ico{width:16px;height:16px}.topbar{height:var(--top-h);grid-template-columns:minmax(0,1fr) auto minmax(max-content,1fr);align-items:center;gap:16px;padding:0 22px;display:grid;position:absolute;top:0;left:0;right:0}.brand{align-items:center;gap:12px;min-width:0;display:flex}.crest svg{width:46px;height:46px;display:block}.brand-text{min-width:0}.brand h1{white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.brand .sub{white-space:nowrap;text-overflow:ellipsis;margin-top:3px;overflow:hidden}.datebox{flex-direction:column;align-items:center;gap:4px;display:flex}.datenav{align-items:center;gap:6px;display:flex}.date{cursor:pointer;justify-content:center;align-items:baseline;gap:10px;min-width:330px;padding:2px 6px;display:flex;position:relative}.date-pick{opacity:0;pointer-events:none;width:100%;position:absolute;inset:0}.date-long,.date-short{white-space:nowrap}.clockbox{justify-content:flex-end;align-items:center;gap:14px;min-width:max-content;display:flex}.clock{align-items:baseline;gap:6px;padding:2px 12px;display:flex}.clock-time{text-align:center;font-variant-numeric:tabular-nums;min-width:4.7ch;display:inline-block}.clock-utc{opacity:.7}.clock-ctl{align-items:center;gap:8px;display:flex}.more-btn{display:none}.more-btn .ico{width:20px;height:20px}.chronicle{align-items:flex-end;gap:1px;height:24px;padding:2px 4px;display:flex}.cday{cursor:pointer;align-items:flex-end;width:5px;height:100%;padding:0;display:flex;position:relative}.cday i{opacity:.85;width:100%;display:block}.cday.month:before{content:"";width:1px;position:absolute;top:-2px;bottom:-2px;left:-1px}.cday:hover i{opacity:1}.cday.partial i{opacity:.9}.cday.sel i{opacity:1}.cday.sel:after{content:"";position:absolute;bottom:-7px;left:50%;transform:translate(-50%)}.scroll-slot{left:18px;top:calc(var(--top-h) + 14px);flex-direction:column;width:340px;display:flex;position:absolute;bottom:92px}body:not(.news-open) .scroll-slot{opacity:0;pointer-events:none;transform:translate(-380px)}.news .rod{z-index:2;flex:none;height:20px;margin:0 -8px;position:relative}.news .rod:before,.news .rod:after{content:"";width:16px;height:26px;position:absolute;top:-3px}.news .rod:before{left:-8px}.news .rod:after{right:-8px}.news .sheet{scrollbar-width:thin;transform-origin:top;flex:auto;margin:-4px 0;padding:18px 22px;position:relative;overflow:hidden auto}.wax-seal{place-items:center;width:52px;height:52px;display:grid;position:absolute;top:10px;right:14px;transform:rotate(-12deg)}.wax-seal:before{content:"";position:absolute;inset:7px}.kdate{margin-top:2px;padding-right:56px}.headline{margin:10px 0 8px;padding-right:30px}.rule{height:2px;margin:10px 0}.rule.ornament{height:1px;margin:16px 0;position:relative}.rule.ornament span{padding:0 8px;position:absolute;top:-11px;left:50%;transform:translate(-50%)}.body{-webkit-hyphens:auto;hyphens:auto;margin:0}.dropcap{float:left;margin:4px 6px 0 0}.news h3{margin:16px 0 6px}.ledger{gap:2px;margin:0;display:grid}.ledger>div{align-items:baseline;gap:6px;display:flex}.ledger dt{white-space:nowrap}.ledger dd{white-space:nowrap;margin:0}.ledger>div:after{content:none}.ledger dt:after{content:"";flex:1}.ledger>div{position:relative}.ledger>div dt{flex:none}.ledger>div:before{content:"";flex:1;order:1;transform:translateY(-4px)}.ledger dd{order:2}.ledger .sub{padding-left:14px}.ledger>div[title]{cursor:help}.events{gap:4px;margin:0;padding:0;list-style:none;display:grid}.ev{cursor:pointer;grid-template-columns:28px 1fr auto;align-items:start;gap:8px;padding:6px;display:grid}.ev-ico{place-items:center;width:28px;height:28px;display:grid}.ev-ico .ico{width:17px;height:17px}.ev-body b{display:block}.ev-body small{margin-top:2px;display:block}.ev-time{padding-top:2px}.news-toggle{left:18px;top:calc(var(--top-h) + 14px);display:none;position:absolute}.panel-slot{right:18px;top:calc(var(--top-h) + 10px);pointer-events:none;width:330px;position:absolute;bottom:236px}body.panel-open .panel-slot{bottom:22px}body.panel-open .minimap-slot{opacity:0;pointer-events:none;visibility:hidden;transform:translateY(40px)}.castle-panel{transform:translateY(-120%)}.castle-panel.open{pointer-events:auto;transform:none}.castle-panel.closing{transform:translateY(-120%)}.banner-cloth{flex-direction:column;max-height:100%;padding:14px 14px 40px;display:flex;position:relative}.banner-cloth:before{content:"";height:14px;position:absolute;top:-2px;left:-6px;right:-6px}.banner-cloth .close{position:absolute;top:16px;right:8px}.banner-head{grid-template-columns:1fr auto 1fr;grid-template-areas:".shield rank""titles titles titles";place-items:center;column-gap:14px;margin-top:10px;display:grid}.banner-head .shield{grid-area:shield}.banner-head .rank{grid-area:rank;justify-self:start}.banner-head .titles{grid-area:titles;width:100%;min-width:0}.shield{place-items:center;width:62px;height:70px;display:grid}.shield .ico{width:34px;height:34px}.rank small{opacity:.8;display:block}.cname{overflow-wrap:anywhere;margin:8px 18px 2px}.ccat{opacity:.9;margin-bottom:10px}.cbody{scrollbar-width:thin;overscroll-behavior:contain;min-height:0;padding:12px 14px;overflow-y:auto}.more-below{z-index:1;height:auto;padding:2px 12px;position:absolute;bottom:38px;left:50%;transform:translate(-50%)}.more-below[hidden]{display:none}.sec{margin-top:6px}.sec>summary{cursor:pointer;align-items:baseline;gap:8px;padding:2px;list-style:none;display:flex}.sec>summary::-webkit-details-marker{display:none}.sec>summary:before{content:"▸";flex:none}.sec[open]>summary:before{transform:rotate(90deg)}.sec>summary h3{flex:none;margin:4px 0!important}.sec-meta{white-space:nowrap;text-overflow:ellipsis;min-width:0;margin-left:auto;overflow:hidden}.sec-herald[open] .sec-meta,.sec-callers[open] .sec-meta,.sec-about[open] .sec-meta,.apps.short li:nth-child(n+4){display:none}.more-apps{cursor:pointer;margin:4px auto 0;padding:1px 10px;display:block}.partial-note{margin:0 0 6px}.idle-note,.ruin-note{margin:0 0 8px}.stats{grid-template-columns:1fr 1fr;gap:8px 10px;display:grid}.stat small{display:block}.trend{min-height:14px;display:block}.spark-wrap{margin-top:10px}.spark-wrap .label,.cbody h3{margin:10px 0 4px}.spark{width:100%;height:72px;display:block}.descr{overflow-wrap:anywhere;margin:8px 0 0}.callers{gap:3px;margin:0;padding:0;list-style:none;display:grid}.callers li{grid-template-columns:1fr 70px 46px;align-items:center;gap:6px;display:grid}.callers .who{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.callers .bar{height:7px;overflow:hidden}.callers .bar i{height:100%;display:block}.herald b{display:block}.herald p{margin:4px 0 0}.scribing{margin-top:10px}.ccat .explorer{vertical-align:-2px;opacity:.85;margin-left:4px;display:inline-flex}.ccat .explorer:hover{opacity:1}.ccat .explorer .ico{width:14px;height:14px}.pennant{pointer-events:none;flex-direction:column;align-items:flex-start;display:flex;transform:translateY(-4px)}.pennant-flag{left:var(--shift,0px);white-space:nowrap;transform-origin:0;padding:4px 16px 6px 10px;position:relative}.pennant-flag b{display:block}.pennant-flag span{opacity:.92;display:block}.pennant-pole{width:2px;height:calc(14px + var(--lift,0px));margin-left:-1px}.pennant.ruin .pennant-flag{opacity:.82}.pennant.occluded{opacity:0}.scrubber{cursor:ew-resize;touch-action:none;width:min(720px,100vw - 600px);min-width:420px;height:58px;padding:6px 10px 14px;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.hist{width:calc(100% - 20px);height:38px;position:absolute;top:4px;left:10px;right:10px}.markers{height:0;position:absolute;top:-14px;left:10px;right:10px}.marker{cursor:pointer;place-items:center;width:24px;height:24px;padding:0;display:grid;position:absolute;transform:translate(-50%)}.marker .ico{width:14px;height:14px}.marker:hover{z-index:2;transform:translate(-50%)scale(1.2)}.marker{top:0}.marker .mk-n{pointer-events:none;min-width:14px;height:14px;padding:0 3px;position:absolute;top:-6px;right:-7px}.handle{pointer-events:none;width:0;margin-left:10px;position:absolute;top:2px;bottom:12px}.scrubber .handle{left:0}.handle:before{content:"";width:2px;position:absolute;top:0;bottom:0;left:-1px}.handle-knob{width:14px;height:14px;position:absolute;bottom:-8px;left:-7px}.ticks{height:13px;position:absolute;bottom:0;left:10px;right:10px}.ticks span{position:absolute;transform:translate(-50%)}.handle{left:0}.future{pointer-events:none;height:38px;position:absolute;top:4px;right:10px}.future[hidden]{display:none}.clock-now{align-self:center;margin-left:6px;padding:1px 6px}.clock-now[hidden]{display:none}.live-ribbon{left:50%;top:calc(var(--top-h) + 8px);pointer-events:none;align-items:center;gap:8px;min-width:300px;max-width:calc(100vw - 760px);padding:4px 18px;display:flex;position:absolute;transform:translate(-50%)}.live-ribbon[hidden]{display:none}.live-dot{flex:none;width:8px;height:8px}.live-btn{pointer-events:auto;cursor:pointer;flex:none;margin-left:4px;padding:2px 9px}.live-btn[hidden]{display:none}body.live-day .toasts{top:calc(var(--top-h) + 48px)}.castlelist-slot{right:18px;top:calc(var(--top-h) + 6px);z-index:3;position:absolute}.castle-list{width:320px;max-height:calc(100vh - var(--top-h) - 120px);flex-direction:column;padding:10px 8px 8px 12px;display:flex}.castle-list[hidden]{display:none}.cl-head{flex-direction:column;margin-bottom:6px;padding-right:4px;display:flex}.cl-head h2{margin:0}@media (pointer:coarse){.cl-hint{display:none}}.cl-items{scrollbar-width:thin;gap:1px;min-height:0;margin:0;padding:0 4px 0 0;list-style:none;display:grid;overflow-y:auto}.cl-items button{cursor:pointer;grid-template-rows:auto auto;grid-template-columns:24px 1fr auto;align-items:baseline;column-gap:6px;width:100%;padding:3px 6px;display:grid}.cl-rank{grid-row:1/span 2;align-self:center}.cl-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.cl-trade{grid-column:2}.cl-n{grid-area:1/3/span 2;align-self:center}.cl-empty{padding:6px}.minimap-slot{position:absolute;bottom:22px;right:22px}.minimap{width:196px;height:196px;padding:6px;position:relative}.minimap canvas{cursor:crosshair;display:block}.mm-n{place-items:center;width:20px;height:20px;display:grid;position:absolute;top:-4px;left:50%;transform:translate(-50%)}.toasts{left:50%;top:calc(var(--top-h) + 16px);pointer-events:none;flex-direction:column;gap:8px;width:min(400px,100vw - 24px);display:flex;position:absolute;transform:translate(-50%)}.toast{pointer-events:auto;cursor:pointer;grid-template-columns:36px 1fr;gap:10px;padding:10px 14px;display:grid}.toast-ico{place-items:center;width:36px;height:36px;display:grid}.toast-ico .ico{width:20px;height:20px}.toast-time{margin-top:2px}.badge{pointer-events:none;padding:3px 12px;position:absolute;bottom:124px;left:50%;transform:translate(-50%)}.alert{align-items:center;gap:10px;padding:6px 8px 6px 14px;display:flex;position:absolute;bottom:150px;left:50%;transform:translate(-50%)}.alert[hidden]{display:none}.herald-fail{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.keys{pointer-events:none;max-width:340px;padding:4px 10px;position:absolute;bottom:30px;left:68px}body.news-open .keys{opacity:0}@media (max-width:1480px){.keys{display:none}}.day-loading .scroll-slot .sheet{opacity:.7}.datebox.pending{cursor:progress}.day-loader{left:50%;top:calc(var(--top-h) + 10px);z-index:4;pointer-events:none;grid-template-columns:58px minmax(0,1fr);align-items:center;column-gap:12px;width:min(540px,100vw - 32px);padding:10px 16px 10px 12px;display:grid;position:absolute;transform:translate(-50%)}.day-loader[hidden]{display:none}body.live-day .day-loader{top:calc(var(--top-h) + 48px)}body.day-loader-on .toasts{visibility:hidden}.dl-emblem{place-items:center;width:58px;height:58px;display:grid;position:relative}.dl-body{row-gap:5px;min-width:0;display:grid}.dl-line{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.dl-band{height:32px;position:relative;overflow:hidden}.dl-stages{flex-wrap:wrap;gap:2px 12px;margin:0;padding:0;list-style:none;display:flex}.dl-stages li{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.dl-stages li[hidden]{display:none}.day-status{clip-path:inset(50%);white-space:nowrap;pointer-events:none;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:440px){.day-loader{grid-template-columns:44px minmax(0,1fr);column-gap:10px;padding:8px 12px 8px 10px}.dl-emblem{width:44px;height:44px}.dl-band{height:26px}}.loading{z-index:20;place-items:center;display:grid;position:absolute;inset:0}.loading.hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-card{width:420px;padding:34px 30px 28px}.loading-card h2{margin:14px 0 6px}.loading-text{margin:0 0 18px}.seal svg{width:84px;height:84px}.quill-bar{height:4px;overflow:hidden}.quill-bar i{width:40%;height:100%;display:block}@media (max-width:1360px){.brand .sub{display:none}.date{min-width:290px}.date-short,.clock-ctl .btn-chip span{display:none}.clockbox{gap:10px}.scroll-slot,.panel-slot{width:310px}}@media (max-width:1100px){.topbar{grid-template-columns:auto 1fr auto;padding:0 12px}.brand-text{display:none}.news-toggle{display:inline-flex}.scroll-slot{top:calc(var(--top-h) + 52px)}body:not(.news-open) .scroll-slot{transform:translate(-360px)}.panel-slot{bottom:22px}.minimap-slot{display:none}.scrubber{width:calc(100vw - 60px);min-width:0}.live-ribbon{min-width:0;max-width:calc(100vw - 40px)}.keys{display:none}}@media (max-height:760px){.minimap{width:160px;height:160px}.panel-slot{bottom:230px}}@media (max-height:860px){.banner-cloth{padding:12px 12px 34px}.banner-cloth .close{top:12px;right:6px}.banner-head{grid-template-columns:auto 1fr auto;grid-template-areas:"shield titles rank";justify-items:start;column-gap:10px;margin:6px 26px 8px 0}.banner-head .rank{justify-self:end}.banner-head .shield{width:40px;height:45px}.banner-head .shield .ico{width:22px;height:22px}.banner-head .cname{margin:0}.banner-head .ccat{margin:1px 0 0}.cbody{padding:8px 12px 10px}.stats{gap:2px 10px}.spark{height:48px}.more-below{bottom:30px}.infra-note{white-space:nowrap;text-overflow:ellipsis;margin-top:4px;overflow:hidden}.trend{min-height:0}}@media (max-width:1000px){.more-btn{place-items:center;display:inline-grid}.clock-ctl{top:calc(var(--top-h) + 6px);z-index:7;flex-direction:column;align-items:stretch;gap:8px;min-width:170px;padding:10px;display:none;position:absolute;right:10px}.topbar.ctl-open .clock-ctl{display:flex}.clock-ctl .btn-chip{justify-content:flex-start;align-items:center;gap:8px;height:32px;display:flex}.clock-ctl .btn-chip span,.clock-ctl .sound-btn span{display:inline}.clock-ctl .sound-ctl{flex-direction:column;align-items:stretch;gap:8px}.clock-ctl .sound-pop{opacity:1;visibility:visible;flex-direction:column;align-items:stretch;padding:0;position:static;transform:none}.clock-ctl .sound-pop:before{display:none}.clock-ctl .sound-vol{justify-content:space-between}.clock-ctl [data-act=speed]:after{content:"replay speed";margin-left:4px}}@media (max-width:900px){.cday{width:3px}.date{min-width:0}}@media (max-width:760px){.date-long{display:none}.date-short{display:inline}}@media (max-width:640px){:root{--top-h:58px}.chronicle-slot{display:none}.topbar{gap:8px;padding:0 10px}.crest svg{width:38px;height:38px}.clockbox{gap:6px}.clock{padding:2px 8px}}@media (max-width:440px){.crest svg{width:30px;height:30px}.clock{gap:3px;padding:1px 6px}.btn-icon{width:28px;height:28px}.btn-round{width:34px;height:34px}.datenav{gap:2px}.date{padding:2px}}@media (max-width:380px){.topbar{grid-template-columns:1fr auto}.brand{display:none}.datebox{justify-self:start}}.infra-note{margin:8px 0 0}.apps{gap:2px;margin:0;padding:0;list-style:none;display:grid}.apps li{grid-template-columns:1fr 18px;align-items:center;gap:4px;display:grid}.app-row{cursor:pointer;grid-template-columns:1fr auto;align-items:baseline;column-gap:6px;width:100%;padding:3px 6px;display:grid}.app-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.app-sub{white-space:nowrap;text-overflow:ellipsis;grid-column:1;min-width:0;overflow:hidden}.app-row .n{grid-area:1/2/span 2;align-self:center}.app-link{place-items:center;display:grid}.app-link .ico{width:14px;height:14px}.cons-slot{right:18px;top:calc(var(--top-h) + 10px);pointer-events:none;width:330px;position:absolute;bottom:22px}.cons-panel{transform:translateY(-120%)}.cons-panel.open{pointer-events:auto;transform:none}.cons-panel.closing{transform:translateY(-120%)}.cons-panel .banner-cloth{max-height:100%}.cons-panel .stats{margin:4px 0 6px}.cons-sub-n{display:block}.cons-note{margin:4px 0 8px}.cbody h3.cons-sub{margin:8px 0 4px}.cons-bars{gap:3px;margin:0 0 8px;padding:0;list-style:none;display:grid}.cons-bars li{grid-template-columns:74px 1fr 44px 58px;align-items:center;gap:6px;display:grid}.cons-bars .cb-bar{height:8px;overflow:hidden}.cons-bars .cb-bar i{height:100%;display:block}.cons-tip{z-index:6;pointer-events:none;gap:1px;max-width:290px;padding:7px 11px 6px;display:grid;position:absolute;top:0;left:0}.cons-tip[hidden]{display:none}.cons-tip em{margin-top:2px}.ledger>div.wide{flex-wrap:wrap;row-gap:0}.ledger>div.wide:before{display:none}.ledger>div.wide dd{white-space:normal;flex-basis:100%}.cons-link{all:unset;cursor:pointer}.mm-stake-btn{height:24px;padding:0 9px;position:absolute;top:10px;left:-12px}.mm-stake-btn[hidden]{display:none}.mm-stake{pointer-events:none;grid-template-rows:auto auto auto;grid-template-columns:70px 64px;place-content:center;column-gap:4px;padding:22px 16px 20px;display:grid;position:absolute;inset:6px}.mm-stake[hidden]{display:none}.mm-stake .mms-title{grid-column:1/span 2;margin-bottom:4px}.mm-stake svg{align-self:center;width:68px;height:68px}.mm-stake ol{align-self:center;gap:1px;margin:0;padding:0;list-style:none;display:grid}.mm-stake li{grid-template-columns:7px 1fr auto;align-items:center;column-gap:3px;display:grid}.mm-stake li i{width:7px;height:7px}.mm-stake li small{grid-column:2/span 2;margin-top:-1px}.mm-stake .mms-foot{grid-column:1/span 2;margin-top:3px}@media (max-width:1360px){.cons-slot{width:310px}}.sound-ctl{align-items:center;display:flex;position:relative}.sound-pop{z-index:6;white-space:nowrap;opacity:0;visibility:hidden;align-items:center;gap:10px;padding:8px 10px;display:flex;position:absolute;top:calc(100% + 10px);right:0;transform:translateY(-4px)}.sound-pop:before{content:"";height:12px;position:absolute;top:-12px;left:0;right:0}.sound-ctl:hover .sound-pop,.sound-ctl:focus-within .sound-pop{opacity:1;visibility:visible;transform:none}.sound-vol{align-items:center;gap:8px;display:flex}.sound-vol input{cursor:pointer;width:110px}.sound-music .ico{width:15px;height:15px}@media (max-width:1580px){.cday{width:4px}.clock-ctl .btn-chip span,.sound-btn span{display:none}.clock-ctl .sound-pop .btn-chip span{display:inline}}@media (max-width:1290px){.brand-text{display:none}}.theme-btn{white-space:nowrap}@media (min-width:1001px) and (max-width:1720px){.theme-btn span{display:none}}.legend-btn{white-space:nowrap}@media (min-width:1001px) and (max-width:1720px){.legend-btn span{display:none}}.legend-slot{right:18px;top:calc(var(--top-h) + 6px);z-index:5;pointer-events:none;width:410px;position:absolute;bottom:22px}.legend{pointer-events:auto;flex-direction:column;height:100%;max-height:100%;padding:10px 6px 8px 14px;display:flex}.legend[hidden]{display:none}.lg-head{grid-template-columns:34px 1fr auto;align-items:start;gap:10px;padding-right:6px;display:grid}.lg-emblem{place-items:center;width:34px;height:34px;display:grid}.lg-emblem .ico{width:24px;height:24px}.lg-head h2{margin:0}.lg-intro{margin:2px 0 0}.lg-nav{flex-wrap:wrap;gap:4px;margin:8px 6px 4px 0;display:flex}.lg-jump{cursor:pointer;padding:2px 8px}.lg-status{min-height:1.2em;margin:0 6px 2px 0}.lg-body{scrollbar-width:thin;overscroll-behavior:contain;flex:1;min-height:0;padding-right:6px;overflow-y:auto}.lg-sec h3{margin:12px 0 4px;scroll-margin-top:4px}.lg-note{margin:0 0 6px}.lg-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.lg-item{grid-template-columns:84px 1fr;align-items:start;gap:10px;padding:4px;display:grid}.lg-thumb{place-items:center;width:84px;height:60px;display:grid;overflow:hidden}.lg-thumb img{object-fit:contain;opacity:0;width:84px;height:60px;transition:opacity .25s}.lg-thumb.ready img{opacity:1}.lg-thumb img:not([src]){visibility:hidden}.lg-icon .ico{width:28px;height:28px}.lg-text{flex-direction:column;gap:2px;min-width:0;display:flex}.lg-meta{flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex}.lg-meta:empty{display:none}.lg-show{cursor:pointer;height:auto;padding:1px 8px}.lg-terms,.lg-keys{gap:4px;margin:0;display:grid}.lg-terms div,.lg-keys div{grid-template-columns:128px 1fr;align-items:baseline;gap:8px;display:grid}.lg-terms dd,.lg-keys dd{margin:0}.lg-keys kbd{padding:0 5px;display:inline-block}@media (max-width:1360px){.legend-slot{width:380px}}@media (max-width:640px){.legend-slot{width:auto;height:min(74vh,640px);inset:auto 0 0}.legend{padding:8px 4px 6px 12px}.lg-item{grid-template-columns:70px 1fr}.lg-thumb,.lg-thumb img{width:70px;height:50px}.lg-terms div,.lg-keys div{grid-template-columns:104px 1fr}}