:root{--correct-color: #2F968D;--present-color: #BE9207;--absent-color: #888;--bg-color: #A2DECE;--bg-color-brighter: #DDF1E4;--text-color: #164F4A;--color-error: #D14D41;--color-absent: #101F1D;--serif: "Sentient", ui-serif, Georgia, serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"}html{font-size:13px;font-family:var(--serif)}@media(min-width:900px){html{font-size:15px}}html,body{height:100%}body{display:grid;place-items:center;background-color:var(--bg-color);color:var(--text-color);margin:0;font-optical-sizing:auto;font-style:normal;padding-top:1rem}body.playful-font{font-family:"DynaPuff",var(--serif)}main{display:flex;flex-direction:column;height:100%;overflow:auto;width:100%}header{text-align:center}.game-header{display:flex;align-items:center;justify-content:space-between;width:100%;margin:0 0 2rem;padding:0 1rem}.header-left,.header-right{display:flex;align-items:center;gap:.5rem}.home-link{color:var(--text-color);text-decoration:none;font-weight:600;font-size:1.2rem;transition:opacity .2s ease}.home-link:hover{opacity:.7}.icon-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--text-color);text-decoration:none;border-radius:50%;transition:all .2s ease}.icon-link:hover{background:var(--bg-color-brighter);transform:scale(1.1)}.star-count{display:flex;align-items:center;gap:.25rem;color:var(--text-color);font-weight:600;font-size:1rem}.game-header h1{flex:1;text-align:center;margin:0;font-size:2rem}.variant-label{opacity:.8}.score-section{margin:1rem 0;display:flex;flex-direction:column;align-items:center;gap:.5rem}.score-display{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--bg-color-brighter);border-radius:12px;cursor:pointer;transition:transform .2s}.score-display:hover{transform:scale(1.05)}.star-icon{width:1.5rem;height:1.5rem;color:#fbbf24}.star-count{font-size:1.3rem;font-weight:700;color:var(--text-color)}.player-name{font-size:1rem;color:var(--text-color);margin-left:.5rem}.name-placeholder{font-size:1.2rem;color:var(--text-color);margin-left:.5rem;opacity:.5;cursor:pointer}.edit-name-btn{background:transparent;border:none;padding:.25rem;cursor:pointer;display:flex;align-items:center;color:var(--text-color);transition:opacity .2s}.edit-name-btn:hover{opacity:.7}.edit-name-btn svg{width:1.25rem;height:1.25rem}.name-input-form{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem;background-color:var(--bg-color-brighter);border-radius:8px}.name-input-form input{padding:.5rem 1rem;border:2px solid var(--text-color);border-radius:8px;background-color:#fff;color:var(--text-color);font-family:DynaPuff,var(--serif);font-size:1rem;outline:none}.name-input-form input:focus{border-color:var(--correct-color)}.name-input-form button{padding:.5rem 1.5rem;border-radius:8px;background-color:var(--text-color);color:var(--bg-color);border:none;font-family:DynaPuff,var(--serif);font-weight:600;cursor:pointer;transition:background-color .2s}.name-input-form button:hover{background-color:var(--correct-color)}.name-error{width:100%;margin-top:.25rem;padding:.5rem;color:var(--color-error);font-size:.875rem;text-align:center;background-color:#ef44441a;border-radius:4px}.red{color:var(--color-error)}.yellow{color:var(--present-color)}.green,a{color:var(--correct-color)}button{border-radius:8px;background-color:var(--text-color);color:var(--bg-color);padding:6px 8px;border:none}#game-wrap{flex:1;display:flex;flex-direction:column;align-items:center;margin:0 auto;position:relative;width:100%;padding:0 12px;box-sizing:border-box}#game{background-color:var(--bg-color-brighter);color:var(--text-color);border:2px solid var(--text-color);position:relative;width:auto;max-width:max-content;margin:2rem 0 0;border-radius:1rem;overflow:hidden}.row{display:flex;justify-content:center}.tile-outer{outline:1px solid var(--text-color)}.tile{width:15vw;height:15vw;max-width:calc(100vh / 13);max-height:calc(100vh / 13);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:600;text-transform:uppercase;color:var(--text-color)}.row.invalid .tile,.tile.invalid{color:var(--color-error)}.row.invalid .tile{animation:tilt-n-move-shaking 1s infinite}@keyframes tilt-n-move-shaking{0%{transform:translate(0)}25%{transform:translateY(-3px) rotate(17deg)}40%{transform:translateY(-3px) rotate(-17deg)}60%{transform:translateY(-3px) rotate(17deg)}80%{transform:translateY(-3px) rotate(-17deg)}to{transform:translateY(0) rotate(0)}}.tile.correct{color:var(--correct-color)}.tile.present{color:var(--present-color)}.tile.absent{color:var(--color-absent)}article{margin:0 6px;max-width:640px}article h2{margin-top:4rem;margin-bottom:1rem}article h2:first-child{margin-top:0}article h3{margin-top:3rem;margin-bottom:.75rem}article p,article ul{margin-top:0;margin-bottom:1rem}.accordion{margin:2rem 0}.accordion-item{border-bottom:1px solid rgba(22,79,74,.15)}.accordion-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.25rem 0;background:none;border:none;font-family:var(--serif);font-size:1.1rem;font-weight:600;color:var(--text-color);cursor:pointer;text-align:left;transition:color .2s ease}.accordion-header:hover{color:var(--correct-color)}.accordion-header svg{flex-shrink:0;transition:transform .3s ease}.accordion-content{padding-bottom:1.25rem}.accordion-content p:last-child,.accordion-content ul:last-child{margin-bottom:0}.rules-container{max-width:80%;overflow:hidden;display:flex;align-items:center;align-content:center;flex-direction:column}h1{text-align:center;font-family:var(--serif);font-weight:700;line-height:1;font-size:2rem;margin:0}output{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:17px;border-radius:8px;padding:8px 0;position:absolute;z-index:9999999;text-align:center;inset:0}output:empty{display:none;color:#496e9e}output h2{padding:0;margin:0 0 20px}.game-over{background-color:#fff;padding:10svw;border-radius:16px;box-shadow:0 1px 1px #164f4a05,0 5px 4px #164f4a08,0 12px 9px #164f4a0d,0 20px 15px #164f4a0f,0 32px 24px #164f4a14}.lost p{font-family:var(--serif);color:var(--color-error)}#keyboard{max-width:480px;margin:0 auto;width:100%;font-family:var(--serif)}#keyboard .row>div{margin:4px 2px;width:100%}.key{background:var(--bg-color-brighter);border:0;border-radius:8px;height:45px;color:var(--text-color);font-size:18px;font-weight:600;width:100%;display:flex;justify-content:center;align-items:center}.key.enter{background-color:var(--text-color);color:var(--bg-color);padding:0 20px}.key.backspace{padding:0 20px}.key:active{background:var(--absent-color)}.key.correct{background:var(--correct-color);color:#fff}.key.present{background:var(--present-color)}.key.absent{background:var(--absent-color);color:#fff}body.landing-page{background-color:var(--bg-color);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:2rem 1rem;margin:0;font-family:var(--serif);color:var(--text-color);height:auto}.landing-container{max-width:800px;width:100%;padding:1rem}.landing-hero{text-align:left;margin-bottom:5rem}.landing-hero h1{font-size:3.5rem;text-align:left;color:var(--text-color);margin:0 0 1.5rem;font-weight:700;line-height:1.1}.landing-intro{font-size:1.3rem;color:var(--text-color);line-height:1.6;margin:0;opacity:.85}.landing-games{margin-bottom:5rem}.landing-games h2{font-size:2rem;color:var(--text-color);text-align:left;margin:0 0 2.5rem;font-weight:700}.game-cards{display:grid;grid-template-columns:1fr;gap:2rem}.game-card{display:block;padding:2rem;border-radius:12px;text-decoration:none;transition:all .3s ease;background:var(--bg-color-brighter);border:2px solid var(--text-color);color:var(--text-color)}.game-card:hover{transform:translateY(-3px);box-shadow:0 8px 16px #164f4a26;background:#fff}.game-card h3{font-size:1.8rem;margin:0 0 .5rem;font-weight:700;color:var(--text-color)}.game-meta{font-size:1rem;opacity:.7;margin:0 0 1rem;font-weight:500}.beta-badge{display:inline-block;padding:.1rem .5rem;background:var(--present-color);color:#fff;border-radius:4px;font-size:.75rem;font-weight:700;margin-left:.25rem}.game-description{font-size:1rem;line-height:1.5;margin:0 0 1.5rem;opacity:.85}.cta-button{display:inline-block;padding:.75rem 2rem;background:var(--text-color);color:#fff;border-radius:8px;font-weight:600;font-size:1rem;text-decoration:none;transition:all .2s ease}.cta-button:hover,.game-card:hover .cta-button{background:var(--correct-color)}.landing-section{margin-bottom:5rem;text-align:left}.landing-section h2{font-size:2rem;color:var(--text-color);margin:0 0 1.5rem;font-weight:700}.landing-section p{font-size:1.1rem;line-height:1.6;color:var(--text-color);opacity:.85;margin:0 0 2rem}.landing-section a{text-decoration:none;font-weight:600;transition:color .2s ease}.landing-section a:hover{text-decoration:none}.leaderboard-links{display:flex;gap:1rem;justify-content:flex-start;flex-wrap:wrap}.landing-about{padding:2rem;background:var(--bg-color-brighter);border:2px solid var(--text-color);border-radius:12px}.landing-footer{text-align:left;padding-top:2rem;border-top:2px solid var(--text-color);opacity:.7}.landing-footer a{color:var(--correct-color);text-decoration:none;font-size:1rem;font-weight:600;transition:color .2s ease}.landing-footer a:hover{text-decoration:underline}@media(max-width:768px){body.landing-page{padding:1rem .5rem}.landing-container{padding:2rem 1.5rem}.landing-hero h1{font-size:2.5rem}.landing-intro{font-size:1.1rem}.landing-games h2,.landing-section h2{font-size:1.5rem}.game-card{padding:1.5rem}.game-card h3{font-size:1.5rem}.leaderboard-links{flex-direction:column}.leaderboard-link{width:100%}}@media(min-width:768px){.game-cards{grid-template-columns:1fr 1fr}}.modal-overlay{position:fixed;inset:0;background-color:#164f4acc;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.modal-content{background:#fff;border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #164f4a4d}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--bg-color-brighter)}.modal-header h2{margin:0;font-size:1.5rem;color:var(--text-color)}.modal-close{background:none;border:none;font-size:2rem;color:var(--text-color);cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.modal-close:hover{background-color:var(--bg-color-brighter)}.modal-body{padding:1.5rem}.streaks-section{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem}.streak-card{background:var(--bg-color-brighter);border-radius:12px;padding:1rem;display:flex;align-items:center;gap:1rem}.streak-icon{font-size:2rem}.streak-info{flex:1}.streak-label{font-size:.875rem;color:var(--text-color);opacity:.8;margin-bottom:.25rem}.streak-value{font-size:1.75rem;font-weight:700;color:var(--correct-color)}.streak-best{font-size:.75rem;color:var(--text-color);opacity:.6}.achievements-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}.achievement-card{background:var(--bg-color-brighter);border-radius:12px;padding:1rem;display:flex;gap:1rem;align-items:flex-start;border:2px solid transparent;transition:all .2s}.achievement-card:not(.locked){border-color:var(--correct-color);background:linear-gradient(135deg,var(--bg-color-brighter),#e8f5e9)}.achievement-card.locked{opacity:.6}.achievement-icon{font-size:2rem;flex-shrink:0}.achievement-info{flex:1}.achievement-title{font-weight:600;font-size:1rem;color:var(--text-color);margin-bottom:.25rem}.achievement-description{font-size:.875rem;color:var(--text-color);opacity:.8;margin-bottom:.5rem}.achievement-progress{margin-top:.75rem}.progress-bar{height:6px;background-color:#164f4a33;border-radius:3px;overflow:hidden;margin-bottom:.25rem}.progress-fill{height:100%;background-color:var(--correct-color);transition:width .3s ease}.progress-text{font-size:.75rem;color:var(--text-color);opacity:.6}.completion-stats{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--bg-color);border-radius:12px;margin-top:1.5rem}.stat-label{font-weight:600;color:var(--text-color)}.stat-value{font-size:1.25rem;font-weight:700;color:var(--correct-color)}.achievement-toast{position:fixed;bottom:2rem;right:2rem;z-index:10001;max-width:350px}.toast-content{background:#fff;border-radius:12px;padding:1rem 1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 10px 30px #164f4a4d;border:2px solid var(--correct-color)}.toast-icon{font-size:2.5rem}.toast-info{flex:1}.toast-title{font-size:.875rem;font-weight:600;color:var(--correct-color);margin-bottom:.25rem}.toast-achievement{font-size:1rem;font-weight:600;color:var(--text-color)}.header-right button.icon-link{background:none}.header-right button.icon-link svg{color:var(--text-color)}.header-right button.icon-link:hover{background:var(--bg-color-brighter)}@media(max-width:640px){.streaks-section{grid-template-columns:1fr}.achievement-toast{left:1rem;right:1rem;bottom:1rem}}