:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}[data-theme=dark]{--bg-color:#000;--text-color:#ffc904;--card-bg:#1a1a1a;--button-bg:#ffc904;--button-hover:#b58500;--accent-color:#ffc904;--input-bg:#2a2a2a;--input-text:#ffc904;--border-color:#ffc904;--button-text:#000}[data-theme=light]{--bg-color:#fff;--text-color:#000;--card-bg:#f5f5f5;--button-bg:#ffc904;--button-hover:#b58500;--accent-color:#ffc904;--input-bg:#fff;--input-text:#000;--border-color:#ffc904;--button-text:#000}body{background-color:var(--bg-color);min-width:320px;min-height:100vh;color:var(--text-color);place-items:center;margin:0;transition:background-color .3s,color .3s;display:flex}a{color:var(--accent-color);font-weight:500;text-decoration:none;transition:color .3s}a:hover{color:var(--button-hover);text-decoration:underline}h1{margin:0;font-size:3.2em;line-height:1.1}.header-container{justify-content:center;align-items:center;gap:2rem;margin-bottom:2rem;display:flex;position:relative}.main-title{background:linear-gradient(135deg,#ffc904 0%,#b58500 100%);-webkit-text-fill-color:transparent;letter-spacing:3px;text-transform:uppercase;text-shadow:0 0 20px #ffc90480;-webkit-background-clip:text;background-clip:text;font-weight:700;animation:2s ease-in-out infinite alternate titleGlow}@keyframes titleGlow{0%{filter:drop-shadow(0 0 10px #ffc90466)}to{filter:drop-shadow(0 0 25px #ffc904cc)}}.theme-toggle{border:2px solid var(--border-color);background-color:var(--button-bg);width:50px;height:50px;color:var(--button-text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:1.5em;transition:all .3s;display:flex;position:absolute;right:-80px;box-shadow:0 4px 15px #ffc9044d}.theme-toggle:hover{background-color:var(--button-hover);transform:scale(1.1)rotate(15deg);box-shadow:0 6px 20px #ffc90480}.theme-toggle:active{transform:scale(.95)}button{border:2px solid var(--border-color);background-color:var(--button-bg);color:var(--button-text);cursor:pointer;text-transform:uppercase;letter-spacing:1px;border-radius:8px;padding:.8em 1.5em;font-family:inherit;font-size:1em;font-weight:600;transition:all .25s;box-shadow:0 4px 10px #ffc9044d}button:hover{background-color:var(--button-hover);transform:translateY(-2px);box-shadow:0 6px 15px #ffc90480}button:active{transform:translateY(0)}button:focus,button:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}input[type=text],input[type=password],input[type=email]{border:2px solid var(--border-color);background-color:var(--input-bg);color:var(--input-text);border-radius:8px;margin:.5em 0;padding:.8em 1.2em;font-family:inherit;font-size:1em;transition:all .3s}input[type=text]:focus,input[type=password]:focus,input[type=email]:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 4px #ffc90433}input[type=text]::placeholder,input[type=password]::placeholder,input[type=email]::placeholder{color:var(--text-color);opacity:.5}#loginDiv,#registerDiv,#cardUIDiv{background-color:var(--card-bg);border:2px solid var(--border-color);border-radius:16px;padding:2.5em;transition:all .3s;box-shadow:0 8px 32px #ffc90433}.auth-container{background:var(--card-bg);border:3px solid var(--border-color);border-radius:24px;max-width:500px;margin:2em auto;padding:3em;position:relative;overflow:hidden;box-shadow:0 20px 60px #0006}[data-theme=light] .auth-container{box-shadow:0 20px 60px #00000026}.auth-container:before{content:"";background:linear-gradient(90deg,#ffc904 0%,#b58500 50%,#ffc904 100%);height:6px;animation:3s ease-in-out infinite shimmer;position:absolute;top:0;left:0;right:0}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.6}}.auth-header{text-align:center;margin-bottom:2.5em}.auth-icon{margin-bottom:.3em;font-size:4em;animation:2s ease-in-out infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.auth-title{background:linear-gradient(135deg,#ffc904 0%,#b58500 100%);-webkit-text-fill-color:transparent;letter-spacing:1px;-webkit-background-clip:text;background-clip:text;margin:.3em 0;font-size:2em;font-weight:800}.auth-subtitle{color:var(--text-color);opacity:.7;margin:.5em 0 0;font-size:1.1em}.auth-form{margin-bottom:2em}.auth-form .form-group{margin-bottom:1.8em}.auth-form .form-group label{color:var(--text-color);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:.5em;margin-bottom:.7em;font-size:1em;font-weight:700;display:flex}.label-icon{font-size:1.2em}.auth-form input[type=text],.auth-form input[type=password],.auth-form input[type=email]{border:2px solid var(--border-color);background-color:var(--input-bg);width:100%;color:var(--input-text);box-sizing:border-box;border-radius:12px;padding:1em 1.2em;font-size:1.05em;transition:all .3s}.auth-form input:focus{border-color:#ffc904;outline:none;transform:translateY(-2px);box-shadow:0 0 0 4px #ffc90433}.auth-submit-button{color:#000;cursor:pointer;text-transform:uppercase;letter-spacing:2px;background:linear-gradient(135deg,#ffc904 0%,#b58500 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5em;width:100%;margin-top:2em;padding:1.2em;font-size:1.2em;font-weight:800;transition:all .3s;display:flex;box-shadow:0 6px 20px #ffc90466}.auth-submit-button:hover{background:linear-gradient(135deg,#b58500 0%,#ffc904 100%);transform:translateY(-3px);box-shadow:0 8px 25px #ffc90499}.auth-submit-button:active{transform:translateY(-1px)}.button-icon{font-size:1.2em}.auth-message{text-align:center;border-radius:10px;margin-top:1.5em;padding:1em;font-weight:600;animation:.3s slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.auth-message.success{color:#4caf50;background:#4caf5033;border:2px solid #4caf50}.auth-message.error{color:#f44336;background:#f4433633;border:2px solid #f44336}.auth-footer{text-align:center;border-top:2px solid var(--border-color);padding-top:2em}.auth-footer p{color:var(--text-color);opacity:.7;margin:0 0 1em;font-size:1em}.auth-link{color:#ffc904;border-radius:8px;align-items:center;gap:.5em;padding:.5em 1em;font-size:1.1em;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.auth-link:hover{background:#ffc9041a;text-decoration:none;transform:translate(5px)}.link-icon{font-size:1.2em}@media (max-width:768px){.theme-toggle{margin-top:1rem;position:static}.header-container{flex-direction:column;gap:1rem}h1{font-size:2.5em}.auth-container{margin:1em;padding:2em 1.5em}.auth-title{font-size:1.6em}.auth-subtitle{font-size:1em}.auth-icon{font-size:3em}}#inner-title{color:var(--accent-color);text-transform:uppercase;letter-spacing:2px;margin-bottom:1em;font-size:1.5em;font-weight:700;display:block}span[id$=Result]{min-height:1.5em;color:var(--text-color);border-radius:4px;margin-top:1em;padding:.5em;display:block}#cardList{background-color:var(--input-bg);border:2px solid var(--border-color);min-height:2em;color:var(--text-color);border-radius:8px;padding:1em}#root{text-align:center;background-color:var(--bg-color);width:100%;max-width:100%;margin:0;padding:0;transition:background-color .3s}.page-wrapper{width:100%;min-height:100vh;margin:0;padding:0}.page-content{max-width:1600px;margin:0 auto;padding:2rem}.logo{will-change:filter;height:6em;padding:1.5em;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em var(--accent-color))}.logo.react:hover{filter:drop-shadow(0 0 2em #ffc904)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:20s linear infinite logo-spin}}.card{background-color:var(--card-bg);border:2px solid var(--border-color);border-radius:12px;padding:2em;transition:all .3s}.read-the-docs{color:var(--text-color);opacity:.6}.buttons{color:#000;text-transform:uppercase;letter-spacing:2px;background:linear-gradient(135deg,#ffc904 0%,#b58500 100%);border:2px solid #ffc904;margin:.5em;font-weight:700;transition:all .3s;box-shadow:0 4px 15px #ffc90466}.buttons:hover{background:linear-gradient(135deg,#b58500 0%,#ffc904 100%);transform:translateY(-2px);box-shadow:0 6px 20px #ffc90499}.buttons:active{transform:translateY(0)}#loginButton,#registerButton,#addCardButton,#searchCardButton{color:#000;background:#ffc904;border:2px solid #b58500;min-width:150px;font-weight:700}#loginButton:hover,#registerButton:hover,#addCardButton:hover,#searchCardButton:hover{background:#b58500;border-color:#ffc904}#loggedInDiv{z-index:100;box-sizing:border-box;background:linear-gradient(135deg,#000 0%,#1a1a1a 100%);border-bottom:3px solid #ffc904;justify-content:space-between;align-items:center;width:100%;margin:0;padding:1em 2rem;display:flex;position:sticky;top:0;box-shadow:0 4px 15px #0000004d}[data-theme=light] #loggedInDiv{background:linear-gradient(135deg,#fff 0%,#f5f5f5 100%);border-bottom:3px solid #b58500;box-shadow:0 4px 15px #0000001a}.header-left{align-items:center;gap:2em;display:flex}.header-right{align-items:center;gap:1em;display:flex}.header-logo{color:#ffc904;text-shadow:2px 2px 4px #0000004d;letter-spacing:2px;margin:0;font-family:Arial Black,sans-serif;font-size:2em;font-weight:900}[data-theme=light] .header-logo{color:#b58500;text-shadow:2px 2px 4px #0000001a}#userName{color:#ffc904;align-items:center;gap:.5em;margin:0;font-size:1.2em;font-weight:700;display:inline-flex}[data-theme=light] #userName{color:#000}.user-dropdown-container{position:relative}.user-dropdown-button{color:#000;cursor:pointer;background:linear-gradient(135deg,#ffc904 0%,#b58500 100%);border:2px solid #ffc904;border-radius:8px;align-items:center;gap:.5em;padding:.7em 1.2em;font-size:1em;font-weight:700;transition:all .3s;display:flex}.user-dropdown-button:hover{background:linear-gradient(135deg,#b58500 0%,#ffc904 100%);transform:translateY(-2px);box-shadow:0 6px 20px #ffc90499}[data-theme=light] .user-dropdown-button{color:#fff;background:linear-gradient(135deg,#b58500 0%,#8b6500 100%);border-color:#b58500}.user-icon{font-size:1.2em}.user-name{font-size:1em}.dropdown-arrow{margin-left:.3em;font-size:.7em}.user-dropdown-menu{background-color:var(--card-bg);border:2px solid var(--border-color);z-index:1000;border-radius:8px;min-width:200px;position:absolute;top:calc(100% + .5em);right:0;overflow:hidden;box-shadow:0 8px 24px #0000004d}[data-theme=light] .user-dropdown-menu{box-shadow:0 8px 24px #00000026}.dropdown-item{width:100%;color:var(--text-color);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:.8em;padding:1em 1.2em;font-size:1em;font-weight:600;transition:all .2s;display:flex}.dropdown-item:hover{background:#ffc90433}[data-theme=light] .dropdown-item:hover{background:#b5850033}.dropdown-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown-icon{font-size:1.2em}.logout-item{color:#f44}.logout-item:hover{background:#ff44441a}.modal-overlay{z-index:2000;background:#000000b3;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background-color:var(--card-bg);border:2px solid var(--border-color);border-radius:16px;width:90%;max-width:500px;max-height:90vh;animation:.3s slideUp;overflow-y:auto;box-shadow:0 16px 48px #00000080}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:2px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.5em 2em;display:flex}.modal-header h2{color:var(--accent-color);margin:0;font-size:1.5em}.modal-close{color:var(--text-color);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:2em;line-height:1;transition:all .2s;display:flex}.modal-close:hover{color:#f44;background:#f443;transform:rotate(90deg)}.modal-body{padding:2em}.form-group{margin-bottom:1.5em}.form-group label{color:var(--text-color);margin-bottom:.5em;font-size:1em;font-weight:600;display:block}.form-group input{border:2px solid var(--border-color);background-color:var(--input-bg);width:100%;color:var(--text-color);box-sizing:border-box;border-radius:8px;padding:.8em;font-size:1em;transition:all .3s}.form-group input:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 4px #ffc90433}.modal-message{border-radius:8px;margin-top:1em;padding:1em;font-weight:600}.modal-message.success{color:#4caf50;background:#4caf5033;border:2px solid #4caf50}.modal-message.error{color:#f44336;background:#f4433633;border:2px solid #f44336}.modal-footer{border-top:2px solid var(--border-color);justify-content:flex-end;gap:1em;padding:1.5em 2em;display:flex}.modal-button-cancel{border:2px solid var(--border-color);color:var(--text-color);background:0 0;min-width:120px}.modal-button-cancel:hover{background:var(--border-color)}.modal-button-save{min-width:120px}@media (max-width:768px){#loggedInDiv{flex-direction:column;gap:1em;padding:1em}.header-left{justify-content:center;gap:1em;width:100%}.header-right{flex-wrap:wrap;justify-content:center;width:100%}.header-logo{font-size:1.5em}.theme-toggle-header{width:40px;height:40px;font-size:1.2em}.nav-button{flex:1;min-width:100px}.user-dropdown-button{min-width:150px}.user-name{font-size:.9em}.modal-content{width:95%;max-width:none}.modal-header{padding:1em 1.5em}.modal-body{padding:1.5em}.modal-footer{flex-direction:column;padding:1em 1.5em}.modal-button-cancel,.modal-button-save{width:100%}}#cardUIDiv{position:relative}#cardUIDiv:before{content:"⚔️";opacity:.3;font-size:2em;animation:3s ease-in-out infinite float;position:absolute;top:-10px;right:-10px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}#codingGameDiv{background-color:var(--card-bg);border:2px solid var(--border-color);text-align:left;border-radius:16px;max-width:1400px;margin:2em auto;padding:2.5em;transition:all .3s;box-shadow:0 8px 32px #ffc90433}.completion-banner{color:#000;text-align:center;background:linear-gradient(135deg,#ffc904 0%,#b58500 100%);border-radius:8px;margin-bottom:1.5em;padding:1em;font-size:1.1em;font-weight:700}.challenge-header{border-bottom:2px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:1em;padding-bottom:1em;display:flex}.challenge-header h2{color:var(--accent-color);margin:0;font-size:2em}.difficulty{text-transform:uppercase;border-radius:20px;padding:.5em 1em;font-size:.9em;font-weight:700}.difficulty.easy{color:#fff;background:#4caf50}.difficulty.medium{color:#fff;background:#ff9800}.difficulty.hard{color:#fff;background:#f44336}.challenge-description{background-color:var(--input-bg);border:2px solid var(--border-color);border-radius:8px;margin-bottom:1.5em;padding:1.5em}.challenge-description p{color:var(--text-color);margin:0;line-height:1.6}.language-selector{margin-bottom:1em}.language-selector label{color:var(--accent-color);margin-right:.5em;font-weight:600}.language-selector select{border:2px solid var(--border-color);background-color:var(--input-bg);color:var(--text-color);cursor:pointer;border-radius:6px;padding:.5em 1em;font-size:1em}.code-editor{margin-bottom:1.5em}.code-editor-wrapper{border:2px solid var(--border-color);background-color:var(--input-bg);border-radius:8px;width:100%;font-family:Courier New,Courier,monospace;font-size:14px;line-height:1.5;overflow:hidden}.code-readonly-top,.code-readonly-bottom{color:var(--text-color);opacity:.7;white-space:pre;-webkit-user-select:none;user-select:none;pointer-events:none;border-bottom:1px solid var(--border-color);background-color:#8080801a;padding:1em;font-family:Courier New,Courier,monospace;font-size:14px;line-height:1.5}.code-readonly-bottom{border-bottom:none;border-top:1px solid var(--border-color)}.code-editable{background-color:var(--input-bg);width:100%;min-height:150px;color:var(--text-color);resize:vertical;box-sizing:border-box;border:none;outline:none;padding:1em;font-family:Courier New,Courier,monospace;font-size:14px;line-height:1.5;display:block!important}.code-editable:focus{background-color:var(--input-bg);outline:none}.code-editable:disabled{opacity:.5;cursor:not-allowed;background-color:#8080801a}.code-editor textarea{display:none}.button-group{flex-wrap:wrap;justify-content:center;gap:1em;margin-bottom:1.5em;display:flex}.run-button{flex:1;min-width:200px;max-width:400px;padding:1.2em 2em;font-size:1.2em;font-weight:700}.run-button:disabled{opacity:.5;cursor:not-allowed}.output-section{margin-bottom:1.5em}.output-section h3{color:var(--accent-color);margin-bottom:.5em;font-size:1.3em}.output-display{background-color:var(--input-bg);color:var(--text-color);border:2px solid var(--border-color);white-space:pre-wrap;word-wrap:break-word;border-radius:8px;min-height:100px;max-height:300px;padding:1.5em;font-family:Courier New,Courier,monospace;overflow-y:auto}.test-results{margin-top:1.5em}.test-results h3{color:var(--accent-color);margin-bottom:1em;font-size:1.3em}.test-case{border:2px solid;border-radius:8px;margin-bottom:1em;padding:1em}.test-case.passed{background-color:#4caf501a;border-color:#4caf50}.test-case.failed{background-color:#f443361a;border-color:#f44336}.test-header{color:var(--text-color);margin-bottom:.5em;font-weight:700}.test-details{color:var(--text-color);margin-top:.5em;padding-left:1em}.test-details div{margin:.3em 0}.test-details .error{color:#f44336;font-weight:600}.challenge-meta{align-items:center;gap:1em;display:flex}.attempts-counter{color:#fff;background:linear-gradient(135deg,#2196f3 0%,#1976d2 100%);border-radius:20px;padding:.5em 1em;font-size:.9em;font-weight:700}.how-to-play-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#9c27b0 0%,#7b1fa2 100%);border:none;border-radius:20px;align-items:center;gap:.4em;padding:.5em 1em;font-size:.9em;font-weight:700;transition:all .3s;display:flex;box-shadow:0 4px 10px #9c27b04d}.how-to-play-button:hover{background:linear-gradient(135deg,#7b1fa2 0%,#9c27b0 100%);transform:translateY(-2px);box-shadow:0 6px 15px #9c27b080}.how-to-play-button .button-icon{font-size:1.1em}.how-to-play-content{text-align:left}.how-to-play-content h3{color:var(--accent-color);border-bottom:2px solid var(--border-color);margin-top:1.5em;margin-bottom:.8em;padding-bottom:.5em;font-size:1.2em}.how-to-play-content h3:first-child{margin-top:0}.how-to-play-content p{color:var(--text-color);margin:.8em 0;line-height:1.7}.how-to-play-content ul,.how-to-play-content ol{color:var(--text-color);margin:1em 0;padding-left:1.8em;line-height:1.8}.how-to-play-content ul li,.how-to-play-content ol li{margin:.5em 0}.how-to-play-content strong{color:var(--accent-color);font-weight:700}.how-to-play-content ul li strong{min-width:120px;display:inline-block}#leaderboardDiv{background-color:var(--card-bg);border:2px solid var(--border-color);border-radius:16px;max-width:1400px;margin:2em auto;padding:2.5em;transition:all .3s;box-shadow:0 8px 32px #ffc90433}#leaderboardDiv h1{color:var(--accent-color);text-align:center;margin-bottom:1em;font-size:2.5em}.leaderboard-tabs{justify-content:center;gap:1em;margin-bottom:2em;display:flex}.tab-button{border:2px solid var(--border-color);background-color:var(--input-bg);color:var(--text-color);cursor:pointer;border-radius:8px;padding:1em 2em;font-size:1.1em;font-weight:700;transition:all .3s}.tab-button:hover{background-color:var(--border-color)}.tab-button.active{color:#000;background:linear-gradient(135deg,#ffc904 0%,#b58500 100%);border-color:#ffc904;box-shadow:0 4px 15px #ffc90466}.leaderboard-content{text-align:center}.leaderboard-content h2{color:var(--accent-color);margin-bottom:.5em;font-size:2em}.leaderboard-description{color:var(--text-color);opacity:.8;margin-bottom:2em;font-size:1.1em}.loading{color:var(--text-color);padding:3em;font-size:1.2em}.error-message{color:#f44336;background-color:#f443361a;border:2px solid #f44336;border-radius:8px;margin:2em 0;padding:1.5em}.empty-state{color:var(--text-color);opacity:.6;padding:3em;font-size:1.1em}.leaderboard-table{border-collapse:separate;border-spacing:0 .5em;width:100%;margin:2em 0}.leaderboard-table thead{background-color:var(--input-bg)}.leaderboard-table thead th{color:var(--accent-color);text-transform:uppercase;letter-spacing:1px;border-top:2px solid var(--border-color);border-bottom:2px solid var(--border-color);text-align:center;padding:1em;font-weight:700}.leaderboard-table thead th.align-left{text-align:left}.leaderboard-table thead th:first-child{border-left:2px solid var(--border-color);text-align:center;border-top-left-radius:8px}.leaderboard-table thead th:last-child{border-right:2px solid var(--border-color);text-align:center;border-top-right-radius:8px}.leaderboard-table tbody tr{background-color:var(--input-bg);transition:all .3s}.leaderboard-table tbody tr:hover{background-color:var(--border-color);transform:translate(5px)}.leaderboard-table tbody tr.top-three{background:linear-gradient(135deg,#ffc90433 0%,#b585001a 100%);border:2px solid #ffc90466}.leaderboard-table tbody tr.top-three:hover{background:linear-gradient(135deg,#ffc9044d 0%,#b5850033 100%)}.leaderboard-table tbody td{color:var(--text-color);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);padding:1.2em 1em}.leaderboard-table tbody tr td:first-child{border-left:2px solid var(--border-color);border-top-left-radius:8px;border-bottom-left-radius:8px}.leaderboard-table tbody tr td:last-child{border-right:2px solid var(--border-color);border-top-right-radius:8px;border-bottom-right-radius:8px}.rank-cell{text-align:center;width:80px;font-size:1.5em;font-weight:700}.name-cell{text-align:left;font-size:1.1em;font-weight:600}.score-cell,.completions-cell,.streak-cell,.current-streak-cell{color:var(--accent-color);text-align:center;font-size:1.1em;font-weight:700}.leaderboard-footer{text-align:center;margin-top:2em}.back-button{min-width:200px;padding:1em 2em;font-size:1.1em}@media (max-width:768px){.challenge-header{flex-direction:column;align-items:flex-start;gap:1em}.challenge-meta{flex-wrap:wrap;justify-content:flex-start;width:100%}.how-to-play-button{padding:.6em .9em;font-size:.85em}.how-to-play-button .button-icon{font-size:1em}.code-editor textarea{min-height:300px;font-size:12px}.button-group{flex-direction:column}.run-button,.submit-button{width:100%}.leaderboard-tabs{flex-direction:column}.tab-button{width:100%}.leaderboard-table{font-size:.9em}.rank-cell{width:60px;font-size:1.2em}.name-cell{font-size:1em}.leaderboard-table tbody td{padding:.8em .5em}}