:root{color:#e9e7dd;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#101d19;font-family:Yu Gothic UI,Yu Gothic,Meiryo,sans-serif;font-weight:400;line-height:1.7}*{box-sizing:border-box}body{min-width:320px;margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:4px;outline:2px solid #dbc389}button{color:#f4f0e5;cursor:pointer;background:#1d3028;border:1px solid #677167;border-radius:5px;padding:8px 15px;line-height:1.4}button:hover{background:#31493c}button:disabled{opacity:.4;cursor:wait}button[aria-pressed=true]{color:#162219;background:#b39a63;border-color:#b39a63}[hidden]{display:none!important}#app{max-width:1320px;margin:0 auto;padding:0 48px}.masthead{border-bottom:1px solid #334038;justify-content:space-between;align-items:center;gap:20px;padding:28px 0;display:flex}.brand{color:#eeece1;letter-spacing:.12em;align-items:center;gap:12px;font-size:18px;font-weight:600;text-decoration:none;display:flex}.brand-mark{color:#d0b878;border:1px solid #a99058;border-radius:3px;place-items:center;width:35px;height:41px;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:23px;display:inline-grid}.phase{color:#c2ad7a;letter-spacing:.08em;font-size:12px}.phase span{color:#bbc2b9;letter-spacing:.03em;margin-left:12px;font-size:12px}.introduction{padding:37px 0 27px}.eyebrow{letter-spacing:.2em;color:#bfa974;margin:0 0 7px;font-size:11px}h1{letter-spacing:.07em;margin:0 0 10px;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:clamp(25px,3vw,35px);font-weight:500;line-height:1.55}.lead{color:#bfc8bd;margin:0;font-size:14px}.viewer{isolation:isolate;background:#16251e;border:1px solid #465447;border-radius:7px;height:clamp(360px,53vh,580px);position:relative;overflow:hidden}canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}canvas:focus-visible{outline-offset:-5px;outline:2px solid #dbc389}.viewer-label{z-index:1;color:#d5ddcf;pointer-events:none;text-shadow:0 1px 6px #101d19;align-items:center;gap:8px;font-size:12px;display:flex;position:absolute;top:19px;left:23px}.status-dot{background:#b79b5e;border-radius:50%;width:6px;height:6px}.status-dot.ready{background:#a0c6a4}.status-dot.failed{background:#dc9c87}.object-caption{pointer-events:none;text-shadow:0 1px 6px #101d19;flex-direction:column;display:flex;position:absolute;bottom:22px;left:23px}.object-caption span{letter-spacing:.17em;color:#bfb38f;font-size:10px}.object-caption strong{margin-top:3px;font-size:14px;font-weight:500}.viewer-controls{align-items:center;gap:8px;display:flex;position:absolute;bottom:21px;right:21px}.viewer-controls button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1d3028ee;font-size:12px}.viewer-controls button:hover{background:#334b3e}.viewer-controls button[aria-pressed=true]{background:#b39a63}.zoom-controls{display:flex}.zoom-controls button{min-width:38px;padding:8px 13px;font-size:14px}.zoom-controls button:first-child{border-radius:5px 0 0 5px}.zoom-controls button:last-child{border-left:0;border-radius:0 5px 5px 0}.viewer-bottom{color:#aeb9aa;justify-content:space-between;gap:12px;margin:10px 0 0;font-size:12px;display:flex}.viewer-bottom p{margin:0}.viewer-bottom span{color:#697d6a;margin:0 8px}#render-stats{font-variant-numeric:tabular-nums;white-space:nowrap}.inspection{grid-template-columns:1fr 1fr 1fr;gap:30px;padding:27px 0 32px;display:grid}.inspection h2{letter-spacing:.07em;color:#e1dfd2;margin:0 0 6px;font-size:13px;font-weight:600}.inspection p{color:#aeb9aa;margin:0;font-size:12px}.swatch{border-radius:50%;width:7px;height:7px;margin:0 3px 1px 6px;display:inline-block}.swatch:first-child{margin-left:0}.ivory{background:#eee4cf}.green{background:#418268}.gold{background:#b39657}footer{color:#99a593;letter-spacing:.04em;border-top:1px solid #334038;justify-content:space-between;gap:12px;padding:17px 0 24px;font-size:10px;display:flex}.error-panel{z-index:3;background:#17251ff7;border:1px solid #a18557;border-radius:7px;width:min(520px,100% - 32px);padding:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 40px #0006}.error-panel h2{margin:0 0 10px;font-size:17px}.error-panel p{font-size:14px}.error-panel details{margin:14px 0;font-size:12px}.error-panel pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#c4c7ba;max-height:100px;font-size:11px;overflow:auto}@media (width>=1600px){.viewer{height:570px}}@media (width<=760px){#app{padding:0 22px}.masthead{padding:20px 0}.phase span{display:none}.brand{letter-spacing:.06em;font-size:15px}.introduction{padding:26px 0 21px}.lead{font-size:13px}.viewer{height:430px}.viewer-controls{justify-content:flex-end;gap:5px;bottom:15px;left:12px;right:12px}.object-caption{bottom:72px;left:18px}.viewer-label{top:16px;left:18px}.viewer-controls button{white-space:nowrap;min-height:40px;padding:8px;font-size:11px}.zoom-controls button{min-width:34px}.inspection{grid-template-columns:1fr;gap:17px;padding:25px 0}.viewer-bottom,footer{flex-direction:column;gap:2px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}.tile-picker{color:#c4cdbe;align-items:center;gap:12px;margin-top:18px;font-size:13px;display:flex}.tile-picker select{font:inherit;color:#f1efe3;background:#20352b;border:1px solid #75836b;border-radius:4px;min-width:125px;padding:7px 32px 7px 12px}a{color:#d4bd86}.tile-picker select:focus-visible{outline-offset:3px;outline:2px solid #dbc389}