.meta-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:.82rem;color:var(--ink-soft);font-weight:500}.meta-row .puzzle-no{font-weight:700;color:var(--ink)}.streak{display:flex;align-items:center;gap:4px}.legend{display:grid;grid-template-columns:1fr 64px 52px 52px 52px;gap:6px;padding:0 2px 6px;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);text-align:center}.legend span:first-child{text-align:left}.board{display:flex;flex-direction:column;gap:8px}.guess-row{display:grid;grid-template-columns:1fr 64px 52px 52px 52px;gap:6px;align-items:stretch}.cell{background:var(--warm);border:1.5px solid var(--line);border-radius:10px;min-height:46px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;padding:4px;transition:transform .15s ease}.cell.name{align-items:flex-start;padding-left:12px;font-family:Fraunces Variable,serif;font-weight:600;font-size:.95rem;line-height:1.15}.cell.empty{background:var(--paper);border-style:dashed;color:var(--ink-soft)}.cell.good{background:var(--herb);border-color:var(--herb);color:#fff}.cell.close{background:var(--turmeric);border-color:var(--turmeric-deep);color:var(--ink)}.cell.miss{background:var(--warm);color:var(--ink-soft)}.cell .sub{font-size:.6rem;font-weight:600;opacity:.85;margin-top:1px}.cell .big{font-size:1.05rem;line-height:1}button.cell.name{width:100%;text-align:left;cursor:pointer;appearance:none;-webkit-appearance:none}button.cell.name:hover{filter:brightness(.97)}button.cell.name:focus-visible{outline:3px solid var(--paprika);outline-offset:2px}.flag-tip{position:relative;cursor:help}.flag-tip:after,.flag-tip:before{position:absolute;left:50%;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:40}.flag-tip:after{content:attr(data-country);bottom:calc(100% + 8px);transform:translate(-50%) translateY(4px);background:var(--ink);color:var(--paper);font-family:Outfit Variable,sans-serif;font-weight:600;font-size:.72rem;white-space:nowrap;padding:5px 9px;border-radius:8px;box-shadow:var(--shadow-md)}.flag-tip:before{content:"";bottom:calc(100% + 3px);transform:translate(-50%) translateY(4px);border:5px solid transparent;border-top-color:var(--ink)}.flag-tip:hover:after,.flag-tip:hover:before{opacity:1;transform:translate(-50%) translateY(0)}@media(prefers-reduced-motion:reduce){.flag-tip:after,.flag-tip:before{transition:none}}.pop{animation:pop .35s ease}@keyframes pop{0%{transform:scale(.85);opacity:.4}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.pop{animation:none}.cell,.btn{transition:none}.btn:hover,.btn:active{transform:none;box-shadow:none}}.hint-note{text-align:center;font-size:.78rem;color:var(--ink-soft);margin-top:14px}.dock{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;background:linear-gradient(to top,var(--paper) 75%,transparent);padding:10px 14px 16px;z-index:20}.dock-inner{width:100%;max-width:480px;position:relative}.guess-input{width:100%;font-family:Outfit Variable,sans-serif;font-size:1rem;font-weight:500;padding:14px 110px 14px 16px;border:2px solid var(--ink);border-radius:var(--radius);background:#fff;color:var(--ink);outline:none}.guess-input:focus{border-color:var(--turmeric-deep);box-shadow:0 0 0 3px #e8a8134d}.guess-input:disabled{background:var(--warm);border-color:var(--line)}.btn-guess{position:absolute;right:6px;top:6px;bottom:6px;padding:0 18px;font-family:Outfit Variable,sans-serif;font-weight:700;font-size:.9rem;border:none;border-radius:10px;background:var(--ink);color:var(--paper);cursor:pointer;transition:background .15s ease}.btn-guess:hover:not(:disabled){background:#1c150f}.btn-guess:disabled{background:var(--line);color:var(--ink-soft);cursor:default}.btn-guess:focus-visible,.guess-input:focus-visible{outline:3px solid var(--paprika);outline-offset:2px}.suggest{position:absolute;bottom:calc(100% + 6px);left:0;right:0;background:#fff;border:2px solid var(--ink);border-radius:var(--radius);max-height:210px;overflow-y:auto;display:none;box-shadow:0 -6px 24px #2b21181f}.suggest.open{display:block}.suggest button{display:flex;justify-content:space-between;width:100%;padding:11px 14px;border:none;background:none;font-family:Outfit Variable,sans-serif;font-size:.95rem;font-weight:500;color:var(--ink);cursor:pointer;text-align:left;border-bottom:1px solid var(--line)}.suggest button:last-child{border-bottom:none}.suggest button:hover,.suggest button:focus{background:var(--warm);outline:none}.suggest .flag{opacity:.9}.overlay{position:fixed;inset:0;background:#2b21188c;display:none;align-items:flex-end;justify-content:center;z-index:50;padding:14px}.overlay.open{display:flex}.card{background:var(--paper);border:3px solid var(--ink);border-radius:20px 20px 16px 16px;width:100%;max-width:440px;padding:24px 20px 20px;animation:rise .3s ease}@keyframes rise{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){.card{animation:none}}.card h2{font-family:Fraunces Variable,serif;font-weight:900;font-size:1.6rem;margin-bottom:2px}.card .dish-reveal{font-family:Fraunces Variable,serif;font-size:1.15rem;font-weight:600;color:var(--paprika);margin-bottom:10px}.card p.fact{font-size:.92rem;line-height:1.5;color:var(--ink-soft);background:var(--warm);border-radius:10px;padding:12px 14px;margin-bottom:16px}.share-grid{font-size:1.05rem;letter-spacing:2px;line-height:1.5;margin-bottom:16px;font-family:monospace}.card-actions{display:flex;gap:8px}.btn{flex:1;padding:13px;font-family:Outfit Variable,sans-serif;font-weight:700;font-size:.95rem;border-radius:12px;border:2px solid var(--ink);cursor:pointer;transition:background .15s ease,transform .12s ease,box-shadow .15s ease}.btn.primary{background:var(--herb);border-color:var(--herb);color:#fff}.btn.secondary{background:#fff;color:var(--ink)}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn.primary:hover{background:var(--herb-deep);border-color:var(--herb-deep)}.btn.secondary:hover{background:var(--warm)}.btn:active{transform:translateY(0);box-shadow:none}.btn:focus-visible{outline:3px solid var(--paprika);outline-offset:2px}.dish-card{position:relative;max-width:420px}.dish-card-img{display:block;width:100%;aspect-ratio:3 / 2;object-fit:cover;border-radius:12px;margin-bottom:12px}.dish-card .dish-reveal{padding-right:28px;margin-bottom:2px}.dish-country{font-family:Outfit Variable,sans-serif;font-size:.85rem;font-weight:600;color:var(--ink-soft);margin-bottom:12px}.card-close{position:absolute;top:8px;right:12px;background:none;border:none;font-size:1.7rem;line-height:1;color:var(--ink-soft);cursor:pointer;padding:4px 6px}.card-close:hover{color:var(--ink)}.card-close:focus-visible{outline:3px solid var(--paprika);outline-offset:2px;border-radius:8px}.dish-link{display:block;flex:none;text-align:center;text-decoration:none}.toast{position:fixed;top:14px;left:50%;transform:translate(-50%);background:var(--ink);color:var(--paper);font-weight:600;font-size:.88rem;padding:10px 18px;border-radius:999px;opacity:0;pointer-events:none;transition:opacity .25s;z-index:60}.toast.show{opacity:1}.offline{background:var(--warm);border:1.5px solid var(--line);border-radius:var(--radius);padding:24px 18px;text-align:center;margin-top:20px}.offline h2{font-family:Fraunces Variable,serif;font-size:1.2rem;margin-bottom:6px}.offline p{font-size:.9rem;color:var(--ink-soft);margin-bottom:14px}.offline button{padding:11px 26px;font-family:Outfit Variable,sans-serif;font-weight:700;border:2px solid var(--ink);border-radius:10px;background:var(--ink);color:var(--paper);cursor:pointer;transition:background .15s ease}.offline button:hover{background:#1c150f}@media(max-width:639px){body{padding-bottom:88px}}@media(min-width:640px){.dock{position:static;background:none;padding:4px 14px 0}main{padding-bottom:28px}}