:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#000;color:#f7fbff}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;touch-action:manipulation}#world{position:fixed;inset:0;display:block;width:100vw;height:100vh;background:#000;z-index:0;touch-action:none}#forceOverlay{position:fixed;inset:0;width:100vw;height:100vh;z-index:2;pointer-events:none;touch-action:none}.screen-ui{position:fixed;inset:0;z-index:3;pointer-events:none}.control-panel{position:absolute;top:18px;right:18px;width:min(360px,calc(100vw - 36px));max-height:calc(100vh - 36px);overflow:auto;padding:16px;border:1px solid rgba(125,221,255,.26);border-radius:8px;background:#03080ecc;box-shadow:0 18px 60px #00000080;backdrop-filter:blur(18px);pointer-events:auto;touch-action:pan-y}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;letter-spacing:0}.panel-title span{font-size:1.1rem;font-weight:750}.panel-title strong{min-width:76px;padding:6px 8px;border-radius:8px;background:#7affd81a;color:#81ffe1;font-size:.76rem;text-align:center;text-transform:uppercase}.control{display:grid;gap:7px;margin:12px 0;color:#f7fbffdb;font-size:.88rem}.control span{display:flex;align-items:center;justify-content:space-between;gap:12px}output{flex:0 0 auto;color:#8edcff;font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:#69e3ff;cursor:pointer}select,button{min-height:38px;border:1px solid rgba(142,220,255,.28);border-radius:8px;background:#0c141feb;color:#f7fbff;font:inherit}select{width:100%;padding:0 12px}.control-hint{display:block;color:#f7fbff94;font-size:.73rem;line-height:1.35}.button-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}button{cursor:pointer;font-weight:750}button:first-child{border-color:#69e3ffbf;background:linear-gradient(180deg,#21bfe8,#1379d0);color:#001019}.button-row button:nth-child(n+3){font-size:.82rem}.check-control{display:flex;align-items:center;gap:9px;margin:12px 0;color:#f7fbffe0;font-size:.88rem}.check-control input{width:18px;height:18px;accent-color:#69e3ff}button:active{transform:translateY(1px)}.info-stack{position:absolute;left:18px;bottom:18px;width:min(560px,calc(100vw - 36px));display:none;gap:10px;pointer-events:none}.physics-panel{display:grid;gap:10px;padding:15px 16px;border-left:3px solid #81ffe1;border-radius:8px;background:#02080dc7;box-shadow:0 18px 60px #00000080;color:#f7fbffeb;font-size:.92rem;line-height:1.45}.physics-panel div{display:grid;gap:3px}.physics-panel span{color:#81ffe1b8;font-size:.68rem;font-weight:800;text-transform:uppercase}.physics-panel strong{color:#f7fbff;font-size:.95rem}.physics-panel p{margin:0;color:#f7fbffd1}.progress-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:8px;border:1px solid rgba(142,220,255,.2);border-radius:8px;background:#02080db8;box-shadow:0 18px 60px #00000059}.progress-step{min-width:0;padding:6px 7px;border-radius:6px;background:#69e3ff0f;color:#f7fbff94;font-size:.68rem;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-step.is-active{background:#81ffe12b;color:#bffff0;box-shadow:inset 0 0 0 1px #81ffe14d}.values-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px;border:1px solid rgba(142,220,255,.22);border-radius:8px;background:#02080db8;box-shadow:0 18px 60px #00000059}.values-panel div{min-width:0;padding:7px 8px;border-radius:6px;background:#69e3ff12}.values-panel span,.values-panel strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.values-panel span{color:#f7fbff94;font-size:.72rem}.values-panel strong{color:#f7fbff;font-size:.82rem;font-variant-numeric:tabular-nums}@media(max-width:760px){.control-panel{top:10px;right:10px;left:10px;width:auto;max-height:48vh;padding:13px}.control{margin:9px 0}.info-stack{right:10px;bottom:10px;left:10px;width:auto}.values-panel,.progress-panel{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1280px),(max-height:820px){.control-panel{top:10px;right:10px;width:min(318px,calc(100vw - 20px));max-height:calc(100vh - 20px);padding:11px}.panel-title{margin-bottom:8px}.panel-title span{font-size:.95rem}.panel-title strong{min-width:68px;padding:5px 7px;font-size:.66rem}.control{gap:5px;margin:8px 0;font-size:.76rem}select,button{min-height:32px}.button-row{gap:8px;margin-top:9px}.info-stack{left:10px;bottom:10px;width:min(430px,calc(100vw - 20px))}.physics-panel{padding:10px 11px;font-size:.78rem;line-height:1.32}.physics-panel strong{font-size:.82rem}.values-panel,.progress-panel{padding:7px;gap:6px}}.clear-trails-button{grid-column:1 / -1;border-color:#ff8a8a6b;background:#2c0c10e6;color:#ffd6d6}.clear-trails-button:hover{border-color:#ff8a8abf;background:#4a1218f2}.control-panel{top:14px;right:14px;width:min(340px,calc(100vw - 28px));padding:0;border-radius:4px;border:2px solid rgba(255,255,255,.88);background:#061342;box-shadow:0 18px 44px #0000008c;backdrop-filter:none;overflow:hidden;color:#fff}.panel-title{margin:0;padding:14px 16px;background:#061b5f;border-bottom:1px solid rgba(255,255,255,.28)}.panel-title span{font-size:1rem;font-weight:800;letter-spacing:.1px;color:#fff}.panel-title strong{min-width:74px;padding:6px 10px;border-radius:3px;background:#008cff;color:#fff;font-size:.68rem;font-weight:850;letter-spacing:.4px;box-shadow:inset 0 -2px #00000038}.control{margin:0;padding:11px 16px 10px;gap:8px;border-bottom:1px solid rgba(255,255,255,.12);color:#ffffffeb;font-size:.78rem}.control span{font-weight:650}output{color:#72c7ff;font-weight:750;font-variant-numeric:tabular-nums}.control-hint{padding:10px 16px 4px;color:#ffffff9e;font-size:.68rem;line-height:1.35}select,button{min-height:36px;border-radius:3px;border:1px solid rgba(255,255,255,.38);background:#071033;color:#fff;font-size:.78rem}select{padding:0 12px;outline:none}select:focus{border-color:#fff;box-shadow:0 0 0 2px #008cff6b}input[type=range]{-moz-appearance:none;appearance:none;-webkit-appearance:none;height:4px;border-radius:0;background:linear-gradient(90deg,#008cff,#55c7ff);outline:none;accent-color:#008cff}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;border-radius:50%;border:2px solid #ffffff;background:#008cff;cursor:pointer;box-shadow:0 0 0 3px #008cff33}input[type=range]::-moz-range-thumb{width:15px;height:15px;border-radius:50%;border:2px solid #ffffff;background:#008cff;cursor:pointer;box-shadow:0 0 0 3px #008cff33}.button-row{padding:14px 16px 16px;margin-top:0;gap:10px;background:#050d2b}button{font-weight:800;letter-spacing:.1px;box-shadow:inset 0 -2px #00000047}button:hover{filter:brightness(1.08)}button:active{transform:translateY(1px);box-shadow:inset 0 2px #00000059}#serveButton{border-color:#31aaff;background:#008cff;color:#fff}#resetButton{border-color:#ffffff6b;background:#071033;color:#fff}.clear-trails-button{grid-column:1 / -1;border-color:#ffffff52;background:#111a3d;color:#ffffffe6}.clear-trails-button:hover{border-color:#ff6b6b;background:#2a1020;color:#fff}.mobile-controls-toggle,.rotate-device-prompt{display:none}@media(pointer:coarse)and (max-width:900px),(pointer:coarse)and (max-height:560px),(max-width:900px),(max-height:560px){.mobile-controls-toggle{position:fixed;top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));z-index:8;display:inline-flex;align-items:center;justify-content:center;min-width:88px;min-height:38px;padding:0 14px;border:2px solid rgba(255,255,255,.88);border-radius:4px;background:#008cff;color:#fff;box-shadow:0 12px 30px #00000073;pointer-events:auto}.control-panel{position:fixed;top:calc(max(10px,env(safe-area-inset-top)) + 48px);right:max(10px,env(safe-area-inset-right));left:auto;width:min(330px,calc(100vw - 20px));max-height:calc(100dvh - 68px - env(safe-area-inset-top));overflow-y:auto;overscroll-behavior:contain;transform:translate(calc(100% + 18px));transition:transform .22s ease;pointer-events:auto;-webkit-overflow-scrolling:touch}.control-panel.is-mobile-open{transform:translate(0)}}@media(pointer:coarse)and (orientation:portrait)and (max-width:900px){.rotate-device-prompt{position:fixed;inset:0;z-index:7;display:grid;place-items:center;padding:24px;background:#000a28d1;pointer-events:none}.rotate-card{width:min(320px,calc(100vw - 48px));padding:22px 20px;border:2px solid rgba(255,255,255,.86);border-radius:4px;background:#061342;box-shadow:0 22px 54px #0000008c;color:#fff;text-align:center}.rotate-card strong{display:block;color:#fff;font-size:1.02rem;font-weight:850}.rotate-card p{margin:8px 0 0;color:#ffffffc7;font-size:.84rem;line-height:1.4}}