html,body{height:100%;overflow:hidden}.know-experience{position:relative;width:100%;height:100dvh;min-height:320px;background:#e9f1f2;overflow:hidden}#know-stage{position:absolute;inset:0;background-image:radial-gradient(#c0d4d6 1px,transparent 1px);background-size:26px 26px;touch-action:none}#know-stage:focus-visible{outline:3px solid var(--blue);outline-offset:-4px}#know-stage canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:grab}#know-stage canvas:active{cursor:grabbing}#know-fallback{width:100%;height:100%;object-fit:contain}#know-loading{position:absolute;inset:45% 0 auto;text-align:center;color:var(--muted)}.know-header{position:absolute;top:28px;left:28px;display:flex;flex-direction:column;gap:16px;align-items:flex-start;pointer-events:none}.know-header a{pointer-events:auto}.know-header h1{font-size:32px;letter-spacing:-.07em;line-height:1;margin:0}.know-header h1 span{color:var(--blue)}.know-header p{font-size:11px;margin:9px 0 0;color:var(--muted)}.know-home{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap}.know-actions{position:absolute;top:28px;right:28px;display:flex;gap:8px}.know-actions button,.know-part-nav button,.know-reload,.know-assembly-link{min-height:44px;min-width:44px;border:1px solid var(--line);border-radius:12px;background:#fffffff2;padding:10px 16px;font-size:12px;font-weight:750}.know-actions button:disabled{cursor:default}.know-actions button:hover,.know-part-nav button:hover,.know-reload:hover,.know-assembly-link:hover{background:var(--blue-tint);color:var(--ink)}#know-hint{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);text-align:center;text-wrap:balance;font-size:12px;color:var(--muted);pointer-events:none}.know-popup{position:absolute;left:28px;bottom:28px;width:360px;max-height:calc(100dvh - 130px);overflow:auto;background:#ffffffed;backdrop-filter:blur(18px);border:1px solid #c3d4dc;border-radius:22px;--pad:26px;padding:var(--pad);box-shadow:0 14px 50px #17364615}.know-close{position:absolute;right:8px;top:8px;width:44px;height:44px;border:0;background:transparent;font-size:25px;border-radius:50%}.know-close:hover{background:var(--blue-tint)}.know-ref{display:block;font:11px monospace;letter-spacing:.1em;color:var(--blue);margin-right:24px}.know-popup h2{font-size:26px;letter-spacing:-.04em;line-height:1.2;margin:12px 26px 12px 0}.know-popup p{font-size:13px;line-height:1.7;color:var(--muted);margin:12px 0}.know-popup .know-value{font:11px monospace;color:var(--ink);overflow-wrap:anywhere}.know-popup a{font-size:12px;min-height:44px;display:inline-flex;align-items:center;text-decoration:underline}.know-part-nav[hidden]{display:none}.know-assembly-link{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px}.know-assembly-link .icon{font-size:14px}.know-part-nav .icon{font-size:18px;color:inherit}.know-part-nav{position:sticky;bottom:calc(-1*var(--pad));padding-bottom:4px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:14px;margin-top:10px}.know-part-nav span{font:11px monospace;color:var(--muted)}#know-error,.know-noscript{position:absolute;top:164px;left:28px;max-width:340px;font-size:12px;background:white;padding:14px;border-radius:12px}
@media(max-width:700px){.know-header{top:10px;left:16px;gap:8px}.know-home{font-size:22px}.know-header h1{font-size:27px}.know-header p{font-size:9px}.know-actions{top:139px;left:16px;right:auto;gap:6px}.know-actions button{padding:9px 12px}.know-popup{left:12px;right:12px;bottom:12px;width:auto;--pad:20px;max-height:42dvh;border-radius:18px}.know-popup h2{font-size:23px}.know-popup p{font-size:12px}.know-part-nav{padding-top:8px;margin-top:8px}#know-hint{bottom:20px}#know-error,.know-noscript{top:191px;left:16px;right:16px;max-width:none}}
@media(max-height:500px) and (orientation:landscape) and (min-width:560px){.know-header{top:18px}.know-actions{top:18px;right:16px;left:auto}.know-popup{left:12px;right:auto;bottom:12px;width:min(340px,48vw);--pad:16px;max-height:calc(100dvh - 156px);border-radius:18px}#know-error,.know-noscript{top:auto;bottom:12px;left:auto;right:16px;max-width:min(300px,40vw)}.know-popup h2{font-size:21px;margin:0 30px 6px 0}.know-popup p{line-height:1.55;margin:6px 0}.know-popup .know-includes{padding-top:6px}.know-part-nav{padding-top:8px;margin-top:6px}#know-hint{bottom:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}@media(forced-colors:active){.know-popup,.know-actions button,.know-home{border:1px solid CanvasText}.know-reload,.know-assembly-link{border:1px solid CanvasText}}

.know-popup .know-includes{padding-top:12px;border-top:1px solid var(--line);font-size:11px;line-height:1.65}.know-popup h2:first-child{margin-top:0}