body,html{background:#03040a;margin:0;padding:0;font-family:Arial,sans-serif;overflow-x:hidden}.container{z-index:1;position:relative}.canvas-wrap{z-index:0;position:fixed;inset:0}.texture-selector{z-index:20;gap:10px;padding:20px 0;display:flex;position:absolute;right:20px;top:env(safe-area-inset-top,0px)!important}.texture-option{cursor:pointer;background-position:50%;background-size:cover;border:2px solid #0000;border-radius:50%;transition:border-color .2s ease-out,transform .15s ease-out}.texture-option:hover{transform:scale(1.05)}.texture-option.selected{border-color:#fff}.planet-header{color:#fff;z-index:10;-webkit-user-select:none;user-select:none;pointer-events:none;text-shadow:0 2px 12px #0000008c;transition:transform .2s ease-out;position:absolute;left:20px;top:env(safe-area-inset-top,0px)!important}.planet-header .hint{opacity:.8;margin-top:.5rem;font-size:.9rem}.hero{color:#fff;text-align:center;z-index:1;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;height:100vh;display:flex}.render-text{text-wrap:nowrap;text-align:end;text-shadow:2px 2px 10px #000c;margin:18.5rem 0 0;padding:35vh 30vw;font-size:1.2rem;line-height:1.5;transition:opacity .12s}.render-text:hover{opacity:0}.back{margin:3px 0 0;padding:5px 0;font-size:15px;position:relative;overflow:hidden}.content{color:#333;background-color:#f5f5f5;padding:50px}.steps{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#141f2caf;padding:6%}.steps h1{color:#fff;text-shadow:0 0 12px #00000059}.project-title{color:#fff;text-align:center;margin:0;padding:1rem;font-size:3rem}.overview{text-shadow:0 0 1rem #000000bf;color:#ededed;flex-direction:column;align-items:center;padding:2rem 10%;font-size:1.2rem;display:flex}.source-code{text-align:left;color:#bff1ff;background-color:#00021b40;border-radius:12px;width:min(900px,92vw);margin:2rem 0;padding:1rem 1.2rem}.source-code pre{white-space:pre-wrap;margin:0}.view-toggle{z-index:30;color:#fff;letter-spacing:.02em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#00000059;border:1px solid #ffffff59;border-radius:999px;width:44px;height:44px;font-weight:700;position:absolute;top:20px;right:20px}.texture-selector{top:74px}.sim-controls{z-index:25;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;-webkit-user-select:none;user-select:none;background:#00000059;border:1px solid #ffffff2e;border-radius:14px;width:min(520px,92vw);padding:12px 14px;position:absolute;bottom:20px;left:20px}.sim-controls .row{align-items:center;gap:10px;margin:8px 0;display:flex}.sim-controls label{opacity:.9;width:130px;font-size:.95rem}.sim-controls input[type=range]{flex:1}.sim-controls span{text-align:right;opacity:.9;font-variant-numeric:tabular-nums;width:70px}