.desktop-layout{display:flex;align-items:flex-start;flex:1;width:100%}.desktop-layout__main{flex:1;min-width:0;display:flex;flex-direction:column}.desktop-layout__ad{width:0;overflow:hidden;flex-shrink:0;transition:width .3s ease}.desktop-layout--ads .desktop-layout__ad{width:160px}.desktop-layout__ad--left{display:flex;justify-content:flex-end;padding-right:8px}.desktop-layout__ad--right{display:flex;justify-content:flex-start;padding-left:8px}.mobile-layout{overflow-x:hidden;max-width:100vw}.mobile-layout .mobile-layout__main{flex:1;display:flex;flex-direction:column;padding:0 12px;overflow-x:hidden}.mobile-layout .btn{min-height:36px;padding:6px 10px;font-size:.7rem;letter-spacing:.03em}.mobile-layout .mode-bar{flex-direction:column;align-items:flex-start;gap:8px;padding:10px 0}.mobile-layout .mode-right{width:100%;display:flex;flex-wrap:wrap;gap:6px}.mobile-layout .mode-right .btn{flex:0 0 auto;text-align:center;justify-content:center;white-space:nowrap}.mobile-layout .stats-row,.mobile-layout .player-grid{grid-template-columns:repeat(2,1fr)}.mobile-layout .screen{padding:8px 0}.mobile-layout .lb-trigger-btn{width:100%;justify-content:center;margin:16px 0}.mobile-layout .stats-row--compact{display:flex;align-items:center;gap:6px;padding:5px 10px;margin-bottom:8px;background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap}.stat-inline{font-size:.72rem;white-space:nowrap}.stat-inline-val{font-family:var(--font-head);font-weight:800;color:var(--accent)}.stat-inline-lbl{color:var(--muted);font-size:.6rem;letter-spacing:.06em;text-transform:uppercase}.stat-inline-sep{color:var(--border);font-size:.8rem;-webkit-user-select:none;user-select:none}.tbe-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:22px;transition:border-color .2s}.tbe-card:focus-within{border-color:#00d4ff66}.tbe-card.tbe-error{animation:tbeShake .25s ease}@keyframes tbeShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.tbe-display{font-size:1.05rem;line-height:1.95;letter-spacing:.02em;word-break:break-word;-webkit-user-select:none;user-select:none;margin-bottom:18px;min-height:60px}.tbe-char{display:inline;white-space:pre-wrap}.tbe-correct{color:var(--accent)}.tbe-wrong{color:var(--red);background:#ff4d6d21;border-radius:2px}.tbe-pending{color:var(--muted)}.tbe-cursor{position:relative;color:var(--muted)}.tbe-cursor:before{content:"";position:absolute;left:-1px;top:.15em;bottom:.15em;width:2px;background:var(--accent);border-radius:1px;animation:tbeBlink .9s infinite}.tbe-trail:before{left:0}@keyframes tbeBlink{0%,49%{opacity:1}50%,to{opacity:0}}.tbe-input{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:12px 15px;color:var(--text);font-family:var(--font-mono);font-size:.92rem;outline:none;caret-color:var(--accent);transition:border-color .2s}.tbe-input:focus{border-color:var(--accent)}.tbe-input-err{border-color:var(--red)}.tbe-input::placeholder{color:var(--muted)}.tbe-hint{font-size:.7rem;color:var(--muted);margin-top:10px;text-align:center;letter-spacing:.05em}.oe-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:28px 28px 20px;cursor:text;position:relative;transition:border-color .2s}.oe-card:focus-within{border-color:#00d4ff66;box-shadow:0 0 0 1px #00d4ff26}.oe-card.oe-error{animation:oeShake .22s ease}@keyframes oeShake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}60%{transform:translate(5px)}80%{transform:translate(-3px)}}.oe-hidden{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;top:0;left:0;font-size:16px}.oe-wrap{font-family:var(--font-mono);font-size:1.12rem;line-height:2;letter-spacing:.02em;word-break:break-word;-webkit-user-select:none;user-select:none;position:relative;min-height:80px}.oe-char{display:inline;position:relative;white-space:pre-wrap}.oe-src{color:var(--oe-src-color, #2e3d4a)}.oe-ok{color:#d4e8f5}.oe-ok.oe-space{color:transparent}.oe-err{color:var(--red);text-decoration:underline;text-decoration-style:wavy;text-decoration-color:#ff4d6da6;text-underline-offset:3px}.oe-err.oe-space{color:transparent;background:#ff4d6d38;border-radius:3px}.oe-caret{display:inline-block;position:absolute;left:-1.5px;top:.14em;bottom:.14em;width:2.5px;background:var(--accent);border-radius:2px;box-shadow:0 0 8px #00d4ffb3;animation:oeBlink 1.1s ease infinite;pointer-events:none}.oe-caret-end{position:relative;left:0}@keyframes oeBlink{0%,44%{opacity:1}56%,to{opacity:0}}.oe-hint{font-size:.7rem;color:var(--muted);margin-top:14px;text-align:center;letter-spacing:.05em}.tbe-mobile-wrap{display:flex;flex-direction:column;gap:0;min-width:0;margin-left:-12px;margin-right:-12px;width:calc(100% + 24px)}.mobile-layout .tbe-input{font-size:16px!important;padding:10px 12px;height:44px;opacity:.85;cursor:default}.mobile-layout .tbe-display{font-size:1.2rem;line-height:1.65;margin-bottom:12px}.oe-mobile-wrap{display:flex;flex-direction:column;gap:0;width:100%;min-width:0;margin-left:-12px;margin-right:-12px;width:calc(100% + 24px)}.mobile-layout .oe-wrap{font-size:1.25rem;line-height:1.9}.mobile-layout .oe-card{padding:18px 18px 14px}.mobile-layout .oe-hidden{font-size:16px!important;position:fixed;top:-9999px;left:-9999px;opacity:0;width:1px;height:1px;pointer-events:none}.screen-header__actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.mobile-layout .screen-header .mode-title{font-size:1rem}.mobile-layout .screen-header .mode-nick{font-size:.68rem}.mobile-layout .screen-header__actions{width:100%;flex-wrap:wrap;gap:5px}.mobile-layout .screen-header__actions .btn{flex-shrink:0;white-space:nowrap}.mobile-layout.keyboard-active .screen-header .mode-title{font-size:.85rem}.mobile-layout.keyboard-active .screen-header .mode-nick{font-size:.58rem}.mobile-layout.keyboard-active .screen-header{margin-bottom:6px}.mobile-layout.keyboard-active .screen-header__actions .btn{padding:4px 8px;font-size:.63rem;min-height:28px}.fclock-wrap{position:fixed;bottom:28px;right:28px;z-index:100;display:flex;flex-direction:column;align-items:center;gap:5px;animation:fclockIn .4s cubic-bezier(.175,.885,.32,1.275);filter:drop-shadow(0 4px 16px rgba(0,0,0,.5))}@keyframes fclockIn{0%{opacity:0;transform:scale(.6) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.fclock-label{font-family:var(--font-mono);font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:center}.fclock-svg{width:84px;height:84px;transition:filter .3s}.fclock-wrap.urgent .fclock-svg{filter:drop-shadow(0 0 10px rgba(255,77,109,.6));animation:fclockPulse .6s ease infinite alternate}.fclock-wrap.critical .fclock-svg{animation:fclockPulse .3s ease infinite alternate}@keyframes fclockPulse{0%{filter:drop-shadow(0 0 6px rgba(255,77,109,.4))}to{filter:drop-shadow(0 0 18px rgba(255,77,109,.9))}}.fclock-secs{font-family:var(--font-head);font-size:.75rem;font-weight:800;letter-spacing:.04em;text-align:center;transition:color .3s}.fclock-secs.normal{color:var(--accent)}.fclock-secs.urgent{color:#ff9f43}.fclock-secs.critical{color:var(--red)}