body.landing{font-size:var(--text-ui);width:100%;height:100svh;line-height:1.4;overflow:hidden}canvas{width:100%;height:100%;display:block;position:fixed;inset:0}header{z-index:3;pointer-events:none;align-items:center;gap:12px;padding:20px 32px;display:flex;position:absolute;top:0;right:0}#pause{pointer-events:auto;cursor:pointer;color:var(--color-muted);font:inherit;background:0 0;border:0;border-radius:3px;min-height:44px;padding:12px 8px;line-height:1.4}#pause:hover{background:#263f4208}#fps{text-align:right;min-width:56px;color:var(--color-muted);letter-spacing:normal;font-variant-numeric:tabular-nums}main{pointer-events:none;text-shadow:0 0 15px #f7f4e9,0 0 25px #f7f4e9;position:absolute;top:26%;left:5.2%}h1{font-family:var(--font-display);letter-spacing:-.04em;font-weight:400;font-size:var(--text-display);margin:22px 0 24px;line-height:1.04}aside{z-index:3;scrollbar-width:thin;width:360px;max-height:calc(100svh - 160px);color:var(--color-text);backdrop-filter:blur(22px);background:#f4f0e7ed;border:1px solid #fff9;border-radius:4px;padding:0;position:absolute;bottom:76px;right:40px;overflow-y:auto;box-shadow:0 12px 60px #00111c25}.panel-top{width:100%;min-height:68px;color:inherit;font:inherit;letter-spacing:normal;text-transform:none;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:18px 20px;font-weight:600;line-height:1.4;display:flex}.panel-top:focus-visible{outline-offset:-6px}#panel-body{padding:0 20px 18px}.panel-top:before,.control-section summary:before{content:"";box-sizing:border-box;border-bottom:1.5px solid;border-right:1.5px solid;flex:0 0 6px;width:6px;height:6px;display:block;transform:rotate(-45deg)}.panel-top[aria-expanded=true]:before,.control-section[open] summary:before{transform:rotate(45deg)}.sliders{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 22px;margin:18px 0 21px;display:grid}output{float:right;color:var(--color-muted);font-variant-numeric:tabular-nums}input[type=range]{appearance:none;width:100%;height:18px;accent-color:var(--color-text);cursor:pointer;background:linear-gradient(#cccdbf,#cccdbf) 50%/100% 2px no-repeat;margin:8px 0 0;display:block}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--color-text);border-radius:50%;width:10px;height:10px}.panel-bottom{background:#f4f0e7;border-top:1px solid #a6a49255;justify-content:space-between;align-items:center;padding-top:14px;padding-bottom:10px;padding-left:18px;display:flex;position:sticky;bottom:0}.panel-bottom button{color:var(--color-text);cursor:pointer;background:0 0;border:0;padding:6px 3px}.quality{color:var(--color-muted);letter-spacing:normal}select{color:var(--color-text);cursor:pointer;background:0 0;border:0}footer{z-index:3;color:var(--color-muted);letter-spacing:1.6px;text-transform:none;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:20px;left:40px;right:40px}footer nav{gap:24px;display:flex}footer a{pointer-events:auto;padding:10px 0;text-decoration:none}footer a:hover{text-decoration:underline}#sun-trigger{z-index:2;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;padding:0;position:absolute}#sun-trigger:focus-visible{outline:2px dashed var(--color-text);outline-offset:6px;background:#df9a4d0a}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.control-section{border-top:1px solid #a6a49255}.control-section summary{cursor:pointer;letter-spacing:normal;align-items:center;gap:12px;padding:14px 0;font-weight:600;list-style:none;display:flex}.control-section summary::-webkit-details-marker{display:none}.control-section .sliders{margin:4px 0 20px 18px}.shuffle{color:var(--color-text);cursor:pointer;background:0 0;border:0;margin-left:18px;padding:0 0 17px}@media (width<=700px){header{padding:11px 15px}main{top:19%;left:7%}aside{width:auto;max-height:55svh;padding:0;bottom:68px;left:20px;right:20px}.panel-top{min-height:60px;padding:14px 18px}#panel-body{padding:0 18px 14px}.sliders{gap:15px 20px}footer{bottom:14px;left:23px;right:23px}}.character-control{margin:0 0 18px 18px}.character-control label,.character-control input,.character-control span{display:block}.character-control input{width:100%;color:var(--color-text);background:#fff8;border:1px solid #263f4240;border-radius:3px;margin:8px 0 4px;padding:8px 10px}.character-control span{color:var(--color-muted)}