.threejs-canvas{position:fixed;inset:140px 0 0;width:100%;height:calc(100vh - 140px);z-index:0;pointer-events:none}.game-header{text-align:center;padding:2rem 1rem;background:#fffffff2;position:fixed;top:160px;left:50%;transform:translate(-50%);z-index:90;width:auto;max-width:90%;border-radius:16px;box-sizing:border-box;backdrop-filter:blur(10px)}.game-header h1{font-size:2rem;margin:0 0 .5rem;color:#333}.game-header p{font-size:1rem;margin:0;color:#666}.stats-panel{display:flex;justify-content:center;align-items:center;gap:2rem;padding:1rem;background:#fffffff2;flex-wrap:wrap;position:fixed;top:80px;left:0;right:0;z-index:100;box-sizing:border-box;backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000001a}.stat-item{display:flex;flex-direction:column;align-items:center;min-width:150px}.stat-label{font-size:.9rem;color:#666;margin-bottom:.5rem}.stat-value{font-size:1.5rem;font-weight:700;color:#1976d2}.stat-value.best{color:#f57c00}.pause-button{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;border:none;padding:.75rem 1.5rem;font-size:1rem;border-radius:8px;cursor:pointer;transition:transform .2s;white-space:nowrap}.pause-button:hover{transform:scale(1.05)}.instruction{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;padding:2rem;font-size:1.5rem;color:#333;background:#fffffff2;border-radius:16px;backdrop-filter:blur(10px);z-index:20;animation:instructionBounce 2s infinite}@keyframes instructionBounce{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 10px))}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.paused-banner{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:3rem;border-radius:16px;box-shadow:0 8px 32px #0003;text-align:center;z-index:1000;animation:popIn .3s ease}.paused-banner h2{font-size:2.5rem;margin:0 0 1rem;color:#333}.paused-banner p{font-size:1.5rem;margin:0 0 2rem;color:#666}.finish-banner{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:3rem;border-radius:16px;box-shadow:0 8px 32px #0003;text-align:center;z-index:1000;animation:popIn .3s ease}@keyframes popIn{0%{transform:translate(-50%,-50%) scale(.8);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.finish-banner h2{font-size:2.5rem;margin:0 0 1rem;color:#333}.finish-banner p{font-size:1.5rem;margin:0 0 2rem;color:#666}.reset-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2rem;font-size:1.1rem;border-radius:8px;cursor:pointer;transition:transform .2s}.reset-button:hover{transform:scale(1.05)}.scroll-content{max-width:800px;margin:2rem auto;padding:0 1rem}@media(max-width:768px){.stats-panel{gap:1rem}.stat-item{min-width:120px}.finish-banner,.paused-banner{padding:2rem;width:90%;max-width:400px}.finish-banner h2,.paused-banner h2{font-size:2rem}.finish-banner p,.paused-banner p{font-size:1.2rem}}.scroll-trial-container{min-height:100vh;background:transparent;padding:80px 0 0;margin:0;position:relative;z-index:1}