@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700;800&family=Orbitron:wght@400;500;700;900&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;height:100dvh;overflow:hidden}body{font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1a1a2e;color:#fff}body{overscroll-behavior:none}*{-webkit-tap-highlight-color:transparent}:root{--neon-cyan: #5cfffa;--neon-green: #7dff7d;--neon-yellow: #ffe066;--neon-orange: #ff9f43;--neon-pink: #ff6bd6;--terminal-green: #7dff7d;--grid-color: rgba(92, 255, 250, .06);--bg-dark: #0a0a0f;--bg-panel: rgba(15, 25, 35, .95);--text-dim: rgba(200, 220, 230, .6);--text-bright: #e8f4f8;--scanline-opacity: .02}.game-container{width:100vw;height:100vh;height:100dvh;overflow:hidden;position:relative;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,var(--scanline-opacity)) 2px,rgba(0,0,0,var(--scanline-opacity)) 4px),linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px),radial-gradient(ellipse at 50% 0%,#0d1a2d,#0a0a0f,#050508);background-size:100% 100%,50px 50px,50px 50px,100% 100%;font-family:JetBrains Mono,Courier New,monospace;user-select:none;-webkit-user-select:none}.game-container:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 0%,transparent 50%,rgba(0,0,0,.4) 100%);pointer-events:none;z-index:100}.game-container:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 100%,rgba(0,255,242,.1) 0%,transparent 50%);pointer-events:none;animation:gridPulse 4s ease-in-out infinite}@keyframes gridPulse{0%,to{opacity:.3}50%{opacity:.6}}.canvas-container{width:100%;height:100%;cursor:crosshair;background:#0a0a0f;position:relative;z-index:1}.canvas-container:active{cursor:none}.game-ui{position:absolute;inset:0;pointer-events:none;z-index:10}.game-ui>*{pointer-events:auto}.target-display{position:absolute;top:30px;left:50%;transform:translate(-50%);background:var(--bg-panel);border:1px solid var(--neon-cyan);padding:16px 32px;text-align:center;clip-path:polygon(0 10px,10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px));box-shadow:0 0 20px #00fff24d,inset 0 0 30px #00fff20d;animation:hudFlicker .1s infinite;pointer-events:none}@keyframes hudFlicker{0%,to{opacity:1}50%{opacity:.98}}.target-label{display:block;font-family:Orbitron,sans-serif;font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:4px;margin-bottom:4px}.target-value{display:block;font-family:Orbitron,sans-serif;font-size:32px;font-weight:900;color:var(--text-bright);text-shadow:0 0 8px rgba(92,255,250,.4)}.unit-toggle-container{position:absolute;top:20px;right:20px;display:flex;align-items:center;gap:10px;z-index:100}.unit-toggle-label{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;transition:color .3s ease}.unit-toggle-label.active{color:var(--neon-cyan)}.unit-toggle{position:relative;width:56px;height:28px;background:#00000080;border:1px solid var(--neon-cyan);border-radius:14px;cursor:pointer;transition:all .3s ease;padding:0}.unit-toggle:before{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:var(--neon-cyan);border-radius:50%;transition:transform .3s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 0 10px var(--neon-cyan)}.unit-toggle.inches:before{transform:translate(28px)}.unit-toggle:hover{border-color:var(--text-bright);box-shadow:0 0 15px #5cfffa4d}.unit-toggle:active:before{width:24px}.info-button{position:absolute;top:20px;left:20px;width:36px;height:36px;background:var(--bg-panel);border:1px solid rgba(92,255,250,.4);border-radius:50%;color:var(--neon-cyan);font-size:18px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;z-index:100;opacity:.7}.info-button:hover{background:#5cfffa26;border-color:var(--text-bright);opacity:1}.info-modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease;cursor:pointer}.info-modal-overlay .info-card{cursor:default}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.info-card{background:#0d1520;border:1px solid var(--neon-cyan);padding:24px;width:90%;max-width:360px;clip-path:polygon(0 10px,10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px))}.info-title{font-family:Orbitron,sans-serif;font-size:16px;color:var(--text-bright);text-align:center;margin-bottom:20px;text-transform:uppercase;letter-spacing:2px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.info-item{background:#0000004d;border:1px solid rgba(92,255,250,.2);padding:12px;text-align:center}.info-label{display:block;font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.info-value{display:block;font-family:Orbitron,sans-serif;font-size:14px;color:var(--neon-cyan)}.info-note{background:#ffe0660d;border-left:2px solid var(--neon-yellow);padding:10px 12px;margin-bottom:20px}.info-note p{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-dim);line-height:1.5;margin:0}.info-close{width:100%;background:#5cfffa1a;border:1px solid var(--neon-cyan);padding:12px;font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;color:var(--text-bright);cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:2px}.info-close:hover{background:#5cfffa33}.pull-indicator{position:absolute;left:0;right:0;bottom:0;pointer-events:none}.pull-line{position:absolute;left:0;right:0;height:1px;background:var(--neon-green);box-shadow:0 0 10px var(--neon-green),0 0 20px var(--neon-green)}.pull-line:before,.pull-line:after{content:"◄";position:absolute;top:50%;transform:translateY(-50%);color:var(--neon-green);font-size:12px;text-shadow:0 0 10px var(--neon-green)}.pull-line:before{left:20%;content:"►"}.pull-line:after{right:20%;content:"◄"}.ready-screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;background:#0a0a0f;z-index:10}.game-title{font-family:Orbitron,sans-serif;font-size:36px;font-weight:900;color:var(--text-bright);margin:0 0 8px;text-shadow:0 0 10px rgba(92,255,250,.3);letter-spacing:2px}.game-title:before{content:"[ ";color:var(--neon-orange)}.game-title:after{content:" ]";color:var(--neon-orange)}.game-subtitle{font-size:14px;color:var(--text-dim);margin:0 0 40px;font-family:JetBrains Mono,monospace}.game-subtitle:before{content:"> ";color:var(--neon-orange)}.start-button{background:#7dff7d1a;border:2px solid var(--neon-green);padding:16px 48px;font-family:Orbitron,sans-serif;font-size:16px;font-weight:700;color:var(--text-bright);cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:3px;position:relative;clip-path:polygon(0 10px,10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px))}.start-button:before{content:"▶ ";color:var(--neon-green)}.start-button:hover{background:#7dff7d33;border-color:var(--text-bright)}.start-button:active{transform:scale(.98)}.stats{margin-top:30px;color:var(--text-dim);font-size:12px;font-family:JetBrains Mono,monospace}.stats p{margin:6px 0}.stats p:before{content:"// ";color:#ff6b0080}.instructions-panel{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:24px}.instructions-title{font-family:Orbitron,sans-serif;font-size:28px;font-weight:700;color:var(--neon-orange);margin:0;text-transform:uppercase;letter-spacing:4px}.target-box{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 40px;background:#5cfffa0d;border:2px solid var(--neon-cyan);border-radius:8px;position:relative}.target-box:before{content:"";position:absolute;top:-1px;left:20px;right:20px;height:2px;background:linear-gradient(90deg,transparent,var(--neon-cyan),transparent)}.target-box-label{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--neon-cyan);letter-spacing:3px;text-transform:uppercase}.target-box-value{font-family:Orbitron,sans-serif;font-size:42px;font-weight:700;color:var(--text-bright);line-height:1}.instructions-action{font-family:JetBrains Mono,monospace;font-size:14px;color:var(--text-dim);margin:0;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.instructions-stats{display:flex;align-items:center;gap:20px;padding:12px 24px;background:#ffffff08;border-radius:6px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:2px}.stat-value{font-family:Orbitron,sans-serif;font-size:18px;font-weight:600;color:var(--text-bright)}.stat-label{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px}.stat-divider{width:1px;height:30px;background:#ffffff1a}.instructions{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.instructions p{color:var(--text-bright);font-size:18px;margin:0 0 12px;font-family:JetBrains Mono,monospace}.instruction-hint{font-size:13px!important;color:var(--text-dim)!important;opacity:.5}.revealing{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reveal-text{font-family:Orbitron,sans-serif;font-size:24px;color:var(--text-bright);animation:processingBlink .5s ease-in-out infinite}.reveal-text:before{content:"[ ";color:var(--neon-orange)}.reveal-text:after{content:" ]";color:var(--neon-orange)}@keyframes processingBlink{0%,to{opacity:1}50%{opacity:.5}}.result-screen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;cursor:pointer;animation:fadeIn .3s ease}.result-screen .result-card{cursor:default}.result-card{background:#0d1520;border:1px solid var(--neon-cyan);padding:24px;position:relative;width:90%;max-width:420px;clip-path:polygon(0 15px,15px 0,calc(100% - 15px) 0,100% 15px,100% calc(100% - 15px),calc(100% - 15px) 100%,15px 100%,0 calc(100% - 15px));box-shadow:0 0 30px #00fff233,inset 0 0 50px #00fff208;animation:resultSlideIn .5s cubic-bezier(.34,1.56,.64,1)}@keyframes resultSlideIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.result-card:before{content:"■ ANALYSIS_COMPLETE.exe";position:absolute;top:8px;left:20px;font-size:10px;color:var(--text-dim);font-family:JetBrains Mono,monospace;letter-spacing:1px}.result-title{font-family:Orbitron,sans-serif;font-size:22px;text-align:center;margin:20px 0 24px;color:var(--text-bright);letter-spacing:1px}.result-details{background:#0006;border:1px solid rgba(0,255,242,.2);border-radius:4px;padding:16px;margin-bottom:20px;font-family:JetBrains Mono,monospace}.result-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;color:var(--text-dim);font-size:13px}.result-row:last-child{border-bottom:none}.result-row span:first-child:before{content:"├─ ";color:#00fff24d}.result-row.highlight{border-top:1px dashed rgba(0,255,242,.3);margin-top:8px;padding-top:16px}.result-row.highlight span:first-child:before{content:"└─ "}.result-value{font-weight:600;color:var(--text-bright)}.result-value.difference{color:var(--neon-orange);font-size:15px}.score-display{text-align:center;margin-bottom:24px;padding:20px;background:#0000004d;border:1px solid rgba(57,255,20,.3);position:relative}.score-display:before{content:"◢";position:absolute;top:0;left:0;color:var(--neon-green);font-size:10px}.score-display:after{content:"◣";position:absolute;top:0;right:0;color:var(--neon-green);font-size:10px}.score-label{display:block;font-family:Orbitron,sans-serif;font-size:12px;color:var(--text-dim);text-transform:uppercase;letter-spacing:4px;margin-bottom:8px}.score-value{display:block;font-family:Orbitron,sans-serif;font-size:52px;font-weight:900;color:var(--neon-green);line-height:1;animation:scoreReveal .8s cubic-bezier(.34,1.56,.64,1) .2s both}@keyframes scoreReveal{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.score-value.score-perfect{color:#0fa;text-shadow:0 0 30px rgba(0,255,170,.8),0 0 60px rgba(0,255,170,.4);animation:scoreReveal .8s cubic-bezier(.34,1.56,.64,1) .2s both,scorePulse 1.5s ease-in-out infinite 1s}.score-value.score-excellent{color:var(--neon-green);text-shadow:0 0 20px rgba(125,255,125,.6)}.score-value.score-good{color:var(--neon-yellow);text-shadow:0 0 20px rgba(255,224,102,.6)}.score-value.score-fair{color:var(--neon-orange);text-shadow:0 0 20px rgba(255,159,67,.6)}.score-value.score-poor{color:#ff6b6b;text-shadow:0 0 20px rgba(255,107,107,.6)}@keyframes scorePulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.new-best{display:inline-block;background:#ff6bd626;border:1px solid var(--neon-pink);color:var(--neon-pink);font-family:Orbitron,sans-serif;font-size:10px;font-weight:700;padding:6px 14px;margin-top:12px;text-transform:uppercase;letter-spacing:2px;animation:newBestFlash .5s ease-out}@keyframes newBestFlash{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.new-best:before{content:"★ "}.new-best:after{content:" ★"}.play-again-button{width:100%;background:#5cfffa1a;border:2px solid var(--neon-cyan);padding:14px;font-family:Orbitron,sans-serif;font-size:14px;font-weight:700;color:var(--text-bright);cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:2px}.play-again-button:before{content:"↻ ";color:var(--neon-cyan)}.play-again-button:hover{background:#5cfffa33;border-color:var(--text-bright)}.result-buttons{display:flex;gap:12px;width:100%}.result-buttons .play-again-button{flex:1}.share-button{flex:1;background:#ff6bd61a;border:2px solid var(--neon-pink);padding:14px;font-family:Orbitron,sans-serif;font-size:14px;font-weight:700;color:var(--text-bright);cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:2px}.share-button:before{content:"⬆ ";color:var(--neon-pink)}.share-button:hover{background:#ff6bd633;border-color:var(--text-bright)}.share-modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .2s ease-out}.share-modal{background:linear-gradient(145deg,#0d1520,#0a0f18);border:1px solid rgba(92,255,250,.3);border-radius:8px;padding:24px;max-width:400px;width:100%;position:relative;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.share-modal-close{position:absolute;top:12px;right:12px;background:none;border:none;color:var(--text-dim);font-size:24px;cursor:pointer;padding:4px 8px;line-height:1;transition:color .2s ease}.share-modal-close:hover{color:var(--text-bright)}.share-modal-title{font-family:Orbitron,sans-serif;font-size:16px;font-weight:700;color:var(--text-bright);text-transform:uppercase;letter-spacing:2px;margin:0 0 20px;text-align:center}.share-card-container{display:flex;justify-content:center;margin-bottom:20px}.share-card{width:320px;height:400px;background:linear-gradient(145deg,#0a0a0f,#0d1520,#0a0f18);border:2px solid rgba(92,255,250,.4);border-radius:12px;padding:24px;display:flex;flex-direction:column;position:relative;overflow:hidden}.share-card:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(92,255,250,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(92,255,250,.03) 1px,transparent 1px);background-size:20px 20px;pointer-events:none}.share-card:after{content:"";position:absolute;inset:8px;border:1px solid rgba(92,255,250,.15);border-radius:8px;pointer-events:none}.share-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;position:relative;z-index:1}.share-card-logo{font-family:Orbitron,sans-serif;font-size:14px;font-weight:900;color:var(--neon-cyan);letter-spacing:2px}.share-card-tries{font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;color:var(--neon-yellow);letter-spacing:1px}.share-card-score{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:1}.share-card-score-label{font-family:Orbitron,sans-serif;font-size:11px;font-weight:700;color:var(--text-dim);letter-spacing:4px;margin-bottom:8px}.share-card-score-value{font-family:Orbitron,sans-serif;font-size:72px;font-weight:900;line-height:1;color:var(--neon-green)}.share-card-score-value.score-perfect{color:#0fa;text-shadow:0 0 40px rgba(0,255,170,.6)}.share-card-score-value.score-excellent{color:var(--neon-green);text-shadow:0 0 30px rgba(125,255,125,.5)}.share-card-score-value.score-good{color:var(--neon-yellow);text-shadow:0 0 25px rgba(255,224,102,.5)}.share-card-score-value.score-fair{color:var(--neon-orange);text-shadow:0 0 20px rgba(255,159,67,.5)}.share-card-score-value.score-poor{color:#ff6b6b;text-shadow:0 0 20px rgba(255,107,107,.5)}.share-card-details{background:#0000004d;border:1px solid rgba(92,255,250,.2);border-radius:6px;padding:12px;margin-bottom:16px;position:relative;z-index:1}.share-card-row{display:flex;justify-content:space-between;font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;color:var(--text-dim);padding:4px 0}.share-card-row span:last-child{color:var(--text-bright);font-weight:600}.share-card-row.highlight{border-top:1px solid rgba(92,255,250,.2);margin-top:4px;padding-top:8px}.share-card-row.highlight span:last-child{color:var(--neon-yellow)}.share-card-footer{display:flex;justify-content:center;align-items:center;position:relative;z-index:1}.share-card-cta{font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;color:var(--neon-pink);letter-spacing:1px}.share-actions{display:flex;gap:12px}.share-action-button{flex:1;background:#5cfffa1a;border:1px solid rgba(92,255,250,.4);padding:12px 16px;font-family:Orbitron,sans-serif;font-size:11px;font-weight:700;color:var(--text-bright);cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px}.share-action-button:hover:not(:disabled){background:#5cfffa33;border-color:var(--neon-cyan)}.share-action-button:disabled{opacity:.6;cursor:not-allowed}.share-action-button.success{background:#7dff7d26;border-color:var(--neon-green);color:var(--neon-green)}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;overflow:hidden}.confetti{position:absolute;width:10px;height:10px;animation:confettiFall 3s ease-out forwards}@keyframes confettiFall{0%{transform:translateY(-100px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.housing{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);z-index:20;pointer-events:none}.housing-body{width:180px;height:140px;background:linear-gradient(180deg,#6a6a6a,#5a5a5a 10%,#4a4a4a,#404040,#383838 70%,#303030);border-radius:30px 30px 12px 12px;position:relative;box-shadow:0 -2px 15px #0006,inset 0 2px 4px #ffffff1a,inset 0 -8px 20px #0006;border:none;overflow:visible}.housing-body:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0px,transparent 3px,rgba(0,0,0,.08) 3px,rgba(0,0,0,.08) 4px,transparent 4px,transparent 6px);border-radius:30px 30px 12px 12px;pointer-events:none}.housing-body:after{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:100px;height:45px;background:radial-gradient(ellipse 100% 80% at 50% 0%,#1a1a1a,#252525 40%,#2a2a2a,#222);border-radius:0 0 50px 50px;box-shadow:inset 0 10px 25px #000000f2,inset 0 -5px 15px #00000080,inset 5px 0 15px #0009,inset -5px 0 15px #0009;pointer-events:none}.housing-grip-left{position:absolute;left:8px;top:15px;width:35px;height:100px;display:flex;flex-direction:column;justify-content:flex-start;gap:0;padding:0;overflow:hidden;border-radius:8px 0 0 8px}.housing-grip-left .grip-line{height:8px;margin-bottom:4px;background:linear-gradient(180deg,#2a2a2a,#3a3a3a 20%,#454545,#3a3a3a 80%,#2a2a2a);border-radius:0 4px 4px 0;box-shadow:inset 0 2px 4px #000000b3,inset 0 -1px 2px #ffffff1a,2px 0 4px #0000004d;position:relative}.housing-grip-left .grip-line:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(139,90,43,.15) 0%,rgba(139,90,43,.05) 50%,transparent 100%);border-radius:0 4px 4px 0}.housing-grip-right{position:absolute;right:8px;top:15px;width:35px;height:100px;display:flex;flex-direction:column;justify-content:flex-start;gap:0;padding:0;overflow:hidden;border-radius:0 8px 8px 0}.housing-grip-right .grip-line{height:8px;margin-bottom:4px;background:linear-gradient(180deg,#2a2a2a,#3a3a3a 20%,#454545,#3a3a3a 80%,#2a2a2a);border-radius:4px 0 0 4px;box-shadow:inset 0 2px 4px #000000b3,inset 0 -1px 2px #ffffff1a,-2px 0 4px #0000004d;position:relative}.housing-grip-right .grip-line:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(139,90,43,.05) 50%,rgba(139,90,43,.15) 100%);border-radius:4px 0 0 4px}.housing-button{position:absolute;top:62px;left:50%;transform:translate(-50%);width:50px;height:30px;background:linear-gradient(180deg,#e8b060,#d49a48 20%,#c88a38,#b87828 80%,#a06820);border-radius:6px;border:none;box-shadow:0 4px 12px #00000080,inset 0 2px 4px #fff6,inset 0 -3px 6px #0000004d}.housing-button:before{content:"";position:absolute;top:2px;left:4px;right:4px;height:45%;background:linear-gradient(180deg,rgba(255,255,255,.35) 0%,rgba(255,255,255,.15) 50%,transparent 100%);border-radius:4px 4px 50% 50%}.housing-button:after{content:"";position:absolute;bottom:3px;left:6px;right:6px;height:3px;background:#0003;border-radius:2px}.housing-screw,.housing-logo,.housing-badge,.housing-grip{display:none}.grip-line{display:block}.tape-hook{position:absolute;left:50%;transform:translate(-50%) translateY(15px);z-index:100;opacity:1;pointer-events:none}.tape-hook.dragging{opacity:1}.hook-body{width:90px;height:16px;background:linear-gradient(180deg,#e8e8e8,#d0d0d0,#b8b8b8 30%,#a8a8a8,#909090 70%,#787878);border-radius:2px;position:relative;border:none;border-top:1px solid rgba(255,255,255,.4);border-bottom:1px solid rgba(0,0,0,.4)}.hook-body:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0px,transparent 1px,rgba(255,255,255,.03) 1px,rgba(255,255,255,.03) 2px);border-radius:2px;pointer-events:none}.hook-body:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:radial-gradient(circle at 30% 30%,silver,gray,#606060);border-radius:50%;box-shadow:inset 0 1px 2px #00000080,0 1px #ffffff4d}.hook-lip{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:88px;height:6px;background:linear-gradient(180deg,#a0a0a0,#888 30%,#707070 70%,#585858);border-radius:0 0 3px 3px;border:none;box-shadow:0 4px 9px #0000001a,inset 0 10px #fff6,inset 0 -2px 2px #0000001a}.hook-lip:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(180deg,rgba(0,0,0,.2) 0%,transparent 100%)}.hook-lip:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:60px;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.15) 20%,rgba(0,0,0,.15) 80%,transparent 100%)}@media(max-width:480px){.game-title{font-size:24px}.game-title:before,.game-title:after{display:none}.target-value{font-size:26px}.result-card{padding:20px}.score-value{font-size:42px}.housing-body{width:120px;height:90px}.housing-grip{width:120px}.housing-logo{font-size:9px}}