@font-face{font-family:CashewPixel;src:url(../fonts/fusion-pixel-12px-proportional-zh_hans.otf.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:dark}body{margin:0;background:#102522;color:#e5d7b8;font-family:CashewPixel,sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}a:focus-visible,button:focus-visible{outline:3px solid #f4ce7a;outline-offset:6px}button,a{-webkit-tap-highlight-color:transparent}.skip{position:fixed;top:-80px;left:16px;z-index:99;background:#f2dbad;color:#18322a;padding:10px}.skip:focus{top:8px}.topbar{height:76px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #c3a36d29;background:#102522}.wordmark{font-family:CashewPixel,sans-serif;font-size:26px;letter-spacing:-1px;color:#f2ddaa}.brand-dot{font-size:15px;color:#ccaa63;margin-left:9px}.topbar nav{display:flex;gap:32px;font-size:14px;color:#bebfaa}.topbar nav a:hover,.topbar nav a[aria-current]{color:#f7d99d}.quiet{border:1px solid #b69c643b;background:transparent;padding:7px 14px;font-size:12px;color:#b8b99f;border-radius:2px}.world-shell{position:relative;overflow:hidden;background:#102522;max-width:1680px;margin:auto}.world{position:relative;width:100%;aspect-ratio:3/2;isolation:isolate}.scene-image,#scene{position:absolute;width:100%;height:100%;inset:0;object-fit:contain;image-rendering:pixelated;pointer-events:none}#scene{opacity:0}.canvas-ready #scene{opacity:1}.canvas-ready .scene-image{visibility:hidden}.scene-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#102522c7,transparent 13%,transparent 75%,#061a184d)}.scene-heading{position:absolute;left:20%;right:20%;top:10%;text-align:center;text-shadow:0 3px 12px #091a13}.scene-heading h1{font-family:CashewPixel,sans-serif;margin:0;font-size:clamp(28px,5.1vw,78px);font-weight:500;letter-spacing:-2px;color:#f3dfb2;line-height:1.1}.scene-heading p{margin:20px 0 0;font-size:clamp(14px,1.5vw,22px);letter-spacing:3px;color:#d7cfb5}.drawer-hotspot{position:absolute;left:var(--x);top:63%;width:30%;height:14%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px;border:1px solid transparent;transition:background .2s,border .2s}.drawer-hotspot:hover,.drawer-hotspot:focus-visible{background:#fbd27810;border-color:#dbbd7038}.drawer-label{font-family:CashewPixel,sans-serif;font-size:clamp(18px,2.4vw,35px);letter-spacing:4px;color:#ffe1a2;text-shadow:0 2px 3px #130e07,0 0 10px #1e1205;background:#26190ca6;padding:0 12px}.explore .drawer-label{color:#c2edda}.drawer-sub{font-size:clamp(10px,1vw,14px);color:#e7d2ae;text-shadow:0 2px 3px #000;background:#1f170fab;padding:0 7px}.about-card{position:absolute;top:39.4%;left:71.2%;width:8.5%;min-height:44px;color:#423721;font-family:CashewPixel,sans-serif;font-size:clamp(10px,1vw,15px);font-weight:700;line-height:1.5;text-align:center;transform:rotate(4deg);display:flex;align-items:center;justify-content:center;padding:0 6px}.scene-caption{position:absolute;bottom:4.7%;left:10%;right:10%;text-align:center;color:#d6ceae;font-size:14px;letter-spacing:1px;text-shadow:0 2px 8px #000}.veil{display:none;position:absolute;inset:0;background:#102522;z-index:5;pointer-events:none;opacity:0}.object-hotspot{position:absolute;transform:translate(-50%,-15%);display:flex;align-items:center;flex-direction:column;min-width:44px;min-height:44px;border:0;background:transparent;text-align:center;color:#f8dfab;max-width:31%}.object-point{font-size:23px;text-shadow:0 0 6px #b08b33;line-height:1.5}.object-label{background:#122b25eb;border:1px solid #aa97576b;box-shadow:3px 3px #091a18aa;font-size:clamp(11px,1.2vw,18px);padding:7px 14px;white-space:nowrap}.object-hotspot:hover .object-label{background:#34553b;border-color:#e5c77d}.object-hotspot:disabled{color:#bcbe9d}.object-state{font-size:11px;background:#122b25e0;padding:2px 8px}.wander{margin-left:22px;border:1px solid #a1aa7966;background:#203e34;padding:7px 15px;color:#e3dcba;font-size:13px}.directory{max-width:1100px;margin:0 auto;padding:56px 30px 80px;scroll-margin-top:20px}.directory-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}.small-note{color:#a5af92;font-size:13px;margin:0 0 8px}.directory h2{font-family:CashewPixel,sans-serif;font-weight:500;font-size:30px;line-height:1.5;margin:0;color:#e9d4a9}.text-link{font-size:13px;color:#c6b77f;white-space:nowrap;border-bottom:1px solid #79794c}.project-group+.project-group{margin-top:42px}.group-title{font-size:14px;color:#b9c0a3;font-weight:400;margin:0 0 12px}.project-row{width:100%;display:flex;align-items:center;gap:30px;background:transparent;border:0;border-top:1px solid #93a27833;padding:23px 4px;text-align:left;transition:background .2s}.project-row:last-child{border-bottom:1px solid #93a27833}.project-row:hover:not(:disabled){background:#c4bf8320}.project-kind{font-size:12px;color:#adba94;min-width:70px}.project-copy{flex:1;display:flex;flex-direction:column;gap:5px}.project-copy strong{font-weight:500;font-size:18px;color:#e5d6b2}.project-copy>span{font-size:14px;color:#aeb69f}.row-action{font-size:12px;color:#cfc092;white-space:nowrap}.project-row:disabled{opacity:.66}footer{border-top:1px solid #afae7933;padding:25px 5%;font-size:12px;color:#9ba98c;display:flex;gap:24px;justify-content:space-between}dialog{color:#3e4637;border:0;padding:0;background:#eddfbd;max-width:680px;width:calc(100% - 40px);max-height:calc(100dvh - 80px);box-shadow:12px 12px #07191466;overscroll-behavior:contain}dialog::backdrop{background:#041613c9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.paper{padding:54px 56px 48px;position:relative;background:linear-gradient(100deg,#d9c79f55,transparent 12%);min-height:300px}.close{position:sticky;display:block;margin:-34px -34px -15px auto;top:0;right:0;border:0;background:#eddfbd;z-index:1;font-size:28px;width:44px;height:44px;color:#59644b}.paper-label{font-size:12px;color:#67714f;letter-spacing:2px}.paper h2{font:400 32px/1.4 CashewPixel,sans-serif;color:#233d31;margin:8px 0 20px;overflow-wrap:anywhere}.paper h3{font-size:15px;margin:28px 0 8px;color:#344d36}.paper p{font-size:15px;line-height:1.95}.paper .lead{font-size:19px;line-height:1.8;color:#425536}.paper blockquote{margin:28px 0;border-left:2px solid #899266;padding:8px 0 8px 24px;font-family:CashewPixel,sans-serif;font-size:25px;color:#3c583c}.paper .muted{font-size:12px;color:#77795f}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 12px}.action{padding:12px 20px;background:#2b5141;border:1px solid #2b5141;color:#f4e4be;font-size:14px;display:inline-block}.action:disabled{background:#c4c1a2;border-color:#c4c1a2;color:#656f58}.availability{border-top:1px solid #a8ad8555;padding-top:15px;width:100%}#loading{position:absolute;bottom:12%;left:50%;transform:translate(-50%);padding:12px 20px;background:#122d26;border:1px solid #ab9f6f;z-index:6;font-size:14px;white-space:nowrap}#loading button{border:0;background:transparent;color:#f4d391;margin-left:12px;text-decoration:underline}body[data-scene=teaching] .scene-heading,body[data-scene=explore] .scene-heading{top:7%}body[data-scene=teaching] .scene-heading h1,body[data-scene=explore] .scene-heading h1{font-size:clamp(28px,4vw,56px)}@media(min-width:1600px){.world-shell{max-width:1440px}}@media(max-width:700px){.topbar{height:auto;min-height:72px;flex-wrap:wrap;gap:8px;padding:15px 20px}.wordmark{font-size:23px}.topbar nav{order:3;width:100%;justify-content:center;gap:28px;padding-top:8px;font-size:13px}.quiet{font-size:11px;padding:5px 10px}.world-shell{padding-top:20px}.world{width:140%;margin-left:-20%;aspect-ratio:3/2}.scene-heading{top:8%;left:20%;right:20%}.scene-heading h1{font-size:37px;letter-spacing:-1px}.scene-heading p{margin-top:10px;font-size:13px;letter-spacing:1px}.drawer-hotspot{top:62%;width:29%;height:16%}.drawer-label{font-size:18px;letter-spacing:1px;padding:2px 6px}.drawer-sub{font-size:10px;max-width:120px}.about-card{top:38%;left:70%;width:11%;font-size:10px;min-height:36px}.scene-caption{bottom:1%;font-size:11px;left:20%;right:20%;letter-spacing:0}.object-label{padding:5px 7px;font-size:11px;white-space:normal;max-width:120px}.object-point{font-size:17px}.object-state{font-size:9px}.object-hotspot{max-width:26%}body[data-scene=teaching] .world,body[data-scene=explore] .world{width:120%;margin-left:-10%}body[data-scene=teaching] .scene-heading,body[data-scene=explore] .scene-heading{top:4%}body[data-scene=teaching] .scene-heading h1,body[data-scene=explore] .scene-heading h1{font-size:28px}.wander{font-size:10px;margin-left:10px;padding:2px 8px}.directory{padding:38px 22px 50px}.directory h2{font-size:23px}.directory-head{gap:12px;align-items:start}.small-note{font-size:12px}.project-row{gap:12px;padding:20px 0}.project-kind{display:none}.project-copy strong{font-size:16px}.project-copy>span{font-size:12px}.row-action{font-size:11px;max-width:50px;white-space:normal}.paper{padding:35px 26px}.paper h2{font-size:27px}.paper .lead{font-size:17px}.close{margin:-20px -14px -10px auto}.paper p{font-size:15px}dialog{width:calc(100% - 24px);max-height:calc(100dvh - 28px)}footer{flex-direction:column;gap:4px;padding:24px}.directory-head .text-link{font-size:12px}#loading{font-size:12px;padding:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}.quiet-motion *{scroll-behavior:auto;transition:none!important}body,.topbar,.world-shell{background:#152735}.scene-heading{top:7%;left:34%;right:30%}.scene-heading h1{font-family:CashewPixel,sans-serif;font-weight:700;font-size:clamp(28px,4vw,60px);letter-spacing:-2px}.scene-heading p{font-size:clamp(12px,1.4vw,20px);letter-spacing:1px;margin-top:14px;white-space:nowrap}.drawer-hotspot{top:69.3%;width:43%;height:10.6%;justify-content:start}.drawer-label{font-family:CashewPixel,sans-serif;background:none;color:#4e321a;text-shadow:none;font-size:clamp(12px,1.3vw,20px);font-weight:600;letter-spacing:1px;line-height:1.4;padding:0;position:absolute;top:0}.explore .drawer-label{color:#4e321a}.drawer-sub{position:absolute;bottom:1%;background:#35200c88;font-size:clamp(9px,.85vw,13px)}.about-card{left:64.6%;top:23.8%;width:8.7%;height:5.5%;min-height:44px;transform:rotate(2deg);font-size:clamp(10px,.85vw,13px)}body[data-scene=teaching] .scene-heading,body[data-scene=explore] .scene-heading{left:20%;right:20%}body[data-scene=teaching] .scene-heading h1,body[data-scene=explore] .scene-heading h1{font-family:CashewPixel,sans-serif}@media(max-width:700px){.world{width:110%;margin-left:-5%}.scene-heading{left:31%;right:24%;top:5%}.scene-heading h1{font-size:clamp(21px,5.7vw,36px);letter-spacing:-1px}.scene-heading p{font-size:11px;margin-top:7px}.drawer-hotspot{top:69.3%;height:13%;width:43%}.drawer-label{font-size:clamp(9px,2.5vw,16px);letter-spacing:0}.drawer-sub{display:none}.about-card{left:63%;top:22%;width:12%;min-height:44px;font-size:10px;padding:0;line-height:1.2}.scene-caption{font-size:10px;left:5%;right:5%;bottom:2%}body[data-scene=teaching] .world,body[data-scene=explore] .world{width:110%;margin-left:-5%}body[data-scene=teaching] .scene-heading,body[data-scene=explore] .scene-heading{left:15%;right:15%}}.drawer-hotspot{width:42%;min-height:44px}.about-card{min-width:44px}@media(max-width:700px){.drawer-label{font-size:14px;background:#e7cb92;padding:2px 7px;box-shadow:1px 2px #5b351b;top:-1%}.about-card{left:64%;width:18%;min-height:38px;font-size:12px;background:#ead0a0;box-shadow:2px 2px #60432c;top:22%;padding:3px 6px}.row-action{max-width:none;white-space:nowrap;font-size:11px}}.drawer-layers{position:absolute;inset:0;z-index:2;pointer-events:none;clip-path:inset(31.7% 0 0)}.drawer-layers[hidden]{display:none}.drawer-unit,.drawer-painted,.drawer-recess{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.drawer-rear,.drawer-painted img,.drawer-recess img{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;pointer-events:none}.drawer-unit .drawer-hotspot{pointer-events:auto;z-index:1;top:59.5%;width:35%;height:11%;justify-content:start}.drawer-unit .drawer-label{top:0}.scene-heading,#hotspots,.scene-caption{z-index:3}#hotspots{position:absolute;inset:0;pointer-events:none}#hotspots>a,#hotspots>button{pointer-events:auto}.world[data-transition] .drawer-unit{will-change:transform}body[data-scene=home] .about-card{left:72.4%;top:16%;width:14%;height:11%;transform:none}body.home-art-ready[data-scene=home] .scene-heading{clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap;left:0;top:0;right:auto}body.home-art-ready[data-scene=home] .drawer-label{opacity:0}body.home-art-ready[data-scene=home] .about-card{color:transparent;background:none;box-shadow:none}body[data-scene=home] .scene-shade{background:none}.wordmark img{width:174px;height:auto;image-rendering:pixelated;display:block}@media(max-width:700px){.drawer-unit .drawer-hotspot{height:14%}.wordmark img{width:153px}}html{font-synthesis:none}input,select,textarea{font:inherit}.topbar nav{font-size:16px}.quiet,.object-state,.project-kind,.row-action,.small-note,.text-link,footer,.paper-label,.paper .muted{font-size:14px}.project-copy>span,.paper p{font-size:16px;line-height:1.9}.scene-heading h1,.directory h2{letter-spacing:0}@media(max-width:700px){.topbar nav{font-size:14px;gap:24px}.quiet,.object-state,.row-action,.small-note,.text-link,footer,.paper-label,.paper .muted{font-size:12px}.object-label{font-size:12px}.project-copy>span{font-size:14px}.paper p{font-size:16px}}#hotspots>a.chart-hotspot{position:absolute;inset:0;pointer-events:none;outline:none}.chart-hit-art{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.chart-hit{fill:transparent;stroke:none;pointer-events:fill;cursor:pointer}.chart-lit{opacity:0;filter:brightness(1.18);pointer-events:none;image-rendering:pixelated}.chart-edge{fill:none;stroke:#fff4d7;stroke-width:2;stroke-linejoin:miter;shape-rendering:crispEdges;opacity:0;pointer-events:none}.chart-title{position:absolute;left:28.5%;top:28.5%;transform:translate(-50%,-100%);padding:10px 18px;color:#fff4d2;background:#18312f;white-space:nowrap;font-size:18px;line-height:1.5;opacity:0;pointer-events:none;filter:drop-shadow(0 3px 0 #081b22);clip-path:polygon(8px 0,calc(100% - 8px) 0,calc(100% - 8px) 4px,calc(100% - 4px) 4px,calc(100% - 4px) 8px,100% 8px,100% calc(100% - 8px),calc(100% - 4px) calc(100% - 8px),calc(100% - 4px) calc(100% - 4px),calc(100% - 8px) calc(100% - 4px),calc(100% - 8px) 100%,8px 100%,8px calc(100% - 4px),4px calc(100% - 4px),4px calc(100% - 8px),0 calc(100% - 8px),0 8px,4px 8px,4px 4px,8px 4px);box-shadow:inset 0 0 0 2px #f2dfb0}.chart-hotspot:hover .chart-lit,.chart-hotspot:focus-visible .chart-lit{opacity:.6}.chart-hotspot:hover .chart-edge,.chart-hotspot:focus-visible .chart-edge,.chart-hotspot:hover .chart-title,.chart-hotspot:focus-visible .chart-title{opacity:1}@media(max-width:700px){.chart-title{font-size:12px;padding:8px 12px}}.chart-title{top:28%;padding:12px 22px 13px;color:#493520;background-color:#e4c994;background-image:repeating-linear-gradient(0deg,transparent 0 3px,#67441909 3px 4px),linear-gradient(110deg,#f8e7bb,#edd5a1 48%,#d5b67e);border:0;box-shadow:inset 0 2px #fff2d1,inset 0 -4px #8e6439,inset 3px 0 #ba8d50,inset -3px 0 #8e6439;text-shadow:0 1px #fff1ce;filter:none;letter-spacing:1px}.chart-title:before{content:"";position:absolute;inset:6px 8px 9px;border:1px solid #9f7946;box-shadow:0 1px #fff0c680,inset 0 1px #fff0c680;pointer-events:none}.chart-title:after{content:"";position:absolute;left:10px;right:10px;top:9px;height:3px;background:linear-gradient(90deg,#9c743d 0 3px,transparent 3px calc(100% - 3px),#9c743d calc(100% - 3px));pointer-events:none}@media(max-width:700px){.chart-title{padding:10px 17px 11px;letter-spacing:0}}.chart-title{top:28.5%;width:280px;height:108px;display:flex;align-items:center;justify-content:center;padding:0 24px 5px;color:#503725;background:transparent url(../art/fast-v1/paper-tooltip.webp) center/100% 100% no-repeat;border:0;box-shadow:none;clip-path:none;text-shadow:none;filter:drop-shadow(2px 4px 0 #1d120b55);image-rendering:pixelated;font-size:18px;letter-spacing:0}.chart-title:before,.chart-title:after{content:none}@media(max-width:700px){.chart-title{width:196px;height:76px;font-size:12px;padding:0 15px 4px}}.chart-title{width:288px;height:111px;background:none;filter:none}.chart-paper{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;pointer-events:none}.chart-title-text{position:relative;z-index:1;background:#ead8ae;padding:4px 8px}.paper-ready .chart-title-text{background:none}@media(max-width:700px){.chart-title{width:192px;height:74px}}.scroll-art{display:none}dialog.scroll-panel{width:min(740px,calc(100vw - 16px));height:min(900px,96dvh);max-height:96dvh;max-width:none;background:transparent;box-shadow:none;overflow:hidden;filter:drop-shadow(5px 9px 0 #100d0955)}.scroll-panel .scroll-art{display:block;position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;pointer-events:none}.scroll-panel .paper{position:absolute;inset:0;padding:0;min-height:0;background:none}.scroll-panel #panel-content{position:absolute;inset:17% 18%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#9e7950 transparent;padding:0 12px 18px 0;background:#f1e0b8}.scroll-panel.scroll-ready #panel-content{background:none}.scroll-panel .close{position:absolute;top:9%;right:13%;margin:0;background:transparent;color:#60482e;text-shadow:1px 1px #f6e8c4}.scroll-panel .paper h2{font-size:28px;color:#513c28}.scroll-panel .paper h3{color:#735331}.scroll-panel .paper p{color:#58462f}.scroll-panel .paper .lead{font-size:18px;color:#63492f}.scroll-panel[open]{animation:scroll-unroll .45s steps(9,end)}@keyframes scroll-unroll{0%{clip-path:inset(42% 0)}to{clip-path:inset(0)}}@media(max-width:700px){.scroll-panel #panel-content{left:17%;right:17%;padding-right:6px}.scroll-panel .paper h2{font-size:24px}.scroll-panel .paper .lead{font-size:16px}.scroll-panel .close{right:11%}}@media(prefers-reduced-motion:reduce){.scroll-panel[open]{animation:none}}.quiet-motion .scroll-panel[open]{animation:none}.scroll-parts{display:none}.scroll-panel{--roller-height:clamp(60px,16vw,100px)}.scroll-panel .scroll-parts{display:block;position:absolute;inset:0;pointer-events:none}.scroll-parts canvas{position:absolute;image-rendering:pixelated}.scroll-body{left:16.5%;width:67%;top:calc(2% + var(--roller-height) / 2);height:calc(96% - var(--roller-height));z-index:0}.scroll-top,.scroll-bottom{left:0;width:100%;height:var(--roller-height);z-index:2}.scroll-top{top:2%}.scroll-bottom{left:3.47%;width:93.06%;top:calc(98% - var(--roller-height))}.scroll-panel[open]{animation:none}.scroll-panel[open] .scroll-bottom{animation:roller-descend .45s steps(18,end) both}.scroll-panel[open] .scroll-body{animation:paper-uncover .45s steps(18,end) both}.scroll-panel[open] #panel-content{animation:scroll-ink .12s .38s both}.scroll-panel #panel-content{top:calc(3% + var(--roller-height) + 16px);bottom:calc(3% + var(--roller-height));left:21%;right:21%}.scroll-panel .close{top:calc(2% + var(--roller-height) - 16px);right:19%;z-index:4;font-size:24px}@keyframes roller-descend{0%{top:2%}to{top:calc(98% - var(--roller-height))}}@keyframes paper-uncover{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@keyframes scroll-ink{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.scroll-panel[open] .scroll-bottom,.scroll-panel[open] .scroll-body,.scroll-panel[open] #panel-content{animation:none}}.quiet-motion .scroll-panel[open] .scroll-bottom,.quiet-motion .scroll-panel[open] .scroll-body,.quiet-motion .scroll-panel[open] #panel-content{animation:none}.scene-heading h1:focus{outline:none}.demo-hotspot .chart-title{left:84%;top:36%}@media(max-width:700px){.demo-hotspot .chart-title{left:77%;top:34%}}.demo-hotspot:hover .chart-lit,.demo-hotspot:focus-visible .chart-lit{opacity:0}.demo-hotspot .chart-edge{stroke-width:1.5}#hotspots>a.scene-object{position:absolute;display:block;pointer-events:none;outline:none}.object-sprite{width:100%;height:100%;display:block;image-rendering:pixelated;filter:drop-shadow(var(--shadow-x,1px) var(--shadow-y,2px) var(--shadow-softness,0px) var(--shadow-ink,#190e0b40));pointer-events:none}.scene-object .object-title{left:50%;top:0;opacity:0;z-index:60}.scene-object.is-hovered .object-title,.scene-object.is-focused .object-title{opacity:1}.scene-object.is-hovered,.scene-object.is-focused{isolation:isolate}.world.over-object{cursor:pointer}@media(max-width:700px){.scene-object[data-project=teaching-demos] .object-title{left:25%}}.scene-object[data-project=teaching-demos] .object-sprite{filter:none;position:relative;z-index:1}.scene-object[data-project=teaching-demos]:before{content:"";position:absolute;left:17%;top:94%;width:74%;height:8%;background:#1c100b30;pointer-events:none;clip-path:polygon(16% 0,84% 0,84% 15%,94% 15%,94% 30%,100% 30%,100% 70%,94% 70%,94% 85%,84% 85%,84% 100%,16% 100%,16% 85%,6% 85%,6% 70%,0 70%,0 30%,6% 30%,6% 15%,16% 15%)}.scene-object[data-project=ib-physics]{--shadow-x:1px;--shadow-y:2px;--shadow-softness:0px;--shadow-ink:#1c100c38}.scene-object[data-project=class-student]{--shadow-x:1px;--shadow-y:2px;--shadow-softness:0px;--shadow-ink:#1c100c45}.scene-object[data-project=ib-physics-ee-copilot]{--shadow-x:3px;--shadow-y:5px;--shadow-softness:1px;--shadow-ink:#1c100c50}.scene-object[data-project=seating-chart]{--shadow-x:6px;--shadow-y:8px;--shadow-softness:2px;--shadow-ink:#1c100c48}.scene-object[data-project=teaching-demos]:before{left:23%;top:96%;width:73%;height:7%;transform:rotate(9deg);background:#1c100b35}body[data-scene=explore] .object-sprite{filter:none}body[data-scene=explore] .scene-object .object-title{top:4%}@media(max-width:700px){.scene-object[data-project=drop-share] .object-title{left:110%}.scene-object[data-project=xiang-attention] .object-title{left:-22%}}.scene-object[data-project=kejian]{--shadow-x:2px;--shadow-y:4px;--shadow-softness:1px;--shadow-ink:#1c100c45}.scene-object[data-project=education-frontiers]{--shadow-x:5px;--shadow-y:7px;--shadow-softness:2px;--shadow-ink:#1c100c48}.scene-object[data-project=education-frontiers] .object-title{font-size:16px}footer{flex-wrap:wrap}footer .icp-record{flex-basis:100%;text-align:center;font-size:12px;color:#9ba98c}footer .icp-record:hover{color:#e9d4a9}.world{background-size:100% 100%;background-repeat:no-repeat;image-rendering:pixelated}body[data-scene=home]:not(.home-art-ready) .drawer-painted,body[data-scene=home]:not(.home-art-ready) .drawer-recess{visibility:hidden}body[data-scene=home]:not(.home-art-ready) #scene,body[data-scene=home]:not(.home-art-ready) .scene-image{opacity:0}.topbar{max-width:1680px;margin:0 auto;height:auto;min-height:90px;padding:20px 4.5%;border-top:1px solid #c3a36d45;border-bottom:1px solid #c3a36d29;position:relative}.topbar nav{gap:12px}.topbar nav a{padding:12px 18px;border-bottom:3px solid transparent}.topbar nav a[href="#/teaching"]{color:#f0d198;border-color:#c79e56;background:#c79e5610}.topbar nav a[href="#/explore"]{color:#acd6ca;border-color:#79b5a3;background:#79b5a310}.topbar nav a:hover,.topbar nav a[aria-current=page]{background:#ffffff12}body[data-scene=home] .project-group{padding:28px 30px 8px;border:1px solid #c79e5645;border-left:4px solid #c79e56;background:#c79e5608}body[data-scene=home] .project-group[data-drawer=explore]{border-color:#79b5a345;border-left-color:#79b5a3;background:#79b5a309}.group-heading{padding-bottom:20px}.group-index{font-size:12px;letter-spacing:2px;color:#c79e56}.group-heading .group-title{font-size:28px;margin:10px 0;color:#f0d198}.group-description{margin:0;color:#acb8ac;font-size:16px;line-height:1.6}[data-drawer=explore] .group-index{color:#79b5a3}[data-drawer=explore] .group-title{color:#acd6ca}footer{display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px 24px}footer .footer-motto{justify-self:end;text-align:right}footer .icp-record{grid-column:1/-1}@media(max-width:700px){.world-shell{padding-top:0}.topbar{padding:18px 16px;gap:16px}.topbar nav{gap:6px;justify-content:space-between}.topbar nav a{font-size:14px;padding:10px 8px}.topbar .wordmark{margin:auto}body[data-scene=home] .project-group{padding:20px 16px 4px}.group-heading .group-title{font-size:24px}.group-description{font-size:14px}footer{padding:24px 16px;column-gap:12px;font-size:12px}}.pixel-outline{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;pointer-events:none;opacity:0;z-index:2}.drawer-unit:has(.drawer-hotspot:hover)>.pixel-outline,.drawer-unit:has(.drawer-hotspot:focus-visible)>.pixel-outline,.about-card:hover~.about-outline,.about-card:focus-visible~.about-outline{opacity:1}.drawer-unit .drawer-hotspot:hover,.drawer-unit .drawer-hotspot:focus-visible{background:none;border-color:transparent;outline:none}body[data-scene=home] .about-card:hover,body[data-scene=home] .about-card:focus-visible{background:none;box-shadow:none;outline:none}.world[data-transition] .pixel-outline{opacity:0}.scene-back{position:absolute;left:24px;top:24px;z-index:4;display:flex;align-items:center;gap:12px;padding:12px 16px;color:#f8e4b4;background:#18302e;border:2px solid #b99c64;box-shadow:3px 3px #091b23;font-size:16px;clip-path:polygon(4px 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0 calc(100% - 4px),0 4px,4px 4px)}.scene-back[hidden]{display:none}.scene-back:hover,.scene-back:focus-visible{background:#354e43;color:#fff3d3}.pixel-back-arrow{width:20px;height:20px;background:currentColor;clip-path:polygon(40% 0,60% 0,60% 20%,40% 20%,40% 40%,100% 40%,100% 60%,40% 60%,40% 80%,60% 80%,60% 100%,40% 100%,40% 80%,20% 80%,20% 60%,0 60%,0 40%,20% 40%,20% 20%,40% 20%)}@media(max-width:700px){.scene-back{left:10px;top:10px;padding:8px;font-size:12px;gap:6px}.pixel-back-arrow{width:16px;height:16px}}.world[data-transition] .drawer-unit>.pixel-outline,.drawer-unit.highlight-dismissed>.pixel-outline{opacity:0!important}body[data-scene=teaching] .object-sprite{filter:none;position:relative;z-index:1}body[data-scene=teaching] .scene-object:before{display:none}.object-shadow{position:absolute;image-rendering:pixelated;pointer-events:none;z-index:0;opacity:1}dialog.category-panel,dialog.category-panel.scroll-panel{position:fixed;inset:0;margin:0;width:100vw;max-width:none;height:100dvh;max-height:none;overflow:visible;background:transparent;box-shadow:none;filter:none}.category-panel::backdrop{background:#0416138a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.category-panel[open]::backdrop{animation:category-dim-in .42s ease-out both}.category-panel.category-leaving::backdrop{animation:category-dim-out .4s ease-in both}@keyframes category-dim-in{0%{opacity:0}to{opacity:1}}@keyframes category-dim-out{0%{opacity:1}to{opacity:0}}.category-panel .book-page{position:absolute;z-index:2;left:0;top:50%;width:47%;height:min(900px,94dvh);transform:translateY(-50%);background:url(../art/fast-v1/category-book-right.webp) center/100% 100% no-repeat;filter:drop-shadow(9px 12px 0 #100d0970);animation:book-slide-in .42s steps(14,end) both}@keyframes book-slide-in{0%{translate:-100% 0}to{translate:0 0}}.category-panel.category-leaving .book-page{animation:book-slide-out .4s steps(14,end) both}@keyframes book-slide-out{0%{translate:0 0}to{translate:-100% 0}}.category-panel.category-leaving .scroll-parts,.category-panel.category-leaving .paper{animation:category-scroll-out .4s ease-in both}@keyframes category-scroll-out{0%{opacity:1}to{opacity:0}}.category-panel .book-page[hidden],.category-panel .paper[hidden]{display:none!important}.book-content{position:absolute;inset:13% 15% 12% 17%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#aa8759 transparent;padding:8px 3px 20px;color:#513b29}.book-kicker{margin:0 0 8px;color:#806344;font-size:13px}.book-title{margin:0;color:#3e3829;font-size:clamp(22px,2vw,30px);font-weight:400;line-height:1.45}.book-title:focus{outline:none}.book-intro{font-size:15px;line-height:1.7;color:#70583c;margin:10px 0 30px}.book-works{border-top:1px solid #ad8b60}.book-entry{display:flex;align-items:center;gap:16px;min-height:112px;padding:14px 9px;border-bottom:1px solid #ad8b60;color:#493829;transition:background .15s}.book-entry:hover,.book-entry:focus-visible,.book-entry[aria-current=page]{background:#b7853b28}.book-entry[aria-current=page]{box-shadow:inset 5px 0 #9a6e3f}.book-entry-icon{width:72px;height:65px;object-fit:contain;image-rendering:pixelated;flex:none;filter:drop-shadow(2px 3px 0 #6f4d3155)}.book-entry-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.book-entry-copy strong{font-size:19px;font-weight:400;line-height:1.4}.book-entry-copy>span{font-size:14px;line-height:1.55;color:#725b43}.book-close{position:absolute;z-index:3;right:18%;top:10%;width:40px;height:40px;border:0;background:#e7c88d;color:#63432f;font-size:26px;line-height:1;box-shadow:2px 2px #7d5233}.book-close:hover,.book-close:focus-visible{background:#f3dba8}.category-panel.scroll-panel .scroll-parts,.category-panel.scroll-panel .paper{inset:50% 0 auto 46%;width:54%;height:min(900px,94dvh);transform:translateY(-50%)}@media(max-width:900px){.category-panel .book-page{left:50%;width:min(100vw,560px);height:min(94dvh,780px);transform:translate(-50%,-50%)}.category-panel.scroll-panel .book-page{display:none}.category-panel.scroll-panel .scroll-parts,.category-panel.scroll-panel .paper{left:50%;right:auto;width:min(100vw,740px);height:min(96dvh,900px);transform:translate(-50%,-50%)}}@media(max-width:500px){.category-panel .book-page{width:100vw;height:min(92dvh,620px)}.book-content{inset:14% 15% 11% 18%}.book-title{font-size:22px}.book-intro{font-size:13px;margin-bottom:16px}.book-entry{min-height:100px;gap:9px;padding:10px 3px}.book-entry-icon{width:52px;height:52px}.book-entry-copy strong{font-size:16px}.book-entry-copy>span{font-size:12px}.book-close{top:10%;right:16%;width:32px;height:32px;font-size:22px}}@media(prefers-reduced-motion:reduce){.category-panel .book-page,.category-panel[open]::backdrop,.category-panel.category-leaving .scroll-parts,.category-panel.category-leaving .paper{animation:none}}