body{margin:0;background-color:#0b0e14;color:#f0f6fc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;justify-content:center;align-items:center;min-height:100vh}.game-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:900px;padding:20px;box-sizing:border-box}.game-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:20px}.logo{font-size:24px;font-weight:800;margin:0;background:linear-gradient(45deg,#00f2fe,#4facfe);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.logo span{font-size:12px;color:#8b949e;margin-left:8px}.status-badge{background:#58a6ff1a;border:1px solid rgba(88,166,255,.2);padding:10px 20px;border-radius:24px;font-size:14px;color:#58a6ff;font-weight:600;box-shadow:0 4px 12px #00000026;max-width:50%;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-card{background:#161b22;border:1px solid #30363d;border-radius:16px;padding:40px;text-align:center;max-width:500px;box-shadow:0 12px 40px #0006}.menu-card h2{margin-top:0;color:#fff}.rules-preview{display:flex;justify-content:center;gap:24px;margin:24px 0}.rule-item{display:flex;align-items:center;gap:8px}.dot{width:16px;height:16px;border-radius:50%}.dot.solid{background-color:#d2143a;box-shadow:inset -2px -2px 4px #0006}.dot.striped{background:linear-gradient(to bottom,#d2143a 30%,#fff 30%,#fff 70%,#d2143a 70%);box-shadow:inset -2px -2px 4px #0006}.scoreboard{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:16px;gap:12px}.player-card{display:flex;align-items:center;gap:12px;background:#161b22;border:2px solid transparent;padding:12px 20px;border-radius:12px;transition:all .3s ease;flex:1}.player-card.active{border-color:#58a6ff;box-shadow:0 0 15px #58a6ff40;background:#1f242c}.avatar{background:#30363d;padding:8px;border-radius:50%;color:#c9d1d9;display:flex;align-items:center;justify-content:center}.player-card.active .avatar{background:#58a6ff;color:#fff}.info h3{margin:0 0 4px;font-size:15px}.ball-type-indicator{font-size:12px;color:#8b949e}.badge{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:700}.badge.solid{background-color:#d2143a;color:#fff}.badge.striped{background-color:#fff;color:#d2143a;border:1px solid #d2143a}.badge.none{background-color:#30363d;color:#8b949e}.vs{font-weight:800;color:#8b949e;font-size:18px}.canvas-wrapper{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 16px 40px #0009;border:4px solid #3e2723}canvas{display:block}canvas.aiming{cursor:crosshair}.physics-running{position:absolute;top:15px;right:15px;background:#000000bf;color:gold;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:700;pointer-events:none;border:1px solid rgba(255,215,0,.3)}.controls{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:16px}.tips{font-size:13px;color:#8b949e}.tips strong{color:gold}.btn-primary{background:linear-gradient(135deg,#238636,#2ea043);color:#fff;border:none;padding:12px 24px;font-size:16px;font-weight:700;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:transform .2s}.btn-primary:hover{transform:scale(1.05)}.btn-secondary{background:#21262d;border:1px solid #30363d;color:#c9d1d9;padding:8px 16px;font-size:14px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.btn-secondary:hover{background:#30363d}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:100}.modal-content{background:#161b22;border:1px solid #30363d;padding:40px;border-radius:16px;text-align:center;max-width:400px;box-shadow:0 10px 30px #00000080}.trophy-icon{color:gold;margin-bottom:16px}