:root{--bg:#050510;--text:white;--accent:#00b0ee;--bg-light:color-mix(in oklab, var(--bg), white 20%);--text-muted:color-mix(in oklab, var(--text), transparent 20%);--accent-muted:color-mix(in oklab, var(--accent), black 20%);--success:#0ca40c;--erase:#820a0a;--error:#e82020;--postit-text:#333}*{box-sizing:border-box}input,button{font-family:inherit;font-size:inherit}body{color:var(--text);background:linear-gradient(#ffffff26, #ffffff05), var(--bg);font-optical-sizing:auto;-webkit-user-select:none;user-select:none;margin:0;padding:0;font-family:Roboto,sans-serif}.info-layout{flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;width:100%;max-width:22.5rem;display:flex}.game-layout{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2rem;width:100%;display:flex}.custom-input{width:100%;max-width:13rem;color:var(--text);background-color:var(--bg-light);border:2px solid #ffffff26;outline:none;padding:1rem 1.2rem;transition:all .3s}.custom-input::placeholder{color:#fff6}.custom-input:focus{border-color:var(--accent-muted);background-color:var(--bg)}.custom-button{letter-spacing:.1em;width:100%;max-width:13rem;color:var(--text-muted);background-color:var(--accent-muted);cursor:pointer;border:1px solid #0006;border-radius:8px;padding:.8rem;font-family:Special Elite,cursive;font-size:1.2rem;font-weight:700;transition:all .3s}.custom-button:hover{background-color:var(--accent);box-shadow:0 1px 6px var(--accent-muted)}.custom-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.custom-button:active{transform:translateY(1px)}.custom-button:disabled{opacity:.5;cursor:not-allowed}.info-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100px;padding:1rem 1.5rem;display:flex}.info-label{letter-spacing:.15em;opacity:.6;text-transform:uppercase;margin-bottom:.5rem;font-size:.8rem;font-weight:700}.info-value{font-variant-numeric:tabular-nums;color:var(--text);font-size:2.5rem;font-weight:700;line-height:1.1;transition:all .2s}.info-value.accented{color:var(--accent);letter-spacing:.1rem;text-transform:uppercase}.info-value.urgent{color:var(--error);animation:1s infinite alternate pulse}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.05)}}.progress-container{background:#ffffff0f;width:100%;height:2px;position:relative}.progress-bar{background:var(--accent);height:100%;box-shadow:0 0 8px var(--accent);transition:width 1s linear}.loader,.spinner{border-style:solid;border-color:#ffffff1a;border-top-color:var(--accent);border-radius:50%;animation:1s linear infinite spin}.loader{border-width:4px;flex-shrink:0;width:48px;height:48px;margin:auto}.spinner{border-width:2px;width:20px;height:20px;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.shake{animation:.2s ease-in-out 2 shake}.text-ellipsis{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.action-btn{height:3rem;color:var(--text-muted);background:var(--accent-muted);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:0 1.5rem;font-size:1.2rem;font-weight:700;transition:all .3s;display:inline-flex}.action-btn:hover:not(:disabled){background:var(--accent);color:var(--text)}.action-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.action-btn:disabled{opacity:.5;cursor:not-allowed}.game-tile{background:var(--bg-light);cursor:pointer;-webkit-user-select:none;user-select:none;border:2px solid #ffffff26;border-radius:8px;transition:all .3s}.game-tile:hover{background:var(--accent-muted);border-color:var(--accent)}.game-tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.undo-btn{background:var(--erase);min-width:120px}.undo-btn:hover:not(:disabled){background:var(--erase);filter:brightness(1.3)}