html.dark{--bg-primary:#01080e;--bg-secondary:#011627;--bg-tertiary:#011221;--bg-primary-hovered:#263b50;--text-primary:#f2f2f2;--text-secondary:#607b96;--text-link:#43d9ad;--text-inverted:#212529;--accent-primary:#fea55f;--accent-secondary:#43d9ad;--accent-error:#e99287;--accent-warning:#ffd714;--accent-success:#43d9ad;--btn-primary-bg:#fea55f;--btn-primary-text:#01080e;--btn-secondary-bg:#1c2b3a;--btn-secondary-text:#f2f2f2;--btn-tertiary-bg:transparent;--btn-tertiary-text:#f2f2f2;--btn-tertiary-border:#1e2d3d;--lines-color:#1e2d3d;--gradient-start:#4d5bce;--gradient-end:#43d9ad;--code-bg:#001221;--thememode-toggle-bg:#1c2b3a;--thememode-toggle-text:#f2f2f2;--thememode-toggle-border:#1e2d3d;--thememode-toggle-hover-bg:#263b50;--thememode-toggle-hover-border:#fea55f;--thememode-dropdown-bg:#01080e;--thememode-dropdown-border:#1e2d3d;--thememode-dropdown-item-text:#f2f2f2;--thememode-dropdown-item-hover-bg:#263b50;--thememode-dropdown-item-active-bg:#263b50;--thememode-dropdown-item-active-text:#fea55f;--scrollbar-track:#011627;--scrollbar-thumb:#fea55f;--scrollbar-thumb-hover:#ffd714;--scrollbar-border:#1e2d3d}html.light{--bg-primary:#f2f2f2;--bg-secondary:#f8f9fa;--bg-tertiary:#e9ecef;--bg-primary-hovered:#f0f0f0;--text-primary:#212529;--text-secondary:#5a6268;--text-link:#17a2b8;--text-inverted:#f2f2f2;--accent-primary:#007bff;--accent-secondary:#17a2b8;--accent-error:#dc3545;--accent-warning:#ffc107;--accent-success:#28a745;--btn-primary-bg:#007bff;--btn-primary-text:#f2f2f2;--btn-secondary-bg:#e2e6ea;--btn-secondary-text:#212529;--btn-tertiary-bg:transparent;--btn-tertiary-text:#212529;--btn-tertiary-border:#ced4da;--lines-color:#ced4da;--gradient-start:#007bff;--gradient-end:#17a2b8;--code-bg:#f1f3f5;--thememode-toggle-bg:#e2e6ea;--thememode-toggle-text:#212529;--thememode-toggle-border:#ced4da;--thememode-toggle-hover-bg:#f0f0f0;--thememode-toggle-hover-border:#007bff;--thememode-dropdown-bg:#f8f9fa;--thememode-dropdown-border:#ced4da;--thememode-dropdown-item-text:#5a6268;--thememode-dropdown-item-hover-bg:#f0f0f0;--thememode-dropdown-item-active-bg:#f0f0f0;--thememode-dropdown-item-active-text:#007bff;--font-size-headline:3.875rem;--font-size-sub-headline:2rem;--font-size-body:1.125rem;--font-size-labels:1rem;--font-size-code:.875rem;--font-family-main:Fira Code,monospace;--scrollbar-track:#f8f9fa;--scrollbar-thumb:#007bff;--scrollbar-thumb-hover:#ffc107;--scrollbar-border:#ced4da}:root{--accent-color:#fea55f}@font-face{font-family:Fira Code;font-style:normal;font-weight:300;src:url(../fonts/FiraCode/FiraCode-Light.eot);src:local("Fira Code Light"),local("FiraCode-Light"),url(../fonts/FiraCode/FiraCode-Light.woff2) format("woff2"),url(../fonts/FiraCode/FiraCode-Light.woff) format("woff"),url(../fonts/FiraCode/FiraCode-Light.ttf) format("truetype"),url(../fonts/FiraCode/FiraCode-Light.svg#FiraCode-Light) format("svg")}@font-face{font-family:Fira Code;font-style:normal;font-weight:100 900;src:url(../fonts/FiraCode/FiraCode-VariableFont_wght.ttf) format("truetype-variations")}.game-screen{background-color:#01080e80;box-shadow:inset .0625rem .3125rem .6875rem #02121b;display:grid;grid-template-columns:repeat(20,.75rem);grid-template-rows:repeat(34,.75rem);margin:1.875rem .3125rem 1.875rem 2.0625rem;position:relative;z-index:1}.game-screen .scores{bottom:-2.5rem;color:#fea55f;font-weight:700;position:absolute;text-align:center;text-transform:uppercase;width:100%}.game-screen .outcome-display{display:relative}.game-screen .outcome-display button{background-color:#fea55f;border:none;border-radius:.5rem;bottom:20%;box-shadow:0 .3125rem .3125rem .1875rem #00000052;color:#01080e;cursor:pointer;font-family:Fira Code,monospace;left:50%;padding:.9375rem;position:absolute;transform:translate(-50%);-webkit-user-select:none;-moz-user-select:none;user-select:none}.game-screen .outcome-display button:hover{opacity:.7}.game-screen .outcome-display button:focus-visible{opacity:.7}.game-screen .outcome-display button.hide{display:none}.game-screen .outcome-display .outcome{background-color:#0000007d;box-shadow:inset 0 .125rem .9375rem .5625rem #0000007d;color:#43d9ad;font-size:1.25rem;left:50%;padding:1.25rem;position:absolute;text-align:center;text-transform:uppercase;top:65%;transform:translate(-50%,-50%);width:100%}.game-screen .outcome-display .outcome:before{background:#01080e;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.game-screen .outcome-display .congrats{bottom:15%;color:#607b96;cursor:pointer;font-size:1rem;font-weight:700;left:50%;position:absolute;transform:translate(-50%)}html[lang=es] .outcome-display .congrats{font-size:.875rem;text-align:center;width:9.375rem}.snake.head{border-radius:.625rem}