:root{--ink:#171717;--muted:#777773;--line:#e8e8e3;--paper:#fff;--soft:#f7f7f4}*{box-sizing:border-box}html{background:var(--soft);-webkit-tap-highlight-color:transparent}body{background:var(--soft);min-width:320px;color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button,a{font:inherit;color:inherit}button{cursor:pointer}.loading{letter-spacing:.15em;min-height:100svh;color:var(--muted);text-transform:uppercase;place-items:center;font-size:11px;display:grid}.shell{min-height:100svh;padding-bottom:max(30px, env(safe-area-inset-bottom))}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffb8;justify-content:space-between;align-items:center;height:64px;padding:0 18px;display:flex}.brand{letter-spacing:-.035em;justify-self:start;align-items:center;gap:9px;font-size:17px;font-weight:800;text-decoration:none;display:flex}.brand-mark{align-items:center;gap:2px;display:flex;transform:rotate(-6deg)}.brand-mark i{background:#ff6b4a;border-radius:50%;width:7px;height:7px;display:block}.brand-mark i:nth-child(2){background:#66d1af;transform:translateY(5px)}.brand-mark i:nth-child(3){background:#6f8eff;transform:translateY(10px)}.round-button,.modal-close{border:1px solid var(--line);background:#fff;border-radius:50%;justify-self:end;width:34px;height:34px;padding:0;font-weight:800}.game{width:min(100% - 28px,510px);margin:0 auto;padding:26px 0 0}.intro{text-align:center}.eyebrow{color:#62625d;letter-spacing:.2em;margin:0 0 12px;font-size:9px;font-weight:800}h1{letter-spacing:-.055em;margin:0;font-size:clamp(30px,8.5vw,44px);line-height:1}.score-panel{border:1px solid var(--line);text-align:center;background:#fff;border-radius:18px;grid-template-columns:1fr 1px 1fr;align-items:center;margin:20px 0 13px;padding:16px 10px;display:grid;box-shadow:0 8px 24px #1e1e1809}.score-panel div{min-width:0}.score-panel small{color:var(--muted);letter-spacing:.16em;margin-bottom:5px;font-size:8px;font-weight:800;display:block}.score-panel strong{letter-spacing:-.04em;font-size:clamp(20px,5.5vw,25px);line-height:1;display:block}.score-panel>i{background:var(--line);width:1px;height:34px}.board-tools{justify-content:space-between;align-items:center;gap:12px;margin:0 3px 9px;display:flex}.board-tool-group{align-items:center;gap:15px;display:flex}.board-tool-group button{color:#787872;letter-spacing:.12em;text-transform:uppercase;background:0 0;border:0;padding:5px 0;font-size:9px;font-weight:800}.board-tool-group button:first-child{color:#9b9b95}.board-tool-group span{vertical-align:-2px;margin-left:3px;font-size:15px}.grid{border:1px solid var(--line);touch-action:none;-webkit-user-select:none;user-select:none;background:#fff;border-radius:23px;grid-template-columns:repeat(5,1fr);gap:7px;padding:9px;display:grid;box-shadow:0 18px 45px #1e1e180f}.tile{aspect-ratio:1;touch-action:none;border:0;border-radius:12px;min-width:0;padding:0;transition:transform .12s,box-shadow .12s,filter .12s;position:relative;box-shadow:inset 0 0 0 1px #00000009,0 3px #00000014}.tile .letter{font-size:clamp(21px,6.5vw,33px);font-weight:800;line-height:1}.tile .order{color:#fff;background:#171717;border-radius:50%;place-items:center;width:16px;height:16px;font-size:8px;font-weight:800;display:grid;position:absolute;top:5px;right:5px}.tile.selected{z-index:1;filter:saturate(1.15);transform:translateY(-3px)scale(.94);box-shadow:inset 0 0 0 3px #171717,0 6px #0000001f}.dragging .tile{cursor:grabbing}.coral{background:#ff8b72}.blue{background:#8ca8ff}.yellow{background:#f7d867}.mint{background:#74d8b6}.lilac{background:#c5a1f2}.pink{background:#f4a6c6}.word-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:62px;margin:11px 5px 0;display:flex}.current-word small{color:var(--muted);letter-spacing:.16em;margin-bottom:5px;font-size:7px;font-weight:800;display:block}.current-word strong{letter-spacing:.12em;text-overflow:ellipsis;max-width:72vw;min-height:22px;font-size:20px;display:block;overflow:hidden}.current-word:not(.has-word) strong{color:#c3c3bd}.clear-button{color:#777773;background:0 0;border:0;font-size:11px;text-decoration:underline}.clear-button:disabled{opacity:0}.notice{min-height:39px;color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:7px;font-size:11px;display:flex}.notice span{background:#c4c4bc;border-radius:50%;flex:none;width:6px;height:6px}.notice.good{color:#238468}.notice.good span{background:#32bd8e}.notice.bad{color:#d44830}.notice.bad span{background:#ff694e}.play-button{color:#fff;background:#181817;border:0;border-radius:100px;justify-content:space-between;align-items:center;width:100%;height:52px;padding:0 12px 0 22px;font-size:13px;font-weight:700;display:flex;box-shadow:0 8px 20px #00000017}.play-button i{color:#171717;background:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:16px;font-style:normal;display:grid}.play-button:disabled{opacity:.3;cursor:not-allowed;box-shadow:none}.play-button.toolbar-play{gap:10px;width:auto;min-width:120px;height:38px;padding:0 7px 0 15px;font-size:11px}.play-button.toolbar-play>span{white-space:nowrap}.play-button.toolbar-play i{width:24px;height:24px;font-size:13px}.history{text-align:center;margin-top:27px}.history>span{color:var(--muted);letter-spacing:.16em;font-size:8px;font-weight:800}.history div{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:10px;display:flex}.history b{letter-spacing:.05em;background:#ebebe7;border-radius:100px;padding:7px 10px;font-size:10px}.backdrop{z-index:5;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#1414125c;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:24px;width:min(100%,430px);padding:34px 25px 26px;position:relative;box-shadow:0 30px 80px #0003}.modal-close{font-size:20px;font-weight:400;position:absolute;top:18px;right:18px}.modal h2{letter-spacing:-.05em;max-width:300px;margin:0;font-size:35px;line-height:1}.modal ol{color:#565651;margin:25px 0 27px;padding-left:20px;font-size:13px;line-height:1.5}.modal li+li{margin-top:9px}.finished{text-align:center}.finished h2{max-width:none}.finished-copy{color:var(--muted);margin:16px 0 24px;font-size:13px}.finished-copy strong{color:var(--ink)}.final-score{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:25px;padding:19px}.final-score small,.final-score strong{display:block}.final-score small{color:var(--muted);letter-spacing:.16em;margin-bottom:7px;font-size:8px;font-weight:800}.final-score strong{letter-spacing:-.05em;font-size:38px}.review-button{color:var(--muted);background:0 0;border:0;margin-top:17px;font-size:11px;text-decoration:underline}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cat-runner{--cat:#292925;--cat-light:#44443e;z-index:4;pointer-events:none;filter:drop-shadow(0 7px 4px #00000029);width:118px;height:76px;position:fixed;left:0}.cat-cross{top:var(--cat-y);animation:7.4s linear forwards cat-crossing}.cat-drop,.cat-leap{top:0}.cat-drop{animation:6.9s cubic-bezier(.35,0,.25,1) forwards cat-dropping}.cat-leap{animation:6.4s cubic-bezier(.32,0,.28,1) forwards cat-leaping}.cat-body{z-index:1;background:linear-gradient(165deg, var(--cat-light), var(--cat) 48%);transform-origin:bottom;border-radius:52% 48% 39% 42%;width:67px;height:34px;animation:.36s ease-in-out infinite alternate cat-bob;position:absolute;bottom:21px;left:25px}.cat-body:after{content:"";background:#ffffff12;border-radius:50%;width:24px;height:21px;position:absolute;bottom:3px;right:7px}.cat-stripe{z-index:1;background:#181816;border-radius:0 0 5px 5px;width:5px;height:14px;position:absolute;top:1px;transform:rotate(-8deg)}.cat-stripe.stripe-one{left:22px}.cat-stripe.stripe-two{height:10px;left:32px}.cat-head{z-index:2;background:linear-gradient(145deg, var(--cat-light), var(--cat) 62%);transform-origin:25% 82%;border-radius:48% 52% 46% 48%;width:33px;height:32px;position:absolute;bottom:31px;left:80px}.cat-cross .cat-head{animation:7.4s linear forwards cat-look}.cat-drop .cat-head{animation:6.9s linear forwards cat-drop-look}.cat-leap .cat-head{animation:6.4s linear forwards cat-leap-look}.cat-ear{z-index:-1;background:var(--cat);clip-path:polygon(50% 0,100% 100%,0 84%);width:15px;height:19px;position:absolute;top:-10px}.cat-ear:after{content:"";clip-path:inherit;opacity:.75;background:#c98283;position:absolute;inset:5px 4px 2px}.cat-ear.left{left:1px;transform:rotate(-8deg)}.cat-ear.right{right:0;transform:rotate(12deg)}.cat-face{opacity:0;position:absolute;inset:0}.cat-cross .cat-face{animation:7.4s linear forwards cat-eyes}.cat-drop .cat-face{animation:6.9s linear forwards cat-drop-eyes}.cat-leap .cat-face{animation:6.4s linear forwards cat-leap-eyes}.cat-face i{z-index:1;background:#f7d867;border-radius:50%;width:5px;height:6px;position:absolute;top:11px;box-shadow:inset 1px 0 #171717}.cat-face i:first-child{left:7px}.cat-face i:nth-child(2){right:7px}.cat-face span{z-index:1;background:#f4a6c6;border-radius:50% 50% 60% 60%;width:5px;height:4px;position:absolute;top:18px;left:14px}.cat-face b{border-bottom:1px solid #ddd6c8;border-radius:50%;width:12px;height:7px;position:absolute;top:21px;left:11px}.cat-face:before,.cat-face:after{content:"";border-top:1px solid #ddd6c8;border-bottom:1px solid #ddd6c8;width:15px;height:7px;position:absolute;top:20px}.cat-face:before{right:26px;transform:rotate(5deg)}.cat-face:after{left:26px;transform:rotate(-5deg)}.cat-tail{z-index:0;background:var(--cat);transform-origin:100%;border-radius:10px 3px 3px 10px;width:48px;height:10px;animation:.72s ease-in-out infinite alternate cat-tail-swish;position:absolute;bottom:39px;left:-7px;transform:rotate(-28deg)}.cat-leg{background:var(--cat);transform-origin:50% 1px;border-radius:0 0 7px 7px;width:9px;height:21px;animation:.36s ease-in-out infinite alternate cat-step;position:absolute;bottom:-15px}.cat-leg i{background:var(--cat);border-radius:8px 9px 5px 5px;width:13px;height:6px;position:absolute;bottom:-2px;left:-1px}.cat-leg.rear-far{opacity:.7;left:11px}.cat-leg.rear-near{animation-direction:alternate-reverse;left:22px}.cat-leg.front-far{opacity:.7;animation-direction:alternate-reverse;right:17px}.cat-leg.front-near{right:6px}@keyframes cat-crossing{0%{transform:translate(-125px)}42%,62%{transform:translate3d(var(--pause-x), 0, 0)}to{transform:translate(calc(100vw + 125px))}}@keyframes cat-dropping{0%{transform:translate(55vw,-105px)rotate(2deg)}22%{transform:translate3d(55vw, var(--cat-y), 0) scale(1.12, .72)}27%{transform:translate3d(55vw, calc(var(--cat-y) - 10px), 0) scale(.92, 1.12)}31%,55%{transform:translate3d(55vw, var(--cat-y), 0) scale(1)}59%{transform:translate3d(55vw, var(--cat-y), 0) scaleX(-1)}to{transform:translate3d(-145px, var(--cat-y), 0) scaleX(-1)}}@keyframes cat-leaping{0%{transform:translate(-135px,calc(100vh + 70px))rotate(-15deg)}13%{transform:translate3d(4vw, calc(var(--cat-y) - 92px), 0) rotate(-7deg)}25%{transform:translate3d(24vw, var(--cat-y), 0) rotate(0) scale(1.1, .76)}30%{transform:translate3d(24vw, calc(var(--cat-y) - 8px), 0) scale(.94, 1.1)}35%,55%{transform:translate3d(24vw, var(--cat-y), 0) scale(1)}to{transform:translate3d(calc(100vw + 130px), var(--cat-y), 0) scale(1)}}@keyframes cat-look{0%,40%,64%,to{transform:rotate(0)translateY(0)}45%,59%{transform:rotate(-19deg)translate(-7px,-3px)scale(1.1)}}@keyframes cat-eyes{0%,42%,62%,to{opacity:0}46%,59%{opacity:1}}@keyframes cat-drop-look{0%,28%,57%,to{transform:rotate(0)translateY(0)}34%,53%{transform:rotate(-19deg)translate(-7px,-3px)scale(1.1)}}@keyframes cat-drop-eyes{0%,31%,55%,to{opacity:0}36%,52%{opacity:1}}@keyframes cat-leap-look{0%,33%,57%,to{transform:rotate(0)translateY(0)}39%,52%{transform:rotate(-19deg)translate(-7px,-3px)scale(1.1)}}@keyframes cat-leap-eyes{0%,36%,55%,to{opacity:0}41%,52%{opacity:1}}@keyframes cat-bob{to{transform:translateY(-3px)rotate(.8deg)}}@keyframes cat-step{0%{transform:rotate(17deg)translate(2px)}to{transform:rotate(-19deg)translate(-2px)}}@keyframes cat-tail-swish{0%{transform:rotate(-34deg)}to{transform:rotate(-20deg)}}@keyframes cat-pop{0%,to{opacity:0;transform:translate(42vw)}20%,80%{opacity:1;transform:translate(42vw)}}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #171717}@media (width>=700px){.topbar{height:76px;padding:0 max(24px,50vw - 560px)}.game{padding-top:54px}.grid{gap:9px;padding:11px}.tile:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px #00000009,0 7px #00000012}}@media (height<=720px) and (width<=600px){.game{padding-top:14px}.intro h1{font-size:27px}.score-panel{margin-top:13px;padding-block:12px}.grid{gap:5px;padding:7px}.notice{min-height:30px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}.cat-runner{top:var(--cat-y);animation:2s forwards cat-pop}.cat-body,.cat-head,.cat-face,.cat-tail,.cat-leg{animation:none}.cat-face{opacity:1}}