@import "https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,500;1,9..144,500&display=swap";html{-webkit-text-size-adjust:100%}:root{--bg:linear-gradient(145deg, #00ffe7 0%, #31b5c5 25%, #3482d6 75%, #8668f0 100%);--glass:#ffffff73;--glass-border:#ffffffa6;--green:#7cb342;--green-light:#c5e1a5;--orange:#ff9800;--orange-soft:#ffe0b2;--absent:#909fa7;--text:#1b2e1b;--muted:#5d6b5d;--shadow:0 8px 32px #2e4a2e1f;color:var(--text);--bg-line:#85e8ff;--bg-line-contrast:#2d4954;font-family:system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);background-attachment:fixed}#app{width:100%;max-width:900px;min-height:100vh;margin:0 auto;padding:1rem 1rem 2rem}.shell{flex-direction:column;gap:1rem;display:flex}.glass{background:var(--glass);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid var(--glass-border);box-shadow:var(--shadow);border-radius:1.25rem}.panel{padding:1.25rem 1.5rem}.header{align-items:center;gap:16px;display:flex}.header img{flex-grow:0;flex-shrink:0;width:96px;height:96px}.title-area{flex-direction:column;align-items:flex-start;display:flex}.title{letter-spacing:.02em;color:#2e4a2e;margin:0;font-family:Fraunces,Georgia,serif;font-size:2rem;font-weight:500}.tagline{color:var(--muted);margin:.35rem 0 0;font-size:.95rem}.main{flex:1}.muted{color:var(--muted);text-align:center}.error{color:#c62828;text-align:center;margin:0}.riddle-block{margin:0 0 1.5rem}.riddle-line{color:#243524;text-align:center;margin:0 0 .85rem;font-family:Fraunces,Georgia,serif;font-size:clamp(1rem,4.5vw,1.25rem);font-weight:500;line-height:1.55}.riddle-line:last-child{margin-bottom:0}.hint{color:var(--muted);text-align:center;margin:0 0 .75rem;font-size:.85rem}.guess-section{margin-top:.5rem}.guess-history{flex-direction:column;gap:.5rem;margin-bottom:.75rem;display:flex}.guess-actions{justify-content:center;margin-bottom:.5rem;display:flex}.guess-btn{color:#2e4a1e;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#c5e1a5bf;border:1px solid #7cb3428c;border-radius:.75rem;min-width:8rem;padding:.75rem 1.25rem;font-size:1rem;font-weight:600}.guess-btn:disabled{opacity:.45;cursor:not-allowed}.guess-btn:not(:disabled):active{transform:scale(.98)}.tiles-row{flex-wrap:wrap;justify-content:center;gap:.4rem;margin-bottom:.75rem;display:flex}.tile{text-transform:uppercase;background:#ffffff8c;border:2px solid #2e4a2e33;border-radius:.45rem;justify-content:center;align-items:center;width:2.5rem;height:2.75rem;font-size:1.35rem;font-weight:700;display:inline-flex}.tile.empty-input{color:var(--text);font-family:inherit}.tile.correct{background:var(--green-light);border-color:var(--green);color:#1b3d1b}.tile.present{background:var(--orange-soft);border-color:var(--orange);color:#5d3a00}.tile.absent{border-color:var(--absent);color:#37474f;background:#b0bec573}.next-btn{color:#2e4a1e;cursor:pointer;background:#c5e1a5a6;border:1px solid #7cb34280;border-radius:.75rem;width:100%;margin-top:1rem;padding:.85rem 1rem;font-size:1rem;font-weight:600;display:block}.next-btn:active{transform:scale(.98)}.keyboard{flex-flow:column;margin-bottom:8px;display:flex}.keyboard p{justify-content:center;gap:4px;margin:4px 0;display:inline-flex}.keyboard .tile{cursor:pointer;-webkit-user-select:none;user-select:none}