:root{--ink:#20201e;--paper:#f4f0e8;--paper-deep:#e7e0d5;--white:#fffdf8;--coral:#ec5d4e;--coral-dark:#bd3f34;--teal:#187c75;--teal-light:#bfe6d5;--yellow:#f5c84c;--blue:#5392c7;--cell-size:clamp(25px, 7.4vw, 42px);--shadow:4px 4px 0 var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body,html{margin:0;height:100%;min-height:100%}body{background:linear-gradient(90deg,transparent 49%,rgba(32,32,30,.035) 50%,transparent 51%) 0 0/26px 26px,linear-gradient(transparent 49%,rgba(32,32,30,.035) 50%,transparent 51%) 0 0/26px 26px,var(--paper);animation:8s linear infinite paper-drift;overflow:hidden}button{font:inherit;color:inherit}.cell:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.app-shell{width:min(100%,560px);height:100dvh;margin:0 auto;padding:env(safe-area-inset-top) 16px calc(14px + env(safe-area-inset-bottom));display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}main{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto}.topbar{height:64px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;border-bottom:2px solid var(--ink)}.brand{display:flex;align-items:center;gap:8px}.brand-mark{display:grid;place-items:center;width:31px;height:31px;transform:rotate(-7deg);background:var(--coral);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);color:var(--white);font-size:19px;font-weight:950}.brand-name{font-size:19px;font-weight:950;letter-spacing:0}.daily-badge{display:flex;align-items:center;gap:6px;padding:6px 8px;border:1.5px solid var(--ink);background:var(--yellow);font-size:10px;font-weight:900;white-space:nowrap}.daily-dot{width:7px;height:7px;background:var(--coral);border:1px solid var(--ink);border-radius:50%}.icon-button{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;aspect-ratio:1;padding:0;border:2px solid var(--ink);border-radius:50%;background:var(--white);font-weight:900;cursor:pointer}.icon-button:hover{background:var(--yellow)}.icon-button.compact{width:29px;height:29px;font-size:22px;line-height:1}.game-heading{display:flex;justify-content:space-between;align-items:end;gap:12px;padding:16px 3px 10px}.eyebrow{margin:0 0 3px;color:var(--coral-dark);font-size:10px;font-weight:950;letter-spacing:0}.puzzle-meta{display:flex;align-items:center;gap:7px;min-width:0;margin-bottom:4px}.puzzle-meta .eyebrow{flex-shrink:0;margin:0;font-size:12px}.puzzle-theme{min-width:0;padding:2px 6px;overflow:hidden;border:1px solid var(--ink);background:var(--teal);color:var(--white);font-size:11px;font-weight:900;line-height:1.2;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;transform:rotate(-1deg)}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(17px, 5.25vw, 24px);line-height:1;letter-spacing:0}.timer{min-width:61px;padding:5px 7px;border:1.5px solid var(--ink);background:var(--white);font-variant-numeric:tabular-nums;font-size:13px;font-weight:850;text-align:center}.board-region{min-width:0;min-height:0;margin:0 -16px;padding:12px 16px 9px;display:grid;grid-template-rows:minmax(0,1fr) auto;background:var(--ink);color:var(--white)}.board-wrap{position:relative;display:grid;min-width:0;min-height:0;height:100%;place-items:center;overflow:hidden;background:var(--ink)}.board-texture{position:absolute;z-index:0;inset:-32px;background:repeating-linear-gradient(135deg,rgba(255,255,255,.05) 0 2px,transparent 2px 9px);pointer-events:none;animation:2.8s linear infinite board-grid-drift;will-change:transform}.board-wrap::after,.board-wrap::before{content:"";position:absolute;width:104px;height:27px;background:var(--coral);clip-path:polygon(0 18%,100% 0,88% 100%,8% 78%);transform:rotate(-10deg);transform-origin:center;opacity:.85;z-index:1;will-change:transform,opacity}.board-wrap::before{left:-52px;top:18px;height:22px;animation:1.8s steps(1,end) infinite red-shard-left}.board-wrap::after{right:-58px;bottom:14px;animation:2.1s steps(1,end) 180ms infinite red-shard-right}.board{position:relative;z-index:2;display:grid;gap:2px;padding:4px;touch-action:manipulation}.cell{position:relative;display:grid;place-items:center;width:var(--cell-size);height:var(--cell-size);padding:0;border:1.5px solid #171715;border-radius:2px;background:var(--white);color:var(--ink);font-size:clamp(14px, 4.7vw, 23px);font-weight:900;text-transform:uppercase;cursor:pointer;transition:transform 90ms,background 120ms}.cell.active-word{background:#f7dfa0}.cell.hinted{background:#dbeaf7;color:#245a80}.cell.active{z-index:3;background:var(--yellow);box-shadow:0 0 0 3px var(--coral);transform:scale(1.08)}.cell.secret-cell::after{content:"";position:absolute;right:2px;bottom:2px;width:6px;height:6px;border:1px solid var(--ink);background:var(--teal);transform:rotate(45deg)}.cell.solved{animation:260ms cubic-bezier(.2,.9,.3,1.4) cell-pop}.cell.word-solved{background:var(--teal-light)}.cell.wrong{background:#ffc9c1;color:var(--coral-dark)}.cell-number{position:absolute;top:1px;left:2px;font-size:clamp(8px, calc(var(--cell-size) * .24), 11px);font-weight:950;line-height:1}.board-stamp{position:absolute;z-index:3;right:2px;top:7px;padding:3px 7px;border:1px solid var(--white);color:var(--yellow);font-size:10px;font-weight:900;transform:rotate(5deg)}.legend{display:flex;justify-content:space-between;align-items:center;padding-top:8px;color:#d9d8d1;font-size:10px;font-weight:750}.legend span{display:flex;align-items:center;gap:6px}.legend-cell{display:inline-block;width:9px;height:9px;border:1px solid var(--white)}.legend-cell.secret{background:var(--teal);transform:rotate(45deg)}.clue-panel{position:relative;margin:12px 0 9px;padding:12px 13px 10px;border:2px solid var(--ink);border-left:7px solid var(--coral);background:var(--white);box-shadow:var(--shadow)}.clue-panel.correct{border-left-color:var(--teal)}.clue-panel.shake{animation:330ms shake}.clue-topline{display:flex;align-items:center;gap:8px}.clue-number{display:grid;place-items:center;width:25px;height:25px;border:1.5px solid var(--ink);background:var(--coral);color:var(--white);font-size:12px;font-weight:900;transform:rotate(-3deg)}.clue-direction{font-size:10px;font-weight:900}.clue-nav{display:flex;gap:7px;margin-left:auto}.clue-text{min-height:42px;margin:10px 0 8px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(16px, 4.6vw, 20px);font-weight:700;line-height:1.22}.clue-status{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:7px;border-top:1px dashed #aaa69e;color:#706d67;font-size:9px;font-weight:850}.check-button,.primary-button{min-height:32px;padding:0 13px;border:2px solid var(--ink);border-radius:2px;background:var(--yellow);box-shadow:2px 2px 0 var(--ink);font-size:10px;font-weight:950;cursor:pointer}.check-button:active,.primary-button:active{transform:translate(2px,2px);box-shadow:none}.keyboard{display:grid;grid-template-columns:repeat(20,1fr);gap:5px 3px;padding-top:2px;user-select:none}.key{grid-column:span 2;height:clamp(36px,10vw,44px);padding:0;border:1.5px solid var(--ink);border-radius:4px;background:var(--white);box-shadow:0 2px 0 var(--ink);font-size:clamp(11px, 3.5vw, 15px);font-weight:850;cursor:pointer}.key.wide{grid-column:span 3;background:var(--paper-deep);font-size:17px}.key.enter{background:var(--teal-light);font-size:9px}.key:active{transform:translateY(2px);box-shadow:none}.modal{width:min(calc(100% - 28px),470px);max-height:calc(100dvh - 28px);margin:auto;padding:22px;border:3px solid var(--ink);border-radius:4px;background:var(--paper);box-shadow:8px 8px 0 var(--ink);color:var(--ink)}.modal::backdrop{background:rgba(25,25,23,.78);backdrop-filter:blur(2px)}.modal-head{display:flex;justify-content:space-between;gap:16px}.modal h2{margin-bottom:12px;font-size:clamp(25px, 7vw, 34px);line-height:1.05}.rules{display:grid;gap:10px;margin:20px 0;padding:0;list-style:none;counter-reset:rules}.rules li{position:relative;display:grid;gap:2px;padding:8px 8px 8px 46px;border-bottom:1px solid #cbc4b9;counter-increment:rules}.rules li::before{content:counter(rules);position:absolute;left:2px;top:6px;display:grid;place-items:center;width:29px;height:29px;border:2px solid var(--ink);background:var(--yellow);font-weight:950;transform:rotate(-4deg)}.rules span{color:#69665f;font-size:13px}.one-a-day-note{padding:11px;border-left:5px solid var(--coral);background:var(--white);font-size:13px;line-height:1.35}.primary-button{width:100%;min-height:44px;background:var(--coral);color:var(--white)}.result-modal{overflow:hidden;text-align:center}.result-burst{position:absolute;top:-37px;right:-24px;color:var(--yellow);font-size:120px;line-height:1;opacity:.75;transform:rotate(12deg)}.result-modal h2{position:relative;margin:4px 0 8px;font-size:39px}.result-modal>.eyebrow{font-size:11px}.result-copy{margin-bottom:10px;color:#716d66;font-family:Georgia,"Times New Roman",serif}.secret-word{display:flex;justify-content:center;gap:4px;margin:8px 0 20px}.secret-letter{display:grid;place-items:center;width:clamp(29px,9vw,42px);aspect-ratio:1;border:2px solid var(--ink);background:var(--teal-light);box-shadow:2px 2px 0 var(--ink);font-size:clamp(16px, 5vw, 23px);font-weight:950;animation:420ms cubic-bezier(.2,.9,.3,1.4) both secret-pop}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);border-block:2px solid var(--ink)}.result-stats div{display:grid;gap:2px;padding:10px 3px}.result-stats div+div{border-left:1px solid var(--ink)}.result-stats strong{font-size:20px}.result-stats span,.share-label,.tomorrow span{font-size:9px;font-weight:900}.share-label{margin:18px 0 8px}.share-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.share-button{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;height:38px;padding:0 5px;border:2px solid var(--ink);border-radius:3px;color:var(--white);font-size:14px;font-weight:950;cursor:pointer}.share-button span{overflow:hidden;font-size:10px;text-overflow:ellipsis}.bluesky{background:#1877c9}.telegram{background:#2a97c8}.whatsapp{background:#238c59}.native-share{margin-top:9px;border:0;border-bottom:1px solid var(--ink);background:0 0;font-size:10px;font-weight:900;cursor:pointer}.result-feedback{min-height:17px;margin-top:5px;color:var(--teal);font-size:10px;font-weight:900;opacity:0;transition:opacity 160ms}.result-feedback.show{opacity:1}.tomorrow{display:flex;justify-content:space-between;align-items:center;margin:8px -22px -22px;padding:12px 22px;background:var(--ink);color:var(--white)}.tomorrow strong{color:var(--yellow);font-variant-numeric:tabular-nums;font-size:15px}.toast{position:fixed;z-index:20;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));max-width:calc(100% - 32px);padding:9px 14px;border:2px solid var(--ink);background:var(--ink);color:var(--white);font-size:12px;font-weight:800;opacity:0;pointer-events:none;transform:translate(-50%,14px);transition:180ms}.toast.show{opacity:1;transform:translate(-50%,0)}.confetti{position:fixed;z-index:15;inset:0;overflow:hidden;pointer-events:none}.secret-reveal-screen{position:fixed;z-index:30;inset:0;display:grid;place-items:center;overflow:hidden;background:repeating-linear-gradient(135deg,rgba(255,255,255,.045) 0 2px,transparent 2px 11px),var(--ink);color:var(--white);opacity:0;pointer-events:none;visibility:hidden}.secret-reveal-screen.show{opacity:1;visibility:visible;animation:250ms both reveal-screen-in}.reveal-content{position:relative;z-index:2;width:min(100%,560px);padding:24px 14px;text-align:center}.reveal-content p{margin-bottom:18px;color:var(--yellow);font-size:11px;font-weight:950}.reveal-content strong{display:block;margin-top:24px;color:var(--teal-light);font-size:clamp(17px, 5vw, 24px);opacity:0;transform:translateY(10px)}.secret-reveal-screen.show .reveal-content strong{animation:320ms 1.25s forwards reveal-label}.reveal-word{display:flex;justify-content:center;gap:clamp(3px,1vw,7px)}.reveal-letter{display:grid;place-items:center;width:clamp(42px,13vw,64px);aspect-ratio:1;border:3px solid var(--white);background:var(--teal);box-shadow:5px 5px 0 var(--coral);color:var(--white);font-size:clamp(24px, 8vw, 40px);font-weight:950;opacity:0;transform:scale(.35) rotate(-13deg)}.secret-reveal-screen.show .reveal-letter{animation:430ms cubic-bezier(.15,.9,.25,1.35) forwards reveal-letter-pop}.reveal-stripe{position:absolute;width:150vw;height:28px;border-block:2px solid var(--white);background:var(--coral);transform:rotate(-8deg) translateX(-110%)}.secret-reveal-screen.show .reveal-stripe{animation:650ms ease-out forwards reveal-stripe}.reveal-stripe.one{top:18%}.reveal-stripe.two{bottom:17%;background:var(--yellow);animation-delay:.1s!important}.confetti-piece{position:absolute;top:-20px;width:9px;height:16px;border:1px solid var(--ink);animation:1.8s ease-in forwards confetti-fall}@keyframes cell-pop{50%{transform:scale(1.18) rotate(2deg)}}@keyframes paper-drift{to{background-position:26px 0,0 26px}}@keyframes board-grid-drift{to{transform:translate3d(12.728px,0,0)}}@keyframes red-shard-left{0%,100%,18%{transform:translate(0,0) rotate(-10deg)}19%,41%{transform:translate(5px,-2px) rotate(-7deg) scaleX(1.04)}42%,67%{transform:translate(-2px,2px) rotate(-13deg) scaleX(.96)}68%,84%{transform:translate(4px,1px) rotate(-9deg)}85%,99%{transform:translate(1px,-1px) rotate(-12deg) scaleX(1.02)}}@keyframes red-shard-right{0%,100%,22%{transform:translate(0,0) rotate(-10deg)}23%,46%{transform:translate(-5px,2px) rotate(-14deg) scaleX(.95)}47%,70%{transform:translate(2px,-2px) rotate(-8deg) scaleX(1.05)}71%,88%{transform:translate(-3px,-1px) rotate(-12deg)}89%,99%{transform:translate(1px,1px) rotate(-9deg) scaleX(.98)}}@keyframes secret-pop{from{opacity:0;transform:translateY(12px) rotate(-9deg)}}@keyframes shake{20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}@keyframes confetti-fall{to{transform:translateY(110vh) rotate(630deg)}}@keyframes reveal-screen-in{from{opacity:0}to{opacity:1}}@keyframes reveal-letter-pop{55%{opacity:1;transform:scale(1.14) rotate(3deg)}100%{opacity:1;transform:scale(1) rotate(0)}}@keyframes reveal-label{to{opacity:1;transform:translateY(0)}}@keyframes reveal-stripe{to{transform:rotate(-8deg) translateX(0)}}@media (min-width:480px){.app-shell{padding-inline:24px}.board-region{margin-inline:-24px;padding-inline:24px}}@media (max-height:720px){.topbar{height:54px}.game-heading{padding-block:10px 7px}.clue-panel{margin-top:8px;padding-block:9px 7px}.clue-text{min-height:32px;margin-block:6px}.key{height:34px}}@media (prefers-reduced-motion:reduce){*,::after,::before{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}