:root{--color-bg: #222;--color-text: #a3a3a3;--color-white: #fff;--color-black-alpha: rgba(0, 0, 0, .7);--color-black-alpha-dark: rgba(0, 0, 0, .9);--color-round: #000;--color-win: #4caf50;--color-lose: #f44336;--color-recurse-green: #23a050;--game-width: 800px;--game-height: 600px;--font-family: "Courier New", Courier, monospace;--font-size-small: 14px;--font-size-medium: 24px;--font-size-large: 32px;--z-overlay: 1000;--bounce-curve: cubic-bezier(.68, -.55, .265, 1.55)}body{font:var(--font-family);margin:0;display:flex;justify-content:center;align-items:center;min-height:100vh}p,a{font-family:var(--font-family)}a{color:var(--color-recurse-green)}a:hover{cursor:pointer}.text-center{text-align:center}.page-container{max-width:max-content;padding-top:3rem;padding-bottom:4rem}#game-container-wrapper{transform:scale(.8);position:relative;background-image:url("data:image/svg+xml,%3c!--%20When%20you%20edit%20this%20file,%20make%20sure%20to%20bump%20the%20version%20in%20assets.es6.erb%20--%3e%3csvg%20class='rc-logo'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2012%2015'%3e%3crect%20class='rc-logo__primary'%20x='0'%20y='0'%20width='12'%20height='1'%20fill='%232a2d2d'%3e%3c/rect%3e%3crect%20class='rc-logo__primary'%20x='0'%20y='0'%20width='1'%20height='10'%20fill='%232a2d2d'%3e%3c/rect%3e%3crect%20class='rc-logo__primary'%20x='11'%20y='0'%20width='1'%20height='10'%20fill='%232a2d2d'%3e%3c/rect%3e%3crect%20class='rc-logo__primary'%20x='0'%20y='9'%20width='12'%20height='1'%20fill='%232a2d2d'%3e%3c/rect%3e%3crect%20class='rc-logo__primary'%20x='4'%20y='9'%20width='4'%20height='3'%20fill='%232a2d2d'%3e%3c/rect%3e%3crect%20class='rc-logo__primary'%20x='1'%20y='11'%20width='10'%20height='1'%20fill='%232a2d2d'%3e%3c/rect%3e%3crect%20class='rc-logo__primary'%20x='1'%20y='11'%20width='1'%20height='4'%20fill='%232a2d2d'%3e%3c/rect%3e%3crect%20class='rc-logo__primary'%20x='10'%20y='11'%20width='1'%20height='4'%20fill='%232a2d2d'%3e%3c/rect%3e%3crect%20class='rc-logo__primary'%20x='1'%20y='14'%20width='10'%20height='1'%20fill='%232a2d2d'%3e%3c/rect%3e%3crect%20class='rc-logo__primary'%20x='0'%20y='12'%20width='2'%20height='3'%20fill='%232a2d2d'%3e%3c/rect%3e%3crect%20class='rc-logo__primary'%20x='10'%20y='12'%20width='2'%20height='3'%20fill='%232a2d2d'%3e%3c/rect%3e%3crect%20class='rc-logo__primary'%20x='10'%20y='12'%20width='2'%20height='3'%20fill='%232a2d2d'%3e%3c/rect%3e%3crect%20class='rc-logo__primary'%20x='1'%20y='11'%20width='2'%20height='2'%20fill='%232a2d2d'%3e%3c/rect%3e%3crect%20class='rc-logo__primary'%20x='4'%20y='11'%20width='1'%20height='2'%20fill='%232a2d2d'%3e%3c/rect%3e%3crect%20class='rc-logo__primary'%20x='6'%20y='11'%20width='1'%20height='2'%20fill='%232a2d2d'%3e%3c/rect%3e%3crect%20class='rc-logo__primary'%20x='8'%20y='11'%20width='1'%20height='2'%20fill='%232a2d2d'%3e%3c/rect%3e%3crect%20class='rc-logo__primary'%20x='9'%20y='13'%20width='2'%20height='2'%20fill='%232a2d2d'%3e%3c/rect%3e%3crect%20class='rc-logo__primary'%20x='7'%20y='13'%20width='1'%20height='2'%20fill='%232a2d2d'%3e%3c/rect%3e%3crect%20class='rc-logo__primary'%20x='5'%20y='13'%20width='1'%20height='2'%20fill='%232a2d2d'%3e%3c/rect%3e%3crect%20class='rc-logo__primary'%20x='3'%20y='13'%20width='1'%20height='2'%20fill='%232a2d2d'%3e%3c/rect%3e%3crect%20class='rc-logo__secondary'%20x='1'%20y='1'%20width='10'%20height='8'%20fill='%23fff'%3e%3c/rect%3e%3crect%20class='rc-logo__secondary'%20x='2'%20y='13'%20width='1'%20height='1'%20fill='%23fff'%3e%3c/rect%3e%3crect%20class='rc-logo__secondary'%20x='3'%20y='12'%20width='1'%20height='1'%20fill='%23fff'%3e%3c/rect%3e%3crect%20class='rc-logo__secondary'%20x='4'%20y='13'%20width='1'%20height='1'%20fill='%23fff'%3e%3c/rect%3e%3crect%20class='rc-logo__secondary'%20x='5'%20y='12'%20width='1'%20height='1'%20fill='%23fff'%3e%3c/rect%3e%3crect%20class='rc-logo__secondary'%20x='6'%20y='13'%20width='1'%20height='1'%20fill='%23fff'%3e%3c/rect%3e%3crect%20class='rc-logo__secondary'%20x='7'%20y='12'%20width='1'%20height='1'%20fill='%23fff'%3e%3c/rect%3e%3crect%20class='rc-logo__secondary'%20x='8'%20y='13'%20width='1'%20height='1'%20fill='%23fff'%3e%3c/rect%3e%3crect%20class='rc-logo__secondary'%20x='9'%20y='12'%20width='1'%20height='1'%20fill='%23fff'%3e%3c/rect%3e%3crect%20class='rc-logo__primary'%20x='2'%20y='2'%20width='8'%20height='6'%20fill='%232a2d2d'%3e%3c/rect%3e%3crect%20class='rc-logo__accent%20rc-logo__pixel1'%20x='2'%20y='3'%20width='1'%20height='1'%20fill='%233dc06c'%3e%3c/rect%3e%3crect%20class='rc-logo__accent%20rc-logo__pixel2'%20x='4'%20y='3'%20width='1'%20height='1'%20fill='%233dc06c'%3e%3c/rect%3e%3crect%20class='rc-logo__accent%20rc-logo__pixel3'%20x='6'%20y='3'%20width='1'%20height='1'%20fill='%233dc06c'%3e%3c/rect%3e%3crect%20class='rc-logo__accent%20rc-logo__pixel4'%20x='3'%20y='5'%20width='2'%20height='1'%20fill='%233dc06c'%3e%3c/rect%3e%3crect%20class='rc-logo__accent%20rc-logo__pixel5'%20x='6'%20y='5'%20width='2'%20height='1'%20fill='%233dc06c'%3e%3c/rect%3e%3c/svg%3e");background-position:center;background-repeat:no-repeat;background-size:961px;width:900px;height:1200px}#game-container{position:relative;top:79px;left:50px;background-color:transparent;width:var(--game-width);height:calc(var(--game-height) + 50px)}canvas{position:relative;background:var(--color-white);width:var(--game-width);height:var(--game-height)}.start-splash-overlay,.error-splash-overlay{font-family:var(--font-family);position:absolute;top:0;left:0;width:100%;height:100%;color:var(--color-black-alpha);background:#fff;display:flex;justify-content:center;align-items:center;z-index:9999}.error-splash-overlay{background:#ff7f7f;color:#fff}.splash-content,.error-splash-content{text-align:center}.splash-content h1{font-size:2.5em;margin-bottom:1em}.start-button{padding:1em 2em;font-size:1.2em;background:#4caf50;color:var(--color-white);border:none;border-radius:5px;cursor:pointer;transition:background .3s;animation:pulsate .75s infinite}.start-button:hover{background:#45a049;animation:none}.instruction-overlay{font-family:var(--font-family);position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:var(--color-black-alpha);color:var(--color-white);font-size:var(--font-size-large);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:var(--z-overlay)}.instruction-overlay.visible{opacity:1;animation:bounceIn .4s var(--bounce-curve) forwards,fadeOut .3s ease forwards .7s}.timer-overlay{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:80%;height:10px;background:var(--color-black-alpha);border-radius:5px;overflow:hidden;z-index:var(--z-overlay);border:1px solid var(--color-bg)}.timer-progress{width:100%;height:100%;background:var(--color-white);transition:width linear}.score-overlay{display:flex;gap:20px;font-family:var(--font-family);font-size:var(--font-size-medium);font-weight:700;color:var(--color-white);z-index:var(--z-overlay);padding:6px;border-bottom:1px solid var(--color-text)}.score-overlay .round{color:var(--color-round)}.score-overlay .wins{color:var(--color-win)}.score-overlay .losses{color:var(--color-lose)}.author-overlay{position:absolute;bottom:-30px;right:0;font-family:var(--font-family);font-size:1.1rem;color:var(--color-text);padding:5px;text-align:right}.directory-button{font-family:var(--font-family);font-size:large;position:fixed;top:16px;right:16px;z-index:1000;padding:8px 16px;background:#ffffffe6;border:1px solid #ccc;border-radius:4px;cursor:pointer}.directory-overlay{font-family:var(--font-family);font-size:large;position:fixed;color:var(--color-text);top:34%;left:50%;transform:translate(-50%,-50%);width:80%;max-width:600px;max-height:550px;background:var(--color-black-alpha-dark);border-radius:8px;box-shadow:0 2px 10px #0000001a;z-index:1001;overflow-y:scroll;touch-action:pan-y}.directory-overlay a{text-decoration:none}.directory-header{color:var(--color-white);display:flex;justify-content:space-between;align-items:center;padding:16px}.directory-header h2{margin:0;font-size:1.2em}.directory-close-button{background:none;border:none;font-size:24px;color:var(--color-white);cursor:pointer;padding:0 8px}.directory-games-list{list-style:none;padding:0;margin:0}.directory-game-entry{padding:12px 16px;border-bottom:1px solid #eee}.directory-game-name{font-weight:700;margin-right:8px}.directory-game-author{color:var(--color-text)}.directory-back-entry,.directory-back-entry a{color:var(--color-white)}@keyframes pulsate{0%{box-shadow:0 0 #4caf50b3}70%{box-shadow:0 0 0 10px #4caf5000}to{box-shadow:0 0 #4caf5000}}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.2);opacity:.8}70%{transform:scale(.9);opacity:.9}to{transform:scale(1);opacity:1}}@keyframes fadeOut{0%{transform:scale(1);opacity:1}to{transform:scale(1.1);opacity:0}}