:root{color:#18332a;background:#f3f1e9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root{min-height:100%;margin:0}body{min-width:320px;background:radial-gradient(circle at 82% 4%,rgba(196,166,87,.1),transparent 30rem),#f3f1e9}button,a{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid #c1a64d;outline-offset:3px}main{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:clamp(38px,6vw,76px) 0 30px}.site-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:clamp(50px,8vw,92px)}.brand{display:inline-flex;align-items:center;gap:10px;color:#173329;font-weight:800;text-decoration:none}.brand img{width:30px;height:30px}.site-nav>div{display:flex;gap:20px}.site-nav>div a{color:#486057;font-size:12px;font-weight:700;text-decoration:none}.site-nav>div a:hover{color:#173329}.intro{max-width:850px;margin-bottom:30px}.hero-meta{display:flex;align-items:center;gap:14px;margin-bottom:16px}.hero-meta>span,.facts span{border:1px solid rgba(24,51,42,.18);border-radius:999px;padding:7px 11px;background:#ffffff80;color:#365548;font:700 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.035em}.eyebrow,.section-label{margin:0;color:#667849;font:750 11px/1.1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.15em;text-transform:uppercase}h1,h2{font-family:Georgia,Times New Roman,serif;color:#173329}h1{margin:0;max-width:810px;font-size:clamp(48px,8vw,94px);font-weight:500;line-height:.91;letter-spacing:-.045em}.lede{max-width:750px;margin:24px 0 0;color:#486057;font-size:clamp(16px,2vw,20px);line-height:1.55}.facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:23px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.hero-actions a{border:1px solid rgba(24,51,42,.25);border-radius:5px;padding:11px 15px;color:#173329;font-size:12px;font-weight:800;text-decoration:none}.hero-actions .primary-action{border-color:#173329;color:#f7f4e9;background:#173329}.viewport{position:relative;height:min(68vh,720px);min-height:460px;overflow:hidden;border:1px solid rgba(24,51,42,.3);border-radius:8px;background:#879665;box-shadow:0 22px 65px #1f2f2729,0 2px 4px #1f2f271a}.viewport canvas{display:block;width:100%;height:100%}.viewport-samurai:after{position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 12% 15%,rgba(255,218,180,.15),transparent 35%),radial-gradient(ellipse at center,transparent 52%,rgba(20,43,29,.18) 100%);pointer-events:none;content:""}.demo-toolbar{position:absolute;top:14px;left:14px;display:flex;flex-wrap:wrap;gap:8px;z-index:2}.scene-switch,.view-buttons,.look-switch{display:flex;overflow:hidden;border:1px solid rgba(255,255,255,.22);border-radius:5px;background:#142e25d9;box-shadow:0 4px 16px #0f1c1729;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.demo-toolbar button{min-height:38px;border:0;border-right:1px solid rgba(255,255,255,.16);padding:0 12px;color:#f7f4e9;background:transparent;font:720 11px/1 system-ui,sans-serif;cursor:pointer}.demo-toolbar button:last-child{border-right:0}.demo-toolbar button[aria-pressed=true]{color:#18332a;background:#d9ca8b}.demo-toolbar button:hover{background:#d9ca8b3d}.demo-toolbar button:disabled{cursor:not-allowed;opacity:.5}.view-buttons button[aria-label^=Zoom]{min-width:39px;padding:0;font-size:18px}.view-buttons button[aria-label$=fullscreen]{min-width:45px}.viewport:fullscreen{width:100%;height:100%;min-height:0;border:0;border-radius:0}.demo-help{position:absolute;left:50%;bottom:14px;transform:translate(-50%);max-width:min(300px,calc(100% - 28px));padding:10px 13px;border:1px solid rgba(255,255,255,.19);border-radius:5px;color:#f7f4e9;background:#142e25c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:12px;line-height:1.35;pointer-events:none;z-index:2}.demo-help p{margin:0}.demo-help strong{color:#e3d697}.help-short{display:none}.direction-pad{position:absolute;left:14px;bottom:14px;z-index:2;display:none;grid-template-columns:repeat(3,46px);grid-template-rows:repeat(3,46px);gap:4px;touch-action:none}.direction-pad button{border:1px solid rgba(255,255,255,.3);border-radius:5px;color:#f7f4e9;background:#142e25d6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:700 20px/1 system-ui,sans-serif;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.direction-pad button:active{color:#18332a;background:#d9ca8b}.pad-up{grid-column:2;grid-row:1}.pad-left{grid-column:1;grid-row:2}.pad-right{grid-column:3;grid-row:2}.pad-down{grid-column:2;grid-row:3}.attack-button{position:absolute;right:14px;bottom:48px;z-index:2;min-width:74px;min-height:40px;border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:0 16px;color:#f7f4e9;background:#712622db;box-shadow:0 5px 18px #19121138;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:760 11px/1 system-ui,sans-serif;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;touch-action:manipulation}.attack-button:hover{background:#8b2f2bf5}.attack-button:active{transform:translateY(1px);background:#a3423d}.fps-badge{position:absolute;top:14px;right:14px;z-index:2;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:7px 9px;color:#f7f4e9;background:#142e25ad;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.05em;pointer-events:none}.backend-badge{position:absolute;right:14px;bottom:14px;z-index:2;margin:0;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:7px 9px;color:#f7f4e9;background:#142e25c2;font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.05em}.canvas-fallback{padding:24px;color:#173329;background:#f3f1e9}.example-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.example-guide article{display:grid;gap:8px;border-top:2px solid rgba(24,51,42,.2);padding:18px 4px 8px}.example-guide strong{color:#173329;font-family:Georgia,serif;font-size:20px;font-weight:500}.example-guide span{color:#5b6e65;font-size:12px;line-height:1.55}.docs{display:grid;gap:18px;margin-top:64px}.docs article{border:1px solid rgba(24,51,42,.13);border-radius:7px;background:#ffffff8f}.docs h2{margin:10px 0 12px;font-size:clamp(27px,4vw,42px);font-weight:500;line-height:1.05;letter-spacing:-.025em}.docs p{color:#4e655c;line-height:1.6}.install-card{padding:clamp(24px,5vw,50px)}.install-card pre{display:inline-block;max-width:100%;margin:8px 0 4px}pre{overflow-x:auto;border-radius:5px;background:#173329;color:#e9ecd8}code{font:500 13px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace}pre code{display:block;padding:16px 18px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stat-grid article{display:grid;gap:6px;padding:22px}.stat-grid strong{color:#173329;font-family:Georgia,serif;font-size:24px;font-weight:500}.stat-grid span{color:#65776f;font-size:12px}.code-card,.compat-card{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(22px,5vw,64px);align-items:center;padding:clamp(24px,5vw,50px)}.code-card pre{margin:0}.react-card{border-left:4px solid #81925e!important}.terrain-card{border-left:4px solid #7197a2!important}.compat-card ul{margin:0;padding-left:20px;color:#4e655c;line-height:1.85}footer{display:flex;justify-content:space-between;gap:24px;padding:32px 2px 0;color:#5b6e65;font-size:12px}footer>div:first-child{display:grid;gap:5px}footer strong{color:#173329}.footer-links{display:flex;flex-wrap:wrap;gap:18px}footer a{color:#365f4c;font-weight:700;text-underline-offset:3px}.loading{padding:48px;font-family:Georgia,serif;color:#173329;font-size:28px}@media(max-width:760px){main{width:min(100% - 20px,1180px);padding-top:28px}.hero-meta{align-items:flex-start;flex-direction:column;gap:9px}.viewport{height:72vh;min-height:520px}.demo-toolbar{left:10px;right:auto;top:10px;display:grid;grid-template-columns:max-content max-content;gap:6px}.demo-toolbar button{min-height:34px;padding:0 8px}.scene-switch{grid-column:1;grid-row:1}.look-switch{grid-column:2;grid-row:1}.view-buttons{grid-column:1 / span 2;grid-row:2}.site-nav{margin-bottom:48px}.site-nav>div a:not(:last-child){display:none}.demo-help{left:50%;right:auto;bottom:10px;max-width:150px;padding:8px 10px;transform:translate(-50%);font-size:11px}.help-long{display:none}.help-short{display:inline}.direction-pad{display:grid;left:10px;bottom:10px}.attack-button{right:10px;bottom:48px;min-width:78px;min-height:48px;padding:0 15px}.fps-badge{top:10px;right:10px}.backend-badge{right:10px;bottom:10px}.docs{margin-top:52px}.example-guide{grid-template-columns:1fr;margin-top:10px}.example-guide article{padding:15px 4px 6px}.stat-grid{grid-template-columns:repeat(2,1fr)}.code-card,.compat-card{grid-template-columns:1fr}footer{flex-direction:column}}@media(max-width:430px){h1{font-size:51px}.viewport{min-height:520px}.demo-toolbar button{padding:0 7px;font-size:10px}.stat-grid{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}