*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:#0a0e1a;overflow:hidden}button{font:inherit}.auth-loading{background:#0a0e1a;position:fixed;inset:0}.home-page{color:#7fffd4;background:#0a0e1a;flex-direction:column;height:100svh;font-family:Courier New,monospace;display:flex}.home-header{border-bottom:1px solid #7fffd426;flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 32px;display:flex}.home-brand{color:#7fffd4;letter-spacing:3px;text-shadow:0 0 14px #00fff7;font-family:Courier New,monospace;font-size:16px;font-weight:700}.home-header-right{align-items:center;gap:16px;display:flex}.home-lang-switcher{gap:6px;display:flex}.home-user-row{align-items:center;gap:10px;display:flex}.home-user-name{color:#c7d7ff;letter-spacing:.5px;text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-family:Courier New,monospace;font-size:12px;overflow:hidden}.home-signout-btn{color:#ff8aa0;cursor:pointer;letter-spacing:1px;background:0 0;border:1px solid #ff4b6880;padding:6px 12px;font-family:Courier New,monospace;font-size:11px;transition:background .15s}.home-signout-btn:hover{background:#ff4b681a}.home-signin-btn{color:#7fffd4;cursor:pointer;letter-spacing:1px;background:#7fffd412;border:1px solid #7fffd473;align-items:center;gap:7px;padding:8px 14px;font-family:Courier New,monospace;font-size:11px;transition:background .15s;display:flex}.home-signin-btn:hover{background:#7fffd424}.home-main{flex:1;padding:28px 24px 40px;overflow-y:auto}.games-grid{grid-template-columns:repeat(4,1fr);gap:16px;max-width:1100px;margin:0 auto;display:grid}.game-card{background:var(--card-bg);border:1.5px solid var(--card-border);color:inherit;cursor:pointer;flex-direction:column;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.game-card:hover{border-color:var(--card-color);box-shadow:0 0 28px color-mix(in srgb, var(--card-color) 20%, transparent);transform:translateY(-3px)}.game-card-image{border-bottom:1px solid var(--card-border);background:#0003;height:110px;overflow:hidden}.game-card-svg{width:100%;height:100%;display:block}.game-card-body{flex-direction:column;gap:6px;padding:14px 16px 16px;display:flex}.game-card-title{letter-spacing:2px;text-shadow:0 0 10px;margin:0;font-family:Courier New,monospace;font-size:13px;font-weight:700}.game-card-desc{color:#8aa1c5;letter-spacing:.5px;flex:1;margin:0;font-family:Courier New,monospace;font-size:11px;line-height:1.45}.game-card-play{color:var(--card-color);letter-spacing:2px;opacity:.8;margin-top:2px;font-family:Courier New,monospace;font-size:10px;font-weight:700}.game-card:hover .game-card-play{opacity:1}.game-card--quizzes{flex-direction:column}@media (width<=900px){.games-grid{grid-template-columns:repeat(2,1fr);max-width:620px}}@media (width<=540px){.home-header{padding:12px 14px}.home-main{padding:20px 14px 32px}.games-grid{grid-template-columns:repeat(2,1fr);max-width:100%}.game-card-image{height:90px}.home-user-name{display:none}}@media (width<=380px){.home-header-right{gap:8px}.home-lang-switcher{display:none}}.edu-mars{color:#7fffd4;cursor:auto;background:#0a0e1a;min-height:100svh;font-family:Courier New,monospace;overflow-x:hidden}.edu-mars.is-playing{cursor:none}.game-canvas{width:100vw;height:100svh;display:block}.hud{pointer-events:none;z-index:10;width:100%;position:fixed;top:0;left:0}.hud.is-hidden{display:none}.score-bar{color:#7fffd4;letter-spacing:1px;justify-content:space-between;align-items:center;padding:10px 20px;font-size:13px;display:flex}.sound-toggle{color:#7fffd4;cursor:pointer;letter-spacing:1px;pointer-events:all;background:#7fffd414;border:1px solid #7fffd4a6;padding:5px 10px;font-family:Courier New,monospace;font-size:12px}.topic-back{color:#7fffd4;cursor:pointer;letter-spacing:1px;pointer-events:all;background:0 0;border:1px solid #7fffd4a6;padding:5px 10px;font-family:Courier New,monospace;font-size:12px}.topic-back:hover,.sound-toggle:hover{background:#7fffd429}.question-box{text-align:center;padding:4px 20px}.question-text{color:#fff;text-shadow:0 0 10px #00fff7;font-size:15px;font-weight:700}.lives{color:#ff4b68;font-size:15px}.crosshair{pointer-events:none;z-index:15;width:30px;height:30px;position:fixed;transform:translate(-50%,-50%)}.edu-mars:not(.is-playing) .crosshair{display:none}.topic-menu{color:#7fffd4;z-index:18;background:#0a0e1af0;justify-content:center;align-items:stretch;padding:24px;display:none;position:fixed;inset:0;overflow-y:auto}.topic-menu.is-visible{display:flex}.topic-menu.is-visible:not(.has-sidebar){align-items:flex-start}.topic-menu.has-sidebar{padding:0}.topic-menu-inner{width:min(100%,980px);max-width:980px;margin:0 auto;padding:24px}.topic-menu.has-sidebar .topic-menu-inner{flex:1;width:auto;max-width:none;padding:32px 40px;overflow-y:auto}.sidebar{background:#0a0e1afa;border-right:1px solid #7fffd433;flex-direction:column;flex-shrink:0;width:240px;padding:20px 16px;display:flex}.sidebar-header{border-bottom:1px solid #7fffd42e;flex-direction:column;gap:6px;padding-bottom:14px;display:flex}.sidebar-brand{color:#7fffd4;letter-spacing:2px;text-shadow:0 0 10px #00fff7;font-family:Courier New,monospace;font-size:14px;font-weight:700}.sidebar-user{color:#c7d7ff;text-overflow:ellipsis;white-space:nowrap;font-family:Courier New,monospace;font-size:12px;overflow:hidden}.sidebar-nav{flex-direction:column;flex:1;gap:6px;padding-top:16px;display:flex}.sidebar-link{color:#c7d7ff;cursor:pointer;letter-spacing:1px;text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:9px;padding:10px 12px;font-family:Courier New,monospace;font-size:13px;text-decoration:none;display:flex}.sidebar-link:hover{color:#7fffd4;background:#7fffd414}.sidebar-link.is-active{color:#7fffd4;background:#7fffd424;border-color:#7fffd48c}.sidebar-footer{border-top:1px solid #7fffd42e;flex-direction:column;gap:8px;padding-top:14px;display:flex}.lang-switcher{gap:6px;display:flex}.lang-btn{color:#7fffd480;cursor:pointer;letter-spacing:1px;background:0 0;border:1px solid #7fffd44d;flex:1;padding:4px 10px;font-family:Courier New,monospace;font-size:11px;transition:all .15s}.lang-btn:hover{color:#7fffd4;border-color:#7fffd499}.lang-btn.is-active{color:#7fffd4;background:#7fffd426;border-color:#7fffd4}.sidebar-signout{color:#ff8aa0;cursor:pointer;letter-spacing:1px;background:0 0;border:1px solid #ff4b688c;width:100%;padding:8px 12px;font-family:Courier New,monospace;font-size:12px}.sidebar-signout:hover{background:#ff4b681f}.sidebar-signin{color:#7fffd4;cursor:pointer;letter-spacing:1px;background:#7fffd414;border:1px solid #7fffd480;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 12px;font-family:Courier New,monospace;font-size:12px;display:flex}.sidebar-signin:hover{background:#7fffd429}.sidebar-toggle,.sidebar-backdrop{display:none}@media (width<=760px){.topic-menu.has-sidebar{flex-direction:column}.topic-menu.has-sidebar .topic-menu-inner{padding:70px 16px 20px}.sidebar{z-index:30;width:280px;max-width:86vw;transition:transform .25s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.is-open{transform:translate(0);box-shadow:0 0 32px #00fff72e}.sidebar-backdrop{z-index:29;background:#0000008c;display:block;position:fixed;inset:0}.sidebar-toggle{color:#7fffd4;cursor:pointer;z-index:31;background:#0a0e1aeb;border:1px solid #7fffd473;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:flex;position:fixed;top:14px;left:14px}.sidebar-toggle-icon{flex-direction:column;justify-content:space-between;gap:4px;width:20px;height:14px;display:inline-flex}.sidebar-toggle-icon span{background:#7fffd4;border-radius:1px;width:100%;height:2px;transition:transform .2s,opacity .2s;display:block}.sidebar-toggle-icon.is-open span:first-child{transform:translateY(6px)rotate(45deg)}.sidebar-toggle-icon.is-open span:nth-child(2){opacity:0}.sidebar-toggle-icon.is-open span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}}.auth-bar{justify-content:flex-end;align-items:center;gap:12px;margin-bottom:18px;display:flex}.auth-status{color:#c7d7ff;letter-spacing:1px;font-family:Courier New,monospace;font-size:13px}.auth-status strong{color:#7fffd4}.auth-button{color:#7fffd4;cursor:pointer;letter-spacing:1.5px;background:0 0;border:1.5px solid #7fffd4;padding:8px 16px;font-family:Courier New,monospace;font-size:12px}.auth-button:hover{background:#7fffd41f}.auth-button--primary{background:#7fffd41a}.user-chip{color:#7fffd4;letter-spacing:1px;pointer-events:all;text-overflow:ellipsis;white-space:nowrap;background:#7fffd41a;border:1px solid #7fffd480;max-width:180px;padding:4px 10px;font-size:12px;overflow:hidden}.topics-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.topics-header h1{color:#fff;text-shadow:0 0 18px #00fff7;margin:0;font-family:Courier New,monospace;font-size:clamp(22px,4vw,42px)}.topics-join-btn{white-space:nowrap;flex-shrink:0}.topic-menu h1{color:#fff;text-align:center;text-shadow:0 0 18px #00fff7;margin:0 0 28px;font-family:Courier New,monospace;font-size:clamp(28px,5vw,48px)}.topic-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.topic-card{color:#fff;cursor:pointer;text-align:left;background:#5599ff1f;border:1.5px solid #59f;flex-direction:column;min-height:190px;padding:20px;font-family:Courier New,monospace;display:flex}.topic-card:hover{background:#7fffd41f;border-color:#7fffd4;box-shadow:0 0 22px #7fffd429}.topic-card span{color:#7fffd4;margin-bottom:12px;font-size:22px;font-weight:700}.topic-card small{color:#c7d7ff;flex:1;font-size:14px;line-height:1.45}.topic-card strong{color:#ffe066;margin-top:18px;font-size:13px}@media (width<=760px){.score-bar{flex-wrap:wrap;gap:8px}.topic-grid{grid-template-columns:1fr}.topic-card{min-height:140px}}.overlay{color:#7fffd4;cursor:auto;z-index:20;background:#000000e0;flex-direction:column;justify-content:center;align-items:center;font-family:Courier New,monospace;display:none;position:fixed;inset:0}.overlay.is-visible{display:flex}.overlay h2{color:#7fffd4;text-shadow:0 0 20px #00fff7;margin:0 0 10px;font-family:inherit;font-size:26px;font-weight:700}.overlay p{color:#aaa;margin:0 0 22px;font-size:15px}.overlay-actions{gap:12px;display:flex}.overlay button{color:#7fffd4;cursor:pointer;letter-spacing:2px;pointer-events:all;background:0 0;border:1.5px solid #7fffd4;padding:10px 32px;font-family:Courier New,monospace;font-size:14px}.overlay button:hover{background:#7fffd41f}.my-quizzes-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.my-quizzes-head h1{color:#fff;text-shadow:0 0 18px #00fff7;margin:0;font-family:Courier New,monospace;font-size:clamp(22px,4vw,36px)}.my-quizzes-status,.my-quizzes-error{color:#c7d7ff;margin:12px 0 18px;font-family:Courier New,monospace;font-size:14px}.my-quizzes-error{color:#ff8aa0}.topic-card--mine{position:relative}.topic-card--public{cursor:default;padding:0;position:relative}.topic-card-main{color:inherit;cursor:pointer;font:inherit;text-align:left;background:0 0;border:none;flex-direction:column;flex:1;padding:20px;display:flex}.topic-card-main:hover{background:#7fffd40f}.topic-card-lobby{color:#7fffd4;cursor:pointer;letter-spacing:1px;background:#7fffd41f;border:1px solid #7fffd48c;padding:4px 10px;font-family:Courier New,monospace;font-size:11px;position:absolute;top:10px;right:10px}.topic-card-lobby:hover{background:#7fffd438}.quiz-card-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.auth-button--danger{color:#ff8aa0;border-color:#ff4b68b3}.auth-button--danger:hover{background:#ff4b6824}.auth-button:disabled{cursor:not-allowed;opacity:.5}.quiz-editor{flex-direction:column;gap:16px;display:flex}.editor-field{flex-direction:column;gap:6px;display:flex}.editor-field>span{color:#c7d7ff;letter-spacing:1px;font-family:Courier New,monospace;font-size:12px}.editor-field input[type=text],.editor-field textarea{color:#fff;resize:vertical;background:#ffffff0a;border:1px solid #7fffd459;padding:10px 12px;font-family:Courier New,monospace;font-size:14px}.editor-field input[type=text]:focus,.editor-field textarea:focus{border-color:#7fffd4;outline:none}.editor-questions{flex-direction:column;gap:16px;display:flex}.editor-question{background:#5599ff0f;border:1px solid #59f6;flex-direction:column;gap:12px;padding:16px;display:flex}.editor-question-head{justify-content:space-between;align-items:center;display:flex}.editor-question-head strong{color:#ffe066;letter-spacing:1px;font-family:Courier New,monospace;font-size:13px}.editor-options{grid-template-columns:1fr 1fr;gap:8px;display:grid}.editor-option{background:#ffffff08;border:1px solid #7fffd440;align-items:center;gap:8px;padding:8px 10px;display:flex}.editor-option.is-correct{background:#00e5cc1a;border-color:#00e5ccb3}.editor-option input[type=text]{color:#fff;background:0 0;border:none;outline:none;flex:1;padding:4px 0;font-family:Courier New,monospace;font-size:13px}.editor-option input[type=radio]{accent-color:#00e5cc}.editor-actions{justify-content:flex-end;padding-top:8px;display:flex}@media (width<=600px){.editor-options{grid-template-columns:1fr}}.modal-backdrop{z-index:30;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{color:#fff;background:#0e1424;border:1px solid #7fffd473;flex-direction:column;gap:14px;width:100%;max-width:420px;padding:24px;font-family:Courier New,monospace;display:flex;box-shadow:0 0 40px #7fffd426}.modal h2{color:#7fffd4;letter-spacing:1.5px;text-shadow:0 0 14px #00fff7;margin:0;font-size:18px}.modal-sub{color:#c7d7ff;margin:0;font-size:13px}.modal-hint{color:#8aa1c5;margin-top:4px;font-size:11px}.modal input[type=number]{color:#fff;background:#ffffff0a;border:1px solid #7fffd459;padding:10px 12px;font-family:Courier New,monospace;font-size:14px}.modal-actions{justify-content:flex-end;gap:10px;display:flex}.lobby-room{max-width:640px;margin:0 auto}.lobby-code-block{background:#7fffd40f;border:1px solid #7fffd466;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;display:flex}.lobby-code-label{color:#c7d7ff;letter-spacing:2px;font-family:Courier New,monospace;font-size:12px}.lobby-code-big{color:#7fffd4;letter-spacing:6px;text-align:center;text-shadow:0 0 18px #00fff7;flex:1;font-family:Courier New,monospace;font-size:32px;font-weight:700}.lobby-meta{color:#c7d7ff;margin:12px 0 4px;font-family:Courier New,monospace;font-size:13px}.lobby-section-title{color:#ffe066;letter-spacing:1px;margin:18px 0 8px;font-family:Courier New,monospace;font-size:13px}.lobby-player-list{background:#5599ff0d;border:1px solid #5599ff40;flex-direction:column;gap:4px;margin:0;padding:10px 14px;list-style:none;display:flex}.lobby-player-list li{color:#fff;font-family:Courier New,monospace;font-size:14px}.lobby-player-list em{color:#ffe066;font-size:11px;font-style:normal}.lobby-empty{font-style:italic;color:#8aa1c5!important}.lobby-start{align-self:flex-start;margin-top:18px;padding:12px 30px}.lobby-waiting{color:#c7d7ff;margin-top:18px;font-family:Courier New,monospace;font-size:14px;font-style:italic}.lobby-code-chip{color:#7fffd4;letter-spacing:2px;background:#7fffd41a;border:1px solid #7fffd480;padding:4px 10px;font-family:Courier New,monospace;font-size:12px}.lobby-timer{color:#ffe066;background:#ffe06614;border:1px solid #ffe06680;padding:4px 10px;font-family:Courier New,monospace;font-size:14px}.lobby-timer.is-urgent{color:#ff8aa0;background:#ff4b6826;border-color:#ff4b68b3;animation:1s infinite pulse-red}@keyframes pulse-red{0%,to{opacity:1}50%{opacity:.55}}.live-leaderboard{color:#fff;pointer-events:none;z-index:12;background:#0a0e1ad9;border:1px solid #7fffd459;width:220px;max-height:60vh;padding:12px 14px;font-family:Courier New,monospace;position:fixed;top:80px;right:16px;overflow-y:auto}.live-leaderboard h3{color:#ffe066;letter-spacing:2px;margin:0 0 10px;font-size:11px}.live-leaderboard ol{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.live-leaderboard li{justify-content:space-between;gap:8px;font-size:12px;display:flex}.live-leaderboard li.is-me{color:#7fffd4;font-weight:700}.live-leaderboard .lb-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.live-leaderboard .lb-name em{color:#ffe066;font-size:10px;font-style:normal}.live-leaderboard .lb-score{color:#ffe066;flex-shrink:0}.final-leaderboard{flex-direction:column;gap:6px;width:100%;max-width:320px;margin:0 0 20px;padding:0;list-style:none;display:flex}.final-leaderboard li{color:#fff;background:#5599ff14;border:1px solid #5599ff4d;gap:10px;padding:8px 12px;font-family:Courier New,monospace;font-size:14px;display:flex}.final-leaderboard li.is-me{background:#7fffd41a;border-color:#7fffd4}.final-leaderboard .lb-rank{color:#ffe066;flex-shrink:0;width:24px}.final-leaderboard .lb-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.final-leaderboard .lb-name em{color:#ffe066;font-style:normal}.final-leaderboard .lb-score{color:#7fffd4;font-weight:700}.role-mafia{color:#ff4b68;font-weight:700}.role-citizen{color:#7fffd4}.role-doctor{color:#6f9;font-weight:700}.role-sheriff{color:#ffe066;font-weight:700}.not-found-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:60vh;display:flex}.not-found-code{color:#59f;letter-spacing:8px;opacity:.85;text-shadow:0 0 40px #59f6;font-family:Courier New,monospace;font-size:clamp(80px,18vw,160px);font-weight:700;line-height:1}.not-found-msg{color:#8aa1c5;letter-spacing:2px;text-transform:uppercase;margin:0;font-family:Courier New,monospace;font-size:15px}.not-found-btn{color:#59f;cursor:pointer;letter-spacing:2px;background:0 0;border:1px solid #5599ff80;border-radius:4px;margin-top:8px;padding:10px 24px;font-family:Courier New,monospace;font-size:13px;transition:background .15s,border-color .15s}.not-found-btn:hover{background:#5599ff1f;border-color:#59f}.mafia-lobby-page{max-width:760px;margin:0 auto}.mafia-title{color:#ff4b68;text-align:center;text-shadow:0 0 20px #ff4b68;margin:0 0 24px;font-family:Courier New,monospace;font-size:clamp(28px,5vw,44px)}.mafia-rules{background:#ff4b680d;border:1px solid #ff4b684d;margin-bottom:28px;padding:20px 24px}.mafia-rules h2{color:#ffe066;letter-spacing:2px;margin:0 0 14px;font-family:Courier New,monospace;font-size:13px}.mafia-rules ul{flex-direction:column;gap:10px;margin:0 0 18px;padding:0;list-style:none;display:flex}.mafia-rules ul li{color:#c7d7ff;font-family:Courier New,monospace;font-size:13px;line-height:1.5}.mafia-rules-flow{border-top:1px solid #ff4b6833;flex-direction:column;gap:4px;margin-top:14px;padding-top:14px;display:flex}.mafia-flow-step{color:#c7d7ff;background:#7fffd40a;border-left:2px solid #7fffd44d;padding:6px 10px;font-family:Courier New,monospace;font-size:12px}.mafia-flow-arrow{color:#7fffd466;padding-left:10px;font-size:14px}.mafia-rules-note{color:#8aa1c5;margin:12px 0 0;font-family:Courier New,monospace;font-size:11px}.mafia-lobby-page-header{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.home-back-btn{color:#8aa1c5;cursor:pointer;letter-spacing:1px;background:0 0;border:1px solid #7fffd433;border-radius:6px;margin-bottom:20px;padding:6px 14px;font-family:Courier New,monospace;font-size:12px;transition:color .15s,border-color .15s;display:inline-block}.home-back-btn:hover{color:#7fffd4;border-color:#7fffd499}.mafia-back-link{color:#8aa1c5;cursor:pointer;letter-spacing:1px;background:0 0;border:none;padding:0;font-family:Courier New,monospace;font-size:12px}.mafia-back-link:hover{color:#7fffd4}.mafia-anon-note{color:#ffe066;border:1px solid #ffe06659;padding:8px 14px;font-family:Courier New,monospace;font-size:12px}.mafia-lobby-actions{gap:12px;margin-bottom:28px;display:flex}.mafia-btn{color:#7fffd4;cursor:pointer;letter-spacing:1.5px;background:0 0;border:1.5px solid #7fffd4;padding:10px 24px;font-family:Courier New,monospace;font-size:13px}.mafia-btn:hover:not(:disabled){background:#7fffd41a}.mafia-btn:disabled{cursor:not-allowed;opacity:.45}.mafia-btn--primary{color:#ff4b68;border-color:#ff4b68}.mafia-btn--primary:hover:not(:disabled){background:#ff4b681f}.mafia-form{max-width:400px}.mafia-form h2{color:#7fffd4;letter-spacing:1.5px;text-shadow:0 0 10px #00fff7;margin:0 0 18px;font-family:Courier New,monospace;font-size:16px}.mafia-label{color:#c7d7ff;letter-spacing:1px;flex-direction:column;gap:6px;margin-bottom:14px;font-family:Courier New,monospace;font-size:12px;display:flex}.mafia-input{color:#fff;background:#ffffff0a;border:1px solid #7fffd459;padding:10px 12px;font-family:Courier New,monospace;font-size:15px}.mafia-input:focus{border-color:#7fffd4;outline:none}.mafia-input--code{letter-spacing:6px;text-align:center;font-size:24px}.mafia-form-actions{gap:10px;margin-top:4px;display:flex}.mafia-error{color:#ff8aa0;margin:8px 0;font-family:Courier New,monospace;font-size:13px}.mafia-game{color:#7fffd4;background:#0a0e1a;min-height:100svh;padding:32px 20px;font-family:Courier New,monospace;overflow-y:auto}.mafia-game--night{background:#07090f}.mafia-game--reveal{background:#0d1020}.mafia-game--vote,.mafia-game--over{background:#0a0e1a}.mafia-game-inner{flex-direction:column;gap:16px;width:100%;max-width:520px;margin:0 auto;display:flex}.mafia-phase-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:4px;display:flex}.mafia-phase-label{color:#ffe066;letter-spacing:3px;text-shadow:0 0 14px #ffe066;font-size:22px;font-weight:700}.mafia-round-label{color:#8aa1c5;letter-spacing:2px;font-size:13px}.mafia-my-role{letter-spacing:1px;text-align:center;background:#7fffd40f;border:1px solid;padding:12px 16px;font-size:15px}.mafia-my-role strong{font-size:18px}.mafia-team-info{color:#ff8aa0;margin:0;font-size:13px}.mafia-action-prompt{color:#c7d7ff;margin:0;font-size:14px}.mafia-target-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.mafia-target-btn{color:#fff;cursor:pointer;text-align:left;background:#7fffd40f;border:1px solid #7fffd459;justify-content:space-between;width:100%;padding:12px 16px;font-family:Courier New,monospace;font-size:14px;display:flex}.mafia-target-btn:hover:not(:disabled){background:#7fffd41f;border-color:#7fffd4}.mafia-target-btn:disabled{cursor:not-allowed;opacity:.5}.mafia-target-btn--kill:hover:not(:disabled){background:#ff4b681f;border-color:#ff4b68}.mafia-target-btn--save:hover:not(:disabled){background:#66ff991a;border-color:#6f9}.mafia-target-btn--check:hover:not(:disabled){background:#ffe0661a;border-color:#ffe066}.mafia-target-btn--vote.is-selected{background:#7fffd424;border-color:#7fffd4}.mafia-vote-count{color:#ff8aa0;font-size:12px}.mafia-vote-inline{color:#ffe066;opacity:.85;font-size:11px}.mafia-vote-progress{color:#8aa1c5;margin:0;font-size:13px}.mafia-vote-log{text-align:left;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;margin-top:12px;padding:10px 14px}.mafia-vote-log-title{color:#8aa1c5;text-transform:uppercase;letter-spacing:.05em;margin:0 0 6px;font-size:12px}.mafia-vote-log-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.mafia-vote-log-item{align-items:center;gap:4px;font-size:13px;display:flex}.mafia-vote-log-voter{color:#c0cfea;font-weight:500}.mafia-vote-log-arrow{color:#8aa1c5}.mafia-vote-log-target{color:#ff8aa0;font-weight:600}.mafia-done-msg{color:#6f9;margin:0;font-size:14px}.mafia-sleep{text-align:center;background:#5599ff0f;border:1px solid #5599ff40;padding:32px}.mafia-sleep p:first-child{margin:0 0 8px;font-size:32px}.mafia-sleep-sub{color:#8aa1c5;margin:0;font-size:13px}.mafia-code-block{background:#7fffd40f;border:1px solid #7fffd466;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;display:flex}.mafia-code-label{color:#c7d7ff;letter-spacing:2px;font-size:11px}.mafia-code-big{color:#7fffd4;letter-spacing:6px;text-align:center;text-shadow:0 0 18px #00fff7;flex:1;font-size:32px;font-weight:700}.mafia-copy-btn{color:#7fffd4;cursor:pointer;letter-spacing:1px;background:0 0;border:1px solid #7fffd480;padding:6px 12px;font-family:Courier New,monospace;font-size:11px}.mafia-copy-btn:hover{background:#7fffd41a}.mafia-section-title{color:#ffe066;letter-spacing:2px;margin:0;font-size:12px}.mafia-player-list{background:#5599ff0d;border:1px solid #5599ff40;flex-direction:column;gap:4px;margin:0;padding:10px 14px;list-style:none;display:flex}.mafia-player-list li{color:#fff;justify-content:space-between;align-items:center;gap:8px;font-size:14px;display:flex}.mafia-player-list li.is-me{color:#7fffd4;font-weight:700}.mafia-player-name{align-items:center;gap:6px;display:flex}.mafia-kick-btn{color:#ff8aa0;cursor:pointer;background:0 0;border:1px solid #ff4b6880;border-radius:3px;padding:2px 6px;font-size:11px;line-height:1;transition:background .15s}.mafia-kick-btn:hover:not(:disabled){background:#ff4b6833}.mafia-sheriff-toggle{gap:8px;margin-bottom:12px;display:flex}.mafia-toggle-btn{color:#59f;cursor:pointer;letter-spacing:1px;background:#5599ff1a;border:1px solid #59f6;border-radius:4px;padding:7px 16px;font-family:Courier New,monospace;font-size:12px;transition:background .15s,border-color .15s}.mafia-toggle-btn.is-active{color:#7fb3ff;background:#5599ff40;border-color:#59f}.mafia-toggle-btn--danger{color:#ff8aa0;border-color:#ff4b6866}.mafia-toggle-btn--danger.is-active{color:#ff8aa0;background:#ff4b6833;border-color:#ff4b68}.mafia-player-list em{color:#ffe066;font-size:11px;font-style:normal}.mafia-player-list--roles li{align-items:center;gap:8px;display:flex}.mafia-start-btn{align-self:flex-start;padding:12px 28px}.mafia-waiting{color:#8aa1c5;margin:0;font-size:14px;font-style:italic}.mafia-exit-btn{color:#ff8aa0;cursor:pointer;letter-spacing:1px;background:0 0;border:1px solid #ff4b6866;width:fit-content;margin-top:8px;padding:8px 16px;font-family:Courier New,monospace;font-size:12px}.mafia-exit-btn:hover{background:#ff4b681a}.mafia-exit-btn--danger{color:#ff4b68;border-color:#ff4b68b3;margin-top:16px;font-weight:700}.mafia-exit-btn--danger:hover{background:#ff4b682e}.mafia-night-activity{background:#6478b414;border:1px solid #648cff33;border-radius:6px;margin-top:20px;padding:14px 18px}.mafia-night-activity-title{color:#b4c8ffb3;letter-spacing:2px;text-transform:uppercase;margin:0 0 10px;font-family:Courier New,monospace;font-size:11px}.mafia-night-activity-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.mafia-night-activity-row{opacity:.6;align-items:center;gap:10px;display:flex}.mafia-night-activity-row.is-done{opacity:1}.mafia-night-activity-icon{width:20px;font-size:16px}.mafia-night-activity-status{color:#c8d2ff80;font-family:Courier New,monospace;font-size:13px}.mafia-night-activity-status.is-done{color:#7aff9a}.mafia-night-activity-ready{color:#b4c8ffcc;margin:10px 0 0;font-family:Courier New,monospace;font-size:12px;animation:2s ease-in-out infinite pulse-glow}@keyframes pulse-glow{0%,to{opacity:.6}50%{opacity:1}}.mafia-reveal-box{text-align:center;background:#ff4b680f;border:1px solid #ff4b6859;padding:24px}.mafia-reveal-killed{color:#ff4b68;margin:0 0 8px;font-size:20px;font-weight:700}.mafia-reveal-safe{color:#6f9;margin:0 0 8px;font-size:20px;font-weight:700}.mafia-reveal-sub{color:#8aa1c5;margin:0;font-size:13px}.mafia-sheriff-result{text-align:center;padding:12px 16px;font-size:14px}.mafia-sheriff-result.is-mafia{color:#ff8aa0;background:#ff4b681a;border:1px solid #ff4b6866}.mafia-sheriff-result.is-innocent{color:#6f9;background:#66ff9914;border:1px solid #66ff9959}.mafia-winner-title{text-align:center;margin:0 0 12px;font-family:Courier New,monospace;font-size:clamp(20px,4vw,30px)}.mafia-winner--red{color:#ff4b68;text-shadow:0 0 20px #ff4b68}.mafia-winner--cyan{color:#7fffd4;text-shadow:0 0 20px #00fff7}@media (width<=600px){.mafia-lobby-actions{flex-direction:column}.mafia-code-big{letter-spacing:4px;font-size:22px}}.checkers-lobby-page{max-width:600px;margin:0 auto}.checkers-page-title{color:#fb923c;text-align:center;text-shadow:0 0 20px #fb923c;margin:0 0 24px;font-family:Courier New,monospace;font-size:clamp(28px,5vw,44px)}.checkers-lobby-actions{flex-wrap:wrap;gap:12px;margin-bottom:28px;display:flex}.checkers-rules{background:#fb923c0d;border:1px solid #fb923c4d;padding:20px 24px}.checkers-rules h2{color:#ffe066;letter-spacing:2px;margin:0 0 12px;font-family:Courier New,monospace;font-size:13px}.checkers-rules ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.checkers-rules ul li{color:#c7d7ff;padding-left:14px;font-family:Courier New,monospace;font-size:13px;line-height:1.5;position:relative}.checkers-rules ul li:before{color:#fb923c;content:"▸";position:absolute;left:0}.checkers-btn{color:#7fffd4;cursor:pointer;letter-spacing:1.5px;background:0 0;border:1.5px solid #7fffd4;padding:10px 20px;font-family:Courier New,monospace;font-size:13px}.checkers-btn:hover:not(:disabled){background:#7fffd41a}.checkers-btn:disabled{cursor:not-allowed;opacity:.45}.checkers-btn--primary{color:#fb923c;border-color:#fb923c}.checkers-btn--primary:hover:not(:disabled){background:#fb923c1f}.checkers-btn--bot{color:#34d399;border-color:#34d399}.checkers-btn--bot:hover:not(:disabled){background:#34d3991f}.checkers-form{max-width:400px}.checkers-form h2{color:#fb923c;letter-spacing:1.5px;text-shadow:0 0 10px #fb923c;margin:0 0 18px;font-family:Courier New,monospace;font-size:16px}.checkers-label{color:#c7d7ff;letter-spacing:1px;flex-direction:column;gap:6px;margin-bottom:14px;font-family:Courier New,monospace;font-size:12px;display:flex}.checkers-input{color:#fff;background:#ffffff0a;border:1px solid #fb923c59;padding:10px 12px;font-family:Courier New,monospace;font-size:15px}.checkers-input:focus{border-color:#fb923c;outline:none}.checkers-input--code{letter-spacing:6px;text-align:center;font-size:24px}.checkers-form-actions{gap:10px;margin-top:4px;display:flex}.checkers-error{color:#ff8aa0;margin:8px 0;font-family:Courier New,monospace;font-size:13px}.checkers-diff-selector{gap:8px;margin-top:2px;display:flex}.checkers-diff-btn{color:#8aa1c5;cursor:pointer;letter-spacing:1px;background:0 0;border:1.5px solid #ffffff26;flex:1;padding:8px 6px;font-family:Courier New,monospace;font-size:11px;transition:all .15s}.checkers-diff-btn--easy.is-active,.checkers-diff-btn--easy:hover{color:#34d399;background:#34d3991a;border-color:#34d399}.checkers-diff-btn--medium.is-active,.checkers-diff-btn--medium:hover{color:#ffe066;background:#ffe0661a;border-color:#ffe066}.checkers-diff-btn--hard.is-active,.checkers-diff-btn--hard:hover{color:#ff4b68;background:#ff4b681a;border-color:#ff4b68}.checkers-fullscreen{color:#7fffd4;background:#0a0e1a;flex-direction:column;height:100svh;font-family:Courier New,monospace;display:flex}.checkers-header{background:#0a0e1afa;border-bottom:1px solid #fb923c40;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.checkers-header-left{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.checkers-brand{color:#fb923c;letter-spacing:2px;text-shadow:0 0 10px #fb923c;font-size:14px;font-weight:700}.checkers-bot-badge{color:#34d399;letter-spacing:1.5px;background:#34d3991a;border:1px solid #34d39966;padding:3px 10px;font-size:11px}.checkers-code-row{align-items:center;gap:8px;display:flex}.checkers-code-label{color:#8aa1c5;letter-spacing:2px;font-size:11px}.checkers-code-value{color:#7fffd4;letter-spacing:4px;text-shadow:0 0 10px #00fff7;font-size:18px;font-weight:700}.checkers-copy-btn{color:#7fffd4;cursor:pointer;letter-spacing:1px;background:0 0;border:1px solid #7fffd466;padding:4px 10px;font-family:Courier New,monospace;font-size:10px}.checkers-copy-btn:hover{background:#7fffd41a}.checkers-exit-btn{color:#ff8aa0;cursor:pointer;letter-spacing:1px;background:0 0;border:1px solid #ff4b6866;padding:8px 16px;font-family:Courier New,monospace;font-size:12px}.checkers-exit-btn:hover{background:#ff4b681a}.checkers-main{flex-direction:column;flex:1;justify-content:flex-start;align-items:center;gap:16px;padding:20px 16px 32px;display:flex;overflow-y:auto}.checkers-score-row{gap:8px;width:100%;max-width:520px;display:flex}.checkers-score-item{background:#ffffff0a;border:1.5px solid #ffffff1a;flex-direction:column;flex:1;gap:2px;padding:10px 14px;transition:border-color .2s,background .2s;display:flex}.checkers-score-item.is-red{border-color:#ef44444d}.checkers-score-item.is-blue{border-color:#60a5fa4d}.checkers-score-item.is-active.is-red{background:#ef44441a;border-color:#ef4444;box-shadow:0 0 10px #ef444433}.checkers-score-item.is-active.is-blue{background:#60a5fa14;border-color:#60a5fa;box-shadow:0 0 10px #60a5fa33}.checkers-score-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.checkers-score-name em{color:#fb923c;font-size:11px;font-style:normal}.checkers-piece-count{color:#8aa1c5;font-size:11px}.checkers-score-num{color:#ffe066;font-size:20px;font-weight:700}.checkers-status{color:#c7d7ff;letter-spacing:1.5px;text-align:center;min-height:20px;font-size:14px}.checkers-status.is-my-turn{color:#fb923c;text-shadow:0 0 10px #fb923c}.checkers-status.is-win{color:#7fffd4;text-shadow:0 0 16px #00fff7;font-size:18px;font-weight:700}.checkers-status.is-lose{color:#ff8aa0;font-size:16px}.cb-board{aspect-ratio:1;border:2px solid #fb923c4d;flex-shrink:0;grid-template-columns:repeat(8,1fr);width:min(480px,92vw);display:grid}.cb-cell{aspect-ratio:1;cursor:default;position:relative}.cb-cell--light{background:#334155}.cb-cell--dark{background:#0f172a}.cb-cell--selected{outline-offset:-2px;z-index:1;outline:2px solid #fb923c;background:#2d3748!important}.cb-cell--dest{background:#1a3a2a!important}.cb-cell--last{background:#fb923c14!important}.cb-cell--captured{background:#ff4b681a!important}.cb-cell--pickable{cursor:pointer}.cb-cell--pickable:hover{background:#243047!important}.cb-piece{border-radius:50%;transition:transform .1s;position:absolute;inset:10%}.cb-piece--red{background:radial-gradient(circle at 35% 35%,#f87171,#dc2626);border:2px solid #ef4444;box-shadow:0 2px 6px #dc262680,inset 0 1px 2px #fff3}.cb-piece--blue{background:radial-gradient(circle at 35% 35%,#93c5fd,#2563eb);border:2px solid #60a5fa;box-shadow:0 2px 6px #2563eb80,inset 0 1px 2px #fff3}.cb-piece--king.cb-piece--red{background:radial-gradient(circle at 35% 35%,#fca5a5,#b91c1c);border-color:#fca5a5;box-shadow:0 0 10px #fca5a580,inset 0 1px 2px #ffffff4d}.cb-piece--king.cb-piece--blue{background:radial-gradient(circle at 35% 35%,#bfdbfe,#1d4ed8);border-color:#bfdbfe;box-shadow:0 0 10px #bfdbfe80,inset 0 1px 2px #ffffff4d}.cb-piece--sel{z-index:2;transform:scale(1.12)}.cb-crown{color:#ffffffd9;text-shadow:0 1px 2px #00000080;justify-content:center;align-items:center;height:100%;font-size:clamp(10px,2vw,16px);line-height:1;display:flex}.cb-dot{background:#34d39980;border-radius:50%;position:absolute;inset:30%}.checkers-over-actions{align-items:center;gap:12px;margin-top:8px;display:flex}.checkers-waiting-msg{color:#8aa1c5;text-align:center;margin:0;font-size:13px}@media (width<=600px){.checkers-lobby-actions,.checkers-score-row,.checkers-over-actions{flex-direction:column}}.ttt-lobby-page{max-width:600px;margin:0 auto}.ttt-page-title{color:#c084fc;text-align:center;text-shadow:0 0 20px #c084fc;margin:0 0 24px;font-family:Courier New,monospace;font-size:clamp(28px,5vw,44px)}.ttt-lobby-actions{gap:12px;margin-bottom:28px;display:flex}.ttt-rules{background:#c084fc0d;border:1px solid #c084fc4d;padding:20px 24px}.ttt-rules h2{color:#ffe066;letter-spacing:2px;margin:0 0 12px;font-family:Courier New,monospace;font-size:13px}.ttt-rules ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ttt-rules ul li{color:#c7d7ff;padding-left:12px;font-family:Courier New,monospace;font-size:13px;line-height:1.5;position:relative}.ttt-rules ul li:before{color:#c084fc;content:"▸";position:absolute;left:0}.ttt-btn{color:#7fffd4;cursor:pointer;letter-spacing:1.5px;background:0 0;border:1.5px solid #7fffd4;padding:10px 24px;font-family:Courier New,monospace;font-size:13px}.ttt-btn:hover:not(:disabled){background:#7fffd41a}.ttt-btn:disabled{cursor:not-allowed;opacity:.45}.ttt-btn--primary{color:#c084fc;border-color:#c084fc}.ttt-btn--primary:hover:not(:disabled){background:#c084fc1f}.ttt-btn--bot{color:#34d399;border-color:#34d399}.ttt-btn--bot:hover:not(:disabled){background:#34d3991f}.ttt-form{max-width:400px}.ttt-form h2{color:#c084fc;letter-spacing:1.5px;text-shadow:0 0 10px #c084fc;margin:0 0 18px;font-family:Courier New,monospace;font-size:16px}.ttt-label{color:#c7d7ff;letter-spacing:1px;flex-direction:column;gap:6px;margin-bottom:14px;font-family:Courier New,monospace;font-size:12px;display:flex}.ttt-input{color:#fff;background:#ffffff0a;border:1px solid #c084fc59;padding:10px 12px;font-family:Courier New,monospace;font-size:15px}.ttt-input:focus{border-color:#c084fc;outline:none}.ttt-input--code{letter-spacing:6px;text-align:center;font-size:24px}.ttt-form-actions{gap:10px;margin-top:4px;display:flex}.ttt-error{color:#ff8aa0;margin:8px 0;font-family:Courier New,monospace;font-size:13px}.ttt-fullscreen{color:#7fffd4;background:#0a0e1a;flex-direction:column;height:100svh;font-family:Courier New,monospace;display:flex}.ttt-header{background:#0a0e1afa;border-bottom:1px solid #c084fc40;justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.ttt-header-left{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.ttt-brand{color:#c084fc;letter-spacing:2px;text-shadow:0 0 10px #c084fc;font-size:14px;font-weight:700}.ttt-code-row{align-items:center;gap:8px;display:flex}.ttt-code-label{color:#8aa1c5;letter-spacing:2px;font-size:11px}.ttt-code-value{color:#7fffd4;letter-spacing:4px;text-shadow:0 0 10px #00fff7;font-size:18px;font-weight:700}.ttt-copy-btn{color:#7fffd4;cursor:pointer;letter-spacing:1px;background:0 0;border:1px solid #7fffd466;padding:4px 10px;font-family:Courier New,monospace;font-size:10px}.ttt-copy-btn:hover{background:#7fffd41a}.ttt-exit-btn{color:#ff8aa0;cursor:pointer;letter-spacing:1px;background:0 0;border:1px solid #ff4b6866;padding:8px 16px;font-family:Courier New,monospace;font-size:12px}.ttt-exit-btn:hover{background:#ff4b681a}.ttt-main{flex-direction:column;flex:1;justify-content:flex-start;align-items:center;gap:24px;padding:32px 20px;display:flex;overflow-y:auto}.ttt-players-bar{align-items:center;gap:20px;width:100%;max-width:440px;display:flex}.ttt-player-chip{background:#ffffff0a;border:1.5px solid #ffffff26;flex:1;align-items:center;gap:10px;padding:10px 14px;transition:border-color .2s,background .2s;display:flex}.ttt-player-chip.is-x{border-color:#7fffd44d}.ttt-player-chip.is-o{border-color:#ffe0664d}.ttt-player-chip.is-active.is-x{background:#7fffd41a;border-color:#7fffd4;box-shadow:0 0 12px #7fffd433}.ttt-player-chip.is-active.is-o{background:#ffe06614;border-color:#ffe066;box-shadow:0 0 12px #ffe06633}.ttt-symbol-badge{text-align:center;min-width:24px;font-size:22px;font-weight:700}.ttt-player-chip.is-x .ttt-symbol-badge{color:#7fffd4;text-shadow:0 0 8px #00fff7}.ttt-player-chip.is-o .ttt-symbol-badge{color:#ffe066;text-shadow:0 0 8px #ffe066}.ttt-chip-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.ttt-chip-name em{color:#c084fc;font-size:11px;font-style:normal}.ttt-vs{color:#8aa1c5;letter-spacing:2px;flex-shrink:0;font-size:13px}.ttt-status{color:#c7d7ff;letter-spacing:1.5px;text-align:center;min-height:22px;font-size:15px}.ttt-status.is-my-turn{color:#c084fc;text-shadow:0 0 10px #c084fc}.ttt-status.is-win{color:#7fffd4;text-shadow:0 0 16px #00fff7;font-size:18px;font-weight:700}.ttt-status.is-lose{color:#ff8aa0;font-size:16px}.ttt-status.is-draw{color:#ffe066;text-shadow:0 0 10px #ffe066;font-size:16px}.ttt-board{grid-template-columns:repeat(3,1fr);gap:6px;width:min(360px,85vw);display:grid}.ttt-board.is-disabled{opacity:.35;pointer-events:none}.ttt-cell{aspect-ratio:1;color:#0000;cursor:default;background:#ffffff0a;border:1.5px solid #ffffff1f;font-family:Courier New,monospace;font-size:clamp(36px,8vw,60px);font-weight:700;line-height:1;transition:background .12s,border-color .12s}.ttt-cell.is-x{color:#7fffd4;text-shadow:0 0 12px #00fff7;border-color:#7fffd480}.ttt-cell.is-o{color:#ffe066;text-shadow:0 0 12px #ffe066;border-color:#ffe06680}.ttt-cell.is-clickable{cursor:pointer;border-color:#c084fc66}.ttt-cell.is-clickable:hover{background:#c084fc1a;border-color:#c084fc}.ttt-over-actions{flex-direction:column;align-items:center;gap:12px;margin-top:8px;display:flex}.ttt-waiting-reset{color:#8aa1c5;margin:0;font-size:13px;font-style:italic}.ttt-waiting-msg{color:#8aa1c5;text-align:center;margin:0;font-size:13px}.ttt-bot-badge{color:#34d399;letter-spacing:1.5px;background:#34d3991a;border:1px solid #34d39966;padding:3px 10px;font-size:11px}.ttt-score-board{gap:6px;width:100%;max-width:320px;display:flex}.ttt-score-item{text-align:center;background:#ffffff0a;border:1px solid #ffffff1a;flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 10px;display:flex}.ttt-score-item.is-player{border-color:#7fffd44d}.ttt-score-item.is-bot{border-color:#ffe0664d}.ttt-score-item.is-draw{border-color:#8aa1c54d}.ttt-score-name{color:#8aa1c5;letter-spacing:1px;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:10px;overflow:hidden}.ttt-score-num{font-size:22px;font-weight:700}.ttt-score-item.is-player .ttt-score-num{color:#7fffd4}.ttt-score-item.is-bot .ttt-score-num{color:#ffe066}.ttt-score-item.is-draw .ttt-score-num{color:#8aa1c5}.ttt-diff-selector{gap:8px;margin-top:2px;display:flex}.ttt-diff-btn{color:#8aa1c5;cursor:pointer;letter-spacing:1px;background:0 0;border:1.5px solid #ffffff26;flex:1;padding:8px 6px;font-family:Courier New,monospace;font-size:11px;transition:all .15s}.ttt-diff-btn--easy.is-active,.ttt-diff-btn--easy:hover{color:#34d399;background:#34d3991a;border-color:#34d399}.ttt-diff-btn--medium.is-active,.ttt-diff-btn--medium:hover{color:#ffe066;background:#ffe0661a;border-color:#ffe066}.ttt-diff-btn--hard.is-active,.ttt-diff-btn--hard:hover{color:#ff4b68;background:#ff4b681a;border-color:#ff4b68}@media (width<=600px){.ttt-lobby-actions{flex-direction:column}.ttt-players-bar{flex-direction:column;gap:8px}.ttt-player-chip{width:100%;max-width:260px}.ttt-vs{transform:rotate(90deg)}}@media (width<=760px){.live-leaderboard{width:180px;max-height:35vh;top:auto;bottom:12px;right:10px}.lobby-code-big{letter-spacing:4px;font-size:22px}}.battle-lobby-page{max-width:880px;margin:0 auto}.battle-title{color:#ff6b35;text-shadow:0 0 22px #ff6b35;margin:0;font-family:Courier New,monospace;font-size:clamp(28px,5vw,44px)}.battle-subtitle{color:#c7d7ff;letter-spacing:.5px;margin:-18px 0 22px;font-family:Courier New,monospace;font-size:13px}.battle-form{max-width:440px}.battle-form h2{color:#ff6b35;letter-spacing:1.5px;text-shadow:0 0 12px #ff6b35;margin:0 0 10px;font-family:Courier New,monospace;font-size:16px}.battle-form-meta{color:#c7d7ff;margin:0 0 18px;font-family:Courier New,monospace;font-size:13px}.battle-waiting-title{color:#fff;text-shadow:0 0 16px #00fff7;margin:0;font-family:Courier New,monospace;font-size:clamp(20px,3.5vw,32px)}.battle-teams{grid-template-columns:1fr 1fr;gap:16px;margin:16px 0 0;display:grid}.battle-team-title{color:#ffe066;letter-spacing:2px;margin:0 0 8px;font-family:Courier New,monospace;font-size:12px}.battle-team--a .battle-team-title{color:#f45}.battle-team--b .battle-team-title{color:#4af}.battle-team-badge{letter-spacing:1px;padding:4px 10px;font-family:Courier New,monospace;font-size:13px;font-weight:700}.battle-team-badge--me{color:#f85;background:#ff6b351f;border:1px solid #ff6b3599}.battle-arena-bar{pointer-events:none;z-index:12;justify-content:center;padding:0 8px;display:flex;position:fixed;bottom:0;left:0;right:0}.battle-arena-inner{background:#050812f0;border:1px solid #ff6b354d;border-bottom:none;border-radius:10px 10px 0 0;width:100%;max-width:640px;overflow:hidden}.battle-arena-canvas{width:100%;height:auto;display:block}.battle-result--won{color:#7fffd4!important;text-shadow:0 0 20px #00fff7!important}.battle-result--lost{color:#ff8aa0!important}.battle-final-scores{align-items:center;gap:20px;margin:14px 0 22px;display:flex}.battle-final-score{flex-direction:column;align-items:center;gap:4px;font-family:Courier New,monospace;display:flex}.battle-final-score span{letter-spacing:2px;font-size:12px}.battle-final-score strong{font-size:42px;font-weight:700;line-height:1}.battle-final-score--a span{color:#f89}.battle-final-score--a strong{color:#f45;text-shadow:0 0 16px #f45}.battle-final-score--b span{color:#8bf}.battle-final-score--b strong{color:#4af;text-shadow:0 0 16px #4af}.battle-vs{color:#8aa1c5;letter-spacing:3px;font-family:Courier New,monospace;font-size:14px}.battle-final-leaderboard .battle-lb-a{border-color:#f456!important}.battle-final-leaderboard .battle-lb-b{border-color:#4af6!important}@media (width<=600px){.battle-teams{grid-template-columns:1fr}.battle-final-scores{gap:12px}.battle-final-score strong{font-size:32px}}.crossword-lobby{font-family:Courier New,monospace}.crossword-loading{color:#7fffd4b3;letter-spacing:2px;justify-content:center;align-items:center;min-height:200px;font-family:Courier New,monospace;font-size:13px;display:flex}.crossword-gen-error{color:#f45;border:1px solid #f456;border-radius:6px;margin-bottom:16px;padding:10px 16px;font-family:Courier New,monospace;font-size:12px}.crossword-game{color:#7fffd4;font-family:Courier New,monospace}.crossword-game-header{align-items:center;gap:20px;margin-bottom:20px;display:flex}.crossword-title{letter-spacing:3px;margin:0 0 4px;font-size:22px;font-weight:700}.crossword-subtitle{color:#8aa1c5;letter-spacing:1px;margin:0 0 24px;font-size:12px}.crossword-success{color:#7fffd4;letter-spacing:1px;text-align:center;background:#7fffd414;border:1px solid #7fffd466;border-radius:8px;margin-bottom:24px;padding:12px 20px;font-size:13px}.crossword-layout{flex-wrap:wrap;align-items:flex-start;gap:32px;display:flex}.crossword-grid-wrap{flex-shrink:0}.crossword-grid{border:2px solid #7fffd440;gap:0;display:grid}.cw-cell{box-sizing:border-box;border:1px solid #7fffd42e;width:36px;height:36px;position:relative}.cw-cell--black{background:#070a14;border-color:#070a14}.cw-cell--word{background:#7fffd412}.cw-cell--sel{background:#7fffd438}.cw-cell--err{background:#ff44552e}.cw-cell--ok{background:#7fffd42e}.cw-num{color:#7fffd4a6;pointer-events:none;z-index:1;font-size:8px;line-height:1;position:absolute;top:1px;left:2px}.cw-input{caret-color:#0000;color:#7fffd4;cursor:pointer;text-align:center;text-transform:uppercase;background:0 0;border:none;outline:none;width:100%;height:100%;padding:0;font-family:Courier New,monospace;font-size:15px;font-weight:700;position:absolute;inset:0}.crossword-actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.crossword-clues{flex-wrap:wrap;flex:1;gap:24px;min-width:260px;display:flex}.cw-clue-section{flex:1;min-width:200px}.cw-clue-heading{color:#7fffd48c;letter-spacing:2px;text-transform:uppercase;margin:0 0 10px;font-size:11px}.cw-clue{color:#8aa1c5;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:4px;align-items:flex-start;gap:6px;width:100%;margin-bottom:2px;padding:5px 8px;font-family:Courier New,monospace;font-size:12px;line-height:1.5;transition:color .15s,background .15s;display:flex}.cw-clue:hover{color:#7fffd4;background:#7fffd40f}.cw-clue--active{color:#7fffd4;background:#7fffd41a}.cw-clue-num{color:#7fffd4b3;flex-shrink:0;min-width:22px;font-weight:700}@media (width<=540px){.cw-cell{width:28px;height:28px}.cw-input{font-size:12px}.cw-num{font-size:7px}.crossword-layout{flex-direction:column}}.hangman-lobby,.hangman-game{color:#7fffd4;font-family:Courier New,monospace}.hangman-title{letter-spacing:3px;margin:0;font-size:22px;font-weight:700}.hangman-subtitle{color:#8aa1c5;letter-spacing:1px;margin:0 0 24px;font-size:12px}.hangman-header{flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:24px;display:flex}.hangman-score{align-items:center;gap:6px;margin-left:auto;font-size:13px;display:flex}.hangman-score-win{color:#7fffd4;font-weight:700}.hangman-score-sep{color:#8aa1c5}.hangman-score-lose{color:#f45;font-weight:700}.hangman-layout{flex-wrap:wrap;align-items:flex-start;gap:32px;display:flex}.hangman-left{flex-direction:column;flex-shrink:0;align-items:center;gap:16px;display:flex}.hangman-svg{width:200px;height:210px}.hangman-word-row{flex-wrap:wrap;justify-content:center;gap:6px;max-width:400px;display:flex}.hangman-letter-box{border-bottom:2.5px solid #7fffd480;justify-content:center;align-items:center;min-width:28px;height:36px;display:inline-flex}.hangman-letter-inner{color:#7fffd4;letter-spacing:0;font-family:Courier New,monospace;font-size:18px;font-weight:700;line-height:1}.hangman-hint{color:#8aa1c5;letter-spacing:.5px;text-align:center;max-width:340px;margin:0;font-size:12px;line-height:1.5}.hangman-wrong-row{gap:6px;display:flex}.hangman-life{background:#7fffd466;border-radius:50%;width:10px;height:10px;transition:background .2s;display:block}.hangman-life--gone{background:#ff4455b3}.hangman-result{letter-spacing:1px;text-align:center;border-radius:8px;padding:10px 20px;font-size:13px}.hangman-result--win{color:#7fffd4;background:#7fffd414;border:1px solid #7fffd466}.hangman-result--lose{color:#f45;background:#ff445514;border:1px solid #f456}.hangman-result--lose strong{color:#ff8aa0}.hangman-next-btn{margin-top:4px}.hangman-right{flex:1;min-width:260px}.hangman-keyboard{flex-wrap:wrap;gap:7px;max-width:320px;display:flex}.hangman-key{color:#8aa1c5;cursor:pointer;letter-spacing:1px;background:#7fffd40a;border:1px solid #7fffd433;border-radius:6px;width:40px;height:40px;font-family:Courier New,monospace;font-size:14px;font-weight:700;transition:background .12s,color .12s,border-color .12s}.hangman-key:hover:not(:disabled){color:#7fffd4;background:#7fffd41a;border-color:#7fffd480}.hangman-key--correct{color:#7fffd4;background:#7fffd426;border-color:#7fffd499}.hangman-key--wrong{color:#ff445580;background:#ff445514;border-color:#ff44554d}.hangman-key:disabled{cursor:default}@media (width<=600px){.hangman-layout{flex-direction:column;align-items:center}.hangman-svg{width:160px;height:168px}.hangman-key{width:34px;height:34px;font-size:12px}.hangman-keyboard{gap:5px;max-width:270px}}.memory-lobby,.memory-game{color:#7fffd4;font-family:Courier New,monospace}.memory-title{letter-spacing:3px;margin:0;font-size:20px;font-weight:700}.memory-subtitle{color:#8aa1c5;letter-spacing:.5px;margin:0 0 24px;font-size:12px}.memory-back{margin-bottom:16px;display:block}.memory-diff-grid{flex-wrap:wrap;gap:16px;margin-top:20px;display:flex}.memory-diff-card{cursor:pointer;background:#7fffd40a;border:1px solid #7fffd433;border-radius:10px;flex-direction:column;align-items:center;gap:6px;min-width:120px;padding:20px 24px;transition:background .15s,border-color .15s;display:flex}.memory-diff-card:hover{background:#7fffd414;border-color:#7fffd473}.memory-diff-label{color:#7fffd4;letter-spacing:2px;font-family:Courier New,monospace;font-size:15px;font-weight:700}.memory-diff-desc{color:#8aa1c5;font-family:Courier New,monospace;font-size:11px}.memory-header{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.memory-diff-badge{color:#7fffd4b3;letter-spacing:2px;text-transform:uppercase;background:#7fffd414;border:1px solid #7fffd440;border-radius:4px;padding:2px 8px;font-size:10px}.memory-stats{color:#8aa1c5;letter-spacing:1px;gap:16px;margin-left:auto;font-size:12px;display:flex}.memory-timer{color:#7fffd4}.memory-won{color:#7fffd4;letter-spacing:.5px;text-align:center;background:#7fffd414;border:1px solid #7fffd466;border-radius:8px;margin-bottom:20px;padding:12px 20px;font-size:13px}.memory-grid{grid-template-columns:repeat(var(--mem-cols,4), minmax(0, 80px));gap:8px;display:grid}.mem-card{cursor:pointer;perspective:700px;-webkit-user-select:none;user-select:none;width:100%;height:72px}.mem-card.is-matched{cursor:default}.mem-card-inner{height:100%;transform-style:preserve-3d;width:100%;transition:transform .42s;position:relative}.mem-card.is-flipped .mem-card-inner,.mem-card.is-matched .mem-card-inner{transform:rotateY(180deg)}.mem-card-back,.mem-card-front{backface-visibility:hidden;text-align:center;border-radius:8px;justify-content:center;align-items:center;padding:6px;display:flex;position:absolute;inset:0}.mem-card-back{background:#7fffd40a;border:1px solid #7fffd42e;transition:background .15s}.mem-card:hover:not(.is-flipped):not(.is-matched) .mem-card-back{background:#7fffd417;border-color:#7fffd459}.mem-card-q{color:#7fffd44d;font-family:Courier New,monospace;font-size:22px;font-weight:700}.mem-card-front{background:#0a0e1af5;border:1px solid #7fffd44d;transform:rotateY(180deg)}.mem-card.is-matched .mem-card-front{background:#7fffd412;border-color:#7fffd48c}.mem-card-front--term{color:#7fffd4;letter-spacing:1px;word-break:break-all;font-family:Courier New,monospace;font-size:12px;font-weight:700}.mem-card-front--hint{color:#8aa1c5;font-family:Courier New,monospace;font-size:10px;line-height:1.4}.memory-actions{margin-top:20px}@media (width<=600px){.memory-grid{grid-template-columns:repeat(var(--mem-cols,4), minmax(0, 64px));gap:6px}.mem-card{height:58px}.mem-card-front--term{font-size:9px}.mem-card-front--hint{font-size:8px}.mem-card-q{font-size:16px}}.uno-lobby-page,.uno-game{color:#7fffd4;font-family:Courier New,monospace}.uno-lobby-title{letter-spacing:3px;margin:0 0 6px;font-size:22px;font-weight:700}.uno-lobby-subtitle{color:#8aa1c5;margin:0 0 24px;font-size:12px}.uno-lobby-actions{flex-wrap:wrap;gap:12px;margin-bottom:28px;display:flex}.uno-code-box{background:#7fffd40f;border:1px solid #7fffd440;border-radius:10px;flex-direction:column;align-items:center;gap:4px;max-width:300px;margin-bottom:24px;padding:20px 32px;display:flex}.uno-code-label{color:#8aa1c5;letter-spacing:2px;text-transform:uppercase;font-size:11px}.uno-code-value{color:#7fffd4;letter-spacing:6px;font-size:36px;font-weight:700}.uno-code-hint{color:#8aa1c5;text-align:center;font-size:11px}.uno-players-list{margin-bottom:20px}.uno-players-title{color:#7fffd4b3;letter-spacing:2px;margin:0 0 10px;font-size:12px}.uno-player-row{border:1px solid #7fffd41a;border-radius:6px;align-items:center;gap:10px;margin-bottom:6px;padding:8px 14px;display:flex}.uno-player-row.is-me{background:#7fffd40a;border-color:#7fffd459}.uno-player-seat{color:#8aa1c5;font-size:11px}.uno-player-name{flex:1}.uno-host-badge{color:#facc15;letter-spacing:1px;background:#facc1526;border:1px solid #facc1566;border-radius:4px;padding:1px 6px;font-size:9px}.uno-me-badge{color:#7fffd4;letter-spacing:1px;background:#7fffd41f;border:1px solid #7fffd459;border-radius:4px;padding:1px 6px;font-size:9px}.uno-waiting-text{color:#8aa1c5;margin-top:8px;font-size:12px}.uno-rules{border:1px solid #7fffd426;border-radius:8px;margin-top:24px;padding:16px 20px}.uno-rules h2{color:#7fffd4b3;letter-spacing:2px;margin:0 0 12px;font-size:12px}.uno-rules ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.uno-rules li{color:#8aa1c5;align-items:center;gap:8px;font-size:12px;display:flex}.uno-rule-card{color:#fff;border-radius:3px;flex-shrink:0;padding:1px 5px;font-size:10px;font-weight:700}.uno-header{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.uno-title{letter-spacing:3px;margin:0;font-size:20px;font-weight:700}.uno-msg{color:#7fffd4cc;letter-spacing:1px;background:#7fffd414;border-radius:4px;padding:3px 10px;font-size:11px}.uno-gameover{letter-spacing:1px;background:#7fffd414;border:1px solid #7fffd459;border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-bottom:20px;padding:16px 24px;font-size:16px;font-weight:700;display:flex}.uno-opponents{flex-wrap:wrap;gap:16px;margin-bottom:16px;display:flex}.uno-opponent{background:#0a0e1a99;border:1px solid #7fffd41f;border-radius:8px;flex-direction:column;gap:6px;min-width:120px;padding:10px 14px;transition:border-color .2s;display:flex}.uno-opponent.is-active{background:#7fffd40d;border-color:#7fffd480}.uno-op-name{color:#7fffd4;letter-spacing:1px;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.uno-op-cards{flex-wrap:wrap;gap:2px;display:flex}.uno-op-count{color:#8aa1c5;font-size:10px}.uno-op-extra{color:#8aa1c5;align-self:center;font-size:10px}.uno-table{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;margin:16px 0;display:flex}.uno-deck{cursor:default;position:relative}.uno-deck--active{cursor:pointer}.uno-deck--active:hover .uno-card--back{transform:translateY(-4px);box-shadow:0 6px 16px #00000080}.uno-deck-n{color:#7fffd4b3;white-space:nowrap;background:#0a0e1ae6;border:1px solid #7fffd44d;border-radius:4px;padding:1px 6px;font-size:10px;position:absolute;bottom:-12px;left:50%;transform:translate(-50%)}.uno-discard{position:relative}.uno-color-dot{border:2px solid #ffffff40;border-radius:50%;flex-shrink:0;width:24px;height:24px;box-shadow:0 0 12px #0006}.uno-picker{background:#0a0e1af2;border:1px solid #7fffd44d;border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;margin:8px 0;padding:14px 20px;display:flex}.uno-picker-label{color:#7fffd4b3;letter-spacing:1px;font-size:12px}.uno-picker-colors{gap:10px;display:flex}.uno-picker-btn{cursor:pointer;border:2px solid #fff3;border-radius:50%;width:36px;height:36px;transition:transform .15s,border-color .15s}.uno-picker-btn:hover{border-color:#fff;transform:scale(1.15)}.uno-waiting-color{color:#8aa1c5;letter-spacing:1px;margin:8px 0;font-size:12px}.uno-my-area{margin-top:8px}.uno-my-label{color:#8aa1c5;letter-spacing:1px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;font-size:12px;display:flex}.uno-uno-tag{color:#ef4444;letter-spacing:1px;background:#dc262633;border:1px solid #dc262680;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:700}.uno-turn-tag{color:#7fffd4;letter-spacing:1px;background:#7fffd41a;border:1px solid #7fffd459;border-radius:4px;padding:1px 6px;font-size:10px}.uno-turn-bar{background:#8aa1c512;border:1px solid #8aa1c533;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;padding:9px 16px;transition:background .3s,border-color .3s;display:flex}.uno-turn-bar--mine{background:#7fffd414;border-color:#7fffd473;animation:1.6s ease-in-out infinite uno-turn-pulse}@keyframes uno-turn-pulse{0%,to{box-shadow:0 0 #7fffd400}50%{box-shadow:0 0 0 4px #7fffd426}}.uno-turn-arrow{color:#7fffd4;opacity:.7;font-size:10px}.uno-turn-name{color:#7fffd4;letter-spacing:1px;flex:1;font-size:13px;font-weight:700}.uno-turn-dir{color:#8aa1c5;letter-spacing:1px;margin-left:auto;font-size:10px}.uno-op-turn-dot{background:#7fffd4;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:1s ease-in-out infinite uno-dot-pulse;display:inline-block}@keyframes uno-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.uno-hand{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.uno-draw-btn{margin-top:4px}.uno-card{background:var(--uc,#555);color:#fff;-webkit-user-select:none;user-select:none;border:2px solid #ffffff2e;border-radius:8px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:76px;font-family:Courier New,monospace;font-weight:700;transition:transform .15s,box-shadow .15s;display:flex;position:relative}.uno-card--sm{border-width:1.5px;border-radius:5px;width:30px;height:42px}.uno-card--back{--uc:transparent;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-color:#7fffd433}.uno-card--play{cursor:pointer}.uno-card--play:hover{border-color:#ffffff80;transform:translateY(-10px);box-shadow:0 10px 24px #00000080}.uno-c-tl{font-size:9px;position:absolute;top:3px;left:3px}.uno-c-mid{font-size:18px}.uno-c-br{font-size:9px;position:absolute;bottom:3px;right:3px;transform:rotate(180deg)}@media (width<=600px){.uno-card{width:42px;height:62px}.uno-c-mid{font-size:14px}.uno-opponents{gap:10px}.uno-opponent{min-width:90px;padding:8px 10px}}.wordle-game{flex-direction:column;align-items:center;gap:12px;max-width:480px;font-family:Courier New,monospace;display:flex}.wordle-header{align-items:center;gap:16px;width:100%;display:flex}.wordle-title{letter-spacing:4px;color:#7fffd4;margin:0;font-size:22px;font-weight:700}.wordle-mode-btns{gap:6px;margin-left:auto;display:flex}.wordle-mode-btn{color:#8aa1c5;cursor:pointer;letter-spacing:1px;background:0 0;border:1px solid #7fffd433;border-radius:5px;padding:4px 10px;font-family:Courier New,monospace;font-size:11px;transition:color .15s,border-color .15s,background .15s}.wordle-mode-btn.is-active,.wordle-mode-btn:hover{color:#7fffd4;background:#7fffd412;border-color:#7fffd480}.wordle-date{color:#8aa1c5;letter-spacing:1px;margin:0;font-size:11px}.wordle-hint{color:#8aa1c5;letter-spacing:.5px;text-align:center;background:#7fffd40d;border:1px solid #7fffd426;border-radius:6px;width:100%;margin:0;padding:7px 14px;font-size:12px}.wordle-grid{flex-direction:column;gap:6px;display:flex}.wordle-row{gap:6px;display:flex}@keyframes wordle-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.wordle-shake{animation:.5s wordle-shake}.wl-cell{color:#fff;letter-spacing:0;-webkit-user-select:none;user-select:none;border:2px solid #7fffd426;border-radius:4px;justify-content:center;align-items:center;width:58px;height:58px;font-family:Courier New,monospace;font-size:22px;font-weight:700;transition:background 50ms,border-color 50ms;display:flex}.wl-cell--tbd{color:#7fffd4;border-color:#7fffd480}.wl-cell--correct{background:#16a34a;border-color:#16a34a}.wl-cell--present{background:#d97706;border-color:#d97706}.wl-cell--absent{color:#9ca3af;background:#374151;border-color:#374151}@keyframes wl-pop{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}.wl-cell--pop{animation:.1s wl-pop}@keyframes wl-flip{0%{transform:rotateX(0)}50%{opacity:.6;transform:rotateX(-90deg)}to{transform:rotateX(0)}}.wl-cell--flip{animation:.24s both wl-flip}.wordle-result{letter-spacing:1px;text-align:center;border-radius:8px;width:100%;padding:10px 20px;font-size:13px}.wordle-result--win{color:#4ade80;background:#16a34a1a;border:1px solid #16a34a66}.wordle-result--lose{color:#f87171;background:#ef444414;border:1px solid #ef444459}.wordle-result--lose strong{color:#fca5a5}.wordle-new-btn{margin-top:4px}.wordle-keyboard{flex-direction:column;gap:6px;width:100%;display:flex}.wordle-kb-row{justify-content:center;gap:5px;display:flex}.wl-key{color:#8aa1c5;cursor:pointer;letter-spacing:0;background:#7fffd40f;border:1px solid #7fffd42e;border-radius:5px;min-width:34px;height:46px;padding:0 6px;font-family:Courier New,monospace;font-size:13px;font-weight:700;transition:background .12s,color .12s,border-color .12s}.wl-key:hover:not(:disabled){color:#7fffd4;background:#7fffd41f;border-color:#7fffd466}.wl-key--wide{min-width:58px;font-size:11px}.wl-key--correct{color:#fff;background:#16a34a;border-color:#16a34a}.wl-key--present{color:#fff;background:#d97706;border-color:#d97706}.wl-key--absent{color:#4b5563;background:#1f2937;border-color:#374151}@media (width<=480px){.wl-cell{width:48px;height:48px;font-size:18px}.wl-key{min-width:28px;height:40px;font-size:11px}.wl-key--wide{min-width:48px;font-size:9px}.wordle-kb-row{gap:4px}.wordle-row{gap:5px}}