:root{--color-correct:#538d4e;--color-present:#b59f3b;--color-absent:#3a3a3c;--color-tile-bg:transparent;--color-tile-border:#3a3a3c;--color-tile-border-active:#999999;--color-tile-text:#ffffff;--color-key-bg:#818384;--color-key-action:#565758;--color-key-text:#ffffff;--color-key-correct:var(--color-correct);--color-key-present:var(--color-present);--color-key-absent:var(--color-absent);--color-bg:#121213;--color-text-primary:#ffffff;--color-text-secondary:#818384;--color-header-border:#3a3a3c;--font-family:"Clear Sans","Helvetica Neue",Arial,sans-serif;--font-size-tile:2rem;--font-size-key:1rem;--font-size-title:1.5rem;--font-weight-bold:700;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--tile-size:62px;--tile-gap:5px;--tile-border-width:2px;--tile-border-radius:4px;--key-height:58px;--key-min-width:28px;--key-wide-min-width:65px;--key-gap:6px;--key-border-radius:4px;--anim-duration-flip:500ms;--anim-duration-pop:100ms;--anim-duration-toast-in:150ms;--max-board-width:350px;--max-keyboard-width:500px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;background-color:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-family)}.site-header{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-md) var(--spacing-md) var(--spacing-sm);border-bottom:1px solid var(--color-header-border)}.site-title{font-size:var(--font-size-title);font-weight:var(--font-weight-bold);letter-spacing:.1em;text-transform:uppercase}.site-subtitle{font-size:.8rem;color:var(--color-text-secondary);margin-top:var(--spacing-xs)}.mode-nav{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.mode-nav-link{font-size:.85rem;font-weight:var(--font-weight-bold);letter-spacing:.05em;text-transform:uppercase;padding:.3rem .9rem;border-radius:999px;border:2px solid var(--color-header-border);color:var(--color-text-secondary);text-decoration:none;transition:background-color .15s,color .15s,border-color .15s}.mode-nav-link:hover{border-color:var(--color-text-primary);color:var(--color-text-primary)}.mode-nav-link--active{border-color:var(--color-correct);color:var(--color-tile-text);background-color:var(--color-correct)}.mode-nav-link:after{content:none}.site-main{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-lg) var(--spacing-md)}.site-footer{text-align:center;padding:var(--spacing-md);font-size:.75rem;color:var(--color-text-secondary)}.game-container{align-items:center;gap:var(--spacing-lg);width:100%}.game-board,.game-container{display:flex;flex-direction:column}.game-board{gap:var(--tile-gap);width:var(--max-board-width)}.board-row{display:grid;grid-template-columns:repeat(4,var(--tile-size));grid-gap:var(--tile-gap);gap:var(--tile-gap)}.board-row,.tile{justify-content:center}.tile{width:var(--tile-size);height:var(--tile-size);border:var(--tile-border-width) solid var(--color-tile-border);border-radius:var(--tile-border-radius);display:flex;align-items:center;font-size:var(--font-size-tile);font-weight:var(--font-weight-bold);color:var(--color-tile-text);text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--color-tile-bg)}.tile--active{border-color:var(--color-tile-border-active);animation:popIn var(--anim-duration-pop) ease}.tile--correct{background-color:var(--color-correct);border-color:var(--color-correct)}.tile--present{background-color:var(--color-present);border-color:var(--color-present)}.tile--absent{background-color:var(--color-absent);border-color:var(--color-absent)}.tile--revealed{animation:flipTile var(--anim-duration-flip) ease forwards}@keyframes flipTile{0%{transform:rotateX(0deg)}49%{transform:rotateX(90deg)}50%{transform:rotateX(90deg)}to{transform:rotateX(0deg)}}@keyframes popIn{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}.keyboard{flex-direction:column;width:100%;max-width:var(--max-keyboard-width);padding:0 var(--spacing-xs)}.keyboard,.keyboard-row{display:flex;gap:var(--key-gap)}.keyboard-row{justify-content:center}.key{flex:1 1;min-width:var(--key-min-width);height:var(--key-height);padding:0 var(--spacing-xs);background-color:var(--color-key-bg);color:var(--color-key-text);border:none;border-radius:var(--key-border-radius);font-size:var(--font-size-key);font-weight:var(--font-weight-bold);font-family:inherit;cursor:pointer;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color .1s ease,filter .1s ease}.key--wide{flex:1.5 1}.key--correct{background-color:var(--color-key-correct)}.key--present{background-color:var(--color-key-present)}.key--absent{background-color:var(--color-key-absent)}.key--action{background-color:var(--color-key-action)}.key--enter{font-size:.7rem}.key:hover:not(.key--correct):not(.key--present):not(.key--absent){filter:brightness(1.25)}.key:active{filter:brightness(.9)}@media (max-width:480px){:root{--key-height:48px}}.toast{position:fixed;top:var(--spacing-xl);left:50%;transform:translateX(-50%);background-color:var(--color-text-primary);color:var(--color-bg);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--key-border-radius);font-weight:var(--font-weight-bold);font-size:.9rem;z-index:100;white-space:nowrap;animation:toastIn var(--anim-duration-toast-in) ease}@keyframes toastIn{0%{opacity:0;transform:translateX(-50%) translateY(-8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.modal-backdrop{position:fixed;inset:0;background-color:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:200;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{position:relative;background-color:#1a1a1b;border:1px solid var(--color-header-border);border-radius:8px;padding:var(--spacing-xl) var(--spacing-lg);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);width:min(360px,90vw);animation:slideUp .2s ease}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-result{font-size:1.4rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.modal-answer{font-size:1rem;color:var(--color-text-secondary)}.modal-answer strong{color:var(--color-text-primary);letter-spacing:.08em}.modal-grid{flex-direction:column;margin:var(--spacing-xs) 0}.modal-grid,.modal-grid-row{display:flex;gap:4px}.modal-cell{width:24px;height:24px;border-radius:3px}.modal-cell--correct{background-color:var(--color-correct)}.modal-cell--present{background-color:var(--color-present)}.modal-cell--absent{background-color:var(--color-absent)}.modal-share-text{font-family:monospace;font-size:.8rem;color:var(--color-text-secondary);white-space:pre;text-align:center;line-height:1.5}.modal-copy-btn{margin-top:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-correct);color:var(--color-tile-text);border:none;border-radius:var(--key-border-radius);font-size:1rem;font-weight:var(--font-weight-bold);font-family:inherit;cursor:pointer;min-width:160px;transition:filter .1s ease}.modal-copy-btn:hover{filter:brightness(1.15)}.modal-copy-btn:active{filter:brightness(.9)}.modal-nudge-btn{display:block;margin-top:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background-color:transparent;color:var(--color-correct);border:2px solid var(--color-correct);border-radius:var(--key-border-radius);font-size:1rem;font-weight:var(--font-weight-bold);font-family:inherit;text-decoration:none;text-align:center;min-width:160px;cursor:pointer;transition:background-color .15s ease,color .15s ease}.modal-nudge-btn:hover{background-color:var(--color-correct);color:var(--color-tile-text)}.modal-nudge-btn:after{content:none}.modal-close-btn{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:none;border:none;color:var(--color-text-secondary);font-size:1.1rem;cursor:pointer;padding:var(--spacing-xs);line-height:1;border-radius:var(--key-border-radius);transition:color .1s ease}.modal-close-btn:hover{color:var(--color-text-primary)}.completion-bar{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);width:100%;max-width:var(--max-keyboard-width);border-top:1px solid var(--color-header-border);padding-top:var(--spacing-lg);animation:fadeIn .3s ease}.completion-bar-result{font-size:1.2rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.completion-bar-answer{font-size:.95rem;color:var(--color-text-secondary)}.completion-bar-answer strong{color:var(--color-text-primary);letter-spacing:.08em}.completion-bar-share-text{font-family:monospace;font-size:.8rem;color:var(--color-text-secondary);white-space:pre;text-align:center;line-height:1.5}.faq-section{max-width:640px;margin:2rem auto 4rem;padding:0 1rem}.faq-section h2{font-size:1.25rem;font-weight:var(--font-weight-bold);letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid var(--color-absent);padding-bottom:.5rem}.faq-item,.faq-section h2{margin-bottom:1.5rem}.faq-item h3{font-size:1rem;font-weight:var(--font-weight-bold);margin-bottom:.4rem}.faq-item p{font-size:.9rem;line-height:1.6;color:var(--color-text-secondary)}a{font-weight:600}p a{color:#6ab0f5}p a:visited{color:#b39ddb}a:after{font-family:bootstrap-icons;content:"\f1c5";margin-left:.25em;font-weight:400;font-style:normal;display:inline-block}