.apiBrowserShell{--api-grid-inline-padding:36px;--api-grid-effect-padding:34px;box-sizing:border-box;grid-template-columns:minmax(0,1fr) 430px;gap:18px;width:100%;height:min(720px,100dvh - 118px);min-height:520px;display:grid}.apiBrowserMain{flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.apiBrowserToolbar{z-index:10;margin:0 var(--api-grid-inline-padding) 18px;grid-template-columns:minmax(0,1fr) 50px;align-items:center;gap:10px;display:grid;position:relative}.apiBrowserSearch{min-width:0;position:relative}.apiBrowserSearchIcon{color:#858585;pointer-events:none;width:20px;height:20px;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.apiBrowserSearch input{box-sizing:border-box;width:100%;height:48px;color:var(--almostwhite);font-family:var(--font-body);background:#222;border:0;border-radius:11px;outline:0;padding:0 16px 0 46px;font-size:.93rem;font-weight:500;transition:background .12s}.apiBrowserSearch input::placeholder{color:#777}.apiBrowserSearch input:focus{background:#202020}.apiBrowserFilterControl{justify-content:center;align-items:center;display:flex;position:relative}.apiBrowserFilterButton{color:#bdbdbd;cursor:pointer;background:0 0;border:0;border-radius:11px;justify-content:center;align-items:center;width:48px;height:48px;padding:0;transition:color .12s,background .12s,transform .12s;display:inline-flex;position:relative}.apiBrowserFilterButton:hover,.apiBrowserFilterButton--open{color:var(--almostwhite);background:#ffffff0b}.apiBrowserFilterButton:active{transform:scale(.95)}.apiBrowserFilterButton:focus-visible{outline-offset:2px;outline:2px solid #f3f3f373}.apiBrowserFilterIconSvg{width:28px;height:28px}.apiBrowserFilterCount{pointer-events:none;background:#777;border-radius:50%;width:12px;height:12px;position:absolute;top:2px;right:2px}.apiFilterPanel{box-sizing:border-box;filter:drop-shadow(0 18px 26px #0000006b);scrollbar-width:thin;scrollbar-color:#666 transparent;background-color:#0000;background-image:radial-gradient(circle at 0 0,#0000 16px,#3c3c3c 17px),radial-gradient(circle at 100% 0,#0000 16px,#3c3c3c 17px),radial-gradient(circle at 0 100%,#0000 16px,#3c3c3c 17px),radial-gradient(circle at 100% 100%,#0000 16px,#3c3c3c 17px);background-position:0 0,100% 0,0 100%,100% 100%;background-repeat:no-repeat;background-size:55% 55%;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;width:min(760px,100vw - 70px);max-height:min(610px,100dvh - 190px);padding:19px;position:absolute;top:calc(100% + 11px);right:0;overflow-y:auto}.apiFilterPanelHeader{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px;display:flex}.apiFilterPanelHeader>div{flex-direction:column;display:flex}.apiFilterEyebrow{color:#898989;letter-spacing:.13em;font-size:.59rem;font-weight:700}.apiFilterPanelHeader strong{font-family:var(--font-heading);letter-spacing:.04em;font-size:1.02rem}.apiFilterPanelHeader button{color:#aaa;font-family:var(--font-body);cursor:pointer;background:0 0;border:0;padding:6px 8px;font-size:.71rem}.apiFilterPanelHeader button:hover{color:var(--almostwhite)}.apiFilterGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px 12px;display:grid}.apiFilterField{color:#aaa;letter-spacing:.025em;text-transform:uppercase;flex-direction:column;gap:5px;min-width:0;font-size:.64rem;font-weight:700;display:flex}.apiFilterField select,.apiFilterField input{box-sizing:border-box;color:#ededed;width:100%;min-width:0;height:36px;font-family:var(--font-body);text-transform:none;background:#2c2c2c;border:0;border-radius:8px;outline:0;padding:0 10px;font-size:.72rem}.apiFilterField select:focus,.apiFilterField input:focus{background:#272727;box-shadow:inset 0 0 0 1px #ffffff21}.apiBrowserGridArea{flex:1;min-height:0;position:relative}.apiBrowserGridScrollFrame{top:calc(-1 * var(--api-grid-effect-padding));right:calc(var(--api-grid-inline-padding) - var(--api-grid-effect-padding));bottom:0;left:calc(var(--api-grid-inline-padding) - var(--api-grid-effect-padding));min-height:0;margin:0;position:absolute}.apiBrowserGridScrollFrame.customScrollbarShell{gap:0;display:block}.apiBrowserGridViewport{width:100%;height:100%;min-height:0;padding:var(--api-grid-effect-padding) 0 118px;box-sizing:border-box}.apiBrowserGridViewport>.customScrollbarContent{min-height:100%}.apiBrowserGridScrollFrame>.customScrollbar{z-index:8;top:var(--api-grid-effect-padding);right:var(--api-grid-effect-padding);width:50px;height:auto;position:absolute;bottom:0}.apiBrowserGridScrollFrame>.customScrollbar .customScrollbarThumb{left:17px}.apiBrowserGridScrollFrame>.customScrollbar .customScrollbarThumb:hover{left:16px}.apiBrowserGridFade{z-index:4;left:var(--api-grid-inline-padding);right:calc(var(--api-grid-inline-padding) + 60px);pointer-events:none;background:linear-gradient(to bottom, #31313100 0%, #3131316b 42%, var(--darkgray) 100%);height:108px;position:absolute;bottom:0}.apiBrowserGrid{margin-left:var(--api-grid-effect-padding);margin-right:calc(var(--api-grid-effect-padding) + 60px);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));align-items:start;gap:14px 12px;display:grid}.apiPortraitTooltipHost{aspect-ratio:1;width:100%;display:block}.apiPortraitButton{appearance:none;cursor:pointer;width:100%;height:100%;filter:drop-shadow(0 0 .4rem var(--darkestgray));background:0 0;border:0;outline:0;padding:0;transition:transform .15s,filter .15s;display:block;position:relative}.apiPortraitButton:hover,.apiPortraitButton:focus-visible{z-index:2;filter:drop-shadow(0 0 1.8rem var(--darkestgray)) brightness(1.05);transform:scale(1.025)}.apiPortraitButton--selected{z-index:3;filter:drop-shadow(0 0 .45rem #d8b8f940)brightness(1.05)}.apiPortraitBorderStage{z-index:0;pointer-events:none;width:100%;height:100%;transform:rotate(var(--api-tile-rotation,0deg));transform-origin:50%;animation:.22s cubic-bezier(.2,.9,.3,1.2) both apiPortraitBorderAppear;position:absolute;inset:0}.apiPortraitSelectedBorder{filter:drop-shadow(0 0 .25rem #de94e5c7)drop-shadow(0 0 .8rem #f7dfff47);width:100%;height:100%;position:absolute;inset:0;overflow:visible}@keyframes apiPortraitBorderAppear{0%{opacity:0;transform:rotate(var(--api-tile-rotation,0deg)) scale(.94)}70%{opacity:1;transform:rotate(var(--api-tile-rotation,0deg)) scale(1.025)}to{opacity:1;transform:rotate(var(--api-tile-rotation,0deg)) scale(1)}}.apiPortraitTileContent{z-index:1;pointer-events:none;width:95.4%;height:95.4%;position:absolute;top:2.3%;left:2.3%}.apiBrowserMessage{color:#909090;min-height:210px;font-family:var(--font-heading);text-align:center;justify-content:center;align-items:center;padding:30px;font-size:.85rem;display:flex}.apiBrowserMessage--error{color:#d79b9b}.apiInfoBox{box-sizing:border-box;text-transform:uppercase;background-color:#0000;background-image:radial-gradient(circle at 0 0,#0000 19px,#414141 20px),radial-gradient(circle at 100% 0,#0000 19px,#414141 20px),radial-gradient(circle at 0 100%,#0000 19px,#414141 20px),radial-gradient(circle at 100% 100%,#0000 19px,#414141 20px);background-position:0 0,100% 0,0 100%,100% 100%;background-repeat:no-repeat;background-size:55% 55%;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;flex-direction:column;min-width:0;height:100%;min-height:0;padding:27px 23px 22px;display:flex}.apiInfoBox--empty{color:#8d8d8d;font-family:var(--font-heading);justify-content:center;align-items:center;font-size:1rem;font-weight:600}.apiInfoTop{align-items:center;min-height:50px;display:flex;position:relative}.apiInfoNameBlock{z-index:2;align-items:center;width:100%;min-width:0;min-height:50px;display:flex;position:relative}.apiInfoLabel,.apiInfoFieldLabel{color:#777;font-family:var(--font-heading);letter-spacing:.045em;font-size:.61rem;font-weight:700;line-height:1.1}.apiInfoName{width:100%;max-width:100%;color:var(--almostwhite);font-family:var(--font-heading);letter-spacing:-.025em;white-space:normal;overflow-wrap:break-word;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;max-height:50px;font-size:27px;font-weight:800;line-height:25px;display:-webkit-box;overflow:hidden}.apiInfoId{z-index:1;color:#353535;font-family:var(--font-heading);text-transform:uppercase;white-space:nowrap;font-variant-numeric:tabular-nums;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:50px;font-weight:800;line-height:50px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.apiInfoPortraitWrap{flex:none;justify-content:center;padding:10px 0 18px;display:flex}.apiInfoPortraitPerspective{perspective:720px;perspective-origin:50%;width:148px;height:148px}.apiInfoPortraitFrame{--api-info-portrait-tilt-x:0deg;--api-info-portrait-tilt-y:0deg;--api-info-portrait-shift-x:0px;--api-info-portrait-shift-y:0px;--api-info-portrait-scale:1;--api-info-portrait-glint-x:50%;--api-info-portrait-glint-y:50%;transform-origin:50%;width:100%;height:100%;transform-style:preserve-3d;will-change:transform;transform:translate3d(var(--api-info-portrait-shift-x), var(--api-info-portrait-shift-y), 0) rotateX(var(--api-info-portrait-tilt-x)) rotateY(var(--api-info-portrait-tilt-y)) scale(var(--api-info-portrait-scale));filter:drop-shadow(0 5px 8px #0003);background:#232323;border-radius:11px;transition:transform .105s cubic-bezier(.2,.72,.22,1),filter .14s;position:relative;overflow:hidden}.apiInfoPortraitFrame:after{content:"";z-index:2;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at var(--api-info-portrait-glint-x) var(--api-info-portrait-glint-y), #ffffff21 0%, #ffffff0b 21%, transparent 48%);opacity:0;mix-blend-mode:screen;transition:opacity .15s;position:absolute;inset:-20%}.apiInfoPortraitFrame:hover{filter:drop-shadow(0 7px 11px #0000003d)}.apiInfoPortraitFrame:hover:after{opacity:.72}.apiInfoPortraitFrame--tiltSettling{transition-duration:.78s,.42s;transition-timing-function:cubic-bezier(.16,.82,.22,1),ease}.apiInfoPortrait{z-index:1;object-fit:cover;width:100%;height:100%;display:block;position:relative}.apiInfoScrollFrame{box-sizing:border-box;background:#0000002e;border-radius:9px;flex:1;min-height:0;margin-right:-4px;padding:11px 8px 9px 12px}.apiInfoScrollable{padding:2px 2px 14px 1px}.apiInfoScrollable .customScrollbarContent{padding-right:2px}.apiInfoField{margin:0 0 12px}.apiInfoFieldValue{color:var(--almostwhite);font-family:var(--font-body);margin-top:3px;font-size:.83rem;font-weight:500;line-height:1.35}.apiInfoBadges{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.apiInfoBadge{box-sizing:border-box;background:var(--lightgray);color:var(--almostwhite);font-family:var(--font-heading);letter-spacing:.015em;border-radius:7px;align-items:center;padding:5px 8px;font-size:.7rem;font-weight:600;line-height:1.12;display:inline-flex;position:relative}.apiInfoBadge--fruit,.apiInfoBadge--advanced{cursor:help;outline:none}.apiBadgeTooltipHost,.apiBadgePlainHost{display:inline-flex}.apiInfoEmptyValue{color:#777}.apiInfoBounty{font-variant-numeric:tabular-nums;align-items:center;gap:5px;display:inline-flex}.apiInfoBerryIcon{color:currentColor;width:8px;height:15px}.apiInfoFirstSeen{flex-wrap:wrap;gap:6px 5px;display:flex}.apiInfoNumberSeries{color:#d8d8d8;font-family:var(--font-body);font-variant-numeric:tabular-nums;font-size:.74rem;font-weight:500;line-height:1.55}.apiInfoLink{color:#e7e7e7;text-underline-offset:3px;-webkit-text-decoration:underline #777;text-decoration:underline #777}.apiInfoLink:hover{text-decoration-color:#e7e7e7}@media (min-width:1550px) and (min-height:840px){.apiBrowserShell{grid-template-columns:minmax(0,1fr) 455px;gap:20px;width:100%;height:min(790px,100dvh - 125px)}.apiBrowserGrid{grid-template-columns:repeat(7,minmax(0,1fr));gap:14px 12px}}@media (max-width:980px){.apiBrowserShell{grid-template-columns:1fr;gap:26px;width:min(100%,760px);height:auto;min-height:0}.apiBrowserGridArea{flex:none;height:590px}.apiInfoBox{height:720px}}@media (max-width:620px){.apiBrowserShell{--api-grid-inline-padding:26px;--api-grid-effect-padding:28px;width:100%}.apiBrowserToolbar{grid-template-columns:minmax(0,1fr) 44px;margin-bottom:17px}.apiBrowserSearch input,.apiBrowserFilterButton{height:44px}.apiBrowserFilterButton{width:44px}.apiFilterPanel{width:auto;max-height:calc(100dvh - 110px);position:fixed;top:92px;left:12px;right:12px}.apiFilterGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.apiBrowserGridArea{height:520px}.apiBrowserGridViewport{padding:var(--api-grid-effect-padding) 0 104px}.apiBrowserGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px 9px}.apiInfoBox{height:680px;padding-inline:19px}.apiBrowserGridFade{left:var(--api-grid-inline-padding);right:calc(var(--api-grid-inline-padding) + 54px)}}@media (max-width:420px){.apiFilterGrid{grid-template-columns:1fr}}.apiBrowserShell{--api-browser-viewport-scale:1;transform-origin:top}@supports (zoom:1){.apiBrowserShell{zoom:var(--api-browser-viewport-scale)}}@supports not (zoom:1){.apiBrowserShell{transform:scale(var(--api-browser-viewport-scale))}}@media (min-width:1700px) and (min-height:880px){.apiBrowserShell{--api-browser-viewport-scale:1;width:100%;height:min(790px,100dvh - 125px)}}@media (min-width:2300px) and (min-height:1200px){.apiBrowserShell{--api-browser-viewport-scale:1.2;width:83.333%;height:min(850px,83.333dvh - 108px)}}@media (min-width:3000px) and (min-height:1600px){.apiBrowserShell{--api-browser-viewport-scale:1.35;width:74.074%;height:min(1000px,74.074dvh - 95px)}}@media (min-width:3600px) and (min-height:1900px){.apiBrowserShell{--api-browser-viewport-scale:1.5;width:66.667%;height:min(1080px,66.667dvh - 88px)}}@media (max-width:520px){.apiBrowserShell{--api-grid-inline-padding:8px;--api-grid-effect-padding:12px;gap:18px}.apiBrowserMain{order:2}.apiInfoBox{order:1;grid-template-rows:36px minmax(0,1fr);grid-template-columns:88px minmax(0,1fr);gap:5px 12px;height:240px;min-height:0;padding:13px 20px 12px;display:grid}.apiInfoBox--empty{justify-content:center;align-items:center;height:240px;font-size:.82rem;display:flex}.apiInfoTop{grid-area:1/1/auto/-1;min-height:36px}.apiInfoNameBlock{min-height:36px}.apiInfoName{max-height:36px;padding-right:38px;font-size:20px;line-height:18px}.apiInfoId{font-size:34px;line-height:34px}.apiInfoPortraitWrap{grid-area:2/1;justify-content:flex-start;align-items:flex-start;padding:3px 0 0}.apiInfoPortraitPerspective{width:88px;height:88px}.apiInfoScrollFrame{border-radius:8px;grid-area:2/2;min-width:0;min-height:0;margin-right:0;padding:8px 7px 8px 10px}.apiInfoScrollFrame.customScrollbarShell{gap:6px}.apiInfoScrollable{padding:1px 4px 10px 0}.apiInfoField{margin-bottom:8px}.apiInfoLabel,.apiInfoFieldLabel{font-size:.54rem}.apiInfoFieldValue{margin-top:2px;font-size:.71rem;line-height:1.28}.apiInfoBadges{gap:3px}.apiInfoBadge{border-radius:5px;padding:4px 6px;font-size:.59rem}.apiInfoNumberSeries{font-size:.66rem;line-height:1.42}.apiBrowserToolbar{margin:0 var(--api-grid-inline-padding) 10px;grid-template-columns:minmax(0,1fr) 40px;gap:6px}.apiBrowserSearch input,.apiBrowserFilterButton{height:40px}.apiBrowserFilterButton{width:40px}.apiBrowserSearch input{padding-left:40px;font-size:.82rem}.apiBrowserSearchIcon{width:18px;height:18px;left:13px}.apiBrowserFilterIconSvg{width:25px;height:25px}.apiBrowserGridArea{height:min(56dvh,520px);min-height:390px}.apiBrowserGridViewport{padding:var(--api-grid-effect-padding) 0 72px}.apiBrowserGridScrollFrame>.customScrollbar{top:var(--api-grid-effect-padding);right:var(--api-grid-effect-padding);width:24px}.apiBrowserGridScrollFrame>.customScrollbar .customScrollbarThumb{left:4px}.apiBrowserGridScrollFrame>.customScrollbar .customScrollbarThumb:hover{left:3px}.apiBrowserGrid{margin-left:var(--api-grid-effect-padding);margin-right:calc(var(--api-grid-effect-padding) + 28px);grid-template-columns:repeat(4,minmax(0,1fr));gap:7px 5px}.apiBrowserGridFade{left:var(--api-grid-inline-padding);right:calc(var(--api-grid-inline-padding) + 30px);height:68px}.apiBrowserGrid{margin-right:var(--api-grid-effect-padding)}.apiBrowserGridFade{right:var(--api-grid-inline-padding)}}
.apiBrowserPage{box-sizing:border-box;flex:1;justify-content:center;align-items:flex-start;width:100%;min-height:0;padding:0 clamp(30px,3.4vw,54px) 18px;display:flex}@media (max-width:980px){.apiBrowserPage{padding:6px 20px 60px}}@media (max-width:520px){.apiBrowserPage{padding-inline:12px;padding-bottom:78px}}
