.shared-header{display:flex;justify-content:space-between;align-items:center;background-color:#2c3e50;color:#fff;padding:12px 25px;box-shadow:0 2px 5px #0000001a}.shared-header .logo{font-weight:700;font-size:1.4em;color:#ecf0f1;text-decoration:none}.shared-header .logo:hover{color:#fff}.shared-header nav{display:flex;gap:15px}.shared-header nav button{background:#34495e;color:#ecf0f1;padding:8px 15px;font-size:.9em;box-shadow:none}.shared-header nav button:hover:not(:disabled){background:#4e6a85}.shared-header nav button:disabled{background:#566a7e;color:#95a5a6;opacity:.7}.shared-header .search-bar-header input{padding:6px 10px;font-size:.9em;margin-right:5px;border-radius:4px}.shared-header .search-bar-header button{padding:6px 12px;font-size:.9em}.search-container{display:flex;justify-content:center;align-items:center;margin-bottom:20px;gap:10px;flex-wrap:wrap}.search-container input[type=text]{min-width:300px;width:40%;max-width:500px}.search-container .error-message{width:100%;margin-top:15px;text-align:center}.home-main{text-align:center;padding:60px 20px}.home-main h1{font-size:2.8em;margin-bottom:40px;color:#34495e;font-weight:600}.account-details-content p{margin-bottom:12px;line-height:1.7;display:flex;flex-wrap:wrap}.account-details-content strong{display:inline-block;width:130px;margin-right:10px;color:#555;flex-shrink:0}.account-details-content span{flex-grow:1;word-break:break-word}.account-details-content .character-id-list{list-style-type:none;padding-left:0;margin-left:140px;margin-top:-1.7em;margin-bottom:12px}.account-details-content .character-id-list li{margin-bottom:6px;font-size:.95em;color:#444}.character-class-list{list-style-type:none;padding-left:0;margin-left:140px;margin-top:-1.7em;margin-bottom:12px}.character-class-list li{margin-bottom:6px;font-size:.95em;color:#333}.filters{margin-top:30px;padding-top:20px;border-top:1px solid #eee}.filters h4{margin-bottom:15px;font-size:1.1em;color:#34495e}.filters label{display:block;margin-top:12px;margin-bottom:6px;font-weight:600;font-size:.9em;color:#555}.filters input[type=text]{width:calc(100% - 24px);margin-bottom:10px}.filters button{margin-top:20px;width:100%;padding:12px}.stats-table-container{width:100%;overflow-x:auto;margin-top:15px}.stats-container table{width:100%;min-width:600px;border-collapse:collapse;font-size:.9em}.stats-container th,.stats-container td{border:1px solid #ddd;padding:10px 12px;text-align:left;white-space:nowrap}.stats-container th{background-color:#f2f2f2;font-weight:600;position:sticky;top:0;z-index:1}.stats-container tbody tr:nth-child(2n){background-color:#f9f9f9}.stats-container tbody tr:hover{background-color:#e9ecef}.stats-container .placeholder-box{flex-grow:1;width:95%;min-height:250px;background-color:#e9ecef;border:2px dashed #adb5bd;margin:20px auto;display:flex;justify-content:center;align-items:center;position:relative;border-radius:6px;color:#6c757d}.stats-container .placeholder-box:before,.stats-container .placeholder-box:after{content:"";position:absolute;width:70%;height:2px;background-color:#adb5bd;top:50%;left:15%}.stats-container .placeholder-box:before{transform:rotate(45deg)}.stats-container .placeholder-box:after{transform:rotate(-45deg)}.stats-container .error-message{color:#d9534f;margin-top:20px;padding:10px;background-color:#fdecea;border:1px solid #f5c6cb;border-radius:4px;text-align:center}.stats-container p{text-align:center;color:#666;margin-top:20px}.results-main{padding:30px;max-width:1200px;margin:20px auto}.title-section{text-align:center;margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid #e0e0e0}.title-section h2{margin-bottom:8px;font-size:1.8em;color:#333}.title-section h3{margin:5px 0;color:#007bff;font-size:1.5em;font-weight:600}.title-section h4{margin-top:8px;color:#6c757d;font-weight:400;font-size:1.1em}.content-columns{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap}.account-details-column,.gear-activity-column{flex:1;min-width:300px;background-color:#fff;padding:25px;border-radius:8px;box-shadow:0 4px 12px #00000014;margin-bottom:20px}.account-details-column h3,.gear-activity-column h3{margin-top:0;border-bottom:1px solid #eee;padding-bottom:15px;margin-bottom:20px;font-size:1.3em;color:#34495e}html{height:100%;box-sizing:border-box}body{min-height:100vh;width:100%;margin:0;padding:0;background-color:#f4f7f9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#333;line-height:1.6}#root{min-height:100vh;width:100%;display:flex;flex-direction:column}*,*:before,*:after{box-sizing:inherit}.app-container{width:100%;display:flex;flex-direction:column;flex-grow:1}main{flex-grow:1;width:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0;padding:0;color:#333;line-height:1.6}.app-container{max-width:1400px;margin:0 auto}.error-message{color:#d9534f;margin-top:10px;font-size:.9em;font-weight:700;padding:8px;background-color:#fdecea;border:1px solid #f5c6cb;border-radius:4px;text-align:center}button{padding:10px 18px;font-size:1em;cursor:pointer;background-color:#007bff;color:#fff;border:none;border-radius:5px;transition:background-color .2s ease-in-out,box-shadow .1s ease;box-shadow:0 2px 4px #0000001a}button:hover:not(:disabled){background-color:#0056b3;box-shadow:0 4px 8px #00000026}button:disabled{background-color:#ccc;color:#666;cursor:not-allowed;box-shadow:none}input[type=text]{padding:10px 12px;font-size:1em;border:1px solid #ccc;border-radius:5px;transition:border-color .2s ease,box-shadow .2s ease}input[type=text]:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff40;outline:none}input[type=text]:disabled{background-color:#e9ecef;cursor:not-allowed}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}