*{margin:0;padding:0;box-sizing:border-box}body{font-family:Slack-Lato,Lato,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#1d1c1d;color:#d1d2d3;overflow:hidden;height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#game-container{position:relative;width:100vw;height:100vh;display:flex}#game-canvas{position:absolute;top:0;left:0;z-index:0}#ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;display:flex;pointer-events:none}#ui-overlay>*{pointer-events:auto}#sidebar{width:220px;background-color:#350d36;border-right:1px solid #4a154b;display:flex;flex-direction:column;overflow:hidden;position:relative}.snowflakes{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:0}.snowflake{position:absolute;top:-20px;color:#fff6;font-size:1em;animation:snowfall linear infinite;text-shadow:0 0 3px rgba(255,255,255,.3)}.snowflake:nth-child(1){left:5%;animation-duration:8s;animation-delay:0s;font-size:.8em;opacity:.6}.snowflake:nth-child(2){left:15%;animation-duration:12s;animation-delay:1s;font-size:1.2em;opacity:.4}.snowflake:nth-child(3){left:30%;animation-duration:10s;animation-delay:2s;font-size:.9em;opacity:.5}.snowflake:nth-child(4){left:45%;animation-duration:14s;animation-delay:.5s;font-size:1.1em;opacity:.3}.snowflake:nth-child(5){left:55%;animation-duration:9s;animation-delay:3s;font-size:.7em;opacity:.7}.snowflake:nth-child(6){left:65%;animation-duration:11s;animation-delay:1.5s;font-size:1em;opacity:.4}.snowflake:nth-child(7){left:75%;animation-duration:13s;animation-delay:4s;font-size:.85em;opacity:.5}.snowflake:nth-child(8){left:85%;animation-duration:7s;animation-delay:2.5s;font-size:1.3em;opacity:.35}.snowflake:nth-child(9){left:25%;animation-duration:15s;animation-delay:5s;font-size:.75em;opacity:.6}.snowflake:nth-child(10){left:92%;animation-duration:10s;animation-delay:3.5s;font-size:.95em;opacity:.45}.snowflake:nth-child(11){left:38%;animation-duration:11s;animation-delay:6s;font-size:1.15em;opacity:.35}.snowflake:nth-child(12){left:70%;animation-duration:9s;animation-delay:4.5s;font-size:.8em;opacity:.55}@keyframes snowfall{0%{transform:translateY(-20px) rotate(0)}to{transform:translateY(100vh) rotate(360deg)}}.snowflakes-large .snowflake{font-size:1.5em;color:#ffffff80}.snowflakes-large .snowflake:nth-child(1){left:3%;animation-duration:10s;animation-delay:0s;font-size:1.2em;opacity:.6}.snowflakes-large .snowflake:nth-child(2){left:10%;animation-duration:14s;animation-delay:1s;font-size:1.8em;opacity:.4}.snowflakes-large .snowflake:nth-child(3){left:18%;animation-duration:12s;animation-delay:2s;font-size:1.4em;opacity:.5}.snowflakes-large .snowflake:nth-child(4){left:26%;animation-duration:16s;animation-delay:.5s;font-size:1.6em;opacity:.3}.snowflakes-large .snowflake:nth-child(5){left:34%;animation-duration:11s;animation-delay:3s;font-size:1em;opacity:.7}.snowflakes-large .snowflake:nth-child(6){left:42%;animation-duration:13s;animation-delay:1.5s;font-size:1.5em;opacity:.4}.snowflakes-large .snowflake:nth-child(7){left:50%;animation-duration:15s;animation-delay:4s;font-size:1.3em;opacity:.5}.snowflakes-large .snowflake:nth-child(8){left:58%;animation-duration:9s;animation-delay:2.5s;font-size:2em;opacity:.35}.snowflakes-large .snowflake:nth-child(9){left:66%;animation-duration:17s;animation-delay:5s;font-size:1.1em;opacity:.6}.snowflakes-large .snowflake:nth-child(10){left:74%;animation-duration:12s;animation-delay:3.5s;font-size:1.4em;opacity:.45}.snowflakes-large .snowflake:nth-child(11){left:82%;animation-duration:14s;animation-delay:6s;font-size:1.7em;opacity:.35}.snowflakes-large .snowflake:nth-child(12){left:90%;animation-duration:10s;animation-delay:4.5s;font-size:1.2em;opacity:.55}.snowflakes-large .snowflake:nth-child(13){left:7%;animation-duration:13s;animation-delay:7s;font-size:1.6em;opacity:.4}.snowflakes-large .snowflake:nth-child(14){left:22%;animation-duration:11s;animation-delay:.8s;font-size:1.3em;opacity:.5}.snowflakes-large .snowflake:nth-child(15){left:38%;animation-duration:15s;animation-delay:2.2s;font-size:1.9em;opacity:.35}.snowflakes-large .snowflake:nth-child(16){left:54%;animation-duration:12s;animation-delay:5.5s;font-size:1.1em;opacity:.6}.snowflakes-large .snowflake:nth-child(17){left:70%;animation-duration:16s;animation-delay:3.2s;font-size:1.5em;opacity:.4}.snowflakes-large .snowflake:nth-child(18){left:86%;animation-duration:11s;animation-delay:6.5s;font-size:1.4em;opacity:.5}.ufos{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:0}.ufo{position:absolute;font-size:1.2em;opacity:.7;filter:drop-shadow(0 0 8px rgba(0,255,100,.5))}.ufo:nth-child(1){animation:ufo-path-1 8s ease-in-out infinite;animation-delay:0s}.ufo:nth-child(2){animation:ufo-path-2 12s ease-in-out infinite;animation-delay:4s;font-size:.9em;opacity:.5}@keyframes ufo-path-1{0%{top:10%;left:-20%;transform:rotate(0)}15%{top:30%;left:80%;transform:rotate(15deg)}30%{top:50%;left:20%;transform:rotate(-10deg)}45%{top:70%;left:90%;transform:rotate(20deg)}60%{top:85%;left:10%;transform:rotate(-15deg)}75%{top:40%;left:70%;transform:rotate(10deg)}90%{top:20%;left:30%;transform:rotate(-5deg)}to{top:10%;left:-20%;transform:rotate(0)}}@keyframes ufo-path-2{0%{top:90%;left:110%;transform:rotate(0) scaleX(-1)}20%{top:60%;left:10%;transform:rotate(-20deg) scaleX(-1)}40%{top:25%;left:80%;transform:rotate(15deg) scaleX(-1)}60%{top:45%;left:5%;transform:rotate(-10deg) scaleX(-1)}80%{top:75%;left:60%;transform:rotate(25deg) scaleX(-1)}to{top:90%;left:110%;transform:rotate(0) scaleX(-1)}}.ufos-large .ufo{font-size:2em;opacity:.6;filter:drop-shadow(0 0 12px rgba(0,255,100,.6))}.ufos-large .ufo:nth-child(1){animation:ufo-splash-1 15s ease-in-out infinite;animation-delay:0s}.ufos-large .ufo:nth-child(2){animation:ufo-splash-2 20s ease-in-out infinite;animation-delay:5s;font-size:1.5em;opacity:.5}.ufos-large .ufo:nth-child(3){animation:ufo-splash-3 12s ease-in-out infinite;animation-delay:8s;font-size:2.5em;opacity:.4}@keyframes ufo-splash-1{0%{top:5%;left:-10%;transform:rotate(0)}10%{top:15%;left:30%;transform:rotate(10deg)}25%{top:40%;left:70%;transform:rotate(-15deg)}40%{top:60%;left:20%;transform:rotate(20deg)}55%{top:80%;left:85%;transform:rotate(-10deg)}70%{top:50%;left:50%;transform:rotate(15deg)}85%{top:25%;left:90%;transform:rotate(-5deg)}to{top:5%;left:-10%;transform:rotate(0)}}@keyframes ufo-splash-2{0%{top:95%;left:110%;transform:rotate(0) scaleX(-1)}15%{top:70%;left:60%;transform:rotate(-25deg) scaleX(-1)}30%{top:30%;left:10%;transform:rotate(15deg) scaleX(-1)}45%{top:50%;left:80%;transform:rotate(-10deg) scaleX(-1)}60%{top:20%;left:40%;transform:rotate(30deg) scaleX(-1)}75%{top:65%;left:5%;transform:rotate(-20deg) scaleX(-1)}90%{top:85%;left:75%;transform:rotate(10deg) scaleX(-1)}to{top:95%;left:110%;transform:rotate(0) scaleX(-1)}}@keyframes ufo-splash-3{0%{top:50%;left:-15%;transform:rotate(5deg)}20%{top:10%;left:50%;transform:rotate(-20deg)}40%{top:70%;left:95%;transform:rotate(25deg)}60%{top:35%;left:30%;transform:rotate(-15deg)}80%{top:85%;left:60%;transform:rotate(10deg)}to{top:50%;left:-15%;transform:rotate(5deg)}}#workspace-header{padding:12px 16px;background-color:transparent;border-bottom:1px solid rgba(255,255,255,.1);min-height:52px;display:flex;align-items:center;position:relative;z-index:1}#workspace-name{font-size:15px;font-weight:900;color:#fff;line-height:1.46668;letter-spacing:-.2px;cursor:default;-webkit-user-select:none;user-select:none}#channels-header{padding:13px 16px 12px;font-weight:700;font-size:13px;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.1);line-height:1.38462;position:relative;z-index:1}#channels-list{flex:1;overflow-y:auto;overflow-x:hidden;padding:4px 0;position:relative;z-index:1}.channel-item{padding:1px 16px;cursor:pointer;color:#ffffffb3;font-size:15px;font-weight:400;line-height:28px;transition:background-color .1s ease,color .1s ease;display:flex;align-items:center;-webkit-user-select:none;user-select:none;position:relative;min-height:28px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-item:hover{background-color:#3f0e40;color:#fffffff2}.channel-item.active{background-color:#1164a3;color:#fff;font-weight:500}.channel-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:#fff}.channel-item:focus{outline:none;background-color:#3f0e40}.channel-item:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:-2px}.channel-item.bold-target{font-weight:700;color:#fff;animation:pulse 1s ease-in-out infinite;background-color:#3f0e40}.channel-item.bold-target:hover{background-color:#4a154b}.channel-item.bold-target.active{background-color:#0d4c7c}.channel-item.bold-target.active:before{background-color:#fff;animation:pulse-bar 1s ease-in-out infinite}.channel-item.success{animation:success-flash .3s ease}.channel-item.error{animation:error-shake .3s ease}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.02)}}@keyframes pulse-bar{0%,to{opacity:1}50%{opacity:.6}}@keyframes success-flash{0%{background-color:#1264a3}50%{background-color:#2eb886}to{background-color:#1264a3}}@keyframes error-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}#main-content{flex:1;display:flex;flex-direction:column;background-color:#fff;color:#1d1c1d}#header-bar{height:60px;min-height:60px;background-color:#fff;border-bottom:1px solid #e8e8e8;display:flex;align-items:center;justify-content:space-between;padding:0 20px;box-shadow:0 1px #0000000d}#current-channel-name{font-size:18px;font-weight:900;color:#1d1c1d;line-height:1.33334;letter-spacing:-.2px}#game-stats{display:flex;align-items:center;gap:12px}#score-display{font-size:13px;font-weight:500;color:#616061;padding:6px 12px;background-color:#f8f9fa;border-radius:4px;border:1px solid #e8e8e8;transition:all .15s ease}#score-display:hover{background-color:#f1f2f1;border-color:#d1d2d3}#score-display.score-update{animation:score-pop .3s ease}#timer-display{font-size:13px;font-weight:600;color:#1d1c1d;padding:6px 12px;background-color:#f8f9fa;border-radius:4px;border:1px solid #e8e8e8;font-variant-numeric:tabular-nums;min-width:70px;text-align:center}#timer-display.warning{color:#e01e5a;background-color:#fef0f4;border-color:#e01e5a}#timer-display.critical{color:#fff;background-color:#e01e5a;border-color:#e01e5a;animation:timer-pulse .5s ease infinite}.end-game-btn{font-size:12px;font-weight:500;color:#616061;padding:6px 12px;background-color:transparent;border:1px solid #e8e8e8;border-radius:4px;cursor:pointer;transition:all .15s ease}.end-game-btn:hover{background-color:#f8f9fa;border-color:#d1d2d3;color:#1d1c1d}.end-game-btn:active{background-color:#e8e8e8}.end-game-btn.hidden{display:none}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes score-pop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}#content-area{flex:1;padding:20px;display:flex;flex-direction:column;background-color:#f8f9fa;position:relative;overflow-y:auto}#game-status{font-size:15px;color:#616061;text-align:center;line-height:1.46668;font-weight:400}#game-status.waiting{color:#1264a3;font-weight:500}#game-status.success{color:#2eb886;font-weight:500;animation:fade-in .3s ease}#game-status.error{color:#e01e5a;font-weight:500;animation:fade-in .3s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}#channels-list::-webkit-scrollbar{width:8px}#channels-list::-webkit-scrollbar-track{background:transparent}#channels-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:4px;border:2px solid transparent;background-clip:padding-box}#channels-list::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3);background-clip:padding-box}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal.hidden{display:none}.modal-content{background-color:#fff;padding:40px;border-radius:8px;text-align:center;box-shadow:0 8px 32px #0000001f,0 2px 6px #00000014;min-width:300px;max-width:500px}.modal-content h2{color:#1d1c1d;margin-bottom:12px;font-size:22px;font-weight:700;line-height:1.36364;letter-spacing:-.2px}.modal-content p{color:#616061;margin-bottom:24px;font-size:15px;line-height:1.46668;font-weight:400}#restart-button{background-color:#1264a3;color:#fff;border:none;padding:9px 16px;font-size:15px;font-weight:500;border-radius:4px;cursor:pointer;transition:background-color .15s ease,box-shadow .15s ease;box-shadow:0 1px #0000000d;line-height:1.46668}.game-over-buttons{display:flex;flex-direction:column;gap:12px;align-items:center;margin:20px 0}.game-over-btn{font-size:15px;font-weight:700;padding:12px 24px;border:none;border-radius:8px;cursor:pointer;transition:all .15s ease;min-width:200px}.game-over-btn.primary{background-color:#007a5a;color:#fff}.game-over-btn.primary:hover{background-color:#148567;transform:translateY(-1px)}.game-over-btn.secondary{background-color:#4a154b;color:#fff}.game-over-btn.secondary:hover{background-color:#611f69;transform:translateY(-1px)}.game-over-btn.tertiary{background-color:transparent;color:#616061;border:1px solid #e8e8e8}.game-over-btn.tertiary:hover{background-color:#f8f9fa;color:#1d1c1d}.game-over-content{max-width:520px;max-height:85vh;overflow-y:auto}.channel-stats-section,.favorite-minigames-section{margin:20px 0;text-align:left;background:#f8f9fa;border-radius:8px;padding:16px;border:1px solid #e8e8e8}.favorite-minigames-section h3{color:#1d1c1d;font-size:14px;font-weight:700;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.favorite-minigames-list{display:flex;flex-direction:column;gap:8px}.favorite-minigame-item{display:grid;grid-template-columns:24px 1fr auto auto;align-items:center;gap:8px;padding:8px 12px;background:#ffffff;border-radius:6px;border:1px solid #e8e8e8;font-size:13px}.favorite-minigame-rank{width:20px;height:20px;background:#4a154b;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.favorite-minigame-name{color:#1d1c1d;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.favorite-minigame-accuracy{display:flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-weight:600;font-size:12px}.favorite-minigame-accuracy.fast{background:#d4edda;color:#155724}.favorite-minigame-accuracy.medium{background:#fef3cd;color:#856404}.favorite-minigame-accuracy.slow{background:#f8d7da;color:#721c24}.favorite-minigame-detail{color:#616061;font-size:11px;white-space:nowrap}.channel-stats-section h3{color:#1d1c1d;font-size:14px;font-weight:700;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.channel-stats-list{display:flex;flex-direction:column;gap:8px}.channel-stat-item{display:grid;grid-template-columns:24px 1fr auto auto;align-items:center;gap:8px;padding:8px 12px;background:#ffffff;border-radius:6px;border:1px solid #e8e8e8;font-size:13px}.channel-stat-rank{width:20px;height:20px;background:#4a154b;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.channel-stat-name{color:#1d1c1d;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-stat-time{display:flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-weight:600;font-size:12px}.channel-stat-time.slow{background:#fef3cd;color:#856404}.channel-stat-time.medium{background:#d4edda;color:#155724}.channel-stat-time.fast{background:#cce5ff;color:#004085}.channel-stat-time.missed{background:#f8d7da;color:#721c24}.stat-icon{font-size:12px}.channel-stat-detail{color:#616061;font-size:11px;white-space:nowrap}.tips-section{margin:20px 0;text-align:left;background:linear-gradient(135deg,#e8f4fd 0%,#f0e6f6 100%);border-radius:8px;padding:16px;border:1px solid #d4e5f7}.tips-section h3{color:#1d1c1d;font-size:14px;font-weight:700;margin-bottom:12px}.tips-list{margin:0;padding:0 0 0 20px;color:#1d1c1d;font-size:13px;line-height:1.5}.tips-list li{margin-bottom:8px}.tips-list li:last-child{margin-bottom:0}.tips-list strong{color:#4a154b}.debug-terminal{position:fixed;bottom:0;left:0;right:0;height:400px;max-height:60vh;background-color:#1e1e1e;border-top:2px solid #00ff00;z-index:20000;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .3s ease;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;box-shadow:0 -4px 20px #00000080}.debug-terminal.visible{transform:translateY(0)}.debug-terminal-header{background-color:#2d2d2d;padding:8px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #00ff00}.debug-terminal-title{color:#0f0;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.debug-terminal-close{background:transparent;border:none;color:#0f0;font-size:24px;line-height:1;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.debug-terminal-close:hover{color:#fff;background-color:#ffffff1a;border-radius:3px}.debug-terminal-content{flex:1;overflow-y:auto;padding:12px 16px;color:#d4d4d4;font-size:12px;line-height:1.6}.debug-terminal-line{margin-bottom:4px;word-wrap:break-word;white-space:pre-wrap}.debug-terminal-time{color:#858585;margin-right:8px}.debug-terminal-success{color:#4ec9b0}.debug-terminal-error{color:#f48771}.debug-terminal-info{color:#569cd6}.debug-terminal-content::-webkit-scrollbar{width:8px}.debug-terminal-content::-webkit-scrollbar-track{background:#1e1e1e}.debug-terminal-content::-webkit-scrollbar-thumb{background:#424242;border-radius:4px}.debug-terminal-content::-webkit-scrollbar-thumb:hover{background:#4e4e4e}.quick-switcher{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2000;display:flex;align-items:flex-start;justify-content:center;padding-top:100px}.quick-switcher.hidden{display:none}.quick-switcher-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.quick-switcher-content{position:relative;width:640px;max-width:90vw;background-color:#fff;border-radius:8px;box-shadow:0 8px 32px #0000001f,0 2px 6px #00000014;overflow:hidden;z-index:1}.quick-switcher-search{padding:12px 16px;border-bottom:1px solid #e8e8e8}.quick-switcher-search input{width:100%;border:none;outline:none;font-size:15px;font-weight:400;color:#1d1c1d;background:transparent;font-family:inherit;padding:0}.quick-switcher-search input::placeholder{color:#616061}.quick-switcher-results{max-height:400px;overflow-y:auto}#quick-switcher-results-list{padding:4px 0}.quick-switcher-item{display:flex;align-items:center;padding:8px 16px;cursor:pointer;color:#1d1c1d;font-size:15px;line-height:1.46668;transition:background-color .1s ease;-webkit-user-select:none;user-select:none}.quick-switcher-item:hover{background-color:#f8f9fa}.quick-switcher-item.selected{background-color:#1264a3;color:#fff}.quick-switcher-item.current{color:#616061}.quick-switcher-item.current.selected{color:#ffffffe6}.quick-switcher-icon{margin-right:12px;font-weight:400;color:#616061;width:20px;text-align:center}.quick-switcher-item.selected .quick-switcher-icon{color:#ffffffe6}.quick-switcher-name{flex:1;font-weight:400}.quick-switcher-item.selected .quick-switcher-name{font-weight:500}.quick-switcher-no-results{color:#616061;font-style:italic;cursor:default}.quick-switcher-no-results:hover{background-color:transparent}.quick-switcher-hints{padding:8px 16px;border-top:1px solid #e8e8e8;background-color:#f8f9fa;display:flex;gap:16px;font-size:12px;color:#616061;line-height:1.5}.quick-switcher-hints span{white-space:nowrap}.quick-switcher-results::-webkit-scrollbar{width:8px}.quick-switcher-results::-webkit-scrollbar-track{background:transparent}.quick-switcher-results::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:4px;border:2px solid transparent;background-clip:padding-box}.quick-switcher-results::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3);background-clip:padding-box}#score-graph-section{display:flex;gap:20px;margin-bottom:20px;align-items:stretch}#score-graph-container{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000001a;min-height:250px;height:300px;flex:1}#score-changes-list-container{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000001a;min-height:250px;height:300px;width:350px;display:flex;flex-direction:column}.score-changes-list{flex:1;overflow-y:auto;overflow-x:hidden;padding-right:8px}.score-changes-list::-webkit-scrollbar{width:8px}.score-changes-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.score-changes-list::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.score-changes-list::-webkit-scrollbar-thumb:hover{background:#555}.score-change-item{padding:4px 0;border-bottom:1px solid #e8e8e8;animation:fadeIn .3s ease-in;min-height:32px}.score-change-item:last-child{border-bottom:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.score-change-header{display:flex;gap:8px}.score-change-icon{font-size:16px;flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.score-change-content{flex:1;min-width:0}.score-change-main{display:flex;align-items:center;gap:6px;margin-bottom:2px;flex-wrap:wrap}.score-change-score{font-weight:700;font-size:13px;color:#1d1c1d}.score-change-points{font-weight:600;font-size:12px;padding:1px 4px;border-radius:3px}.score-change-points.success{color:#2eb886;background-color:#e8f5e9}.score-change-points.error{color:#e01e5a;background-color:#fce8e6}.score-change-points.info{color:#616061;background-color:#f8f9fa}.score-change-time{font-size:11px;color:#616061;margin-left:auto}.score-change-choice{font-size:11px;color:#616061;background-color:#f8f9fa;border:1px solid #e8e8e8;border-radius:999px;padding:1px 6px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-change-reason{font-size:12px;color:#1d1c1d;line-height:1.3;word-wrap:break-word}.score-graph-canvas{width:100%;height:100%;display:block}.score-graph-tooltip{position:fixed;background-color:#1d1c1d;color:#fff;padding:12px;border-radius:4px;font-size:12px;font-family:monospace;z-index:10000;pointer-events:none;box-shadow:0 4px 12px #0000004d;max-width:400px}.tooltip-header{font-weight:600;margin-bottom:8px;color:#fff;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:4px}.tooltip-line{margin:4px 0;color:#d1d2d3;line-height:1.4}#minigame-container{flex:1;min-height:0}.minigame-channel-container,.minigame-game-container{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000001a;height:100%;overflow-y:auto}.minigame-container{display:flex;flex-direction:column;height:100%}.minigame-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #e8e8e8}.minigame-header h3{margin:0;font-size:18px;font-weight:700;color:#1d1c1d}.minigame-stats{display:flex;gap:16px;font-size:14px;color:#616061;align-items:center}.minigame-stats strong{color:#1d1c1d;font-weight:600}.minigame-inline-feedback{padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;min-height:18px}.minigame-inline-feedback.success{background:#d4edda;color:#155724}.minigame-inline-feedback.error{background:#f8d7da;color:#721c24}.minigame-content{flex:1}.minigame-split{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:16px;align-items:start}.minigame-left,.minigame-right{min-width:0}.minigame-right .minigame-feedback{margin-top:12px}.minigame-option-key{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;border:1px solid #d1d2d3;background-color:#f8f9fa;color:#1d1c1d;font-weight:800;font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;flex-shrink:0}.minigame-option:hover:not(:disabled) .minigame-option-key{border-color:#1264a3}@media (max-width: 900px){.minigame-split{grid-template-columns:1fr}}.minigame-welcome{text-align:center;padding:40px 20px;color:#616061}.minigame-start-btn{background-color:#1264a3;color:#fff;border:none;padding:10px 20px;font-size:15px;font-weight:500;border-radius:4px;cursor:pointer;margin-top:16px;transition:background-color .15s ease}.minigame-start-btn:hover{background-color:#0d4c7c}.slack-message-container{margin-bottom:24px}.slack-message{display:flex;gap:12px;padding:12px 0}.slack-message-avatar{font-size:36px;flex-shrink:0}.slack-avatar-img{width:36px;height:36px;border-radius:8px;display:block}.slack-message-content{flex:1}.slack-message-header{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.slack-message-author{font-weight:700;color:#1d1c1d;font-size:15px}.slack-message-time{font-size:12px;color:#616061}.slack-message-text{color:#1d1c1d;font-size:15px;line-height:1.46668;margin-bottom:8px}.slack-message-img{display:block;max-width:min(100%,520px);height:auto;border-radius:8px;border:1px solid #e8e8e8}.slack-reaction{display:inline-flex;align-items:center;gap:4px;background-color:#f8f9fa;border:1px solid #e8e8e8;border-radius:12px;padding:4px 8px;margin-top:4px;cursor:default}.slack-reaction-emoji{font-size:16px}.slack-reaction-count{font-size:13px;color:#616061;font-weight:500}.minigame-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.minigame-option{display:flex;align-items:center;gap:12px;padding:12px 16px;background-color:#fff;border:2px solid #e8e8e8;border-radius:8px;cursor:pointer;transition:all .15s ease;text-align:left}.minigame-option:hover:not(:disabled){border-color:#1264a3;background-color:#f8f9fa}.minigame-option:disabled{cursor:not-allowed;opacity:.7}.minigame-option.correct{border-color:#2eb886;background-color:#e8f5e9}.minigame-option.incorrect{border-color:#e01e5a;background-color:#fce8e6}.minigame-option-img{display:block;max-width:100%;height:32px;border-radius:6px;object-fit:contain}.option-avatar{font-size:24px}.option-name{font-size:15px;font-weight:500;color:#1d1c1d}.minigame-feedback{padding:12px;border-radius:4px;font-size:14px;font-weight:500;text-align:center;margin-top:12px}.minigame-feedback.success{background-color:#e8f5e9;color:#2eb886}.minigame-feedback.error{background-color:#fce8e6;color:#e01e5a}.channel-card{border:1px solid #e8e8e8;border-radius:8px;padding:14px 16px;background:#ffffff;margin-bottom:16px}.channel-card-title{font-weight:700;font-size:16px;color:#1d1c1d;margin-bottom:6px}.channel-card-desc{color:#616061;font-size:14px;line-height:1.4}.minigame-options-2col{grid-template-columns:repeat(2,1fr)}.splash-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);z-index:10000;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:clamp(8px,2vh,20px)}.splash-screen.hidden{display:none}.splash-content{max-width:700px;width:100%;text-align:center;animation:fadeInUp .6s ease-out;position:relative;z-index:1;max-height:calc(100vh - (clamp(8px,2vh,20px)*2));display:flex;flex-direction:column;justify-content:center;gap:clamp(8px,1.6vh,16px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.splash-header h1{font-size:34px;font-weight:900;color:#fff;margin-bottom:6px;letter-spacing:-1px}.splash-tagline{font-size:16px;color:#a0aec0;margin-bottom:14px}.splash-preview{margin:clamp(10px,2vh,20px) 0;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #0006;border:1px solid rgba(255,255,255,.1)}.splash-screenshot{width:100%;height:min(32vh,260px);object-fit:contain;display:block;background:rgba(255,255,255,.02)}.splash-instructions{background:rgba(255,255,255,.05);border-radius:12px;padding:24px;margin:24px 0;border:1px solid rgba(255,255,255,.1)}.splash-instructions h2{font-size:20px;font-weight:700;color:#fff;margin-bottom:20px}.instruction-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;text-align:left}.instruction-item{display:flex;gap:12px;align-items:flex-start}.instruction-item-full{grid-column:1 / -1;justify-content:center;align-items:center;text-align:center}.instruction-item-full .instruction-text{text-align:left;width:100%}.instruction-item-full .instruction-text-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}.instruction-item-full .instruction-split-left strong{text-align:left}.instruction-item-full .instruction-split-left p,.instruction-item-full .instruction-split-right p{margin:0}.instruction-item-full .instruction-split-right p+p{margin-top:8px}@media (max-width: 600px){.instruction-item-full .instruction-text-split{grid-template-columns:1fr}}.instruction-icon{font-size:28px;flex-shrink:0}.instruction-text strong{display:block;font-size:14px;font-weight:700;color:#fff;margin-bottom:4px}.instruction-text p{font-size:13px;color:#a0aec0;margin:0;line-height:1.4}.bold-example{font-weight:900;color:#fff}.splash-controls{margin:20px 0}.splash-controls h3{font-size:14px;font-weight:600;color:#a0aec0;margin-bottom:12px;text-transform:uppercase;letter-spacing:1px}.controls-list{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 18px;font-size:12px;color:#a0aec0}.control-key{display:inline-block;background:rgba(255,255,255,.1);color:#fff;padding:4px 10px;border-radius:6px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,monospace;font-size:12px;font-weight:600;margin-right:6px;border:1px solid rgba(255,255,255,.2)}.controls-label-small{font-size:12px;color:#a0aec0;opacity:.9}.splash-start-btn{background:linear-gradient(135deg,#2eb886 0%,#1d9e70 100%);color:#fff;font-size:18px;font-weight:700;padding:16px 48px;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 20px #2eb8864d;margin:24px 0 16px}.splash-header,.splash-preview,.splash-instructions,.splash-controls,.splash-start-btn,.splash-hint{flex-shrink:1}@media (max-height: 820px){.splash-tagline{margin-bottom:12px}.splash-preview,.splash-instructions{margin:12px 0}.splash-instructions{padding:16px}.splash-start-btn{margin:16px 0 10px;padding:14px 40px}}@media (max-height: 720px){.splash-preview{display:none}.splash-instructions h2{margin-bottom:12px}.instruction-grid{gap:10px}}@media (max-height: 640px){.splash-controls,.splash-hint{display:none}}.splash-start-btn:hover{transform:translateY(-2px);box-shadow:0 6px 30px #2eb88666}.splash-start-btn:active{transform:translateY(0)}.splash-hint{font-size:13px;color:#718096;font-style:italic}@media (max-width: 600px){.splash-header h1{font-size:28px}.instruction-grid{grid-template-columns:1fr}.controls-list{flex-direction:column;gap:8px}}