:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#fff;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;padding:0;width:100%;height:100%;font-family:system-ui,-apple-system,sans-serif;background-color:#fff}html{background-color:#fff}#root{height:100%;background-color:#fff}h1{font-size:3.2em;line-height:1.1}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}:root{--black: #000000;--white: #ffffff;--yellow: #cdcd00;--red: #ff0000;--blue: #0000ff;--green: #00ff00;--pink: #ff00ff;--cyan: #00ffff;--gray-dark: #333333;--gray-light: #cccccc;--font-primary: "Archivo Black", Arial, sans-serif;--font-mono: "Roboto Mono", "SFMono-Regular", monospace;--shadow-brutal: 8px 8px 0px var(--black);--shadow-brutal-hover: 12px 12px 0px var(--black);--shadow-inset: inset 4px 4px 0px var(--gray-dark);--border-thick: 4px solid var(--black);--border-medium: 3px solid var(--black);--border-thin: 2px solid var(--black)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-primary);background-color:var(--white);color:var(--black);line-height:1.4;font-weight:900}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;margin-bottom:1rem}h1{font-size:4rem;line-height:.9}h2{font-size:3rem;line-height:.9}h3{font-size:2rem;line-height:1}h4{font-size:1.5rem}p{font-size:1.2rem;font-weight:700;margin-bottom:1rem}.btn{display:inline-block;padding:1rem 2rem;font-family:var(--font-primary);font-size:1.2rem;font-weight:900;text-transform:uppercase;text-decoration:none;border:var(--border-thick);background-color:var(--yellow);color:var(--black);box-shadow:var(--shadow-brutal);cursor:pointer;transition:all .1s ease;position:relative;margin:.5rem}.btn:hover{box-shadow:var(--shadow-brutal-hover);transform:translate(-4px,-4px)}.btn:active{box-shadow:2px 2px 0 var(--black);transform:translate(6px,6px)}.btn-red{background-color:var(--red);color:var(--white)}.btn-blue{background-color:var(--blue);color:var(--white)}.btn-green{background-color:var(--green);color:var(--black)}.btn-black{background-color:var(--black);color:var(--white)}.card{border:var(--border-thick);box-shadow:var(--shadow-brutal);padding:0rem;margin-bottom:2rem;position:relative}.card-yellow{background-color:var(--yellow)}.card-pink{background-color:var(--pink)}.card-cyan{background-color:var(--cyan)}.card-header{border-bottom:var(--border-medium);margin-bottom:1rem;padding-bottom:1rem}.form-group{margin-bottom:2rem}label{display:block;font-family:var(--font-primary);font-size:1.2rem;font-weight:900;text-transform:uppercase;margin-bottom:.5rem}input[type=text],input[type=email],input[type=password],textarea,select{width:100%;padding:1rem;font-family:var(--font-mono);font-size:1.1rem;font-weight:700;border:var(--border-thick);background-color:var(--white);color:var(--black);box-shadow:var(--shadow-inset)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--blue);box-shadow:var(--shadow-inset),0 0 0 4px var(--blue)}textarea{resize:vertical;min-height:120px}.nav{background-color:var(--black);color:var(--white);padding:1rem 0;border-bottom:var(--border-thick);border-color:var(--white)}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 2rem}.nav-logo{font-size:2rem;font-weight:900;text-transform:uppercase;color:var(--yellow)}.nav-menu{display:flex;list-style:none;gap:2rem}.nav-link{color:var(--white);text-decoration:none;font-weight:900;text-transform:uppercase;font-size:1.1rem;padding:.5rem 1rem;border:2px solid transparent;transition:all .1s ease}.nav-link:hover{background-color:var(--white);color:var(--black);border-color:var(--white)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.grid{display:grid;gap:2rem;margin:2rem 0}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:1fr 1fr 1fr}.grid-4{grid-template-columns:1fr 1fr 1fr 1fr}.bg-black{background-color:var(--black);color:var(--white)}.bg-white{background-color:var(--white);color:var(--black)}.bg-yellow{background-color:var(--yellow);color:var(--black)}.bg-red{background-color:var(--red);color:var(--white)}.bg-blue{background-color:var(--blue);color:var(--white)}.bg-green{background-color:var(--green);color:var(--black)}.bg-pink{background-color:var(--pink);color:var(--black)}.bg-cyan{background-color:var(--cyan);color:var(--black)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.border-thick{border:var(--border-thick)}.border-medium{border:var(--border-medium)}.border-thin{border:var(--border-thin)}.shadow-brutal{box-shadow:var(--shadow-brutal)}.shadow-hover:hover{box-shadow:var(--shadow-brutal-hover)}.uppercase{text-transform:uppercase}.bold{font-weight:900}.p-1{padding:1rem}.p-2{padding:2rem}.p-3{padding:3rem}.m-1{margin:1rem}.m-2{margin:2rem}.m-3{margin:3rem}.mb-1{margin-bottom:1rem}.mb-2{margin-bottom:2rem}.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}.alert{padding:1.5rem;border:var(--border-thick);margin-bottom:2rem;font-weight:900;text-transform:uppercase}.alert-warning{background-color:var(--yellow);color:var(--black)}.alert-error{background-color:var(--red);color:var(--white)}.alert-success{background-color:var(--green);color:var(--black)}.alert-info{background-color:var(--blue);color:var(--white)}table{width:100%;border-collapse:separate;border-spacing:0;border:var(--border-thick);background-color:var(--white);box-shadow:var(--shadow-brutal);margin:2rem 0}th,td{padding:1rem;text-align:left;border-right:var(--border-medium);border-bottom:var(--border-medium);font-weight:700}th{background-color:var(--black);color:var(--white);font-weight:900;text-transform:uppercase}tr:last-child td{border-bottom:none}th:last-child,td:last-child{border-right:none}@media (max-width: 768px){h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.nav-container{flex-direction:column;gap:1rem}.nav-menu{gap:1rem}.container{padding:0 1rem}.btn{font-size:1rem;padding:.8rem 1.5rem}}.wanted-game{max-width:1200px;margin:0 auto;padding:20px;min-height:100vh}.game-header{text-align:center;margin-bottom:30px;position:relative;display:flex;justify-content:center;align-items:center}.game-container{display:flex;gap:30px;margin-bottom:30px;align-items:flex-start;justify-content:center;position:relative}.wanted-section{background:#fff;padding:20px;flex-shrink:0;position:absolute;left:0;top:0;display:flex;align-items:center;gap:20px;min-width:300px;max-width:400px}.wanted-left{display:flex;flex-direction:column;align-items:center;text-align:center}.wanted-section h2{margin:0 0 10px;font-size:1.2rem;color:red}.target-character{font-size:2.5rem;margin:0;padding:10px;background:#fff;border:3px solid #f00}.target-character-impossible{font-size:1rem;margin:0;padding:26px 4px;background:#fff;border:3px solid #f00}.wanted-right{width:100%;display:flex;flex-direction:column;justify-content:center;margin-top:35px}.game-stats{margin:0;padding:0}.stat-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;min-width:120px}.stat-item:last-child{margin-bottom:0}.stat-label{height:100%;font-size:1.1rem;font-weight:500}.stat-value{font-size:1.1rem;font-weight:700;color:#2c3e50}.penalty-flash{color:#e74c3c;font-weight:700;animation:penalty-fade 1.5s ease-out forwards}@keyframes penalty-fade{0%{opacity:1;transform:scale(1.2)}50%{opacity:.8;transform:scale(1.1)}to{opacity:0;transform:scale(1)}}.game-area{position:absolute;left:50%;top:0;transform:translate(-50%);display:flex;justify-content:center;align-items:flex-start}.canvas-container{position:relative;display:flex;justify-content:center}.game-canvas{background:#fff;cursor:crosshair;max-width:100%;height:auto}.game-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10}.game-result{text-align:center;background:#fff;padding:40px;border:1px solid #ddd}.game-result h2{margin:0 0 20px;font-size:2rem;color:#2c3e50}.game-result button{background:#3498db;color:#fff;border:none;padding:15px 30px;font-size:1.2rem;cursor:pointer;font-weight:700}.game-result button:hover{background:#2980b9}.start-instructions{font-size:1rem!important;color:#666!important;margin-top:10px!important}.start-overlay{background:#fff!important;cursor:pointer;flex-direction:column}.start-text{color:#000;font-size:2rem;font-weight:700;text-align:center;margin-bottom:15px;display:block}.difficulty-text{font-size:1.5rem;font-weight:400;text-align:center;opacity:1;display:block}.difficulty-text.easy{color:#2fff2f}.difficulty-text.medium{color:#cdcd00}.difficulty-text.hard{color:#ff4911}.difficulty-text.extreme{color:#ff00f5}.difficulty-text.impossible{color:#fff;background:#000;padding:0 .3em}.completed-overlay{background:red!important;cursor:default;flex-direction:column}.completed-text{color:#fff;font-size:2rem;font-weight:700;text-align:center;margin-bottom:10px}.completed-subtext{color:#fff;font-size:1rem;text-align:center;opacity:1;margin:5px}.penalty{color:#e74c3c;font-weight:700;animation:penalty-flash .5s ease-in-out}@keyframes penalty-flash{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 768px){.game-container{flex-direction:column;align-items:center;position:static}.wanted-section{position:static;left:auto;top:auto;min-width:auto;width:100%;max-width:508px;padding:15px;gap:15px}.wanted-left{flex-direction:row;align-items:center;gap:10px}.wanted-right{margin-top:0}.wanted-section h2{margin:0;font-size:1rem}.stat-item{min-width:100px;margin-bottom:6px}.stat-value{font-size:1rem}.game-area{position:static;left:auto;top:auto;transform:none;width:100%;justify-content:center}}.help-button{position:absolute;right:0;top:35%;transform:translateY(-50%);background:none;border:none;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s ease;z-index:5;height:30px;width:30px;color:#000}.help-button:hover{color:#ff00f5}.help-popup-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.help-popup-content{background:#fff;max-width:600px;width:100%;max-height:80vh;overflow-y:auto}.help-popup-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px 12px}.help-popup-header h2{margin:0;font-size:2rem}.help-close-button{background:none;border:none;border-radius:0;font-size:2rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#000}.help-close-button:hover{border-radius:0;color:red}.help-popup-body{padding:0 20px}.help-section{margin-bottom:20px}.help-section h3{margin:0 0 10px;font-size:1.2rem}.help-section p{margin:0 0 10px;color:#333;line-height:1.5;font-size:1rem}.gameplay-list{color:#666}.gameplay-list div{margin-bottom:8px;line-height:1.4}.help-popup-footer{padding:20px;border-top:3px solid #000;text-align:center;margin-top:20px}.credit-link{color:#ff00f5;text-decoration:none;font-weight:500;transition:color .2s ease}.credit-link:hover{color:#ff00f5;text-decoration:underline}.version-info{margin-top:10px;font-size:.75rem;color:#000;font-weight:400}.popup-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.popup-content{background:#fff;padding:0;max-width:400px;width:100%;max-height:85vh;overflow-y:auto;animation:popupSlideIn .1s ease-out}@keyframes popupSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.popup-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px 12px}.popup-header h2{margin:0;font-size:2rem}.close-button{background:none;border:none;font-size:2rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#000}.close-button:hover{color:red}.current-result{padding:16px 20px;border-bottom:3px solid #000}.wanted-emoji-display{text-align:center;margin-bottom:12px;padding:12px;background:#fff;border:3px solid #f00}.wanted-label{font-size:.9rem;font-weight:700;color:red;margin-bottom:6px}.wanted-emoji{font-size:2.5rem;line-height:1}.result-stats{display:flex;justify-content:space-around;gap:12px}.stat{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-label{margin-bottom:4px;font-weight:500}.stat-value{font-size:1.2rem;font-weight:700;color:#2c3e50}.stat-value.grade{font-size:1.2rem}.stat-value.difficulty.easy{color:#2fff2f}.stat-value.difficulty.medium{color:#cdcd00}.stat-value.difficulty.hard{color:#ff4911}.stat-value.difficulty.extreme{color:#ff00f5}.stat-value.difficulty.impossible{color:#fff;background:#000;padding:0 .3em}.server-stats{margin-bottom:16px;border-bottom:3px solid #000;padding:16px 20px}.server-stats h3{margin:0 0 12px;font-size:1.1rem;text-align:center}.server-stat{display:flex;flex-direction:column;align-items:center;text-align:center;padding:8px;background:#f8f9fa;border:2px solid #000}.server-stat-label{font-size:.75rem;font-weight:600;color:#666;margin-bottom:4px;text-transform:uppercase}.server-stat-value{font-size:1.1rem;font-weight:700;color:#000}.grade-distribution{padding:16px 20px}.grade-distribution h3{margin:0 0 12px;font-size:1.1rem;text-align:center}.distribution-chart{display:flex;flex-direction:column;gap:6px}.distribution-row{display:flex;align-items:center;gap:8px}.distribution-bar-container{flex:1;height:24px;background:#fff;position:relative;overflow:hidden;border:3px solid black}.distribution-bar{height:100%;display:flex;align-items:center;justify-content:center;transition:width .3s ease;min-width:0px}.count-text{color:#fff;font-weight:700;font-size:.8rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}.popup-footer{display:flex;padding:12px 20px 16px;text-align:center;border-top:3px solid #000}.popup-footer .btn{flex:1 1 45%;min-width:50px;padding-left:.2rem;padding-right:.2rem}.share-button{background:#007bff;color:#fff;border:none;padding:10px 20px;font-size:.9rem;font-weight:700;border-radius:6px;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;transition:background-color .1s ease}.share-button:hover{background:#0056b3}@media (max-width: 600px){.popup-content{margin:10px;max-width:calc(100% - 20px)}.result-stats{flex-direction:column;gap:12px}.stat{flex-direction:row;justify-content:space-between;align-items:center}.stat-label{margin-bottom:0}.distribution-row{gap:8px}.grade-label{min-width:16px;font-size:1rem;color:#000;font-weight:700;text-align:center}.distribution-bar-container{height:28px}.count-text{font-size:.8rem}}.copied-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1001;pointer-events:none}.copied-dialog-content{background:#2fff2f;color:#fff;padding:12px 20px;display:flex;align-items:center;gap:8px;animation:copiedFadeIn .2s ease-out}.copied-icon{font-size:16px;font-weight:700}.copied-text{font-weight:500}@keyframes copiedFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.impossible-help-content{padding:20px}.impossible-help-content p{font-size:1.1rem;line-height:1.5}