body,html{margin:0;padding:0;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#1a1a1a;color:#f0f0f0}#root{display:flex;justify-content:center;align-items:flex-start;width:100%;min-height:100%;overflow-y:auto;padding:4vh 2vw;box-sizing:border-box}.container{display:flex;flex-direction:column;align-items:center;gap:15px;text-align:center;width:100%;max-width:850px}h1{margin:0;font-size:2rem;font-weight:600;color:#f0f0f0}.description{margin:-5px 0 5px;font-size:.9rem;color:#aaa;max-width:600px}.hardware-info{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px;padding:8px 12px;background-color:#2a2a2a;border-radius:6px;font-size:.85rem;color:#ccc;width:100%;box-sizing:border-box}.hardware-info strong{color:#f0f0f0;font-weight:600}.comparison-area{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;width:100%}.result-panel{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;min-width:280px;max-width:400px}.result-panel h3{margin:0;font-weight:500;color:#ddd;font-size:1.1rem}.canvas-wrapper{width:100%;aspect-ratio:1 / 1;border:1px solid #444;border-radius:8px;background-color:#2a2a2a;display:flex;justify-content:center;align-items:center;overflow:hidden}.canvas-wrapper>canvas{display:block;max-width:100%;max-height:100%;image-rendering:pixelated}.stats-box{display:flex;align-items:center;justify-content:center;gap:15px;width:100%;padding:7px 10px;box-sizing:border-box;font-size:.9rem;color:#ccc}.stats-box-placeholder{min-height:38px}.stats-box strong{color:#f0f0f0;font-weight:600}.winner-box{margin-top:5px;padding:12px 20px;border-radius:8px;background-color:#2c3e50;border:1px solid #34495e;width:100%;max-width:700px;box-sizing:border-box;font-size:1rem;font-weight:500}.winner-box .winner{color:#2ecc71}.winner-box .loser{color:#e74c3c}.slider-container{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:500px;margin-top:5px;margin-bottom:5px}.slider-container label{font-size:.9rem;color:#ccc}.slider-container input[type=range]{width:100%;cursor:pointer}.controls{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;align-items:center}button{padding:10px 20px;font-size:1rem;font-weight:500;border:1px solid #555;border-radius:6px;background-color:#333;color:#fff;cursor:pointer;transition:background-color .2s ease-in-out,opacity .2s ease-in-out,border-color .2s ease-in-out}button:hover:not(:disabled){background-color:#45a049;border-color:#5cbf61}button:active:not(:disabled){background-color:#3e8e41}button:disabled{opacity:.5;cursor:not-allowed}.controls button:nth-child(2):not(:disabled){background-color:#4a6ac8;border-color:#5f7ad8}.controls button:nth-child(2):not(:disabled):hover{background-color:#5a7be0;border-color:#6e8af0}