*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.container{background:#fff;padding:40px;border-radius:15px;box-shadow:0 20px 60px #0000004d;max-width:800px;width:100%}h1{color:#333;margin-bottom:30px;text-align:center;font-size:28px}.search-box{display:flex;gap:10px;margin-bottom:30px}input[type=text]{flex:1;padding:14px 18px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:border-color .3s}input[type=text]:focus{outline:none;border-color:#667eea}button{background:#667eea;color:#fff;border:none;padding:14px 28px;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;transition:all .3s}button:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}button:active{transform:translateY(0)}#result{min-height:100px}.loading{text-align:center;padding:40px 20px;color:#666}.spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.player-card{display:flex;gap:25px;padding:25px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:12px;animation:fadeIn .4s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.player-skin img{width:120px;height:120px;border-radius:8px;box-shadow:0 5px 15px #0003;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.player-info{flex:1;display:flex;flex-direction:column;justify-content:center}.player-info h2{color:#333;margin-bottom:15px;font-size:24px}.info-row{display:flex;flex-direction:row;gap:5px;align-items:center}.label{font-size:12px;color:#666;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.value{font-size:13px;color:#333;font-family:Courier New,monospace;word-break:break-all;background:#fff9;padding:8px;border-radius:5px}.error{text-align:center;padding:30px 20px;background:#fee;border:2px solid #fcc;border-radius:10px;color:#c33;animation:fadeIn .4s ease-in}.error-icon{font-size:40px;display:block;margin-bottom:10px}.error p{font-size:16px;font-weight:500}@media (max-width: 600px){.container{padding:25px}h1{font-size:22px}.search-box{flex-direction:column}button{width:100%}.player-card{flex-direction:column;align-items:center;text-align:center}.player-skin img{width:150px;height:150px}}.player-skin{flex-shrink:0}.player-skin canvas{border-radius:8px;box-shadow:0 5px 15px #0003;display:block}@media (max-width: 600px){.container{padding:25px}h1{font-size:22px}.search-box{flex-direction:column}button{width:100%}.player-card{flex-direction:column;align-items:center;text-align:center}.player-skin canvas{width:100%!important;max-width:300px;height:auto!important}}.copyable{cursor:pointer}.copyable.copied{box-shadow:0 0 0 2px #4caf5099 inset;transition:box-shadow .15s ease-in-out}.footer{margin-top:20px;display:flex;justify-content:flex-end}.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}