@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,700&display=swap";:root{color:#173224;font-synthesis:none;--ink:#173224;--muted:#718076;--paper:#fffdf7;--accent:#dc5f38;--accent-soft:#f9ded1;--green:#276846;--line:#b9c0b7;--shadow:0 22px 70px #2f362d1f;background:#f3f0e6;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}.app-shell{min-height:100vh;padding:max(18px, env(safe-area-inset-top)) 20px max(30px, env(safe-area-inset-bottom));background:radial-gradient(circle at 20% 10%,#fffc,#0000 28rem),repeating-linear-gradient(45deg,#38463405 0 1px,#0000 1px 5px),#f3f0e6}.topbar{justify-content:space-between;align-items:center;max-width:680px;margin:0 auto 18px;display:flex}.brand{letter-spacing:.18em;font-size:14px;font-weight:700}.brand span{color:#fff;background:var(--accent);letter-spacing:0;border-radius:50%;place-items:center;width:30px;height:30px;margin-right:8px;font-family:Fraunces,serif;font-size:19px;display:inline-grid}.icon-button,.modal-close{color:var(--ink);cursor:pointer;background:0 0;border:0;padding:8px}.game-card{background:var(--paper);max-width:680px;box-shadow:var(--shadow);border:1px solid #2c43341a;border-radius:28px;margin:auto;padding:28px;overflow:hidden}.game-meta{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.puzzle-nav{align-items:center;gap:8px;display:flex}.eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 4px;font-size:11px;font-weight:700}h1,h2{margin:0;font-family:Fraunces,Georgia,serif;line-height:1.05}h1{font-size:clamp(28px,6vw,38px)}h2{font-size:32px}.puzzle-step{width:30px;height:30px;color:var(--ink);cursor:pointer;background:0 0;border:1px solid #2c433429;border-radius:999px;place-items:center;padding:0;display:grid}.puzzle-step:hover{background:#dc5f3814;border-color:#dc5f3847}.puzzle-step:active{transform:translateY(1px)}.timer{font-variant-numeric:tabular-nums;text-align:right;font-size:22px;font-weight:600}.timer span{color:var(--muted);letter-spacing:.16em;font-size:9px;display:block}.progress-row{color:var(--muted);justify-content:space-between;margin-top:24px;padding-bottom:12px;font-size:12px;font-weight:600;display:flex;position:relative}.progress{background:#e3e4dd;border-radius:5px;height:3px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.progress i{background:var(--accent);height:100%;transition:width .35s;display:block}.board{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;width:min(100%,500px);margin:28px auto 14px;position:relative}.connections{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.connections path{fill:none;stroke:var(--line);stroke-width:6px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;transition:opacity .3s}.connections .selected-line{stroke:var(--accent);stroke-width:9px}.letter-node{z-index:2;width:clamp(46px,12vw,58px);height:clamp(46px,12vw,58px);color:var(--ink);background:var(--paper);cursor:pointer;border:2px solid #315843;border-radius:50%;font-size:clamp(20px,5vw,25px);font-weight:700;transition:opacity .28s,transform .28s,background .15s,color .15s;position:absolute;transform:translate(-50%,-50%)}.letter-node.selected{color:#fff;background:var(--accent);border-color:var(--accent);transform:translate(-50%,-54%)scale(1.05)}.letter-node small{width:18px;height:18px;color:var(--ink);background:#fff3c6;border-radius:50%;place-items:center;font-size:10px;display:grid;position:absolute;top:-5px;right:-3px}.letter-node.gone{opacity:0;pointer-events:none;transform:translate(-50%,-50%)scale(.3)}.longest-reveal{color:#76510b;background:linear-gradient(135deg,#fff4c9,#ffe5a0);border:1px solid #e9b849;border-radius:18px;justify-content:center;align-items:center;gap:16px;margin:-2px auto 18px;padding:14px 18px;animation:.42s cubic-bezier(.2,.9,.3,1.25) longest-pop;display:flex;box-shadow:0 8px 24px #99670c29}.longest-reveal svg{color:#d68c0e;flex:none}.longest-reveal div{text-align:center}.longest-reveal span,.longest-reveal strong{display:block}.longest-reveal span{letter-spacing:.12em;text-transform:uppercase;margin-bottom:2px;font-size:10px;font-weight:700}.longest-reveal strong{letter-spacing:.12em;font-family:Fraunces,Georgia,serif;font-size:25px}@keyframes longest-pop{0%{opacity:0;transform:scale(.78)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.selection-area{text-align:center;min-height:96px}.current-word{letter-spacing:.16em;min-height:32px;font-size:24px;font-weight:700}.selection-area p{color:var(--muted);margin:5px 0 8px;font-size:13px}.selection-area p.success{color:var(--green);font-weight:700}.found-words{flex-wrap:wrap;justify-content:center;gap:7px;margin:10px 0 24px;display:flex}.found-words span{color:var(--muted);background:#eeeee8;border-radius:99px;padding:6px 10px;font-size:11px}.found-words span.found{color:var(--green);background:#dceadd;font-weight:700}.reset{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;margin:auto;font-size:12px;display:flex}.debug-words{color:#716744;background:#fffadcb8;border:1px dashed #b6a879;border-radius:14px;max-width:680px;margin:18px auto 0;padding:14px 18px;font-size:11px}.debug-words>span{letter-spacing:.08em;text-transform:uppercase;margin-bottom:9px;font-weight:700;display:block}.debug-words div{flex-wrap:wrap;gap:7px;display:flex}.debug-words code{color:#514a32;background:#ffffffa6;border-radius:5px;padding:4px 7px}.debug-words code.solved{color:#287047;opacity:.65;text-decoration:line-through}.app-footer{max-width:680px;color:var(--muted);text-align:center;letter-spacing:.05em;margin:18px auto 0;font-size:10px}.modal-backdrop{z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0e191294;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{width:min(440px,100%);color:var(--ink);background:var(--paper);border-radius:25px;padding:38px;position:relative;box-shadow:0 30px 90px #00000040}.modal-close{position:absolute;top:12px;right:12px}.stat-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:28px;display:grid}.stat-grid div{text-align:center;background:#eeeee8;border-radius:14px;padding:16px 5px}.stat-grid strong,.stat-grid span{display:block}.stat-grid strong{font-size:20px}.stat-grid span{color:var(--muted);margin-top:5px;font-size:10px}.finish-modal{text-align:center}.celebration{width:58px;height:58px;color:var(--accent);background:var(--accent-soft);border-radius:50%;place-items:center;margin:0 auto 20px;display:grid}.finish-longest{color:#bd7b08;grid-template-columns:auto auto;justify-content:center;align-items:center;gap:2px 7px;margin:22px auto -10px;display:grid}.finish-longest svg{grid-row:1/3}.finish-longest span,.finish-longest strong{text-align:left}.finish-longest span{letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:700}.finish-longest strong{letter-spacing:.08em;font-size:18px}.final-time{font-variant-numeric:tabular-nums;margin:28px 0;font-size:34px;font-weight:700}.final-time span{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:500;display:block}.primary{color:#fff;background:var(--green);cursor:pointer;border:0;border-radius:99px;width:100%;padding:14px;font-weight:700}@media (width<=520px){.app-shell{padding-left:10px;padding-right:10px}.topbar{padding:0 7px}.game-card{border-radius:22px;padding:23px 16px}.board{aspect-ratio:1;margin-top:20px}}@media (prefers-color-scheme:dark){:root{color:#eef3eb;--ink:#eef3eb;--muted:#9da9a0;--paper:#1a211c;--line:#536057;--accent-soft:#46271e;--shadow:0 24px 80px #0000004d;background:#111512}.app-shell{background:radial-gradient(circle at 20% 10%,#334b3a42,#0000 28rem),#111512}.game-card{border-color:#2c372f}.progress,.found-words span,.stat-grid div{background:#293029}.letter-node{border-color:#7f9b88}.longest-reveal{color:#ffe6a5;background:linear-gradient(135deg,#493817,#352a16);border-color:#8a681e}.finish-longest{color:#ffc96d}.debug-words{color:#c9bd8d;background:#2f2b1cb8;border-color:#625b3d}.debug-words code{color:#e4d8a7;background:#ffffff0f}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}