@font-face{font-family:CustomNotoEmoji;src:url(../SubsetEmoji.woff2) format("woff2");font-display:block}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:var(--text-primary);background-color:var(--bg-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-color: #fff9e6;--text-primary: #5d4037;--text-secondary: #8d6e63;--card-bg: #ffffff;--card-border: #dddddd;--card-shadow: #bbbbbb;--overlay-bg: rgba(255, 249, 230, .95);--pill-bg: #fff3d6;--pill-border: #8d6e63;--mode-active-bg: #fff3d6;--mode-active-border: #ffd700;--mode-active-shadow: #e6be00;--mode-locked-bg: #e0e0e0;--mode-locked-border: #bbbbbb;--mode-locked-shadow: #999999;--slot-bg: rgba(0, 0, 0, .15);--slot-text: #888;--title-color: #333}html,body{background-color:var(--bg-color);color:var(--text-primary)}html.preload,html.preload body{transition:none!important}.dark-mode{color-scheme:dark;--bg-color: #263238;--text-primary: #eceff1;--text-secondary: #b0bec5;--card-bg: #37474f;--card-border: #546e7a;--card-shadow: #102027;--overlay-bg: rgba(38, 50, 56, .95);--pill-bg: #455a64;--pill-border: #90a4ae;--mode-active-bg: #546e7a;--mode-active-border: #ffd700;--mode-active-shadow: #f57f17;--mode-locked-bg: #263238;--mode-locked-border: #37474f;--mode-locked-shadow: #102027;--slot-bg: rgba(255, 255, 255, .1);--slot-text: #90a4ae;--title-color: #eceff1}body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:var(--bg-color);color:var(--text-primary);touch-action:none;position:fixed;overscroll-behavior:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;transition:background-color .3s,color .3s}canvas{display:block;position:absolute;top:0;left:0;touch-action:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#242424;overflow:hidden}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vanilla:hover{filter:drop-shadow(0 0 2em #3178c6aa)}.card{padding:2em}.read-the-docs{color:#888}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){a:hover{color:#747bff}button{background-color:#f9f9f9}}#mode-menu{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--overlay-bg);z-index:500;display:none;flex-direction:column;align-items:center;overflow:hidden;font-family:"Baloo 2",CustomBaloo2,Comic Neue,Fredoka,Arial,sans-serif}#mode-menu.visible{display:flex}.menu-header{position:absolute;top:60px;left:50%;transform:translate(-50%);z-index:100;display:flex;flex-direction:column;align-items:center;pointer-events:none}.score-pill{background-color:var(--pill-bg);border:3px solid var(--pill-border);border-radius:45px;padding:10px 40px;text-align:center;min-width:160px;box-shadow:0 4px 6px #0000001a}.score-label{color:var(--text-secondary);font-size:16px;font-weight:700;margin-bottom:0;line-height:1}.score-value{color:var(--text-primary);font-size:42px;font-weight:900;line-height:1}.earned-score{position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:10px;color:#4caf50;font-size:24px;font-weight:700;white-space:nowrap;opacity:0;transition:opacity .3s}.earned-score.visible{opacity:1}.mode-list{width:100%;height:100%;overflow-y:auto;padding-top:160px;padding-bottom:40px;display:flex;flex-direction:column;align-items:center;gap:15px;-webkit-overflow-scrolling:touch}.mode-row{position:relative;width:340px;height:105px;flex-shrink:0;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}.mode-card{position:relative;width:100%;height:100%;border-radius:20px;background-color:var(--card-bg);border:2px solid var(--card-border);box-sizing:border-box;overflow:hidden;box-shadow:0 6px 0 var(--card-shadow);transition:transform .1s,box-shadow .1s,background-color .2s,border-color .2s}.mode-row:not(.locked):active .mode-card{transform:translateY(4px);box-shadow:0 2px 0 var(--card-shadow);transition:none}.mode-row.active .mode-card{background-color:var(--mode-active-bg);border-color:var(--mode-active-border);border-width:4px;box-shadow:0 6px 0 var(--mode-active-shadow)}.mode-row.active:not(.locked):active .mode-card{box-shadow:0 2px 0 var(--mode-active-shadow)}.mode-row.locked .mode-card{background-color:var(--mode-locked-bg);border-color:var(--mode-locked-border);box-shadow:0 6px 0 var(--mode-locked-shadow);cursor:default}.mode-row.special-mode .mode-card{background:linear-gradient(135deg,var(--card-bg) 0%,#fff8e1 100%);border-color:gold;box-shadow:0 6px #ffb300}body.dark-mode .mode-row.special-mode .mode-card{background:linear-gradient(135deg,var(--card-bg) 0%,#455a64 100%);border-color:gold;box-shadow:0 6px #ff6f00}.mode-row.special-mode .mode-title{background:linear-gradient(90deg,#ff8f00,#ff6f00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:900}body.dark-mode .mode-row.special-mode .mode-title{background:linear-gradient(90deg,#ffd54f,#ffca28);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mode-content{padding:10px 20px;height:100%;box-sizing:border-box;display:flex;flex-direction:column}.mode-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.header-left{display:flex;flex-direction:column;align-items:flex-start}.mode-title{font-size:24px;font-weight:700;color:var(--title-color);line-height:1.1}.mode-highscore{font-size:14px;color:var(--text-secondary);font-weight:600;margin-top:2px}.play-button{background-color:#4caf50;color:#fff;padding:6px 16px;border-radius:20px;font-weight:800;font-size:14px;box-shadow:0 3px #2e7d32;transform:translateY(0);transition:transform .1s,box-shadow .1s;display:flex;align-items:center;gap:6px}.btn-icon{font-size:10px;line-height:1}.mode-row:active .play-button{transform:translateY(3px);box-shadow:0 0 #2e7d32}.mode-row.locked .play-button{display:none}.discovery-row{display:flex;gap:5px;align-items:center}.emoji-slot{width:22px;height:22px;border-radius:50%;background-color:var(--slot-bg);display:flex;justify-content:center;align-items:center;font-size:14px;color:var(--slot-text);font-weight:900}.emoji-slot.seen{background-color:transparent;font-size:20px;color:#fff;font-family:CustomNotoEmoji,"Noto Color Emoji","Apple Color Emoji","Segoe UI Emoji",sans-serif;font-weight:400}.lock-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000004d;border-radius:18px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;z-index:10}.lock-icon{font-size:32px;margin-bottom:5px;text-shadow:0 2px 4px rgba(0,0,0,.2);font-family:CustomNotoEmoji,"Noto Color Emoji","Apple Color Emoji","Segoe UI Emoji",sans-serif}.lock-text{font-size:20px;font-weight:900;color:#000;-webkit-text-stroke:4px #fff;paint-order:stroke fill}.fill-meter{position:absolute;top:0;left:0;height:100%;background-color:#4caf5033;pointer-events:none;transition:width .3s}#pause-menu{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:600;display:none;justify-content:center;align-items:center;opacity:0;transition:opacity .2s}#pause-menu.visible{display:flex;opacity:1}.pause-content{display:flex;flex-direction:column;gap:20px;align-items:center}.pause-btn{position:relative;width:180px;height:50px;border-radius:12px;border:none;padding:0;cursor:pointer;font-family:"Baloo 2",CustomBaloo2,Comic Neue,Fredoka,Arial,sans-serif;font-weight:700;color:#fff;font-size:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px;transition:transform .1s,box-shadow .1s;-webkit-tap-highlight-color:transparent;outline:none}.pause-btn:active{transform:translateY(4px);box-shadow:0 0!important;transition:none}.resume-btn{background-color:#8d6e63;box-shadow:0 4px #5d4037;border:2px solid #5d4037}.resume-btn:active{box-shadow:0 0 #5d4037!important}.abandon-btn{background-color:#c44;box-shadow:0 4px #822;border:2px solid #882222;font-size:18px}.abandon-btn:active{box-shadow:0 0 #822!important}.music-btn{background-color:#666;box-shadow:0 4px #444;border:2px solid #444444;justify-content:space-between;padding:0 20px}.music-btn:active{box-shadow:0 0 #444!important}.toggle-switch{width:50px;height:30px;border-radius:15px;background-color:#87ceeb;position:relative;transition:background-color .2s}.toggle-switch.active{background-color:#483d8b}.toggle-knob{width:24px;height:24px;background-color:#fff;border-radius:50%;position:absolute;top:3px;left:3px;transition:transform .2s;box-shadow:0 1px 3px #0003}.toggle-switch.active .toggle-knob{transform:translate(20px)}.theme-btn{background-color:#666;box-shadow:0 4px #444;border:2px solid #444444;justify-content:center;gap:15px;padding:0 20px}.theme-btn:active{box-shadow:0 0 #444!important}