:root{--neon: #22d3ee;--bg: #0a0a1e}.app-container{width:100vw;height:100vh;background-color:var(--bg);background-size:cover;background-position:center;overflow:hidden;position:relative;font-family:Inter,system-ui,sans-serif;color:#fff}.stage{width:100%;height:100%;perspective:1200px;display:flex;align-items:center;justify-content:center;cursor:pointer}.camera-controller{transition:transform .6s cubic-bezier(.2,1,.3,1);transform-style:preserve-3d}.scene{position:relative;transform:rotateX(60deg) rotate(45deg);transform-style:preserve-3d}.block-pos{position:absolute;transform-style:preserve-3d;left:-50%;top:-50%}.cube{position:relative;width:var(--w);height:var(--d);transform-style:preserve-3d}.face{position:absolute;background:var(--c);box-sizing:border-box}.face.top{width:var(--w);height:var(--d);transform:translateZ(var(--h));background:linear-gradient(135deg,var(--c),#1a1a3a);border:1px solid rgba(255,255,255,.4);box-shadow:inset 0 0 20px #fff3}.face-inner{width:100%;height:100%;background-image:radial-gradient(circle at center,rgba(255,255,255,.1) 0%,transparent 80%);border:4px solid rgba(255,255,255,.05)}.face.bottom{width:var(--w);height:var(--d);transform:translateZ(0);background:#000}.face.front{width:var(--w);height:var(--h);transform:translateY(var(--d)) rotateX(-90deg);transform-origin:top;filter:brightness(.8);background:linear-gradient(to bottom,var(--c),#000)}.face.back{width:var(--w);height:var(--h);transform:rotateX(-90deg);transform-origin:top;filter:brightness(.4)}.face.right{width:var(--h);height:var(--d);transform:translate(var(--w)) rotateY(90deg);transform-origin:left;filter:brightness(.6);background:linear-gradient(to right,#000,var(--c))}.face.left{width:var(--h);height:var(--d);transform:rotateY(90deg);transform-origin:left;filter:brightness(.3)}.cube.active .face.top{border-color:var(--neon);box-shadow:0 0 15px var(--neon)}.scanner-line{position:absolute;width:100%;height:2px;background:var(--neon);box-shadow:0 0 10px var(--neon);transform:translateZ(var(--h));animation:scan 2s infinite ease-in-out}@keyframes scan{0%{top:0;opacity:0}50%{opacity:1}to{top:100%;opacity:0}}.hud{position:absolute;top:40px;width:100%;display:flex;flex-direction:column;align-items:center;z-index:100;pointer-events:none}.score-box{background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 40px;border-radius:20px;border:1px solid rgba(255,255,255,.1);text-align:center}.score-box .label{font-size:10px;letter-spacing:3px;color:var(--neon)}.score-box .value{font-size:48px;font-weight:900}.stats{display:flex;gap:10px;margin-top:10px}.tag{font-size:11px;background:#ffffff0d;padding:4px 12px;border-radius:10px;display:flex;align-items:center;gap:5px;color:#aaa}.tag.cloud{color:#2dd4bf}.perfect-badge{position:absolute;top:180px;left:50%;transform:translate(-50%);background:#fbbf2433;border:1px solid #fbbf24;color:#fbbf24;padding:6px 20px;border-radius:20px;font-weight:700;display:flex;align-items:center;gap:8px;z-index:110}.ground-base{position:absolute;transform-style:preserve-3d;transform:translate(-50%,-50%)}.grid-plane{width:400px;height:400px;background-image:radial-gradient(var(--neon) 1px,transparent 1px);background-size:20px 20px;opacity:.15;transform:translateZ(-1px)}.base-pillar{width:160px;height:160px;background:#111;border:2px solid #333;transform:translateZ(-40px)}.modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card{background:#151525;padding:40px;border-radius:30px;text-align:center;border:1px solid rgba(255,255,255,.1);max-width:320px}.icon-wrap{width:64px;height:64px;background:var(--neon);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#000}.btn-primary{width:100%;padding:14px;border-radius:15px;border:none;background:#fff;color:#000;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;margin-top:20px}.tip{font-size:11px;color:#555;margin-top:15px}.controls-hint{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;font-size:12px;color:#666;letter-spacing:2px}