:root{--bg:#f6f1e7;--bg-2:#faf6ec;--card:#fffdf6;--text:#3b3226;--muted:#7a6f5d;--accent:#c05621;--accent-dark:#b3481a;--accent-tint:#fbeeda;--amber:#d97706;--amber-ink:#b45309;--green:#3e7c4f;--red-text:#b3261e;--red-bg:#fbe8e2;--red-border:#e8bfb2;--border:#e0d5bd;--border-soft:#e8dcc6;--blank:#241f1a;--blank-border:#3b342b;--shadow:0 1px 4px #785a281a;--radius:12px;--radius-sm:8px;--font-serif:"Fraunces", Georgia, "Times New Roman", serif;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(#c056210d 1.1px,#0000 1.1px);background-size:26px 26px;position:fixed;inset:0}.app{z-index:1;flex-direction:column;max-width:1400px;min-height:100vh;margin:0 auto;padding:1rem 1.25rem 3rem;display:flex;position:relative}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.header{border-bottom:1px solid var(--border-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;padding:.5rem 0 1rem;display:flex;position:relative}.header:after{content:"";background:var(--accent);border-radius:2px;width:56px;height:2px;position:absolute;bottom:-1px;left:0}.header-left{flex-wrap:wrap;align-items:baseline;gap:.2rem .9rem;min-width:0;display:flex}.brand{font-family:var(--font-serif);letter-spacing:.01em;color:var(--text);margin:0;font-size:2rem;font-weight:700}.header-meta{letter-spacing:.08em;color:var(--muted);flex-wrap:wrap;align-items:center;margin:0;font-size:.8rem;display:flex}.meta-sep{margin:0 .5rem}.meta-guesses{background:var(--accent-tint);color:var(--amber-ink);letter-spacing:.05em;border-radius:999px;padding:.18rem .65rem;font-size:.76rem;font-weight:600;line-height:1.3;display:inline-block}.section-label{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0 0 .6rem;font-size:.72rem;font-weight:700}.section-label:before{content:"";background:var(--amber);border-radius:1px;width:6px;height:6px;margin-right:.5rem;display:inline-block;transform:rotate(45deg)translateY(-1px)}.title-section{text-align:left}.puzzle-title{font-family:var(--font-serif);letter-spacing:.01em;overflow-wrap:anywhere;margin:0;font-size:1.75rem;font-weight:600;line-height:2}.title-correct{background:var(--accent-tint);color:#7a3b12;font-family:var(--font-serif);border:1px solid #c0562173;border-radius:12px;margin:0;padding:.9rem 1.1rem;font-size:1.15rem;font-weight:600;line-height:1.5;animation:.3s ease-out reveal}.game{grid-template-columns:1fr;grid-template-areas:"title""controls""feedback""vocab""article""sidebar""share";align-items:start;gap:1rem;display:grid}.game>*{min-width:0}.title-section{grid-area:title;margin-bottom:0}.controls{grid-area:controls;margin-top:0}.feedback{grid-area:feedback;margin-top:0}.vocab-msg{grid-area:vocab;margin-top:0}.article{grid-area:article}.sidebar{grid-area:sidebar;min-width:0}.share-row{grid-area:share;margin-top:0}.article{background:var(--card);border:1px solid var(--border-soft);border-radius:var(--radius);box-shadow:var(--shadow);overflow-wrap:anywhere;padding:1.15rem;font-size:1.05rem;line-height:1.9}.blank{vertical-align:bottom;background:var(--blank);border:1px solid var(--blank-border);border-radius:6px;height:1.6em;margin:0 2px;display:inline-block}.title-blank{border-radius:6px;height:1.6em}.w{display:inline-block}.w-exact{color:var(--green);font-weight:600;animation:.3s ease-out reveal}.w-proche{background:var(--accent-tint);text-align:center;border:1px solid #c0562129;border-radius:6px;min-width:1.5em;padding:0 .28em;font-weight:600;animation:.3s ease-out reveal}@keyframes reveal{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.history{background:var(--card);border:1px solid var(--border-soft);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem}.history-table{border-collapse:collapse;width:100%;font-size:.95rem}.history-table th,.history-table td{text-align:left;border-bottom:1px solid var(--border-soft);padding:.4rem .5rem}.history-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:700}.history-table td.num{color:var(--muted);width:2.5em}.history-table td.empty{color:var(--muted)}.controls{align-items:stretch;gap:.6rem;display:flex}.guess-input{min-width:0;color:var(--text);background:var(--card);border:1px solid var(--border);border-radius:12px;flex:1;padding:.9rem 1rem;font-family:inherit;font-size:1.05rem;transition:border-color .15s,box-shadow .15s}.guess-input::placeholder{color:#9a8f7c}.guess-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #c056212e}.guess-input:disabled{opacity:.5}button{cursor:pointer;font-family:inherit;font-size:.95rem}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);color:#fff;border:none;border-radius:999px;padding:.9rem 1.7rem;font-size:1rem;font-weight:600;transition:background .15s,transform .1s}button.primary:hover:not(:disabled){background:var(--accent-dark)}button.primary:active:not(:disabled){transform:translateY(1px)}button.primary:focus-visible{outline-offset:2px;outline:3px solid #c0562166}.feedback{letter-spacing:.1em;min-height:1.5em;color:var(--muted);text-align:center;font-size:1rem}.vocab-msg{color:var(--muted);text-align:center;background:#f3ead6;border-radius:10px;padding:.5rem .75rem;font-size:.9rem}.share-row{text-align:center}button.share{background:var(--card);color:var(--accent-dark);border:1px solid #e0c9a8;border-radius:999px;padding:.55rem 1.4rem;font-weight:600;transition:border-color .15s,background .15s}button.share:hover{border-color:var(--accent);background:var(--accent-tint)}.error-banner{background:var(--red-bg);border:1px solid var(--red-border);color:var(--red-text);border-radius:10px;margin-bottom:1rem;padding:.6rem .8rem;font-size:.9rem}.toast{background:var(--text);color:#fffdf6;z-index:100;border-radius:10px;padding:.6rem 1.2rem;animation:.25s ease-out toast-in;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #503c1e40}.toast.success{background:var(--green)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (width<=899px){.guess-input{min-height:48px;padding:.85rem .9rem;font-size:16px}button.primary{min-height:48px;padding:.85rem 1.4rem;font-size:1rem}}@media (width<=359px){.controls{flex-direction:column}button.primary{width:100%}}@media (width<=479px){.header-left{flex-direction:column;align-items:flex-start;gap:.15rem}.brand{font-size:1.7rem}}@media (width>=768px){.app{padding:1.5rem 2rem 4rem}.article{padding:1.4rem 1.5rem}}@media (width>=900px){.game{grid-template-columns:minmax(0,1fr) 300px;grid-template-areas:"title sidebar""article sidebar""controls controls""feedback feedback""vocab vocab""share share";gap:1.5rem 2rem}.sidebar{position:sticky;top:1.5rem}}