:root{--color-darkest:#3a2618;--color-dark:#5c3c20;--color-medium:#8b5a2b;--color-light:#b7845f;--color-lightest:#d4a276;--color-accent:#f0c282;--shadow-dark:rgba(20,10,0,.6);--shadow-light:rgba(255,200,150,.1);--color-green:#3c7e41}*{box-sizing:border-box;image-rendering:pixelated;margin:0;padding:0}body{background-color:var(--color-darkest);color:var(--color-lightest);background-image:repeating-linear-gradient(0deg,transparent 0,transparent 24px,rgba(139,90,43,.08) 24px,rgba(139,90,43,.08) 25px),repeating-linear-gradient(90deg,transparent 0,transparent 24px,rgba(139,90,43,.08) 24px,rgba(139,90,43,.08) 25px);background-size:25px 25px;background-attachment:fixed;padding:20px;font-family:"Press Start 2P",cursive;line-height:1.6;overflow-x:hidden}.back-btn{z-index:100;position:fixed;top:15px;left:15px}.back-btn img{width:90px;transition:transform .3s}.back-btn img:hover{transform:scale(1.1)}@media (max-width:768px){.back-btn img{width:50px}}h1,h2,h3{color:var(--color-accent);text-shadow:2px 2px 0 var(--color-darkest),4px 4px 0 var(--shadow-dark);border-bottom:4px solid var(--color-medium);margin:15px 0;padding-bottom:5px;position:relative}h1{text-align:center;letter-spacing:2px;text-transform:uppercase;background:linear-gradient(90deg,transparent 0%,var(--color-medium)20%,var(--color-medium)80%,transparent 100%);box-shadow:0 5px 10px -5px var(--shadow-dark);padding:10px 0;font-size:24px}h1:before{content:"";background:repeating-linear-gradient(-45deg,var(--color-medium),var(--color-medium)5px,var(--color-dark)5px,var(--color-dark)10px);border-top:2px solid var(--color-darkest);border-bottom:2px solid var(--color-darkest);width:100%;height:8px;box-shadow:0 2px 5px -2px var(--shadow-dark);display:block;position:absolute}h1:after{content:"";background:repeating-linear-gradient(-45deg,var(--color-medium),var(--color-medium)5px,var(--color-dark)5px,var(--color-dark)10px);border-top:2px solid var(--color-darkest);border-bottom:2px solid var(--color-darkest);width:100%;height:8px;box-shadow:0 2px 5px -2px var(--shadow-dark);display:block;position:absolute}h1:before{top:-10px}h1:after{bottom:-10px}h2{text-transform:uppercase;margin-top:30px;padding-left:15px;font-size:18px;position:relative}h2:before{content:"";background-color:var(--color-accent);width:4px;height:100%;box-shadow:2px 0 5px -2px var(--shadow-dark);display:block;position:absolute;top:0;left:0}.container{background-color:var(--color-dark);border:6px solid var(--color-medium);max-width:800px;box-shadow:0 0 0 2px var(--color-darkest),0 0 0 8px var(--color-dark),0 0 0 12px var(--color-darkest),0 10px 40px var(--shadow-dark);margin:0 auto;padding:20px;animation:4s infinite alternate container-glow;position:relative}@keyframes container-glow{0%{box-shadow:0 0 0 2px var(--color-darkest),0 0 0 8px var(--color-dark),0 0 0 12px var(--color-darkest),0 10px 40px var(--shadow-dark)}to{box-shadow:0 0 0 2px var(--color-darkest),0 0 0 8px var(--color-dark),0 0 0 12px var(--color-darkest),0 10px 40px var(--shadow-dark),0 0 15px var(--color-accent)}}.container:before{content:"";pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.container:after{content:"";pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.container:before{border:2px solid var(--color-medium);border-bottom:4px solid var(--color-darkest);border-right:4px solid var(--color-darkest);z-index:-1}.container:after{background-image:linear-gradient(135deg,transparent 0%,transparent 97%,var(--color-lightest)97%,var(--color-lightest)100%),linear-gradient(225deg,var(--shadow-dark)0%,var(--shadow-dark)3%,transparent 3%,transparent 100%);z-index:1;opacity:.05;mix-blend-mode:overlay;background-position:0 0;background-size:8px 8px}.btn-group{flex-wrap:wrap;justify-content:center;gap:10px;margin:20px 0;display:flex}button{background-color:var(--color-medium);color:var(--color-lightest);cursor:pointer;text-transform:uppercase;border:none;outline:none;padding:12px 15px;font-family:"Press Start 2P",cursive;font-size:12px;transition:all .3s;position:relative;overflow:hidden}input[type=text]{background-color:var(--color-medium);color:var(--color-lightest);cursor:pointer;text-transform:uppercase;border:none;outline:none;padding:12px 15px;font-family:"Press Start 2P",cursive;font-size:12px;transition:all .3s;position:relative;overflow:hidden}button{box-shadow:inset -4px -4px 0 var(--color-darkest),inset 4px 4px 0 var(--color-light)}button:after{content:"";background:linear-gradient(90deg,transparent 0%,var(--shadow-light)50%,transparent 100%);width:100%;height:100%;transition:transform .6s;position:absolute;top:0;left:0;transform:translate(-100%)}button:hover:after{transform:translate(100%)}#btnRunAll{background-color:var(--color-accent);color:var(--color-darkest);width:100%;box-shadow:inset -4px -4px 0 var(--color-dark),inset 4px 4px 0 var(--color-lightest),0 5px 10px -5px var(--shadow-dark);text-shadow:1px 1px 0 var(--color-light);margin-top:20px;margin-bottom:15px;padding:15px 20px;font-weight:700;animation:2s infinite alternate pulse}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.02)}}button:hover{background-color:var(--color-light);transform:translate(2px,2px)}button:hover:not(:disabled){box-shadow:inset -2px -2px 0 var(--color-darkest),inset 2px 2px 0 var(--color-lightest)}button:active{box-shadow:none;transform:translate(4px,4px)}button:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(50%)}input[type=text]{background-color:var(--color-darkest);width:100%;box-shadow:inset 4px 4px 0 var(--shadow-dark),inset -2px -2px 0 var(--color-light);border:2px solid var(--color-medium);color:var(--color-lightest);text-align:center;margin-bottom:10px}input[type=text]:focus{border-color:var(--color-accent);box-shadow:inset 4px 4px 0 var(--shadow-dark),inset -2px -2px 0 var(--color-light),0 0 8px var(--color-accent);outline:none}.results{background-color:var(--color-darkest);border:4px solid var(--color-medium);box-shadow:inset 0 0 20px var(--shadow-dark),0 5px 15px -5px var(--shadow-dark),0 0 2px var(--color-accent);margin:25px 0;padding:15px;position:relative}.result{border-bottom:1px dashed var(--color-medium);margin:15px 0;padding-bottom:15px;font-size:14px}.result:last-child{border-bottom:none}.result-label{align-items:center;display:flex}.help-icon{background-color:var(--color-medium);width:18px;height:18px;color:var(--color-lightest);text-align:center;cursor:help;box-shadow:inset -2px -2px 0 var(--color-darkest),inset 2px 2px 0 var(--color-light);-webkit-border-radius:0;border-radius:0;margin-left:8px;font-size:12px;line-height:18px;display:inline-block;position:relative}.tooltip{visibility:hidden;background-color:var(--color-darkest);width:250px;color:var(--color-lightest);text-align:left;border:2px solid var(--color-medium);z-index:1;opacity:0;box-shadow:inset -2px -2px 0 var(--shadow-dark),inset 2px 2px 0 var(--color-light),4px 4px 0 var(--shadow-dark);padding:10px;font-family:sans-serif;font-size:10px;line-height:1.4;transition:opacity .3s;position:absolute;top:-10px;left:125%}.tooltip:before{content:"";border-style:solid;border-width:5px;border-color:transparent var(--color-medium)transparent transparent;position:absolute;top:15px;left:-10px}.help-icon:hover .tooltip{visibility:visible;opacity:1}.progress-container{background-color:var(--color-darkest);border:2px solid var(--color-medium);height:20px;box-shadow:inset 0 0 10px var(--shadow-dark);margin-top:8px;position:relative;overflow:hidden}.progress-bar{background-color:var(--color-medium);width:0;height:100%;box-shadow:0 0 10px var(--color-medium);transition:width .3s;position:relative}.progress-bar.completed{background-color:var(--color-green);box-shadow:0 0 10px var(--color-green);background-image:none!important;animation:none!important}.progress-bar.completed:after{content:none!important;background-image:none!important;animation:none!important;display:none!important}@keyframes progress-animation{0%{background-position:0 0}to{background-position:14px 0}}.progress-text{text-align:center;color:var(--color-lightest);text-shadow:1px 1px 2px var(--color-darkest);z-index:1;font-size:10px;line-height:20px;position:absolute;top:0;left:0;right:0}.scoreboard{margin-top:30px}.scoreboard ul{border:3px solid var(--color-medium);background-color:var(--color-darkest);max-height:300px;box-shadow:inset 0 0 15px var(--shadow-dark),0 5px 15px -5px var(--shadow-dark);scrollbar-width:thin;scrollbar-color:var(--color-medium)var(--color-darkest);margin-top:15px;list-style:none;overflow-y:auto}.scoreboard ul::-webkit-scrollbar{width:8px}.scoreboard ul::-webkit-scrollbar-track{background:var(--color-darkest)}.scoreboard ul::-webkit-scrollbar-thumb{background:var(--color-medium);border:2px solid var(--color-darkest)}.scoreboard li{border-bottom:2px dashed var(--color-medium);flex-direction:column;padding:10px;font-size:12px;display:flex}.scoreboard li:hover{background-color:inherit!important}.scoreboard li:nth-child(odd){background-color:rgba(0,0,0,.2)}.scoreboard li:nth-child(odd):hover{background-color:rgba(0,0,0,.2)!important}canvas{image-rendering:pixelated;display:none}.loading{animation:1s infinite blink;display:inline-block;position:relative}.loading:after{content:"...";animation:1.5s infinite dots;position:absolute;right:-20px}@keyframes dots{0%{content:"."}33%{content:".."}66%{content:"..."}}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.pixel-overlay{pointer-events:none;z-index:9999;background:repeating-linear-gradient(rgba(0,0,0,.05),rgba(0,0,0,.05) 1px,transparent 1px,transparent 2px);position:fixed;top:0;bottom:0;left:0;right:0}.system-info{background-color:var(--color-darkest);border:3px solid var(--color-medium);box-shadow:inset 0 0 15px var(--shadow-dark),0 5px 15px -5px var(--shadow-dark);margin-top:15px;padding:15px;font-size:10px}.system-info p{border-bottom:1px dotted var(--color-medium);justify-content:space-between;margin:8px 0;padding-bottom:5px;display:flex}.system-info p:last-child{border-bottom:none}.system-info span{color:var(--color-accent)}.score-date{color:var(--color-light);text-align:right;margin-top:5px;font-size:9px}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.container,h1,h2,.results,.system-info,.scoreboard{animation:.5s ease-out fade-in}@media (max-width:600px){body,.container{padding:10px}button{padding:8px 10px;font-size:10px}h1{font-size:18px}.btn-group{flex-direction:column}.tooltip{width:200px;top:-100px;left:-220px}.tooltip:before{border-color:transparent transparent transparent var(--color-medium);top:auto;bottom:15px;left:auto;right:-10px}}.crt-effect{pointer-events:none;z-index:10000;opacity:.1;background:radial-gradient(circle,transparent 50%,rgba(0,0,0,.3) 100%);width:100%;height:100%;position:fixed;top:0;left:0}.benchmark-info{text-align:center;color:var(--color-accent);margin-top:5px;margin-bottom:10px;font-size:10px}.result-actions{justify-content:center;margin-top:10px;margin-bottom:0!important}.action-button{background-color:var(--color-dark);margin:0 5px;padding:8px 12px;font-size:10px}.action-button:hover{background-color:var(--color-medium)}.copied{transition:background-color .3s;background-color:var(--color-green)!important;color:#fff!important}.results{padding-bottom:0!important}.results .result:last-child{padding-bottom:0!important}
/* Styles critiques préservés */
input[type="text"] {
      font-family: 'Press Start 2P', cursive;
      background-color: var(--color-medium);
      color: var(--color-lightest);
      border: none;
      padding: 12px 15px;
      cursor: pointer;
      font-size: 12px;
      transition: all 0.3s;
      outline: none;
      position: relative;
      text-transform: uppercase;
      overflow: hidden;
    }
input[type="text"] {
      background-color: var(--color-darkest);
      width: 100%;
      margin-bottom: 10px;
      box-shadow: inset 4px 4px 0 var(--shadow-dark), inset -2px -2px 0 var(--color-light);
      border: 2px solid var(--color-medium);
      color: var(--color-lightest);
      text-align: center;
    }
button {box-shadow: inset -4px -4px 0 var(--color-darkest), inset 4px 4px 0 var(--color-light);}
button {font-size: 10px; padding: 8px 10px;}
button {
      font-size: 10px;
      padding: 8px 12px;
      background-color: var(--color-dark);
      margin: 0 5px;
    }
.progress-bar {
      height: 100%;
      width: 0;
      background-color: var(--color-medium);
      transition: width 0.3s;
      position: relative;
      box-shadow: 0 0 10px var(--color-medium);
    }