:root{font-family:Trebuchet MS,Segoe UI,sans-serif;background:radial-gradient(circle at 20% 20%,#b7e9ff,#8bd1ff 25%,#fef7ee)}*{box-sizing:border-box}body{margin:0;min-height:100vh;overflow:hidden}#app{width:100vw;height:100vh}canvas{display:block;width:100%;height:100%}#debug-ui{position:fixed;top:10px;left:10px;background:#000c;color:#fff;padding:15px;border-radius:8px;font-family:Courier New,monospace;font-size:12px;line-height:1.6;z-index:1000;min-width:280px;max-width:400px;box-shadow:0 4px 12px #00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#debug-ui h3{margin:0 0 10px;padding-bottom:5px;border-bottom:1px solid rgba(255,255,255,.3);font-size:14px;font-weight:700;color:#ff6b35}#debug-ui .debug-section{margin-bottom:15px}#debug-ui .debug-section:last-child{margin-bottom:0}#debug-ui .debug-row{display:flex;justify-content:space-between;margin-bottom:4px;gap:10px}#debug-ui .debug-label{color:#a0a0a0;font-weight:400}#debug-ui .debug-value{color:#fff;font-weight:700;text-align:right;flex-shrink:0}