@font-face{font-family:Anton Display;src:url(/fonts/anton/Anton-Regular.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}.project-dialog.editorial-detail{color:#253d2f;background:#faf8ef;border-radius:8px;width:min(92vw,1760px);max-width:none;height:86dvh;max-height:1100px}.editorial-detail .close-detail{z-index:2;color:#36514a;background:0 0;border:0;border-radius:0;padding:6px;font:26px/1 Arial,sans-serif;position:absolute;top:18px;right:22px}.editorial-detail .detail-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#bac6b5 transparent;height:100%;padding:clamp(54px,4.8vw,86px) clamp(30px,3.8vw,72px);overflow:auto}.detail-layout{grid-template-columns:minmax(0,.31fr) minmax(0,.69fr);align-items:start;gap:clamp(38px,4vw,80px);display:grid}.editorial-detail .detail-copy{color:#52654f;white-space:normal;min-width:0;max-width:none;padding:0;font-size:15px;line-height:1.85;container-type:inline-size}.detail-eyebrow{letter-spacing:.25em;color:#36514a;margin:0 0 22px;font:10px/1.4 monospace}.project-display{letter-spacing:-.025em;color:#203c2b;font-family:Anton Display,Impact,Arial Narrow,sans-serif;font-size:clamp(88px,45cqw,210px);font-weight:400;line-height:1.02}.project-display span{display:block}.project-word{transform-origin:0;width:131.58%;transform:scaleX(.76)}.project-number{letter-spacing:-.04em;font-size:1.1em;line-height:1}.project-name{letter-spacing:-.035em;color:#253d2f;overflow-wrap:anywhere;margin:38px 0 19px;font-family:Noto Serif SC,Songti SC,SimSun,serif;font-size:clamp(32px,3.4vw,62px);font-weight:600;line-height:1.2}.editorial-detail .detail-summary{color:#3d5645;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 12px;font-size:17px}.detail-description{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.editorial-detail .project-links{flex-wrap:wrap;gap:16px 22px;margin:32px 0 0;display:flex}.editorial-detail .project-links a{color:#253d2f;overflow-wrap:anywhere;background:0 0;border-bottom:1px solid #536955;border-radius:0;padding:0 0 3px;font-size:14px;text-decoration:none}.editorial-detail .project-links a:hover{color:#817036;border-color:currentColor}.editorial-detail .project-links a span{margin-left:6px}.editorial-detail .content-notice{color:#829081;background:0 0;margin:24px 0 0;padding:0;font-size:11px}.detail-visual{min-width:0;padding-top:18px}.editorial-detail .detail-media{aspect-ratio:16/10;background:#edf0e8;border:0;border-radius:4px;place-items:center;width:100%;min-height:240px;max-height:calc(86dvh - 150px);display:grid;overflow:hidden}.editorial-detail .detail-media img,.editorial-detail .detail-media video{object-fit:contain;image-rendering:auto;width:100%;height:100%;max-height:calc(86dvh - 150px)}.detail-empty-media{text-align:center;letter-spacing:.06em;color:#899580;padding:40px;font-size:13px}.editorial-detail .gallery-media{margin:32px 0 0}.editorial-detail .gallery-media img,.editorial-detail .gallery-media video{object-fit:contain;image-rendering:auto;background:#edf0e8;width:100%;height:auto;max-height:80dvh}.editorial-detail .gallery-media figcaption{color:#788771;overflow-wrap:anywhere;margin-top:10px;font-size:12px;line-height:1.6}@media (width<=900px){.project-dialog.editorial-detail{width:94vw;height:90dvh;max-height:none}.editorial-detail .detail-scroll{padding:54px 28px 36px}.detail-layout{grid-template-columns:minmax(0,1fr);gap:32px}.project-display{align-items:baseline;gap:.15em;font-size:clamp(52px,15cqw,100px);line-height:1;display:flex}.project-word{width:auto;transform:none}.project-number{font-size:1em}.detail-eyebrow{margin-bottom:20px}.project-name{margin-top:26px;font-size:clamp(32px,6vw,48px)}.detail-visual{padding-top:0}.editorial-detail .detail-media{min-height:0;max-height:none}.editorial-detail .detail-media img,.editorial-detail .detail-media video{max-height:none}.editorial-detail .detail-summary{font-size:16px}.editorial-detail .close-detail{top:14px;right:14px}}*{box-sizing:border-box}html,body{color:#173c39;background:#57cdf3;margin:0;font-family:Arial,Microsoft YaHei,sans-serif}button,a,input{touch-action:manipulation}button{font:inherit;cursor:pointer}button:disabled{cursor:default}a{color:inherit}button:focus-visible,a:focus-visible,.software-world:focus-visible{outline-offset:5px;outline:3px solid #f4c354}.software-world{touch-action:pan-y;isolation:isolate;height:100dvh;min-height:500px;position:relative;overflow:hidden}.software-world canvas{width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.project-slots{pointer-events:none;position:absolute;inset:0}.project-screen{pointer-events:auto;image-rendering:auto;color:#36514a;text-align:left;background:#f9f7ed;border:0;flex-direction:column;padding:0;display:flex;position:absolute;overflow:hidden;box-shadow:inset 0 0 0 1px #d4dacd}.project-screen.hit{box-shadow:inset 0 0 0 4px #eec35b}.project-screen:not(:disabled):hover .screen-caption{background:#f8f4db}.project-screen img,.project-screen video{object-fit:contain;image-rendering:auto;background:#edf0e8;width:100%;height:calc(100% - 58px)}.screen-chrome{background:#e2e8df;align-items:center;gap:6px;height:24px;min-height:24px;padding:0 12px;display:flex}.screen-chrome i{background:#d08665;border-radius:50%;width:6px;height:6px}.screen-chrome i:nth-child(2){background:#d6b44b}.screen-chrome i:nth-child(3){background:#7ea578}.screen-chrome span{letter-spacing:.08em;margin-left:auto;font:10px monospace}.screen-caption{background:#eef0e4;justify-content:space-between;align-items:center;gap:10px;height:34px;min-height:34px;padding:0 14px;font-size:11px;display:flex}.screen-caption b{white-space:nowrap;font-size:11px;font-weight:500}.media-placeholder{text-align:center;background:linear-gradient(145deg,#faf9ef,#e7eee3);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;width:100%;min-height:0;padding:20px;display:flex;position:relative}.placeholder-grid{display:none}.media-placeholder small{letter-spacing:.25em;color:#829589;font:10px monospace}.media-placeholder strong{letter-spacing:.05em;font-size:clamp(20px,3vw,44px);font-weight:500}.media-placeholder>span:not(.placeholder-grid){color:#778c80;font-size:12px}.media-placeholder em{color:#81947e;font-size:10px;font-style:normal;position:absolute;bottom:10px;right:10px}.trigger-target{pointer-events:auto;background:0 0;border:0;position:absolute}.trigger-target:not(:disabled):hover{outline-offset:4px;outline:3px solid #fff2b8}.world-header{justify-content:space-between;align-items:center;gap:20px;display:flex;position:absolute;top:26px;left:32px;right:32px}.world-header a{letter-spacing:-.04em;font-size:26px;font-weight:800;text-decoration:none}.world-header a span{font-weight:400}.all-projects{color:#143e3c;background:0 0;border:0;align-items:center;gap:15px;padding:8px 0;font-size:16px;font-weight:600;display:flex}.all-projects span{font-size:26px}.world-hud{color:#fff1d2;background:#4f3127ee;justify-content:center;align-items:center;gap:28px;height:58px;padding:10px 25px;font-size:13px;display:flex;position:absolute;bottom:0;left:0;right:0}.world-hud>div{align-items:center;gap:15px;display:flex}.world-hud i{opacity:.5;font-style:normal}.world-hud button{color:#e2ccaa;background:0 0;border:1px solid #c6a97f70;border-radius:3px;padding:5px 10px;font-size:11px}.mobile-hint,.touch-controls{display:none}.scene-message,.empty-world{text-align:center;background:#fffae3e8;border:2px solid #bb9765;max-width:90%;padding:25px 40px;font-size:16px;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.empty-world strong{font-size:30px;font-weight:500}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}dialog{color:#253c35;background:#faf8ef;border:0;padding:0;box-shadow:0 24px 100px #173c3966}dialog::backdrop{backdrop-filter:blur(5px);background:#153d3a80}.project-dialog{border-radius:9px;width:84vw;max-width:1440px;height:86dvh;max-height:960px;overflow:hidden}.detail-heading{border-bottom:1px solid #dadfcf;justify-content:space-between;align-items:center;gap:20px;height:108px;padding:22px 35px;display:flex}.detail-heading small,.index-heading small{letter-spacing:.18em;color:#6f8275;font:10px monospace}.detail-heading h1{margin:9px 0 0;font-size:30px;font-weight:500}.close-detail,.index-heading button{color:#365342;background:0 0;border:1px solid #bac6b5;border-radius:5px;padding:9px 12px;font-size:13px}.close-detail kbd{color:#85947d;margin-left:8px;font:10px monospace}.detail-scroll{overscroll-behavior:contain;height:calc(100% - 108px);padding:28px 35px 45px;overflow:auto}.detail-media{aspect-ratio:16/9;background:#e8eee2;border:1px solid #dae2d2;border-radius:5px;overflow:hidden}.detail-media img,.detail-media video,.gallery-media img,.gallery-media video{object-fit:contain;image-rendering:auto;width:100%;height:100%;display:block}.detail-media .media-placeholder{height:100%}.media-placeholder.large strong{font-size:clamp(28px,4vw,60px)}.detail-copy{color:#52654f;white-space:pre-line;max-width:860px;padding:22px 0 10px;font-size:15px;line-height:1.9}.detail-summary{color:#253c35;margin:10px 0;font-size:22px}.content-notice{background:#efefde;padding:10px 15px;font-size:12px}.project-links{flex-wrap:wrap;gap:10px;margin:20px 0;display:flex}.project-links a{color:#fff9de;background:#294b3c;border-radius:4px;padding:8px 16px;text-decoration:none}.gallery-media{margin:25px 0}.gallery-media figcaption{color:#6c7f67;margin-top:10px;font-size:13px}.index-dialog{border-radius:8px;width:min(650px,90vw);max-height:85dvh}.index-heading{border-bottom:1px solid #d8dfcc;justify-content:space-between;align-items:center;padding:28px 30px;display:flex}.index-heading h2{margin:10px 0 0;font-size:27px;font-weight:500}.index-heading h2 span{color:#91a082;margin-left:10px;font:14px monospace}.project-index{padding:10px 30px 25px}.project-index button{text-align:left;width:100%;color:inherit;background:0 0;border:0;border-bottom:1px solid #dce1d0;align-items:center;gap:20px;padding:22px 0;display:flex}.project-index button:hover{background:#eff1df}.project-index button>div{flex:1}.project-index strong{font-size:20px;font-weight:500}.project-index p{color:#71816a;margin:8px 0 0;font-size:12px}.index-number{color:#8b9a80;font:12px monospace}@media (width<=700px){.software-world{min-height:580px}.world-header{top:20px;left:20px;right:20px}.world-header a{font-size:22px}.all-projects{gap:8px;font-size:13px}.world-hud{gap:12px;height:45px;padding:8px 12px;font-size:10px}.world-hud>div{gap:8px}.world-hud .desktop-hint{display:none}.mobile-hint{display:inline}.world-hud>div span:nth-of-type(3){display:none}.touch-controls{pointer-events:none;justify-content:space-between;display:flex;position:absolute;bottom:65px;left:20px;right:20px}.touch-controls button{pointer-events:auto;color:#4f472c;user-select:none;background:#fff2d5d9;border:2px solid #8c7959;border-radius:5px;padding:10px 20px}.screen-chrome{gap:4px;height:18px;min-height:18px;padding:0 6px}.screen-chrome i{width:4px;height:4px}.screen-chrome span{font-size:8px}.screen-caption{height:27px;min-height:27px;padding:0 7px;font-size:8px}.screen-caption b{font-size:8px}.project-screen img,.project-screen video{height:calc(100% - 45px)}.media-placeholder{gap:6px;padding:8px}.media-placeholder small{font-size:7px}.media-placeholder strong{font-size:23px}.media-placeholder>span:not(.placeholder-grid){font-size:9px}.media-placeholder em{font-size:7px;bottom:5px}.project-dialog{width:94vw;height:89dvh;max-height:none}.detail-heading{height:91px;padding:18px}.detail-heading h1{font-size:25px}.detail-scroll{height:calc(100% - 91px);padding:18px}.detail-summary{font-size:19px}.detail-copy{font-size:14px}.index-heading{padding:24px 20px}.project-index{padding:5px 20px 20px}}.world-header a{min-width:0;font-size:clamp(15px,2.2vw,26px);line-height:1.4}.world-header a span{display:inline-block}.all-projects{flex-shrink:0}