body{font-family:Arial,sans-serif;margin:0;padding:0;background:#f4f4f4;background:url('images/wave.svg') center center;background-size:cover;}h1{margin:0 0 .6em 0;color:#333;}h1,h2,h3,h4{text-align:center}label{user-select:none}*{box-sizing:border-box;}.hidden{display:none}.selectable{user-select:none;cursor:pointer;}.selectable:hover{filter:invert(20%);}.center-aligner{width:100%;text-align:center}.red{border:1px solid red}.game-button-row{margin:1em 0;display:flex;gap:.5em;}.game-button{font-size:1em;padding:.7em 1.2em;cursor:pointer;border:none;border-radius:0.4em;font-weight:bold;user-select:none;margin:1em;}.grey-button{background:#cbcbcb;color:#333;box-shadow:0 .2em .6em rgba(0,0,0,0.1);}.grey-button:hover{background:#eaeaea;}.blue-button{background:#3498db;color:white;box-shadow:0 .2em .6em rgba(0,0,0,0.1);}.blue-button:hover{background:#5dade2;}.green-button{background:#27ae60;color:white;box-shadow:0 .2em .6em rgba(0,0,0,0.1);}.green-button:hover{background:#2ecc71;}.central-container{flex:1;display:flex;flex-direction:column;align-items:center;}.sidebar{width:100%;max-width:25em;background:white;margin:0 auto;border-radius:.5em;box-shadow:0 .2em .6em rgba(0,0,0,0.1);padding:.6em;height:fit-content}.leaderboard-place{padding:8px 12px}.leaderboard-name{padding:8px}.leaderboard-gametime{padding:8px;text-align:center;font-weight:bold}.leaderboard-score{padding:8px;text-align:right;color:#27ae60;font-weight:bold}.leaderboard-empty{padding:20px;text-align:center;color:#888}.leaderboard-mode-switch{display:flex;gap:15px;margin:10px 0;justify-content:center}.leaderboard-mode-switch label{display:flex;align-items:center;gap:6px;cursor:pointer;padding:6px 12px;border-radius:20px;transition:all 0.2s;background:#DDD}.leaderboard-mode-switch input[type="radio"]{display:none;}.leaderboard-mode-switch input[type="radio"]:checked + span{color:#0a84ff;font-weight:bold;}.score-container{display:flex;gap:.6em;margin-bottom:.6em;}.score-box{background:#222;border:.1em solid #333;border-radius:.3em;padding:.2em .2em;text-align:center;min-width:5em;}.score-box small{display:block;font-size:1.2em;color:#888;}.score-box .value{font-size:1.6em;font-weight:bold;color:white;}.game_time{margin:.1em 0;font-size:1.4em;color:#888;box-shadow:0 .2em .6em rgba(0,0,0,0.1);}.game-canvas{cursor:pointer;width:540px;height:540px;user-select:none;touch-action:none;box-shadow:.2em .4em .8em rgba(0,0,0,0.5);border:2px solid black}.sponsor{text-align:center;margin:0.5em}.sponsor a{font-weight:bold;color:#131}.special{text-align:center;margin:0.5em}.menu{display:none;background:#222;padding:1em;text-align:center;gap:1em;flex-wrap:wrap;justify-content:center;}.menu button{background:#777;color:white;border:none;padding:.5em 1em;cursor:pointer;border-radius:.2em;}.menu button.active{background:#0a84ff;}.columns{display:flex;gap:.1em;max-width:110em;margin:.3em auto;padding:0 .3em;}.column{flex:1;background:EEE;padding:.2em;border-radius:.5em;min-height:80vh;}.lang-selector{position:fixed;left:1em;bottom:1em;padding:8px;font-size:16px;border-radius:6px;background:#222;color:#ddd;border:1px solid #555;}@media (max-width:74em){.columns{flex-direction:column;}.menu{display:flex;}.column{display:none;}.column.active{display:block;}.game-canvas{cursor:auto;width:100vw;height:100vw;max-width:540px;max-height:540px}.lang-selector{position:static;left:0}}