@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#0b0c0f;--panel:#111216;--raise:#191a20;--raise-2:#202128;--line:#ffffff12;--line-strong:#ffffff29;--text:#e6e6e9;--muted:#9b9ea7;--faint:#80838c;--run:#7fc49a;--pause:#d9b26a;--danger:#e58a78;--sans:"Geist Variable", ui-sans-serif, system-ui, sans-serif;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-std:cubic-bezier(.4, 0, .2, 1);--dur-1:.12s;--dur-2:.22s;--dur-3:.45s;--col-w:360px;--tile-cols:5;--bar-h:184px;--prev:160px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:13px/1.4 var(--sans);color:var(--text);accent-color:var(--text)}html,body{background:var(--bg);-webkit-user-select:none;user-select:none;width:100%;height:100%;margin:0;overflow:hidden}::selection{color:var(--text);background:#dcc38a59}:focus-visible{outline-offset:2px;outline:2px solid #ffffff73}button{font:inherit;color:inherit;touch-action:manipulation}*{scrollbar-width:thin;scrollbar-color:var(--raise-2) transparent}kbd{font:500 11px/1 var(--sans);font-variant-numeric:tabular-nums;border:1px solid var(--line-strong);color:var(--muted);border-bottom-width:2px;border-radius:5px;padding:3px 6px}.num{font-variant-numeric:tabular-nums}.muted{color:var(--muted)}#app{grid-template-columns:minmax(0, 1fr) var(--col-w);grid-template-rows:minmax(0,1fr) auto;height:100dvh;display:grid}#stage{background:var(--bg);grid-area:1/1;position:relative;overflow:hidden}#infobar{min-width:0;height:var(--bar-h);grid-area:2/1}#panel{grid-area:1/2/3;min-height:0;display:grid}.info-bar{box-sizing:border-box;background:var(--panel);border-top:1px solid var(--line);height:100%;transition:opacity var(--dur-3) var(--ease-out), visibility var(--dur-3);grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) minmax(280px,34%);column-gap:24px;padding:10px 16px 8px;display:grid;overflow:hidden}.info-bar>.detail{grid-area:1/1/3;min-height:0}.info-bar>.lens{border-left:1px solid var(--line);grid-area:1/2;min-height:0;max-height:none;padding-left:20px;display:block;overflow-y:auto}.info-bar>.stats{border-top:0;grid-area:2/2;margin-left:21px;padding-top:4px}.info-bar .detail{grid-template-columns:var(--prev) minmax(0, 1fr) minmax(0, 1.1fr);grid-template-rows:auto minmax(0,1fr);column-gap:18px;min-height:0}.info-bar .detail-stage{grid-area:1/1/3}.info-bar .detail-stage canvas{width:var(--prev);height:var(--prev)}.info-bar .detail-title{grid-area:1/2}.info-bar .detail-text{overscroll-behavior:contain;grid-area:2/2;min-height:0;overflow-y:auto}.info-bar .detail-tip{border-top:1px solid var(--line);color:var(--text);text-wrap:pretty;margin:0;padding-top:6px;font-size:12px;line-height:1.4}.detail-tip-main{margin:0}.info-bar .detail-side{overscroll-behavior:contain;grid-area:1/3/3;min-height:0;padding-right:4px;overflow-y:auto}.detail-more{text-wrap:pretty;font-size:12px;line-height:1.4}.detail-more:empty{display:none}.detail-more .more-label{margin:10px 0 2px;font-size:11px;display:block}.detail-tips{color:var(--muted);margin:0;padding:0;list-style:none}.detail-tips li{padding:2px 0 2px 12px;position:relative}.detail-tips li:before{content:"";background:var(--faint);width:4px;height:1px;position:absolute;top:.75em;left:2px}.detail-tip[hidden]{display:none}.detail-tip-label{color:var(--muted);margin-right:6px;font-weight:600}.info-bar .detail .key-facts,.info-bar .detail .more-facts{display:none}.info-bar .detail .facts:not(.key-facts){align-content:start;max-height:none;margin:0;padding-right:0;display:grid;overflow:visible}.info-bar .lens .detail-title{margin-bottom:4px}.info-bar .lens .facts{grid-template-columns:84px minmax(0,1fr)}.info-bar .lens .reactions{border-top:0;margin-top:4px;padding-top:0}.info-bar>.lens.pinned{border-left-color:var(--line-strong)}.pin-tag{border:1px solid var(--line-strong);color:var(--text);border-radius:4px;align-self:center;margin-left:auto;padding:1px 6px;font-size:11px;font-weight:500;display:none}.lens.pinned .pin-tag{display:inline-block}.lens-hint{color:var(--faint);margin:0;font-size:12px;line-height:1.45}.lens-hint[hidden]{display:none}#sim{image-rendering:pixelated;touch-action:none;cursor:none;display:block;position:absolute;bottom:0;left:0}.brush-ring{box-sizing:border-box;pointer-events:none;will-change:transform;border:1.5px solid #fff9;border-radius:50%;position:fixed;top:0;left:0;box-shadow:0 0 0 1px #00000073,inset 0 0 0 1px #00000040}.brush-ring.erasing{border-style:dashed}.library{background:var(--panel);border-left:1px solid var(--line);grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid}.lib-top{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr);gap:10px;padding:12px 12px 10px;display:grid}.toolbar{align-items:center;gap:2px;display:flex}.tool{width:32px;height:32px;color:var(--muted);cursor:pointer;transition:background var(--dur-1) ease, color var(--dur-1) ease;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid}.tool.inspect-tool{display:none}.tool:hover{background:var(--raise-2);color:var(--text)}.tool.on{background:var(--text);color:var(--bg)}.library.paused .toolbar .tool:first-child{color:var(--pause);background:#d9b26a29}.paused-tag{color:var(--pause);margin-left:6px;font-size:12px;font-weight:500;display:none}.library.paused .paused-tag{display:block}.tool.danger:hover{color:var(--danger)}.tool-gap{flex:1}.clear-hint{color:var(--danger);white-space:nowrap;padding:0 6px;font-size:12px;display:none}.toolbar.armed .clear-hint{display:block}.toolbar.armed .danger{color:var(--danger);background:#e58a7829}.time-row{grid-template-columns:40px minmax(0,1fr) 52px;align-items:center;gap:10px;display:grid}.speed{border:1px solid var(--line);height:26px;color:var(--muted);cursor:pointer;background:0 0;border-radius:7px;font-size:12px;font-weight:600}.speed:hover{color:var(--text);border-color:var(--line-strong)}.speed.fast{color:var(--run);background:#7fc49a29;border-color:#0000}.speed.slow{color:#8cc7ea;background:#8cc7ea29;border-color:#0000}.ago{color:var(--faint);text-align:right;font-size:12px}.time-row.past .ago{color:var(--pause)}.time-row.past .scrub::-webkit-slider-thumb{background:var(--pause)}.views{background:var(--bg);border-radius:8px;grid-template-columns:repeat(4,1fr);gap:2px;padding:2px;display:grid}.view{height:26px;color:var(--muted);cursor:pointer;transition:background var(--dur-1) ease, color var(--dur-1) ease;background:0 0;border:0;border-radius:6px;font-size:12px;font-weight:500}.view:hover{color:var(--text)}.view.on{background:var(--raise-2);color:var(--text)}.search{border:1px solid var(--line);background:var(--bg);height:34px;color:var(--faint);transition:border-color var(--dur-1) ease;border-radius:8px;align-items:center;gap:8px;padding:0 7px 0 10px;display:flex}.search:focus-within{border-color:var(--line-strong)}.search input{min-width:0;color:var(--text);font:inherit;caret-color:var(--text);background:0 0;border:0;outline:0;flex:1}.search input::placeholder{color:var(--faint)}.search input::-webkit-search-cancel-button{display:none}.chips{scrollbar-width:none;--fade-l:0px;--fade-r:0px;-webkit-mask-image:linear-gradient(90deg, transparent, #000 var(--fade-l), #000 calc(100% - var(--fade-r)), transparent);mask-image:linear-gradient(90deg, transparent, #000 var(--fade-l), #000 calc(100% - var(--fade-r)), transparent);gap:4px;display:flex;overflow-x:auto}.chips.more-left{--fade-l:20px}.chips.more-right{--fade-r:28px}.chip{border:1px solid var(--line);height:26px;color:var(--muted);cursor:pointer;transition:background var(--dur-1) ease, color var(--dur-1) ease, border-color var(--dur-1) ease;background:0 0;border-radius:13px;flex:none;padding:0 10px;font-size:12px;font-weight:500}.chip:hover{color:var(--text);border-color:var(--line-strong)}.chip.on{background:var(--raise-2);color:var(--text);border-color:#0000}.recent{grid-template-columns:repeat(9,minmax(0,1fr));gap:4px;display:grid}.recent[hidden]{display:none}.chip-el{border:1px solid var(--line);min-width:0;height:24px;color:var(--faint);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:4px;padding:0;font-size:11px;display:flex}.chip-el:hover{color:var(--text);border-color:var(--line-strong)}.chip-el.on{border-color:var(--text);color:var(--text)}.chip-swatch{border-radius:3px;width:14px;height:14px;box-shadow:inset 0 0 0 1px #00000040}.stats.note{color:var(--pause)}.groups{scrollbar-width:thin;scrollbar-color:var(--raise-2) transparent;flex-direction:column;gap:16px;min-height:0;padding:12px 12px 16px;display:flex;overflow-y:auto}.group-name{z-index:1;background:var(--panel);font:500 12px/1 var(--sans);color:var(--muted);align-items:baseline;gap:6px;margin:-12px -12px 4px;padding:12px 14px 6px;display:flex;position:sticky;top:-12px}.group-count{color:var(--faint);font-size:11px}.tiles{grid-template-columns:repeat(var(--tile-cols), minmax(0, 1fr));gap:10px 6px;display:grid}.tile[hidden],.group[hidden]{display:none}.tile{min-width:0;color:var(--muted);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;padding:0;display:flex}.tile canvas{aspect-ratio:1;width:100%;image-rendering:pixelated;box-shadow:inset 0 0 0 1px var(--line);outline-offset:2px;transition:outline-color var(--dur-1) ease, transform var(--dur-1) ease;border-radius:8px;outline:2px solid #0000}@media (hover:hover){.tile:hover canvas{transform:translateY(-1px)}.tile:hover{color:var(--text)}}.tile.on{color:var(--text)}.tile.on canvas{outline-color:var(--text)}.tile:focus-visible{outline:none}.tile:focus-visible canvas{outline-color:#ffffff73}.tool-face{aspect-ratio:1;background:var(--raise);width:100%;box-shadow:inset 0 0 0 1px var(--line);color:var(--muted);outline-offset:2px;transition:outline-color var(--dur-1) ease;border-radius:8px;outline:2px solid #0000;place-items:center;display:grid}.tool-face svg{width:22px;height:22px}.tool-face.heat{color:#f0985a}.tool-face.cool{color:#8cc7ea}.tool-face.wind{color:#c9ccd2}.tile.on .tool-face{outline-color:var(--text)}.tile-name{-webkit-line-clamp:2;line-clamp:2;letter-spacing:-.01em;text-align:center;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;-webkit-box-orient:vertical;max-width:calc(100% + 6px);margin:0 -3px;font-size:11px;font-weight:500;line-height:1.25;display:-webkit-box;overflow:hidden}.no-match{color:var(--muted);margin:0}.lib-foot{border-top:1px solid var(--line);gap:12px;padding:12px 12px 10px;display:grid}.detail{grid-template-rows:auto 1fr;grid-template-columns:72px minmax(0,1fr);column-gap:12px;display:grid}.detail-stage{grid-row:1/3}.detail .facts{grid-column:1/-1}.detail .key-facts{margin-top:8px}.detail .facts:not(.key-facts){scrollbar-width:thin;scrollbar-color:var(--raise-2) transparent;max-height:min(220px,26vh);margin-top:6px;padding-right:4px;display:none;overflow-y:auto}.detail.open .facts:not(.key-facts){display:grid}.more-facts{height:24px;color:var(--muted);font:500 12px/1 var(--sans);cursor:pointer;background:0 0;border:0;grid-column:1/-1;justify-self:start;align-items:center;gap:6px;margin-top:6px;padding:0 6px 0 0;display:flex}.more-facts:hover{color:var(--text)}.more-facts:focus-visible{outline:1px solid var(--line-strong);outline-offset:2px;border-radius:4px}.more-facts[hidden]{display:none}.more-facts svg{width:14px;height:14px;transition:transform var(--dur-2) var(--ease-out)}.detail.open .more-facts svg{transform:rotate(180deg)}.detail-stage canvas{object-fit:cover;width:72px;height:72px;image-rendering:pixelated;box-shadow:inset 0 0 0 1px var(--line);border-radius:8px;display:block}.detail-title{align-items:baseline;gap:8px;display:flex}.detail-name{font:600 15px/1.2 var(--sans);letter-spacing:-.01em;margin:0}.detail-tag{color:var(--faint);font-size:11px}.detail-blurb{color:var(--muted);text-wrap:pretty;margin:3px 0 8px;font-size:12px;line-height:1.4}.facts{grid-template-columns:96px minmax(0,1fr);gap:4px 12px;margin:0;font-size:12px;line-height:1.4;display:grid}.facts dt{color:var(--faint)}.facts dd{text-wrap:pretty;margin:0}.brush-size{grid-template-columns:auto 1fr 28px;align-items:center;gap:12px;display:grid}.size-value{text-align:right}input[type=range]{appearance:none;background:0 0;width:100%;min-width:0;height:18px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:var(--raise-2);border-radius:2px;height:3px}input[type=range]::-webkit-slider-thumb{background:var(--text);appearance:none;border-radius:50%;width:14px;height:14px;margin-top:-5.5px;box-shadow:0 1px 4px #00000080}input[type=range]::-moz-range-track{background:var(--raise-2);border-radius:2px;height:3px}input[type=range]::-moz-range-thumb{background:var(--text);border:0;border-radius:50%;width:14px;height:14px}.stats{border-top:1px solid var(--line);color:var(--faint);justify-content:space-between;gap:8px;padding-top:8px;font-size:11px;display:flex}.stats>span:last-child{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.zoom{align-items:center;gap:2px;margin-left:-4px;margin-right:auto;display:inline-flex}.zoom-btn,.zoom-level{height:20px;color:var(--muted);font:inherit;cursor:pointer;transition:background var(--dur-1) ease, color var(--dur-1) ease;background:0 0;border:0;border-radius:5px}.zoom-btn{width:20px;font-size:13px;line-height:1}.zoom-level{min-width:44px;padding:0 4px}.zoom-btn:hover:not(:disabled),.zoom-level:hover{background:var(--raise-2);color:var(--text)}.zoom-btn:disabled{opacity:.35;cursor:default}.lens[hidden],.detail[hidden]{display:none}.lens{scrollbar-width:thin;scrollbar-color:var(--raise-2) transparent;gap:8px;min-height:96px;max-height:min(320px,38vh);display:grid;overflow-y:auto}.reactions{border-top:1px solid var(--line);color:var(--faint);gap:4px;margin:0;padding:8px 0 0;font-size:12px;list-style:none;display:grid}.reactions li{text-indent:-12px;text-wrap:pretty;padding-left:12px}.reactions li:before{content:"";background:var(--raise-2);vertical-align:1px;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.reactions li.on{color:var(--text)}.reactions li.on:before{background:var(--run)}.reactions li.none:before{display:none}.tip{z-index:5;border:1px solid var(--line-strong);background:var(--raise-2);color:var(--text);white-space:pre;pointer-events:none;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:500;position:fixed;transform:translate(-50%,-100%);box-shadow:0 4px 12px #0006}.tip[hidden]{display:none}.tip-how{max-width:240px;color:var(--muted);white-space:normal;margin-top:2px;font-weight:400;line-height:1.35;display:block}.tile:active canvas{transform:scale(.96)}.first-hint{color:var(--muted);pointer-events:none;transition:opacity var(--dur-3) var(--ease-out);margin:0;font-size:14px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.first-hint.gone{opacity:0}.hud{border:1px solid var(--line);pointer-events:none;background:#111216eb;border-radius:10px;gap:2px;min-width:150px;padding:8px 12px;display:grid;position:fixed;top:14px;left:14px;box-shadow:0 6px 20px #00000059}.hud[hidden]{display:none}.hud div{justify-content:space-between;gap:16px;display:flex}@keyframes settle-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.detail.enter .detail-title,.detail.enter .detail-blurb,.detail.enter .detail-tip,.detail.enter .facts,.detail.enter .detail-more{animation:settle-in var(--dur-2) var(--ease-out) both}.detail.enter .detail-blurb{animation-delay:30ms}.detail.enter .detail-tip{animation-delay:60ms}.detail.enter .facts,.detail.enter .detail-more{animation-delay:90ms}@keyframes fade-in{0%{opacity:.35}to{opacity:1}}.lens.swap .facts,.lens.swap .reactions{animation:fade-in var(--dur-2) ease-out both}.tile.is-new{position:relative}.tile.is-new:after{content:"";background:var(--run);width:6px;height:6px;box-shadow:0 0 0 2px var(--panel);animation:settle-in var(--dur-2) ease-out both;border-radius:50%;position:absolute;top:5px;right:5px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}.group.results .tile{animation:settle-in var(--dur-2) var(--ease-out) both}.group.results .tile:nth-child(2){animation-delay:20ms}.group.results .tile:nth-child(3){animation-delay:40ms}.group.results .tile:nth-child(4){animation-delay:60ms}.group.results .tile:nth-child(5){animation-delay:80ms}.group.results .tile:nth-child(n+6){animation-delay:.1s}@keyframes pop-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}.recent .chip-el.fresh{animation:pop-in var(--dur-2) var(--ease-out) both}@media (height<=859px){:root{--bar-h:144px;--prev:120px}.lib-top{gap:8px;padding:10px 12px 8px}}@media (height>=1200px){:root{--bar-h:224px;--prev:200px}}@media (width<=1279px){:root{--col-w:320px}}@media (width<=1100px){.info-bar .detail{grid-template-columns:var(--prev) minmax(0, 1fr)}.info-bar .detail-side{display:none}}@media (width<=959px){:root{--col-w:300px;--tile-cols:4}}@media (width>=1800px){:root{--col-w:400px;--tile-cols:6}}@media (width>=2000px){.info-bar{grid-template-columns:minmax(0,1240px) minmax(320px,1fr)}.info-bar>.lens>*,.info-bar>.stats{max-width:760px}}@media (width>=2400px){:root{--col-w:440px}}@media (width>=3200px){:root{--col-w:480px;--tile-cols:7}}@media (hover:none){:root{--prev:120px}.info-bar{grid-template-columns:minmax(0,1fr)}.info-bar>.detail{grid-row:1}.info-bar>.lens{display:none}.tool.inspect-tool{display:grid}.info-bar.inspecting>.detail{display:none}.info-bar.inspecting>.lens{border-left:0;grid-area:1/1;padding-left:0;display:block}.info-bar>.stats{grid-column:1;margin-left:0}.zoom-btn,.zoom-level{height:32px}.zoom-btn{width:32px;font-size:18px}.tip,.search kbd{display:none}}@media (hover:none) and (height<=859px){:root{--prev:80px}}@media (height<=520px){:root{--bar-h:0px}#infobar{display:none}}@media (height<=520px),(width<=760px){.lib-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 16px;padding:10px 12px 8px}.lib-top>*{grid-column:1/-1}.lib-top>.time-row{grid-column:1}.lib-top>.brush-size{grid-column:2;gap:8px}.time-row{grid-template-columns:36px minmax(0,1fr) auto;gap:8px}.library.paused .paused-tag{display:none}}@media (width<=760px){:root{--bar-h:72px;--prev:52px;--tile-cols:6}#app{grid-template-rows:minmax(0,1fr) auto 46dvh;grid-template-columns:minmax(0,1fr)}#panel{grid-area:3/1}.library{border-top:1px solid var(--line);border-left:0}.info-bar{grid-template-columns:minmax(0,1fr) auto;column-gap:8px;padding:10px 12px}.info-bar>.stats{grid-area:1/2;align-self:center;padding-top:0}.info-bar>.stats>span:last-child{display:none}.zoom{margin:0}.info-bar .detail{grid-template-columns:var(--prev) minmax(0, 1fr);column-gap:12px}.info-bar .detail-blurb,.info-bar .detail-side{display:none}.info-bar .detail-tip{color:var(--muted);border-top:0;padding-top:2px}}@media (width<=760px),(height<=520px){.lib-top>.search,.lib-top>.chips,.lib-top>.recent,.lib-top>.views,.tool[aria-label^=Master\ list]{display:none}}@media (height<=520px){.tool.inspect-tool{display:none}}@media (width<=760px){:root{--tile-cols:5}.info-bar{grid-template-rows:minmax(0,1fr)}.info-bar .detail-tip-main{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}@media (width<=374px),(width<=760px) and (height<=700px){:root{--bar-h:56px;--prev:40px}.info-bar{padding:8px 12px}.info-bar .detail{grid-template-rows:minmax(0,1fr);align-items:center}.info-bar .detail-stage{grid-row:1}.info-bar .detail-text,.info-bar>.stats,.lib-top>.time-row{display:none}.lib-top>.brush-size{grid-column:1/-1}}@media (width>=375px) and (width<=764px) and (height>=701px){:root{--bar-h:64px;--prev:40px}}@media (width>=414px) and (width<=760px) and (height>=850px){:root{--bar-h:72px;--prev:52px;--tile-cols:6}.info-bar .detail-tip-main{white-space:normal}.lib-top>.views{display:grid}}body.intro #app{grid-template-rows:minmax(0,1fr) 0 0;grid-template-columns:minmax(0,1fr) 0}body.intro #infobar{height:0}body.intro #panel,body.intro #infobar{visibility:hidden;overflow:hidden}#sim{transition:opacity var(--dur-3) var(--ease-std)}body.intro-fading #sim{opacity:0}body.intro-skip #sim{transition-duration:.18s}@keyframes intro-shake{0%{translate:0}8%{translate:-9px 6px}16%{translate:8px -7px}26%{translate:-6px 5px}38%{translate:5px -3px}52%{translate:-3px 2px}68%{translate:2px -1px}84%{translate:-1px}to{translate:0}}body.intro-shake #sim{animation:.7s linear intro-shake}@keyframes enter-rise{0%{transform:translateY(100%)}to{transform:none}}@keyframes enter-slide{0%{transform:translate(100%)}to{transform:none}}@keyframes enter-settle{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes enter-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}@keyframes enter-fade{0%{opacity:0}to{opacity:1}}body.ui-enter .info-bar{animation:enter-rise .5s var(--ease-out) both}body.ui-enter .library{animation:enter-slide .55s var(--ease-out) 60ms both}body.ui-enter .lib-top>*{animation:enter-settle .35s var(--ease-out) calc(.24s + var(--i,0) * 40ms) both}body.ui-enter .info-bar .detail-stage,body.ui-enter .info-bar .detail-title,body.ui-enter .info-bar .detail-text,body.ui-enter .info-bar .detail-side,body.ui-enter .info-bar>.lens,body.ui-enter .info-bar>.stats{animation:enter-settle .35s var(--ease-out) calc(.2s + var(--i,0) * 50ms) both}body.ui-enter .tile.entering{animation:enter-pop .35s var(--ease-out) calc(.36s + var(--i,0) * 12ms) both}body.ui-enter .group-name{animation:.3s ease-out .34s both enter-fade}body.ui-enter .first-hint{animation:.5s ease-out .9s both enter-fade}@media (width<=760px){body.ui-enter .library{animation-name:enter-rise}}