*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 50%,#0a0a0a 100%);min-height:100vh;color:#fff;overflow-x:hidden}.app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(circle at 50% 50%,rgba(0,255,127,.1) 0%,transparent 50%)}.game-screen{width:100%;max-width:800px;min-height:80vh;display:flex;align-items:center;justify-content:center}.game-card{background:rgba(0,0,0,.8);border:2px solid #00ff7f;padding:40px;width:100%;max-width:600px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 30px #00ff7f4d;position:relative;overflow:hidden;transform:rotate(-.3deg)}.game-card:hover{transform:rotate(0) scale(1.01)}.game-header{text-align:center;margin-bottom:40px}.game-title{font-size:4rem;font-weight:900;margin-bottom:10px;line-height:1}.neon-text{color:#00ff7f;text-shadow:0 0 10px #00ff7f,0 0 20px #00ff7f,0 0 30px #00ff7f;letter-spacing:.1em;transform:perspective(500px) rotateX(5deg)}.neon-text-alt{color:#fff;text-shadow:0 0 10px #ffffff,0 0 20px #ffffff;letter-spacing:.05em;transform:perspective(500px) rotateX(-3deg)}.game-subtitle{font-size:1.2rem;color:#ccc;margin-bottom:20px;font-weight:300}.rules-button{background:transparent;border:1px solid #00ff7f;color:#00ff7f;padding:8px 16px;font-size:.9rem;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:6px;margin-top:15px}.form-section{display:flex;flex-direction:column;gap:20px}.game-input{background:rgba(0,0,0,.5);border:2px solid #00ff7f;color:#fff;padding:15px 20px;font-size:1.1rem;width:100%;transition:all .3s ease;outline:none;border-left:4px solid #00ff7f;border-right:2px solid #00ff7f;border-top:1px solid #00ff7f;border-bottom:3px solid #00ff7f}.game-input:focus{border-color:#fff;box-shadow:0 0 20px #00ff7f80}.game-input.small{padding:12px 16px;font-size:1rem}.game-input.large{padding:20px 24px;font-size:1.3rem}.game-input::placeholder{color:#888}.game-button{background:linear-gradient(45deg,#00ff7f,#00cc66);border:none;color:#000;padding:15px 30px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;justify-content:center;gap:10px;transform:skew(-1deg)}.game-button:hover{transform:skew(0) translateY(-2px)}.game-button:disabled{background:#333333;color:#666;cursor:not-allowed;transform:none}.game-button.secondary{background:linear-gradient(45deg,#333333,#555555);color:#fff}.game-button.large{padding:20px 40px;font-size:1.3rem}.button-group{display:flex;flex-direction:column;gap:15px}.join-section{display:flex;gap:15px;align-items:center}.join-section .game-input{flex:1}.error-message{background:rgba(255,0,0,.1);border:1px solid #ff4444;color:#f66;padding:15px;margin-top:20px;transform:rotate(-.5deg);text-align:center}.lobby-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.room-title{font-size:2.5rem;font-weight:700;color:#00ff7f;text-shadow:0 0 10px #00ff7f}.copy-button{background:transparent;border:2px solid #00ff7f;color:#00ff7f;padding:10px;cursor:pointer;transition:all .3s ease}.players-section{margin-bottom:30px}.section-title{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:20px;display:flex;align-items:center;gap:10px}.players-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.player-card{background:rgba(0,255,127,.1);border:1px solid #00ff7f;padding:15px;display:flex;align-items:center;justify-content:space-between;transition:all .3s ease;transform:rotate(.5deg)}.player-card:nth-child(2n){transform:rotate(-.5deg)}.player-name{font-weight:600;color:#fff}.crown-icon{color:gold}.lobby-actions{display:flex;justify-content:center;gap:20px;margin-top:30px}.game-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.round-info{text-align:left;transform:rotate(.2deg)}.round-title{font-size:2.5rem;font-weight:700;color:#00ff7f;text-shadow:0 0 10px #00ff7f}.round-subtitle{font-size:1.1rem;color:#ccc;margin-top:5px}.timer-section{text-align:right}.timer{display:flex;align-items:center;gap:10px;font-size:1.5rem;font-weight:600;color:#00ff7f;transform:rotate(-1deg)}.timer-text{font-family:Courier New,monospace;font-size:2rem;text-shadow:0 0 10px #00ff7f}.word-input-section{margin-bottom:30px}.input-group{display:flex;gap:15px;align-items:center}.input-group .game-input{flex:1}.submission-status{text-align:center;margin-top:15px;color:#00ff7f;font-weight:600;font-size:1.1rem}.round-results{background:rgba(0,255,127,.05);border:1px solid #00ff7f;padding:30px;margin-top:30px}.results-title{font-size:2rem;font-weight:700;color:#00ff7f;text-align:center;margin-bottom:25px}.submissions,.matches{margin-bottom:25px}.submissions h4,.matches h4{font-size:1.3rem;color:#fff;margin-bottom:15px}.submission-item,.match-item{display:flex;justify-content:space-between;align-items:center;background:rgba(0,0,0,.3);padding:12px;margin-bottom:8px;border:1px solid #333333;transform:rotate(-.2deg)}.submission-item:nth-child(2n){transform:rotate(.3deg)}.match-item{transform:rotate(.4deg)}.match-item:nth-child(2n){transform:rotate(-.2deg)}.submitted-word,.match-word{font-weight:600;color:#00ff7f}.match-points{color:gold;font-weight:600}.results-header{text-align:center;margin-bottom:30px}.trophy-icon{color:gold;margin-bottom:15px}.final-scores{margin-bottom:30px}.scores-list{display:flex;flex-direction:column;gap:15px}.score-item{display:flex;justify-content:space-between;align-items:center;background:rgba(0,0,0,.3);padding:15px;border:1px solid #333333;transition:all .3s ease}.score-item.winner{background:linear-gradient(45deg,rgba(0,255,127,.2),rgba(0,255,127,.1));border-color:#00ff7f;box-shadow:0 0 20px #00ff7f4d}.rank{display:flex;align-items:center;gap:10px;font-size:1.2rem;font-weight:700}.star-icon{color:gold}.player-score{font-size:1.3rem;font-weight:700;color:#00ff7f}.results-actions{display:flex;justify-content:center}.rules-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.rules-modal{background:rgba(0,0,0,.95);border:2px solid #00ff7f;max-width:600px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 0 50px #00ff7f66;position:relative}.rules-header{display:flex;align-items:center;justify-content:space-between;padding:20px 30px;border-bottom:1px solid #00ff7f}.rules-title{font-size:1.5rem;color:#00ff7f;display:flex;align-items:center;gap:10px}.close-button{background:transparent;border:none;color:#fff;cursor:pointer;padding:5px;transition:color .3s ease}.rules-content{padding:30px}.rules-section{margin-bottom:30px}.rules-section h3{color:#00ff7f;font-size:1.2rem;margin-bottom:10px;display:flex;align-items:center;gap:8px}.rules-section p{color:#ccc;line-height:1.6;margin-bottom:15px}.rules-section ul{list-style:none;margin-left:20px}.rules-section li{color:#ccc;line-height:1.6;margin-bottom:8px;position:relative}.rules-section li:before{content:"▸";color:#00ff7f;position:absolute;left:-15px}.win-condition{border:1px solid #00ff7f;padding:20px;background:rgba(0,255,127,.05)}.win-text{font-size:1.1rem;color:#fff;font-weight:600}.next-round-waiting{text-align:center;padding:30px 20px;background:rgba(0,255,127,.1);border:1px solid #00ff7f;margin-top:20px}.countdown-circle{width:80px;height:80px;border:3px solid #00ff7f;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;animation:spin 1s linear infinite}.countdown-number{font-size:2rem;font-weight:700;color:#00ff7f;text-shadow:0 0 10px #00ff7f}.next-round-title{color:#fff;font-size:1.3rem;margin-bottom:15px}.next-round-tip{color:#ccc;font-size:1rem;line-height:1.6;max-width:400px;margin:0 auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.game-card{padding:25px;margin:10px}.game-title{font-size:2.8rem}.join-section{flex-direction:column;gap:10px}.rules-modal{margin:10px;max-height:90vh}}@media (max-width: 480px){.game-title{font-size:2.2rem}.game-card{padding:20px}.countdown-circle{width:60px;height:60px}.countdown-number{font-size:1.5rem}}@media (max-width: 320px){.game-title{font-size:1.8rem;overflow:hidden}.game-card{padding:15px;margin:5px}.game-button{padding:12px 20px;font-size:.85rem}.join-section{flex-wrap:wrap}}