:root{--bg:#fff;--fg:#1e1e1e;--primary:#6cace4;--secondary:#eee;--feedback:#1e1e1e}.dark{--bg:#181a1b;--fg:#eee;--primary:#6cace4;--secondary:#23272a;--feedback:#bbb}body{display:flex;background:var(--bg,#1e1e1e);color:var(--fg,#eee);letter-spacing:-.03em;flex-direction:column;justify-content:center;align-items: center;height:100vh;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:500}#target{background:var(--secondary,#333);user-select:none;text-align:center;letter-spacing:-.03em;border-radius:8px;min-width:300px;margin-bottom:20px;padding:15px 25px;font-family:Segoe UI Mono,Consolas,Courier New,monospace;font-size:2rem;font-weight:500}#input{background-color:var(--secondary,#2a2a2a);color:var(--fg,#eee);direction:rtl;text-align:center;outline-offset:3px;letter-spacing:-.03em;caret-color:transparent;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;border:none;border-radius:8px;width:320px;padding:12px 20px;transition:background-color .2s,color .2s,box-shadow .2s;font-family:monospace,segoe ui mono,consolas,courier new;font-size:1.8rem;font-weight:500;box-shadow:inset 0 0 5px #000}#input:focus{outline:3px solid var(--primary,#6cace4)}#feedback{color:var(--primary,#6cace4);letter-spacing:-.02em;height:1.5em;margin-top:20px;font-size:1.3rem;font-weight:500}#confetti{position:fixed;z-index:1000000000;pointer-events:none;width:100%;height:100%;margin:0;padding:0;top:0;left:0}#score-timer-wrapper{display:flex;gap:30px;margin-bottom:20px}#high-score{position:fixed;background:var(--secondary,#2a2a2a);color:var(--fg,#eee);user-select:none;z-index:10000;cursor:default;letter-spacing:-.03em;border-radius:8px;padding:8px 14px;transition:background-color .2s,color .2s;font-family:Segoe UI Mono,Consolas,Courier New,monospace;font-size:1.1rem;font-weight:500;top:12px;right:12px}#start-game-btn{color:#1e1e1e;cursor:pointer;letter-spacing:-.03em;background:#6cace4;border:none;border-radius:8px;margin-bottom:20px;padding:20px 50px;transition:background-color .2s,color .2s,all .2s;font-size:1.7rem;font-weight:500}#start-game-btn:hover{background:#589bd8;scale:101%}#share-btn,#theme-toggle,#settings-toggle{position:fixed;color:#1e1e1e;cursor:pointer;letter-spacing:-.03em;z-index:10001;display:inline-flex;background:#eee;border:none;border-radius:9999px;flex-direction:row;align-items: center;gap:10px;min-width:0;height:48px;padding:10px 24px;transition:background-color .25s,color .25s,box-shadow .25s,transform .25s;font-size:1.2rem;font-weight:500;line-height:1;bottom:24px;box-shadow:0 2px 12px #0000000d}#mirror-type-text{padding-bottom:30px;font-family:monospace,segoe ui mono,consolas,courier new;font-size:2rem}#share-btn{left:24px}#theme-toggle,#settings-toggle{background:var(--secondary,#2a2a2a);color:var(--fg,#eee);right:24px}#share-btn span{opacity:0;visibility:hidden;white-space:nowrap;overflow:hidden;display:inline-block;max-width:0;transition:opacity .6s,max-width .6s}#share-btn svg{display:inline-block;width:20px;height:20px}svg{fill:currentColor;transition:fill .25s}#share-btn:hover,#share-btn:focus,#theme-toggle:hover,#theme-toggle:focus,#settings-toggle:hover,#settings-toggle:focus{color:#fff;outline:none;background:#6cace4}#share-btn:hover>span{opacity:1;visibility:visible;max-width:200px}.mobile-device-dialog{position:fixed;display:flex;z-index:100000;letter-spacing:-.03em;color:#eee;background:#1e1e1ef2;justify-content:center;align-items: center;width:100vw;height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:500;top:0;left:0}.mobile-device-dialog-content{text-align:center;background:#2a2a2a;border-radius:8px;width:90%;max-width:400px;padding:24px 32px;box-shadow:0 10px 30px #0000001a}.mobile-device-dialog-content h2{color:#eee;margin-bottom:16px;font-size:1.5rem}.mobile-device-dialog-content p{color:#ccc;margin-bottom:24px;font-size:1rem}#close-mobile-dialog{color:#1e1e1e;cursor:pointer;background:#6cace4;border:none;border-radius:8px;padding:10px 24px;transition:background-color .2s;font-size:1rem;font-weight:500}#close-mobile-dialog:hover{background-color:#589bd8}#how-to-play{background:var(--secondary,#2a2a2a);color:var(--fg,#eee);letter-spacing:-.008em;text-align:left;border:1px solid #ffffff0d;border-radius:12px;max-width:420px;margin:32px auto 24px;padding:24px 32px;transition:background .2s,color .2s;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1.1rem;line-height:1.7;box-shadow:0 6px 20px #00000014}#how-to-play h2{color:#6cace4;letter-spacing:-.02em;margin-top:0;margin-bottom:14px;transition:color .3s;font-size:1.55rem;font-weight:700}#how-to-play p{color:var(--fg,#eee);letter-spacing:.01em;margin:0 0 14px;font-size:1.08rem;font-weight:400}.spinning-dot{display:inline-block;text-align:center;transform-origin:center center;animation:spin 1s linear;width:1ch;height:1em;font-family:monospace;line-height:1em}:root{--panel-bg:var(--secondary,#23272a);--panel-fg:var(--fg,#eee);--primary-accent:#6cace4;--shadow-color:#0000002e;--border-color:#00000014;--shadow-light:#ffffff0d;--shadow-dark:#0000004d}.settings-panel{position:fixed;background:var(--panel-bg);color:var(--panel-fg);border:1.5px solid var(--border-color);box-shadow:4px 4px 10px var(--shadow-dark),-4px -4px 10px var(--shadow-light);z-index:100002;display:flex;opacity:0;pointer-events:none;will-change:opacity,transform;box-sizing:border-box;border-radius:22px;flex-direction:column;align-items:stretch;width:min(400px,96vw);min-width:280px;min-height:220px;padding:2.5rem 2.25rem 2rem;transition:opacity .3s,transform .4s cubic-bezier(.4,1.6,.6,1);top:50%;left:50%;transform:translate(-50%,-50%)scale(.97)}.settings-panel.open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}.settings-panel h2{letter-spacing:-.02em;color:var(--primary-accent);text-align:center;user-select:none;text-shadow:0 1px 2px #0000004d;margin:0 0 1.25rem;font-size:1.65rem;font-weight:700}.settings-panel .close-settings{position:absolute;color:var(--panel-fg);cursor:pointer;display:flex;z-index:100003;user-select:none;background:0 0;border:none;border-radius:50%;justify-content:center;align-items: center;width:2.75rem;height:2.75rem;transition:background-color .25s,color .25s;font-size:2.4rem;top:1.25rem;right:1.25rem;box-shadow:0 3px 6px #00000040}.settings-panel .close-settings:hover{color:var(--primary-accent);outline-offset:3px;outline:3px solid var(--primary-accent);background-color:#6cace41f}.settings-panel .close-settings:focus-visible{color:var(--primary-accent);outline-offset:3px;outline:3px solid var(--primary-accent);background-color:#6cace41f}.settings-panel label{display:flex;cursor:pointer;user-select:none;letter-spacing:.01em;align-items: center;gap:1rem;margin-bottom:1.3rem;font-size:1.15rem;font-weight:600}.settings-panel input[type=checkbox]{accent-color:var(--primary-accent);cursor:pointer;background:var(--panel-bg);border:1.75px solid #555;border-radius:6px;flex-shrink:0;width:24px;height:24px;transition:background-color .25s,border-color .25s;box-shadow:inset 1px 1px 3px #ffffff1a,inset -1px -1px 3px #00000080}.settings-panel input[type=checkbox]:focus-visible{outline-offset:3px;outline:3px solid var(--primary-accent)}.settings-panel .desc{color:#aaa;text-align:left;user-select:none;margin-bottom:1.3rem;margin-left:3px;font-size:1.05rem}.settings-panel-backdrop{position:fixed;z-index:100001;opacity:0;pointer-events:none;display:flex;backdrop-filter:blur(5px);background:#0000005c;justify-content:center;align-items: center;transition:opacity .3s;inset:0}.settings-panel-backdrop.open{opacity:1;pointer-events:auto}