@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined";*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;font-family:Arial,sans-serif;width:100%;height:100vh;overflow:hidden}.intro-page{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;background-image:url(/assets/intro_background1-BUCbEN0y.png);background-size:cover;background-position:center;background-repeat:no-repeat;font-family:Arial,Courier New,monospace;overflow:hidden}.intro-content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.nickname-input{padding:20px 30px;font-size:1.5rem;font-weight:700;color:#000;background:#fff;border:6px solid #000000;border-radius:0;box-shadow:10px 10px #000;text-align:center;width:400px;outline:none;transition:all .2s;letter-spacing:1px}.nickname-input::placeholder{color:#999;font-weight:400;font-size:1.2rem}.nickname-input:focus{transform:translate(2px,2px);box-shadow:8px 8px #000;background:#ffc}.nickname-input:disabled{opacity:.6;cursor:not-allowed}.start-button{padding:25px 80px;font-size:2.5rem;font-weight:700;color:#000;background:#fff;border:8px solid #000000;border-radius:0;cursor:pointer;box-shadow:12px 12px #000;transition:all .2s;text-transform:uppercase;letter-spacing:2px}.start-button:hover{transform:translate(4px,4px);box-shadow:8px 8px #000}.start-button:active{transform:translate(12px,12px);box-shadow:0 0 #000}.start-button:disabled{opacity:.6;cursor:not-allowed}.error-message{padding:15px 30px;background:#ff6b6b;color:#fff;border:4px solid #000000;border-radius:0;font-size:1rem;font-weight:700;box-shadow:6px 6px #000;text-align:center;max-width:400px}.left-sidebar{width:clamp(300px,26vw,400px);min-width:260px;display:flex;flex-direction:column}.user-image{width:280px;height:380px;object-fit:cover}.my-image{position:absolute;bottom:50px;right:20px;z-index:4}.rank-my-image{width:clamp(260px,22vw,320px);height:auto;object-fit:cover}.my-ranking-section{width:clamp(320px,26vw,380px);height:300px;position:relative}.back-box{width:clamp(300px,24vw,360px);height:250px;background:#fff;border:2px solid #000000;border-radius:10px;position:absolute}.back-box.box1{top:12px;left:12px}.back-box.box2{top:6px;left:6px}.my-ranking-card{width:clamp(300px,24vw,360px);height:250px;background:#fff;border:2px solid #000000;border-radius:10px;position:relative;z-index:4;display:flex;align-items:center;justify-content:center;gap:15px;padding:15px}.rank-badge{background:#000;color:#fff;font-size:1.5rem;font-weight:700;width:50px;height:50px;border-radius:0;display:flex;align-items:center;justify-content:center;border:3px solid #000000}.player-info{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;position:absolute;background:#fff;border:2px solid #000000;border-radius:10px}.player-info .line{width:100%;height:2px;background-color:#000}.player-info.text{top:-50px;right:-50px;z-index:5}.player-info.num{top:190px;left:-30px}.player-info .small{font-size:14px;font-weight:900;padding:12px 0 4px}.player-info .big{font-size:20px;font-weight:900;padding:8px 30px 12px}.player-name{font-size:1.2rem;font-weight:700;color:#000}.player-score{color:#000;margin-top:5px}.rankings-section{max-width:clamp(300px,26vw,380px);max-height:460px;flex:1;border:2px solid #000000;border-radius:20px;padding:20px 12px;display:flex;gap:12px;flex-direction:column;overflow:visible}.rank-title{font-size:24px;font-weight:900;letter-spacing:1px;text-align:center}.rankings-list{flex:1;display:flex;flex-direction:column;gap:8px;overflow-x:visible;overflow-y:auto;padding-right:2px}.rankings-list::-webkit-scrollbar{display:none}.ranking-item{height:70px;background:#fff;padding:10px 20px;border:2px solid #000000;border-radius:20px;display:flex;align-items:center;justify-content:space-between;gap:10px;transition:transform .2s,box-shadow .2s}.ranking-item:hover{transform:translate(2px,2px);box-shadow:1px 1px #000}.rank-left{display:flex;flex-direction:row;align-items:center;gap:10px}.ranking-item .rank{font-weight:700;color:#000;font-size:1rem;text-align:center;min-width:30px}.ranking-item .name{flex:1;font-weight:700;color:#000}.ranking-item .score{color:#bdbdbd;font-weight:300}.rank-user-image{width:50px;height:50px;object-fit:cover;border:3px solid #000000;border-radius:100%}.loading-trigger{min-height:40px;display:flex;align-items:center;justify-content:center;padding:10px}.loading-indicator{display:flex;align-items:center;justify-content:center;color:#000;font-weight:700;font-size:14px}.loading-indicator span{animation:blink 1.5s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.no-more-data{text-align:center;padding:20px;color:#bdbdbd;font-size:14px;font-weight:500}.nickname-edit-container{display:flex;flex-direction:column;gap:8px;padding:8px;width:100%}.nickname-input{padding:8px 12px;font-size:16px;font-weight:700;border:2px solid #000000;border-radius:6px;background:#fff;outline:none;font-family:inherit}.nickname-input:focus{box-shadow:0 0 0 2px #000}.nickname-buttons{display:flex;gap:6px;justify-content:center}.nickname-btn{width:32px;height:32px;border:2px solid #000000;border-radius:4px;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.nickname-btn.save{background:#4caf50;color:#fff}.nickname-btn.save:hover{background:#45a049}.nickname-btn.cancel{background:#f44336;color:#fff}.nickname-btn.cancel:hover{background:#da190b}.nickname-error{color:#f44336;font-size:11px;font-weight:700;text-align:center;padding:4px}.player-name.big{cursor:pointer;-webkit-user-select:none;user-select:none}.room-box{flex:1 1 640px;min-width:0;border:2px solid #000000;padding:25px;border-radius:20px;background-color:#fff;display:inline-flex;flex-direction:column;gap:15px;overflow:visible;width:max-content;max-width:none}.top-buttons{display:flex;gap:12px;justify-content:flex-start;flex-wrap:wrap}.top-buttons button{padding:12px 20px;border:4px solid #000000;border-radius:0;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s;background:#fff;color:#000}.top-buttons button:hover{transform:translate(2px,2px);box-shadow:2px 2px #000}.top-buttons button:active{transform:translate(4px,4px);box-shadow:0 0 #000}.btn-refresh{background:#fff;color:#000}.rooms-title-box{font-size:42px;font-weight:900;color:#000;letter-spacing:-1px;text-transform:uppercase;text-align:center}.rooms-section{flex:1;overflow:visible;display:flex;align-items:center;justify-content:center;gap:24px;flex-direction:column}.rooms-list{flex:0 0 auto;overflow-y:auto;overflow-x:visible;width:100%;max-width:none;display:flex;flex-direction:column;gap:12px;align-content:start}.room-card{max-width:none;background:#fff;padding:18px 24px;border-radius:0;border:4px solid #000000;cursor:pointer;transition:all .15s ease;display:inline-flex;flex-direction:column;gap:12px;min-width:0;box-shadow:6px 6px #000;position:relative}.room-card:hover{transform:translate(-2px,-2px);box-shadow:8px 8px #000;background:#fff5e1}.room-card:active{transform:translate(3px,3px);box-shadow:3px 3px #000}.room-title{font-size:16px;font-weight:900;color:#000;text-align:center;text-transform:uppercase}.room-info{display:none}.room-mode{font-size:12px;font-weight:700}.room-players{font-size:12px;font-weight:700;color:#000}.language-display{display:flex;align-items:center;justify-content:center;padding:16px;border:3px solid #000000;box-shadow:3px 3px #000}.language-name{font-size:26px;font-weight:900;color:#000;text-transform:none;letter-spacing:1px}.vs{font-size:clamp(16px,2vw,36px);font-weight:900;color:#fff;letter-spacing:0;margin:0 clamp(4px,.8vw,6px);text-shadow:-2px -2px 0 black,2px -2px 0 black,-3px 3px 0 rgb(0,0,0),3px 3px 0 rgb(0,0,0)}.rooms-list::-webkit-scrollbar{width:8px}.rooms-list::-webkit-scrollbar-thumb{background:#000;border-radius:0}.rooms-list::-webkit-scrollbar-track{background:#fff;border:2px solid #000000}.teams-equal{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:clamp(2px,.8vw,12px);flex-wrap:nowrap;white-space:nowrap;min-width:0}.team{display:flex;flex-direction:row;gap:clamp(2px,.8vw,12px);flex-wrap:nowrap;white-space:nowrap;min-width:0}.profile{width:56px;aspect-ratio:1 / 1;border-radius:50%;object-fit:cover;overflow:hidden;display:flex;align-items:center;justify-content:center;border:2px solid #000}@media (min-width: 768px){.profile{width:72px}}@media (min-width: 1024px){.profile{width:80px}}.profile img{width:100%;height:100%;object-fit:cover;display:block}.solo-ffa{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:clamp(2px,.8vw,12px);flex-wrap:nowrap;white-space:nowrap;min-width:0}.solo-slot{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:clamp(2px,.8vw,4px);flex-wrap:nowrap;white-space:nowrap;min-width:0}.bottom-sidebar{background-color:#fff;border-radius:20px;border:2px solid #000000;width:clamp(180px,22vw,430px);height:clamp(500px,80vh,1120px);padding-bottom:24px}.title-box{display:flex;align-items:center;justify-content:space-between;font-size:24px;font-weight:900;padding:20px 20px 12px}.line{width:100%;height:3px;background-color:#000}.chat-section{height:100%;display:flex;flex-direction:column}.chat-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px;margin-bottom:15px;padding:20px;overscroll-behavior:contain}.chat-message{display:flex;flex-direction:row;align-items:center;gap:12px;border-bottom:1px solid #000000;padding-bottom:12px}.vertical-line{width:1px;height:16px;background-color:#000}.chat-user{width:70px;font-size:16px;font-weight:700;color:#000}.chat-text{font-size:16px;color:#000}.chat-input-form{display:flex;gap:12px;padding:0 20px;align-items:flex-end;margin-top:auto}.chat-input{min-height:40px;max-height:200px;width:100%;resize:none;overflow:hidden;padding:14px 12px;border:2px solid #000000;border-radius:10px;font-size:.95rem;outline:none;background:#fff;box-shadow:4px 4px #000}.chat-input:focus{border-color:#000;background:#fff}.chat-send-btn{height:50px;padding:10px 20px;background:#fcc206;color:#000;border:2px solid #000000;border-radius:10px;font-size:20px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:4px 4px #000}.chat-send-btn:hover{transform:translate(2px,2px);box-shadow:2px 2px #000}.chat-send-btn:active{transform:translate(4px,4px);box-shadow:0 0 #000}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-thumb{background:#000;border-radius:0}.chat-messages::-webkit-scrollbar-track{background:#fff;border:2px solid #000000}.rollingword-wrap{width:100%;overflow:hidden;white-space:nowrap;border:2px solid #000;border-radius:0;background:var(--bg, #fff);color:var(--fg, #000);padding:8px 0;-webkit-user-select:none;user-select:none}.rollingword-track{display:flex;animation:roll var(--speed) linear infinite;will-change:transform}.rollingword-wrap:hover .rollingword-track{animation-play-state:paused}.rollingword-seq{display:flex;gap:var(--gap)}.rollingword-item{font-size:var(--fontsize, 20px);font-weight:900;color:var(--fg, #000);letter-spacing:2px;text-transform:uppercase}@keyframes roll{0%{transform:translate(0)}to{transform:translate(-50%)}}*{box-sizing:border-box}.main-page{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;background-image:url(/assets/main_background-BzrQ6IXW.png);background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden;padding:50px 40px;position:relative}.top-rolling-banner{position:absolute;top:20px;left:50%;transform:translate(-50%);width:100%}.bott-rolling-banner{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:100%}.side-rolling-banner{position:absolute;top:80px;left:-70%;transform:translate(-50%);width:100%;z-index:6;transform:rotate(-10deg);transform-origin:center}.content-container{transform:scale(.85);flex:0 0 auto;margin:0 auto;display:flex;flex-direction:row;justify-content:center;align-items:stretch;gap:15px;min-width:0}.right-section{flex:1;display:flex;flex-direction:row;gap:40px}.btn-and-chat{display:flex;flex-direction:column;align-items:center;gap:40px}.main-exit-btn{position:absolute;top:20px;right:20px;padding:12px 24px;background:#ff6b9d;color:#000;border:4px solid #000;border-radius:0;font-size:1rem;font-weight:900;cursor:pointer;box-shadow:6px 6px #000;transition:all .1s;text-transform:uppercase}.main-exit-btn:hover{box-shadow:4px 4px #000;transform:translate(2px,2px)}.main-exit-btn:active{box-shadow:2px 2px #000;transform:translate(4px,4px)}.content-container>.left-section{flex:0 1 clamp(280px,26vw,400px)}.content-container>.room{flex:1 1 500px;min-width:420px;max-width:800px;display:flex;align-items:center;justify-content:center}.content-container>.btn-and-chat{flex:0 1 clamp(180px,20vw,300px)}.accuracy-display-container{width:100px;z-index:10;display:flex;justify-content:center;align-items:center}.character-image-wrapper{display:flex;justify-content:center;align-items:flex-end;position:relative;width:300px;height:100px}.character-image{width:200px;height:auto;object-fit:contain;transition:opacity .3s ease}.animation-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.animation-overlay span{position:absolute;bottom:0;left:50%;font-size:1.5rem;opacity:0}.hearts-animation span{animation:pop-up 1s ease-out infinite}@keyframes pop-up{0%{opacity:1;transform:translateY(0) scale(.5)}to{opacity:0;transform:translateY(-80px) scale(1)}}.skulls-animation span{animation:stamp 1s ease-out;bottom:auto;transform-origin:center center}@keyframes stamp{0%{opacity:0;transform:scale(1.5)}20%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(1)}}.game-page{width:100%;height:100vh;display:flex;flex-direction:row;align-items:center;justify-content:center;background-image:url(/assets/editor_background-CematibA.png);background-size:cover;background-position:center;background-repeat:no-repeat;padding:20px;gap:40px;overflow:hidden;position:relative}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border:2px solid #000;border-radius:10px;animation:slideUp .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:44px}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-title{margin:0 0 30px;font-size:2rem;font-weight:900;text-align:center;color:#000}.modal-stats{width:100%;border-radius:12px;display:flex;flex-direction:row;justify-content:center;gap:24px}.modal-stat-row{display:flex;justify-content:center;flex-direction:column;align-items:center;gap:4px;padding:10px 0}.modal-stat-row:last-child{border-bottom:none}.modal-stat-label{font-size:.7rem;font-weight:900;text-transform:uppercase}.modal-stat-value{font-size:1rem;font-weight:900;color:#000}.modal-ranking{display:flex;gap:24px}.modal-rank-item{flex:1;display:flex;flex-direction:column;align-items:center;border-radius:12px}.modal-rank-label{font-size:.9rem;font-weight:900;color:#000;text-transform:uppercase}.modal-rank-value{font-size:1.8rem;font-weight:900;color:#000}.modal-buttons{display:flex;gap:15px;margin-top:12px}.modal-btn{flex:1;padding:6px 14px;border:2px solid #000;border-radius:10px;font-size:16px;font-weight:900;cursor:pointer;box-shadow:4px 4px #000;transition:all .1s;text-transform:uppercase}.restart-btn{background:#fcc206;color:#000}.restart-btn:hover{box-shadow:2px 2px #000;transform:translate(2px,2px)}.restart-btn:active{box-shadow:1px 1px #000;transform:translate(4px,4px)}.end-btn{background:#fff;color:#000}.end-btn:hover{box-shadow:3px 3px #000;transform:translate(2px,2px)}.end-btn:active{box-shadow:1px 1px #000;transform:translate(4px,4px)}.exit-btn{position:absolute;left:20px;top:20px;padding:12px 24px;background:#ffd93d;color:#000;border:4px solid #000;border-radius:12px;font-size:1rem;font-weight:900;cursor:pointer;box-shadow:6px 6px #000;transition:all .1s;z-index:100;text-transform:uppercase}.exit-btn:hover{box-shadow:4px 4px #000;transform:translate(2px,2px)}.exit-btn:active{box-shadow:2px 2px #000;transform:translate(4px,4px)}.stats-bar{display:flex;flex-direction:column;gap:20px;z-index:10;background-color:#fff;padding:20px 30px;border-radius:10px;border:1px solid #000}.reset-btn{padding:8px 20px;background:#fcc206;color:#000;border:3px solid #000;border-radius:10px;font-size:.9rem;font-weight:900;cursor:pointer;box-shadow:3px 3px #000;transition:all .1s;text-transform:uppercase}.reset-btn:hover{box-shadow:2px 2px #000;transform:translate(1px,1px)}.reset-btn:active{box-shadow:1px 1px #000;transform:translate(2px,2px)}.stat-item{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:120px;transition:all .1s}.stat-label{font-size:12px;font-weight:900;color:#000;text-transform:uppercase}.stat-value{font-size:20px;font-weight:900;color:#000}.game-content{height:100%;display:flex;align-items:center;justify-content:center}.coding-section-centered{display:flex;flex-direction:column;background:#3970e4;border:2px solid #000;border-radius:20px;padding:10px 20px;overflow:hidden;width:50vw;height:90%}.section-header{display:flex;justify-content:center;align-items:center;margin-bottom:10px;padding-bottom:10px;position:relative}.section-header h2{margin:0;color:#000;font-size:20px;font-weight:900;text-transform:uppercase}.section-header .reset-btn{position:absolute;right:0}.finish-btn{position:absolute;right:0;padding:12px 28px;background:#fff;color:#000;border:4px solid #FF6B9D;border-radius:0;font-size:1rem;font-weight:900;cursor:pointer;box-shadow:5px 5px #000;transition:all .1s;text-transform:uppercase}.finish-btn:hover{box-shadow:3px 3px #000;transform:translate(2px,2px)}.finish-btn:active{box-shadow:1px 1px #000;transform:translate(4px,4px)}.code-display{flex:1;background:#1e1e1ee6;border-radius:12px;padding:20px;overflow-y:auto;box-shadow:inset 0 2px 10px #0000004d;border:2px solid rgba(255,255,255,.2)}.code-text{margin:0;color:#fff;font-family:Courier New,monospace;font-size:1rem;line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.code-editor{flex:1;position:relative;display:flex;flex-direction:column;overflow:hidden;background:#1e1e1e;border:4px solid #000;border-radius:12px;box-shadow:inset 4px 4px #00000080;padding-top:10px}.background-code-layer{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}.background-code-text{margin:0;padding:10px 0 0 40px;font-family:Consolas,Courier New,monospace;font-size:18px;line-height:24px;white-space:pre;letter-spacing:normal}.background-code-text .mtk1,.background-code-text .mtk2,.background-code-text .mtk3,.background-code-text .mtk4,.background-code-text .mtk5,.background-code-text .mtk6,.background-code-text .mtk7,.background-code-text .mtk8,.background-code-text .mtk9,.background-code-text span{opacity:.8!important;filter:brightness(1)!important}.editor-layer{position:relative;z-index:2;flex:1}.editor-layer .monaco-editor,.editor-layer .monaco-editor .overflow-guard,.editor-layer .monaco-editor .monaco-scrollable-element,.editor-layer .monaco-editor .view-lines,.editor-layer .monaco-editor .inputarea,.editor-layer .monaco-editor .lines-content,.editor-layer .monaco-editor .view-line,.editor-layer .monaco-editor .margin,.editor-layer .monaco-editor .margin-view-overlays{background:transparent!important;background-color:transparent!important}.editor-layer .monaco-editor .line-numbers{color:#ffffff80!important}.editor-layer .monaco-editor .cursor{background-color:#fff!important;border-color:#fff!important}.editor-layer .monaco-editor .cursors-layer .cursor{background-color:#fff!important}body{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;font-synthesis:none;text-rendering:optimizeLegibility!important}.code-input{flex:1;background:#1e1e1ee6;border-radius:12px;padding:20px;color:#fff;font-family:Courier New,monospace;font-size:1rem;line-height:1.6;border:2px solid rgba(255,255,255,.2);outline:none;resize:none;box-shadow:inset 0 2px 10px #0000004d;transition:border-color .3s}.code-input:focus{border-color:#ff6b9d;box-shadow:inset 0 2px 10px #0000004d,0 0 0 3px #ff6b9d33}.code-input::placeholder{color:#fff6}.code-display::-webkit-scrollbar,.code-input::-webkit-scrollbar{width:12px}.code-display::-webkit-scrollbar-thumb,.code-input::-webkit-scrollbar-thumb{background:#ff6b9d;border:2px solid #000;border-radius:0}.code-display::-webkit-scrollbar-track,.code-input::-webkit-scrollbar-track{background:#0000004d;border-radius:0}.mismatch-text{color:transparent!important;position:relative!important}.mismatch-text:before{color:#ff1212cc!important;background-color:#f443!important;position:absolute!important;left:0!important;top:0!important;display:inline-block!important;pointer-events:none!important}@media (max-width: 1400px){.stats-bar{right:calc(20% - 60px)}}@media (max-width: 1024px){.game-page{padding:10px}.game-content{padding-left:20px;padding-right:20px;flex-direction:column}.exit-btn{position:static;transform:none;margin-bottom:10px}.exit-btn:hover{transform:translate(2px,2px)}.exit-btn:active{transform:translate(4px,4px)}.stats-bar{position:static;transform:none;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-bottom:20px;gap:10px}.stat-value{font-size:1.5rem}.coding-section-centered{width:100%;max-width:100%;height:auto}}@media (max-width: 768px){.coding-section-centered{padding:15px}.section-header h2{font-size:1.2rem}.finish-btn{padding:10px 20px;font-size:.9rem}.stat-item{min-width:80px;min-height:70px;padding:10px}.stat-label{font-size:.8rem}.stat-value{font-size:1.3rem}}.progress-bar-container{width:100%;height:25px;background:#1e1e1e;border:3px solid #000;border-radius:8px;margin-bottom:12px;overflow:hidden;box-shadow:inset 4px 4px #0006}.progress-bar-filler{height:100%;width:0%;background:#fcc206;display:flex;align-items:center;justify-content:center;transition:width .2s ease-out;color:#000}.progress-bar-text{font-size:.9rem;font-weight:900;white-space:nowrap}#root{width:100%;height:100vh;margin:0;padding:0;font-family:Inter,sans-serif}body{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}