body{background-color:var(--color-bg);color:var(--color-text)}.app-container{display:flex;flex-direction:column;font-family:sans-serif;padding-top:10px;align-items:center}.code-input input{font-family:monospace;margin:2px;width:40px;height:50px;font-size:32px;border-radius:4px;border:1px solid var(--color-text);text-align:center;text-transform:uppercase;caret-color:transparent;cursor:pointer}.code-input input::selection{background:transparent;color:inherit}.result{color:var(--color-accent)}.grass-gif{border:5px solid var(--color-text);border-radius:10px}.copy-score-button{background-color:transparent;width:150px;height:70px;border:2px solid var(--color-border);border-radius:40px;cursor:pointer;color:var(--color-accent);font-size:20px;margin-top:20px}.copy-score-button:hover{background-color:var(--color-accent);color:var(--color-surface);border-color:var(--color-accent)}@media (max-width: 450px){.code-input input{width:25px;font-size:20px}}:root{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif;--color-bg: #f2f0eb;--color-surface: #ffffff;--color-text: #2e2e2e;--color-accent: #0077ff;--color-accent-light: rgba(0, 119, 255, .2);--color-border: #cccccc;--color-box-bg: #ffffff;--color-box-text: #333333;--color-success: #2e7d32;--color-error: #c62828}