#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.screen{height:2rem;font-size:24px;margin-bottom:10px;padding:10px;background-color:#f3edb2;color:#000;border:1px solid #ccc;border-radius:5px}.card{width:15rem;padding:20px;background-color:#1e1d1d;box-shadow:0 0 10px #ddb00b;border-radius:10px}.btn-container{display:grid;grid-template-rows:repeat(4,1fr);margin-top:2rem;gap:5px}.btn{width:3rem;height:3rem;font-size:20px;padding:10px;background-color:#cba50cf6;color:#fff;border:none;border-radius:5px;cursor:pointer}.btn:hover{background-color:#fae18c;color:#201f1f}.btn-row{display:flex;justify-content:space-between}:root{font-family:Inter,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;-webkit-text-size-adjust:100%}body{font-family:Arial,sans-serif;display:flex;justify-content:center;align-items:center;width:100%;height:100vh;margin:0}