:root{color-scheme:light dark;font-family:Inter,system-ui,sans-serif;--color-bg: #111111;--color-text: #f5f5f5;--color-subtle: #b9b9b9;--color-info: #e0e0e0;--color-border: #333333;--color-border-strong: #777777;--color-tile-absent-bg: #424242;--color-tile-absent-text: #999999;--color-key-bg: #2c2c2c;--color-key-text: #f5f5f5;--color-on-accent: #111111;--color-toast-bg: #222222;--color-toast-text: #f5f5f5;--color-modal-overlay: rgba(0, 0, 0, .7);--color-modal-bg: #1c1c1c;--color-modal-border: #2d2d2d;--color-modal-subtext: #bdbdbd;--color-secondary-button-bg: #333333;--color-secondary-button-text: #f5f5f5;--color-present: #fdd835;--color-correct: #4caf50}@media (prefers-color-scheme: light){:root{--color-bg: #f7f9fc;--color-text: #1f2933;--color-subtle: #64748b;--color-info: #475569;--color-border: #d4dbe5;--color-border-strong: #94a3b8;--color-tile-absent-bg: #e2e8f0;--color-tile-absent-text: #64748b;--color-key-bg: #e2e8f0;--color-key-text: #1f2933;--color-on-accent: #0b1120;--color-toast-bg: rgba(30, 41, 59, .92);--color-toast-text: #f8fafc;--color-modal-overlay: rgba(15, 23, 42, .35);--color-modal-bg: #ffffff;--color-modal-border: #d4dbe5;--color-modal-subtext: #475569;--color-secondary-button-bg: #f1f5f9;--color-secondary-button-text: #1f2933}}*,*:before,*:after{box-sizing:border-box}body{margin:0;display:flex;justify-content:center;min-height:100vh;padding:0 1rem 1rem;background-color:var(--color-bg);color:var(--color-text);touch-action:manipulation;-webkit-text-size-adjust:100%}.app{width:min(90vw,480px);display:flex;flex-direction:column;gap:1.5rem}.app__header{text-align:center}.app__subtitle{margin:.5rem 0 0;font-size:.95rem;color:var(--color-subtle)}.app__info{margin:.25rem 0 0;font-size:.9rem;color:var(--color-info)}.board{display:grid;gap:.5rem}.row{display:grid;grid-template-columns:repeat(9,1fr);gap:.5rem}.tile{border:2px solid var(--color-border);border-radius:.4rem;aspect-ratio:1;display:grid;place-items:center;font-size:clamp(1.25rem,2.5vw + .5rem,2.25rem);font-weight:600;text-transform:uppercase;transition:transform .15s ease,border-color .15s ease,background-color .25s ease}.tile--filled{border-color:var(--color-border-strong);transform:scale(1.05)}.tile--correct{background-color:var(--color-correct);border-color:var(--color-correct);color:var(--color-on-accent)}.tile--present{background-color:var(--color-present);border-color:var(--color-present);color:var(--color-on-accent)}.tile--absent{background-color:var(--color-tile-absent-bg);border-color:var(--color-tile-absent-bg);color:var(--color-tile-absent-text)}.keyboard{width:100%;margin-top:1.6rem}.keyboard__layout{display:flex;gap:.75rem}.keyboard__section{display:flex;flex-direction:column;gap:.35rem;flex:1 1 0}.keyboard__section--numbers{flex:1 1 60%}.keyboard__section--controls{flex:1 1 40%}.keyboard__row{display:grid;gap:.35rem}.keyboard__row--numbers,.keyboard__row--operators{grid-template-columns:repeat(5,minmax(0,1fr))}.keyboard__row--actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.key{background-color:var(--color-key-bg);border:none;border-radius:.4rem;padding:.75rem .35rem;font-size:1rem;font-weight:600;color:var(--color-key-text);cursor:pointer;transition:transform .1s ease,background-color .2s ease}.key:hover{transform:translateY(-1px)}.key:active{transform:translateY(1px)}.key--action{font-size:.9rem;padding-block:.85rem}.key--correct{background-color:var(--color-correct);color:var(--color-on-accent)}.key--present{background-color:var(--color-present);color:var(--color-on-accent)}.key--absent{background-color:var(--color-tile-absent-bg);color:var(--color-tile-absent-text)}.keyboard--disabled .key{pointer-events:none;opacity:.4}@media (max-width: 640px){.keyboard__layout{flex-direction:column;gap:.65rem}.keyboard__section--numbers,.keyboard__section--controls{max-width:none}.keyboard__section--numbers{order:0}.keyboard__section--controls{order:1;gap:.65rem}}.toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);background-color:var(--color-toast-bg);color:var(--color-toast-text);padding:.75rem 1.25rem;border-radius:999px;box-shadow:0 .5rem 1.5rem #00000040;opacity:0;pointer-events:none;transition:opacity .2s ease}.toast--visible{opacity:1;pointer-events:auto}.app__footer{font-size:.85rem;color:var(--color-subtle);text-align:center}.share-modal[hidden]{display:none}.share-modal{position:fixed;inset:0;display:grid;place-items:center;background:var(--color-modal-overlay);z-index:1000;padding:1.5rem}.share-modal__content{width:min(100%,360px);background:var(--color-modal-bg);border-radius:1rem;padding:1.5rem;border:1px solid var(--color-modal-border);box-shadow:0 1.25rem 3rem #0006;display:flex;flex-direction:column;gap:1rem;color:var(--color-text)}.share-modal__title{margin:0;font-size:1.35rem}.share-modal__subtitle{margin:0;color:var(--color-modal-subtext);font-size:.95rem}.share-modal__preview{margin:0;padding:1rem;border-radius:.75rem;background:var(--color-key-bg);border:1px solid var(--color-modal-border);font-size:.95rem;white-space:pre-wrap;word-break:break-word;color:var(--color-text)}.share-modal__actions{display:flex;flex-wrap:wrap;gap:.75rem}.share-modal__button{flex:1;background:var(--color-correct);color:var(--color-on-accent);border:none;border-radius:.6rem;padding:.75rem 1rem;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .1s ease,background .2s ease}.share-modal__button:hover{transform:translateY(-1px)}.share-modal__button:active{transform:translateY(1px)}.share-modal__button--secondary{background:var(--color-secondary-button-bg);color:var(--color-secondary-button-text)}