@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700;800&display=swap');*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}*,*:before,*:after{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}img,video,audio,embed,object{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;pointer-events:none}::selection{background:transparent}::-moz-selection{background:transparent}body{font-family:'Poppins',sans-serif;background:linear-gradient(-45deg,#667eea,#764ba2,#f093fb,#f5576c,#4facfe,#00f2fe);background-size:400% 400%;animation:gradientShift 25s ease infinite;overflow:hidden;height:100vh;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.game-container{width:500px;height:700px;background:rgba(255,255,255,.15);backdrop-filter:blur(25px);border-radius:25px;position:relative;overflow:hidden;box-shadow:0 25px 50px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.3);border:1px solid rgba(255,255,255,.2)}.game-area{width:100%;height:100%;position:relative;cursor:crosshair}.top-ui{position:absolute;top:0;left:0;right:0;height:50px;background:linear-gradient(180deg,rgba(0,0,0,.4) 0%,rgba(0,0,0,.1) 70%,transparent 100%);display:flex;justify-content:space-between;align-items:center;padding:0 20px;z-index:100}.score-display{display:flex;gap:15px;align-items:center}.score-item{text-align:center;padding:4px 10px;background:rgba(255,255,255,.2);backdrop-filter:blur(10px);border-radius:10px;border:1px solid rgba(255,255,255,.3);min-width:55px}.score-value{display:block;font-size:16px;font-weight:700;color:white;text-shadow:0 2px 4px rgba(0,0,0,.5);line-height:1.2}.score-label{display:block;font-size:9px;opacity:.9;color:white;text-transform:uppercase;letter-spacing:.5px;font-weight:500;line-height:1}.audio-controls{display:flex;gap:8px}.audio-btn{width:35px;height:35px;background:rgba(255,255,255,.25);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.4);border-radius:50%;color:white;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.audio-btn:hover{background:rgba(255,255,255,.4);transform:scale(1.1)}.health-container{position:absolute;bottom:0;left:0;right:0;height:45px;background:linear-gradient(0deg,rgba(0,0,0,.4) 0%,rgba(0,0,0,.1) 70%,transparent 100%);display:flex;align-items:center;padding:0 20px;z-index:100}.health-bar{flex:1;height:8px;background:rgba(255,255,255,.25);border-radius:4px;overflow:hidden;backdrop-filter:blur(10px)}.health-fill{height:100%;background:linear-gradient(90deg,#00ff88,#00d4ff);border-radius:4px;transition:width .3s ease;box-shadow:0 0 10px rgba(0,255,136,.6)}.health-label{color:white;font-size:11px;text-transform:uppercase;letter-spacing:.5px;margin-right:12px;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.5)}.falling-object{position:absolute;border-radius:50%;cursor:pointer;user-select:none;pointer-events:auto;z-index:50;transition:transform .05s ease;border:3px solid rgba(255,255,255,.7);box-shadow:0 6px 20px rgba(0,0,0,.25),0 0 0 1px rgba(255,255,255,.1);-webkit-user-drag:none;-moz-user-drag:none;user-drag:none}.falling-object:hover{transform:scale(1.15);box-shadow:0 8px 25px rgba(0,0,0,.35),0 0 15px rgba(255,255,255,.5)}.falling-object.clicked{animation:explode .2s ease-out forwards}@keyframes explode{0%{transform:scale(1);opacity:1}100%{transform:scale(2.5);opacity:0}}.combo{position:absolute;top:80px;left:50%;transform:translateX(-50%);color:#ffeb3b;font-size:24px;font-weight:800;z-index:150;opacity:0;pointer-events:none;text-shadow:0 0 15px rgba(255,235,59,.8)}.combo.show{animation:comboShow 1.2s ease-out}@keyframes comboShow{0%{opacity:0;transform:translateX(-50%) translateY(20px) scale(.7)}40%{opacity:1;transform:translateX(-50%) translateY(-5px) scale(1.2)}100%{opacity:0;transform:translateX(-50%) translateY(-30px) scale(.9)}}.start-screen{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(102,126,234,.95),rgba(118,75,162,.95));backdrop-filter:blur(25px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;z-index:300;padding:30px}.game-title{font-size:42px;font-weight:800;background:linear-gradient(45deg,#fff,#f0f0f,#fff);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titleShine 3s ease infinite;margin-bottom:15px}@keyframes titleShine{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}.game-subtitle{font-size:16px;color:rgba(255,255,255,.9);margin-bottom:30px;font-weight:300;line-height:1.5}.difficulty-section{margin-bottom:30px;width:100%}.difficulty-title{font-size:18px;color:white;margin-bottom:20px;font-weight:600}.difficulty-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:400px;margin:0 auto}.difficulty-card{background:rgba(255,255,255,.15);backdrop-filter:blur(15px);border:2px solid rgba(255,255,255,.3);border-radius:15px;padding:18px 12px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.difficulty-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.6);box-shadow:0 8px 25px rgba(0,0,0,.2)}.difficulty-card.selected{border-color:#00ff88;background:rgba(0,255,136,.2);box-shadow:0 0 25px rgba(0,255,136,.4)}.difficulty-emoji{font-size:24px;margin-bottom:8px}.difficulty-name{font-size:16px;font-weight:700;color:white;margin-bottom:6px}.difficulty-desc{font-size:11px;color:rgba(255,255,255,.8);line-height:1.3}.start-button{background:linear-gradient(135deg,#00ff88,#00d4ff);color:white;border:none;padding:15px 40px;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 4px 15px rgba(0,255,136,.3)}.start-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,255,136,.4)}.start-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.game-over{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,107,107,.95),rgba(240,147,251,.95),rgba(102,126,234,.95));backdrop-filter:blur(30px);color:white;display:none;flex-direction:column;justify-content:center;align-items:center;text-align:center;z-index:300;padding:40px;animation:gameOverFade .5s ease-out}@keyframes gameOverFade{0%{opacity:0;transform:scale(.9)}100%{opacity:1;transform:scale(1)}}.game-over-content{background:rgba(255,255,255,.1);backdrop-filter:blur(20px);border-radius:25px;padding:40px;border:2px solid rgba(255,255,255,.3);box-shadow:0 25px 50px rgba(0,0,0,.3);max-width:400px;width:100%;animation:contentSlide .6s ease-out .2s both}@keyframes contentSlide{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}.game-over h2{font-size:36px;font-weight:800;margin-bottom:20px;background:linear-gradient(45deg,#fff,#f0f0f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 4px 20px rgba(255,255,255,.3);animation:titlePulse 2s ease-in-out infinite}@keyframes titlePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.02)}}.game-over-emoji{font-size:60px;margin-bottom:20px;animation:emojiFloat 3s ease-in-out infinite}@keyframes emojiFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.final-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0;width:100%}.final-stat{text-align:center;background:rgba(255,255,255,.1);padding:15px 10px;border-radius:15px;border:1px solid rgba(255,255,255,.2);animation:statSlide .8s ease-out;animation-delay:var(--delay)}.final-stat:nth-child(1){--delay:.4s;animation-fill-mode:both}.final-stat:nth-child(2){--delay:.6s;animation-fill-mode:both}.final-stat:nth-child(3){--delay:.8s;animation-fill-mode:both}.final-stat-value{display:block;font-size:28px;font-weight:800;color:#00ff88;margin-bottom:8px;text-shadow:0 0 15px rgba(0,255,136,.5)}.final-stat-label{font-size:12px;opacity:.9;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.game-over-message{font-size:16px;margin:20px 0;opacity:.9;line-height:1.5}.restart-button{background:linear-gradient(135deg,#00ff88,#00d4ff);color:white;border:none;padding:15px 35px;border-radius:25px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px rgba(0,255,136,.3);animation:buttonGlow 2s ease-in-out infinite;margin-top:10px}.restart-button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 12px 35px rgba(0,255,136,.5)}@keyframes buttonGlow{0%,100%{box-shadow:0 8px 25px rgba(0,255,136,.3)}50%{box-shadow:0 8px 30px rgba(0,255,136,.5)}}.pause-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);backdrop-filter:blur(15px);display:none;justify-content:center;align-items:center;z-index:250}.pause-menu{background:linear-gradient(135deg,rgba(102,126,234,.95),rgba(118,75,162,.95));backdrop-filter:blur(25px);padding:30px;border-radius:20px;text-align:center;border:2px solid rgba(255,255,255,.3);box-shadow:0 20px 40px rgba(0,0,0,.3)}.pause-title{color:white;font-size:24px;font-weight:700;margin-bottom:25px}.pause-buttons{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.control-btn{background:rgba(255,255,255,.2);backdrop-filter:blur(15px);border:2px solid rgba(255,255,255,.4);color:white;padding:10px 20px;border-radius:15px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.control-btn:hover{background:rgba(255,255,255,.3);transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,.2)}.red{background:radial-gradient(circle,#ff6b6b,#e74c3c);box-shadow:0 0 20px rgba(255,107,107,.6)}.blue{background:radial-gradient(circle,#4ecdc4,#3498db);box-shadow:0 0 20px rgba(78,205,196,.6)}.yellow{background:radial-gradient(circle,#f1c40f,#f39c12);box-shadow:0 0 20px rgba(241,196,15,.6)}.green{background:radial-gradient(circle,#2ecc71,#27ae60);box-shadow:0 0 20px rgba(46,204,113,.6)}.purple{background:radial-gradient(circle,#9b59b6,#8e44ad);box-shadow:0 0 20px rgba(155,89,182,.6)}.orange{background:radial-gradient(circle,#e67e22,#d35400);box-shadow:0 0 20px rgba(230,126,34,.6)}.particle{position:absolute;width:6px;height:6px;background:#00ff88;border-radius:50%;pointer-events:none;animation:particleMove .8s ease-out forwards}.particle{-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes particleMove{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(0) translateY(-80px)}}@media print{*{display:none!important}body::before{content:"인쇄가 차단되었습니다."!important;display:block!important;position:fixed!important;top:50% !important;left:50% !important;transform:translate(-50%,-50%)!important;font-size:24px!important;color:red!important;z-index:999999!important}}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}