@import"https://fonts.googleapis.com/css2?family=Fraunces:wght@600;700&family=Manrope:wght@400;600;700&display=swap";:root{--paper: #fff8ef;--ink: #1f2d3d;--sun: #f0b54a;--sea: #5ea3b2;--leaf: #4d7f52;--accent: #cc6d3d;--soft: #f5ead8;--tile: #e7dccb;--tile-size: 2.55rem}*{box-sizing:border-box}body{margin:0;font-family:Manrope,Trebuchet MS,sans-serif;color:var(--ink);background:radial-gradient(circle at 15% 10%,rgba(240,181,74,.35),transparent 45%),radial-gradient(circle at 85% 85%,rgba(94,163,178,.35),transparent 45%),linear-gradient(160deg,#fffdf7,#f6efdf);min-height:100vh}.shell{min-height:100vh;display:grid;place-items:center;padding:1.25rem;padding-bottom:calc(1.25rem + env(safe-area-inset-bottom))}.panel{width:min(860px,100%);background:var(--paper);border:2px solid rgba(31,45,61,.12);border-radius:1.25rem;box-shadow:0 22px 50px #1f2d3d1f;padding:clamp(1rem,1.3rem + 1vw,2rem);overflow:hidden}.hero h1{margin:.15rem 0 .35rem;font-family:Fraunces,Georgia,serif;font-size:clamp(2rem,1.7rem + 2vw,3rem);line-height:1.05}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:700;color:var(--accent)}.status{background:var(--soft);border-radius:.85rem;padding:.75rem .95rem;margin-top:1rem;font-weight:600}.round{margin-top:1.1rem}.round h2{margin-bottom:.25rem;font-family:Fraunces,Georgia,serif}.hints{display:grid;gap:.4rem;padding-left:1.1rem;margin:.85rem 0}.hint-toggle{justify-self:start}.guess-form,.draw-form{display:grid;gap:.65rem;margin-top:.75rem}.guess-form{width:min(100%,440px);margin-inline:auto}.draw-form{width:min(100%,560px);margin-inline:auto}.draw-tip{margin:0;font-weight:600;color:#37506a;text-align:center}.guess-form input[type=text]{text-align:center;letter-spacing:.11em;font-weight:700}input[type=text],textarea{width:100%;border:2px solid rgba(31,45,61,.2);border-radius:.75rem;font:inherit;padding:.7rem .85rem;background:#fffeff}button{border:0;border-radius:.75rem;padding:.62rem .9rem;min-height:44px;font:inherit;font-weight:700;cursor:pointer;background:linear-gradient(135deg,var(--sun),#e09d37);color:#332102;transition:transform .12s ease,filter .12s ease}button:hover{transform:translateY(-1px);filter:brightness(1.03)}button:disabled{opacity:.55;cursor:not-allowed;transform:none}.wordle-board{margin-top:.85rem;display:grid;gap:.35rem;justify-items:center}.board-row{display:grid;grid-template-columns:repeat(var(--word-length, 6),minmax(0,1fr));gap:.35rem;width:fit-content;margin-inline:auto}.board-tile{width:var(--tile-size);height:var(--tile-size);display:grid;place-items:center;border-radius:.42rem;font-weight:800;border:2px solid rgba(31,45,61,.18);background:var(--tile)}.board-tile.filled{border-color:#1f2d3d59;background:#f1e7d7}.board-tile.correct{background:#6cad65;color:#fff;border-color:#5f9658}.board-tile.present{background:#dfb449;color:#fff;border-color:#c89f3e}.board-tile.absent{background:#8c9baa;color:#fff;border-color:#7b8a99}.board-tile.empty{background:#e7dccb73}.keyboard{margin-top:.85rem;display:grid;gap:.35rem;width:fit-content;margin-inline:auto}.keyboard-row{display:flex;gap:.3rem;justify-content:center}.key{min-width:1.65rem;padding:.32rem .4rem;border-radius:.35rem;text-align:center;font-size:.78rem;font-weight:700;background:#dbcdb8;color:#314354}.key.correct{background:#6cad65;color:#fff}.key.present{background:#dfb449;color:#fff}.key.absent{background:#8c9baa;color:#fff}.map-card{margin:.7rem 0;border-radius:1rem;background:#dceef2;padding:.7rem;border:2px solid rgba(31,45,61,.15)}.map-card svg{width:min(100%,430px);margin-inline:auto;display:block}.map-card .map-country{fill:var(--leaf);stroke:#1f2d3d80;stroke-width:2}.instruction{margin-top:.25rem;color:#465869}.options-grid{margin-top:.65rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.55rem}.draw-form label{display:flex;gap:.45rem;align-items:center;font-weight:600}.sketch-area{display:grid;gap:.55rem;width:min(560px,100%);margin-inline:auto}.sketch-canvas-wrap{width:100%;border-radius:.85rem;border:2px solid rgba(31,45,61,.2);overflow:hidden;background:#fffaf2;touch-action:none;overscroll-behavior:contain}.sketch-canvas{width:100%;height:auto;display:block;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.draw-actions{display:flex;align-items:center;justify-content:center;gap:.65rem;flex-wrap:wrap;font-weight:600;color:#3d4e5d}.draw-actions span{text-align:center}button.secondary{background:#d3e0e3;color:#223340}.distribution{display:grid;gap:.55rem;margin-top:.7rem}.next-reset{margin:.45rem 0 0;font-weight:700;color:#37506a}.distribution-row{display:grid;grid-template-columns:125px 1fr 28px;align-items:center;gap:.55rem}.bar-wrap{background:#e5dccf;border-radius:999px;height:.85rem;overflow:hidden}.bar{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--sea),#4c8a98)}@media (max-width: 640px){:root{--tile-size: 2rem}.shell{display:block;min-height:100dvh;padding:.6rem}.panel{border-radius:1rem;padding:.9rem}.round{margin-top:.9rem;padding:.75rem;border-radius:.85rem;background:#ffffff6b;border:1px solid rgba(31,45,61,.1)}.hero h1{font-size:clamp(1.75rem,5.8vw,2.3rem)}.status{font-size:.95rem}.board-row{gap:.28rem}.board-tile{font-size:1rem}.keyboard-row{gap:.24rem}.key{min-width:1.45rem;padding:.28rem .34rem;font-size:.72rem}.options-grid{grid-template-columns:1fr}.options-grid button{width:100%}.draw-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.draw-actions span{grid-column:1 / -1}.distribution-row{grid-template-columns:1fr;gap:.35rem}}@media (max-width: 420px){:root{--tile-size: 1.72rem}.board-row{gap:.22rem}.board-tile{font-size:.92rem}.guess-form{width:100%}.guess-form input[type=text]{letter-spacing:.08em;padding:.62rem .75rem}.key{min-width:1.3rem;padding:.24rem .26rem;font-size:.68rem}.draw-actions{grid-template-columns:1fr}}