*{margin:0;padding:0;box-sizing:border-box}body{background:#0a0a2e;overflow:hidden;font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,sans-serif;color:#fff;user-select:none;-webkit-user-select:none}#app{width:100vw;height:100vh;position:relative}#gameCanvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}#ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none}#ui-overlay>*{pointer-events:auto}.menu-screen{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0a2e,#1a1a4e,#2a1a5e);animation:fadeIn .5s ease}.menu-header{text-align:center;margin-bottom:20px}.menu-title{font-size:64px;font-weight:900;background:linear-gradient(135deg,gold,#ff6b6b,#4ecdc4,#45b7d1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;animation:titlePulse 2s ease-in-out infinite}.menu-subtitle{font-size:18px;color:#aac;margin-top:8px}.menu-instruction{font-size:20px;color:#cce;margin-bottom:30px;animation:fadeInUp .6s ease .3s both}.game-cards{display:flex;gap:24px;padding:0 40px;animation:fadeInUp .6s ease .5s both}.game-card{width:260px;padding:30px 24px;border-radius:20px;text-align:center;cursor:pointer;transition:all .3s ease;border:2px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.game-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;opacity:.15;transition:opacity .3s}.game-card-1{background:#ff6b6b26}.game-card-1:before{background:linear-gradient(135deg,#ff6b6b,#ff8e72)}.game-card-1:hover{border-color:#ff6b6b;transform:translateY(-8px) scale(1.02)}.game-card-2{background:#4ecdc426}.game-card-2:before{background:linear-gradient(135deg,#4ecdc4,#45b7d1)}.game-card-2:hover{border-color:#4ecdc4;transform:translateY(-8px) scale(1.02)}.game-card-3{background:#45b7d126}.game-card-3:before{background:linear-gradient(135deg,#45b7d1,#96ceb4)}.game-card-3:hover{border-color:#45b7d1;transform:translateY(-8px) scale(1.02)}.game-card:hover:before{opacity:.25}.game-card-selected{transform:scale(.95)!important;opacity:.7}.game-card-icon{font-size:56px;margin-bottom:16px}.game-card h2{font-size:22px;font-weight:700;margin-bottom:10px}.game-card p{font-size:14px;color:#aac;line-height:1.5}.coop-badge{display:inline-block;margin-top:12px;padding:4px 14px;background:linear-gradient(135deg,#4ecdc44d,#45b7d14d);border:1px solid rgba(78,205,196,.5);border-radius:20px;font-size:12px;font-weight:700;color:#4ecdc4;letter-spacing:1px}.setup-screen{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0a0a2ed9}.setup-content{text-align:center;animation:fadeIn .5s ease}.setup-content h1{font-size:36px;margin-bottom:12px}.setup-content p{font-size:16px;color:#aac;margin-bottom:24px}.setup-status{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:20px}.loader{width:24px;height:24px;border:3px solid rgba(255,255,255,.2);border-top-color:#4ecdc4;border-radius:50%;animation:spin .8s linear infinite}.player-count{display:flex;align-items:center;justify-content:center;gap:8px;font-size:24px;font-weight:700;color:#4ecdc4;margin-bottom:24px}#player-count-num{font-size:48px;color:gold}.btn{padding:14px 36px;border:none;border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:inherit}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#4ecdc4,#45b7d1);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #4ecdc466}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover{background:#fff3}.btn-large{padding:18px 48px;font-size:22px;border-radius:16px}.btn-ready{animation:pulse 1.5s ease-in-out infinite}.result-buttons{position:absolute;bottom:60px;left:50%;transform:translate(-50%);display:flex;gap:16px;animation:fadeInUp .5s ease 1s both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes titlePulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{box-shadow:0 0 #4ecdc466}50%{box-shadow:0 0 0 15px #4ecdc400}}@media (max-width: 900px){.game-cards{flex-direction:column;align-items:center}.game-card{width:90%;max-width:320px}.menu-title{font-size:42px}}@media (max-width: 600px){.menu-title{font-size:32px}.game-card-icon{font-size:40px}.game-card h2{font-size:18px}}