:root{--ink:#17231f;--paper:#f4f0e7;--paper-2:#eae5d9;--blue:#b8d4ca;--blue-dark:#4f8f7d;--coral:#ffcf6a;--coral-dark:#d58d18;--line:#d4cec1}*{box-sizing:border-box}html,body{background:var(--paper);min-height:100%;color:var(--ink);margin:0}body{font-family:Arial,Helvetica,sans-serif}button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible{outline-offset:3px;outline:3px solid #151c19}.home-shell,.rules-shell{flex-direction:column;max-width:560px;min-height:100svh;margin:auto;padding:clamp(34px,7vh,76px) 24px 28px;display:flex;position:relative}.account-chip{border:1px solid var(--line);cursor:pointer;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:#fffaf1;border-radius:999px;min-height:34px;padding:0 11px;font-size:10px;font-weight:900}.home-account{position:absolute;top:18px;right:20px}.brand-block{text-align:center}.mini-field{grid-template-columns:repeat(3,1fr);width:114px;height:114px;margin:0 auto 28px;display:grid;transform:rotate(-4deg);box-shadow:0 14px 35px #1e272018}.mini-field span{border:1px solid var(--line);background:#fffaf0;place-items:center;font-size:21px;font-weight:800;display:grid}.mini-field span:first-child,.mini-field span:nth-child(2),.mini-field span:nth-child(4),.mini-field span:nth-child(5){background:var(--blue);color:var(--ink)}.mini-field span:first-child{background:var(--blue-dark)}.mini-field span:nth-child(6),.mini-field span:nth-child(9){background:var(--coral)}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:#657069;margin:0 0 7px;font-size:12px;font-weight:800}h1{letter-spacing:-.06em;margin:0;font-family:Georgia,serif;font-size:clamp(55px,16vw,78px);line-height:.95}.lede{color:#55605a;margin:18px 0 0;font-family:Georgia,serif;font-size:19px;line-height:1.45}.daily-card{background:var(--ink);color:#fff;text-align:left;cursor:pointer;border:0;border-radius:18px;width:100%;margin:30px 0 0;padding:18px 52px 18px 19px;transition:all .15s;position:relative;box-shadow:0 5px #000}.daily-card:hover{transform:translateY(-2px);box-shadow:0 7px #000}.daily-card:active{transform:translateY(3px);box-shadow:0 2px #000}.daily-card span,.daily-card strong,.daily-card small{display:block}.daily-card .daily-date{color:var(--coral);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:900}.daily-card strong{margin:5px 0 3px;font:700 23px/1.1 Georgia,serif}.daily-card small{color:#d9e0dc}.daily-card .daily-arrow{color:#fff;font-size:28px;position:absolute;top:50%;right:19px;transform:translateY(-50%)}.daily-feature{aspect-ratio:1;cursor:pointer;background:#fffaf1;border:1px solid #aaa395;border-radius:22px;width:min(100%,370px);margin:30px auto 0;padding:0;transition:all .18s;position:relative;overflow:hidden;box-shadow:0 8px #cfc7b9,0 20px 48px #17231f1f}.daily-feature:hover{transform:translateY(-3px);box-shadow:0 11px #cfc7b9,0 24px 55px #17231f26}.daily-feature:active{transform:translateY(4px);box-shadow:0 4px #cfc7b9}.daily-preview-grid{grid-template-columns:repeat(5,1fr);display:grid;position:absolute;inset:0}.daily-preview-grid>span{color:#29332f;background:#fffaf1;border-bottom:1px solid #d8d2c7;border-right:1px solid #d8d2c7;place-items:center;font-size:clamp(22px,7vw,34px);font-weight:900;display:grid}.daily-preview-grid>span:nth-child(5n){border-right:0}.daily-preview-grid>span:nth-child(n+21){border-bottom:0}.daily-preview-grid .preview-own{background:var(--blue)}.daily-preview-grid .preview-rival{background:var(--coral)}.daily-feature-copy{text-align:left;background:#fffaf1f2;border:1px solid #bdb5a7;border-radius:16px;width:78%;padding:19px 17px 17px;position:absolute;top:50%;left:11%;transform:translateY(-50%)rotate(-1deg);box-shadow:0 12px 30px #17231f36}.daily-feature-copy small,.daily-feature-copy strong,.daily-feature-copy b{display:block}.daily-feature-copy small{color:var(--coral-dark);letter-spacing:.13em;text-transform:uppercase;font-size:9px;font-weight:900}.daily-feature-copy strong{letter-spacing:-.035em;margin:6px 0;font:700 clamp(25px,8vw,35px)/.98 Georgia,serif}.daily-feature-copy b{color:#5f6963;font-size:11px}.daily-feature-copy i{font-size:25px;font-style:normal;position:absolute;bottom:14px;right:15px}.archive-link{border:1px solid var(--line);cursor:pointer;background:#fffaf1;border-radius:14px;justify-content:space-between;width:min(100%,370px);margin:22px auto 0;padding:13px 16px;font-size:12px;font-weight:900;display:flex}.level-picker{gap:10px;margin-top:clamp(35px,7vh,70px);display:grid}.picker-label{text-transform:uppercase;letter-spacing:.14em;margin:0 0 3px;font-size:12px;font-weight:800}.level{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fffaf1;border-radius:16px;grid-template-columns:52px 1fr auto;align-items:center;gap:12px;min-height:72px;padding:10px 16px 10px 10px;transition:all .18s;display:grid;box-shadow:0 3px #d8d1c4}.level:hover{transform:translateY(-2px);box-shadow:0 6px #d8d1c4}.level .rival-face{background:#b8d4ca;border-radius:13px;place-items:center;width:52px;height:52px;font-size:20px;font-weight:900;display:grid}.level.clever .rival-face{background:#ffcf6a}.level.fierce .rival-face{background:var(--blue-dark);color:#fff}.level b,.level small{display:block}.level b{font-size:18px}.level small{color:#68716c;margin-top:3px}.level .arrow{font-size:23px}.text-button{text-underline-offset:4px;cursor:pointer;background:0 0;border:0;margin:26px auto 0;text-decoration:underline}.haptics-toggle{color:#68716c;margin-top:13px;font-size:11px;font-weight:800;display:block}.rules-shell{justify-content:center;position:relative}.rules-shell .back{cursor:pointer;background:0 0;border:0;width:46px;height:46px;font-size:32px;position:absolute;top:22px;left:22px}.rules-shell h2{letter-spacing:-.05em;margin:0 0 34px;font:700 48px/1 Georgia,serif}.rules-list{gap:24px;margin-bottom:38px;display:grid}.rules-list article{grid-template-columns:44px 1fr;gap:15px;display:grid}.rules-list article>span{color:#fff;background:var(--blue);border-radius:50%;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.rules-list article:nth-child(2)>span{background:var(--coral)}.rules-list article:nth-child(3)>span{background:var(--ink)}.rules-list h3{margin:1px 0 5px;font-size:18px}.rules-list p{color:#5e6862;margin:0;line-height:1.45}.primary{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:14px;width:100%;min-height:54px;font-weight:800;transition:all .15s;box-shadow:0 4px #000}.primary:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #000}.primary:disabled{opacity:.35;box-shadow:none;cursor:default}.game-shell{background:var(--paper);grid-template-rows:auto auto 1fr auto;width:100%;max-width:620px;min-height:100svh;margin:auto;display:grid;position:relative;overflow-x:hidden}.game-shell>*{min-width:0}.game-topbar{grid-template-columns:48px 1fr auto;align-items:center;height:64px;padding:8px 12px;display:grid}.wordmark{text-align:center;letter-spacing:.22em;font-size:12px;font-weight:900}.icon-button{cursor:pointer;background:0 0;border:0;height:48px;font-size:30px}.restart{width:42px;font-size:25px}.topbar-actions{align-items:center;gap:2px;display:flex}.scoreboard{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:7px 25px 16px;display:grid}.player{align-items:center;gap:10px;display:flex}.player.rival{justify-content:flex-end}.player .face{background:var(--blue);width:49px;height:49px;color:var(--ink);border-radius:50%;place-items:center;font-size:11px;font-weight:900;display:grid}.player.rival .face{background:var(--coral);color:var(--ink);font-size:14px}.player.rival.relaxed .face,.player.rival.clever .face{background:var(--coral)}.player strong{font:700 30px/1 Georgia,serif}.player.score-preview strong{color:var(--blue-dark);animation:.22s ease-out score-tick}.player.rival.score-preview strong{color:var(--coral-dark)}.player small{display:none}.turn-status{color:#68716c;text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:6px;font-size:11px;font-weight:800;display:flex}.turn-status span{background:var(--blue);border-radius:50%;width:7px;height:7px}.turn-status span.rival{background:var(--coral);animation:1s infinite pulse}.turn-status span.done{background:var(--ink)}@keyframes score-tick{0%{opacity:.45;transform:translateY(3px)scale(.88)}}@keyframes pulse{50%{opacity:.25;transform:scale(.7)}}.coach-tip{z-index:8;background:#fffaf1;border:1px solid #b9b2a5;border-radius:14px;grid-template-columns:30px 1fr 24px;align-items:center;gap:10px;min-height:58px;padding:9px 10px;display:grid;position:absolute;top:122px;left:14px;right:14px;box-shadow:0 8px 25px #17231f24}.coach-tip>span{background:var(--blue-dark);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;font-weight:900;display:grid}.coach-tip p{margin:0;font:700 14px/1.3 Georgia,serif}.coach-tip button{color:#6b746f;cursor:pointer;background:0 0;border:0;font-size:22px}.play-area,.word-builder,.assembled-word{min-width:0}.play-area{align-self:center;width:100%}.word-tray{border:1px solid var(--line);color:#69736d;background:#fffaf1;border-radius:14px;justify-content:center;align-items:center;height:52px;margin:0 14px 12px;padding:0 16px;font-family:Georgia,serif;font-size:17px;display:flex}.word-builder{margin:0 0 7px}.word-actions{justify-content:space-between;align-items:center;min-height:48px;padding:0 16px 10px;display:flex}.word-actions button{text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:0 0;border:0;font-size:13px;font-weight:900}.word-actions .clear-word{color:#606a64;padding:12px 4px}.word-actions .submit-word{min-width:104px;color:var(--ink);background:var(--blue);box-shadow:0 3px 0 var(--blue-dark);border-radius:999px;padding:11px 17px}.word-actions .submit-word:active:not(:disabled){box-shadow:0 1px 0 var(--blue-dark);transform:translateY(2px)}.word-actions .submit-word:disabled{opacity:.35;box-shadow:none}.assembled-word{background:#fffaf1;border-top:1px solid #d8d2c7;border-bottom:1px solid #d8d2c7;justify-content:center;width:100%;min-height:64px;display:flex;overflow:hidden}.word-letter{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#fffaf1;border:0;border-right:1px solid #d8d2c7;flex:1 1 0;min-width:0;max-width:70px;height:64px;font-size:clamp(24px,8vw,42px);font-weight:800;transition:transform .12s,opacity .12s}.assembled-word.long-word .word-letter{font-size:clamp(18px,5.7vw,32px)}.assembled-word.very-long-word .word-letter{letter-spacing:-.04em;font-size:clamp(14px,4.5vw,25px)}.word-letter:active{cursor:grabbing}.word-letter.dragging{opacity:.72;z-index:2;transform:translateY(-7px)scale(1.04)}.word-letter:first-child{border-left:1px solid #d8d2c7}.word-letter.owner-1{background:var(--blue)}.word-letter.owner-2{background:var(--coral)}.word-letter.owner-1.locked{background:var(--blue-dark);color:#fff}.word-letter.owner-2.locked{background:var(--coral-dark);color:var(--ink)}.word-feedback{text-align:center;color:#0000;height:22px;margin:5px 12px 0;font-size:12px;font-weight:800}.word-feedback.visible{color:var(--coral-dark)}.board{border:1px solid #cfc8ba;border-radius:4px;grid-template-columns:repeat(5,minmax(0,1fr));width:calc(100% - 20px);margin:0 10px;display:grid;overflow:hidden;box-shadow:0 16px 45px #2b342a18}.tile{aspect-ratio:1;cursor:pointer;background:#fffaf1;border:1px solid #d8d2c7;border-top:0;border-left:0;min-width:0;font-size:clamp(27px,8.3vw,46px);font-weight:800;transition:background .2s,color .12s,opacity .12s;position:relative}.tile:nth-child(5n){border-right:0}.tile:nth-child(n+21){border-bottom:0}.tile.owner-1{background:var(--blue)}.tile.owner-2{background:var(--coral)}.tile.owner-1.locked{background:var(--blue-dark);color:#fff}.tile.owner-2.locked{background:var(--coral-dark);color:var(--ink)}.tile.vacated{color:#0000;background:0 0;box-shadow:inset 0 0 0 1px #ebe6dc}.tile.vacated i{opacity:0}.tile i{opacity:.75;font-size:8px;font-style:normal;position:absolute;top:5px;right:6px}.tile.just-claimed{z-index:2;animation:.58s cubic-bezier(.2,.9,.25,1.25) both claim-pop;animation-delay:var(--claim-delay)}.tile.just-stolen{animation-name:steal-pop}.tile.just-locked{animation-name:lock-pop}.tile.just-stolen.just-locked{animation-name:steal-lock-pop}@keyframes claim-pop{0%{transform:scale(.92)}42%{transform:scale(1.1);box-shadow:0 7px 18px #17231f35}}@keyframes steal-pop{0%{box-shadow:inset 0 0 0 3px var(--coral-dark);transform:rotate(-2deg)scale(.9)}48%{transform:rotate(2deg)scale(1.13);box-shadow:inset 0 0 0 3px #fff8,0 8px 20px #17231f45}}@keyframes lock-pop{0%{filter:brightness(1.35);transform:scale(.9)}48%{transform:scale(1.14);box-shadow:0 0 0 4px #fff9,0 9px 22px #17231f45}}@keyframes steal-lock-pop{0%{box-shadow:inset 0 0 0 3px var(--coral-dark);transform:rotate(-2deg)scale(.88)}50%{transform:rotate(2deg)scale(1.15);box-shadow:0 0 0 4px #fff9,0 9px 22px #17231f50}}.game-controls{padding:12px 16px max(18px,env(safe-area-inset-bottom))}.last-play{color:#667069;letter-spacing:.09em;justify-content:center;align-items:center;gap:7px;height:26px;font-size:12px;font-weight:800;display:flex}.last-play span{border-radius:50%;width:7px;height:7px}.blue-dot{background:var(--blue)}.coral-dot{background:var(--coral)}.save-progress-link{color:#55605a;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;margin:2px auto 6px;padding:3px;font-size:11px;font-weight:800;text-decoration:underline;display:block}.word-history{border:1px solid var(--line);background:#fffaf1;border-radius:11px;max-width:560px;margin:0 auto 6px}.word-history summary{cursor:pointer;color:#5f6963;letter-spacing:.04em;padding:9px 12px;font-size:11px;font-weight:900}.word-history summary span{float:right;background:var(--paper-2);text-align:center;border-radius:999px;min-width:20px;padding:2px 6px}.word-history ol{max-height:116px;margin:0;padding:0 10px 10px 32px;overflow:auto}.word-history li{padding:2px 0;font-size:11px;font-weight:900}.word-history li::marker{color:#87908b}.word-history button{cursor:pointer;letter-spacing:.05em;background:0 0;border:0;font-weight:900}.word-history .mine button{color:var(--blue-dark)}.word-history .theirs button{color:var(--coral-dark)}.modal-backdrop{z-index:50;background:#17231f99;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.account-modal{border:1px solid var(--line);background:#fffaf1;border-radius:22px;width:min(100%,430px);padding:34px 28px 26px;position:relative;box-shadow:0 24px 70px #1118}.account-modal h2{letter-spacing:-.04em;margin:0 0 12px;font:700 38px/1.03 Georgia,serif}.account-modal>p:not(.eyebrow):not(.account-error){color:#5e6862;line-height:1.5}.modal-close{cursor:pointer;background:0 0;border:0;width:42px;height:42px;font-size:30px;position:absolute;top:10px;right:14px}.account-modal form{margin-top:24px}.account-modal label{letter-spacing:.08em;text-transform:uppercase;flex-direction:column;gap:8px;margin-bottom:17px;font-size:11px;font-weight:900;display:flex}.account-modal input{border:2px solid var(--ink);background:var(--paper);letter-spacing:normal;text-transform:none;border-radius:10px;width:100%;padding:13px 14px;font-size:20px}.account-error{color:#a95f00;margin:10px 0;font-size:13px;font-weight:800}.account-back,.account-guest{cursor:pointer;text-underline-offset:3px;background:0 0;border:0;margin:15px auto 0;padding:2px;font-size:12px;font-weight:800;text-decoration:underline;display:block}.account-guest{color:#667069}.account-email{word-break:break-all}.account-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0;display:grid}.account-stats div{border:1px solid var(--line);text-align:center;border-radius:13px;padding:13px 6px}.account-stats strong,.account-stats span{display:block}.account-stats strong{font:700 28px/1 Georgia,serif}.account-stats span{color:#68716c;letter-spacing:.08em;text-transform:uppercase;margin-top:5px;font-size:10px;font-weight:900}.last-play button{color:inherit;cursor:pointer;font:inherit;letter-spacing:inherit;background:0 0;border:0;align-items:center;gap:7px;display:flex}.last-play i{color:#7c857f;font-size:9px;font-style:normal;text-decoration:underline}.account-stats{margin-bottom:14px}.account-stats div{min-width:0;padding-left:4px;padding-right:4px}.account-stats strong{text-overflow:ellipsis;font-size:25px;overflow:hidden}.account-stats span{letter-spacing:.07em;font-size:9px}.rival-records{border-top:1px solid var(--line);margin:0 0 20px}.rival-records div{border-bottom:1px solid var(--line);justify-content:space-between;padding:8px 3px;font-size:12px;display:flex}.rival-records span{text-transform:capitalize;color:#657069}.rival-records strong{font-size:12px}.definition-modal,.results-modal{border:1px solid var(--line);background:#fffaf1;border-radius:22px;width:min(100%,430px);padding:34px 28px 27px;position:relative;box-shadow:0 24px 70px #1118}.definition-modal h2,.results-modal h2{letter-spacing:-.04em;margin:0 0 14px;font:700 38px/1.04 Georgia,serif}.definition-modal p:not(.eyebrow){color:#55605a;font:400 18px/1.5 Georgia,serif}.definition-modal small{color:#7a827e}.results-backdrop{z-index:40}.final-score{justify-content:center;align-items:center;gap:17px;margin:20px 0;display:flex}.final-score strong{font:700 58px/1 Georgia,serif}.final-score span{color:#8a918d;font-size:30px}.result-highlights{grid-template-columns:repeat(2,1fr);gap:8px;margin:0 0 14px;display:grid}.result-highlights div{border:1px solid var(--line);text-align:center;border-radius:13px;min-width:0;padding:13px 8px}.result-highlights div:last-child:nth-child(3){grid-column:1/-1}.result-highlights span,.result-highlights strong,.result-highlights button{width:100%;display:block}.result-highlights span{color:#69726d;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:9px;font-weight:900}.result-highlights strong,.result-highlights button{text-overflow:ellipsis;background:0 0;border:0;font:700 20px/1.1 Georgia,serif;overflow:hidden}.result-highlights button{white-space:nowrap;cursor:pointer;text-underline-offset:3px;font-size:clamp(11px,3.7vw,16px);text-decoration:underline}.percentile{text-align:center;color:var(--blue-dark);text-transform:uppercase;letter-spacing:.08em;margin:-3px 0 14px;font-size:12px;font-weight:900}.share-result{background:var(--blue-dark);box-shadow:0 4px #315f52}.secondary{border:1px solid var(--ink);cursor:pointer;background:0 0;border-radius:14px;width:100%;min-height:48px;margin-top:10px;font-weight:900}.archive-shell{background:var(--paper);width:100%;max-width:560px;min-height:100svh;margin:auto;padding:26px 22px 40px}.archive-header{grid-template-columns:50px 1fr;align-items:start;gap:12px;margin:12px 0 42px;display:grid}.archive-header .back{cursor:pointer;background:0 0;border:0;font-size:34px}.archive-header h1{font-size:58px}.archive-header p:last-child{color:#667069;margin:10px 0 0;font-family:Georgia,serif}.archive-picker{border:1px solid var(--line);background:#fffaf1;border-radius:22px;padding:18px;box-shadow:0 10px #d3ccbf}.archive-month-nav{grid-template-columns:44px 1fr 44px;align-items:center;gap:8px;display:grid}.archive-month-nav h2{text-align:center;margin:0;font:700 23px/1 Georgia,serif}.archive-month-nav button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:50%;width:42px;height:42px;font-size:27px}.archive-month-nav button:disabled{opacity:.25;cursor:default}.archive-weekdays,.archive-calendar{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.archive-weekdays{text-align:center;color:#737b77;margin:24px 0 10px;font-size:10px;font-weight:900}.archive-calendar button,.archive-blank{aspect-ratio:1}.archive-calendar button{border:1px solid var(--line);background:var(--paper);cursor:pointer;border-radius:10px;place-items:center;font-weight:900;display:grid;position:relative}.archive-calendar button:disabled{opacity:.22;cursor:default}.archive-calendar button.completed{background:var(--blue);border-color:var(--blue-dark)}.archive-calendar button b{color:var(--blue-dark);font-size:9px;position:absolute;top:2px;right:4px}.tutorial-backdrop{--tutorial-loop:7s;z-index:80;background:#17231fba;place-items:center;padding:14px;display:grid;position:fixed;inset:0}.tutorial-modal{overscroll-behavior:contain;border:1px solid var(--line);touch-action:pan-y;background:#fffaf1;border-radius:24px;width:min(100%,480px);max-height:calc(100svh - 28px);padding:28px 24px 22px;position:relative;overflow:auto;box-shadow:0 28px 80px #0009}.tutorial-skip{z-index:2;color:#68716c;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;font-size:12px;font-weight:900;text-decoration:underline;position:absolute;top:14px;right:17px}.tutorial-demo{flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:clamp(228px,37svh,305px);margin:3px 0 14px;display:flex}.tutorial-score{color:#68716c;letter-spacing:.1em;justify-content:center;align-items:center;gap:8px;min-height:24px;font-size:9px;font-style:normal;font-weight:900;display:flex}.tutorial-score span{align-items:center;gap:4px;display:flex}.tutorial-score em{background:var(--blue);width:17px;height:18px;color:var(--ink);letter-spacing:0;border-radius:50%;place-items:center;font-size:11px;font-style:normal;display:grid;position:relative}.tutorial-score span:last-child em{background:var(--coral)}.tutorial-score em b,.tutorial-score em strong{grid-area:1/1;font:900 11px/1 Arial,sans-serif}.tutorial-score em b{animation:score-before-loop var(--tutorial-loop) infinite}.tutorial-score em strong{opacity:0;animation:score-after-loop var(--tutorial-loop) infinite}.tutorial-score>i{color:#9ba19e;font-style:normal}.tutorial-wordline{color:#68716c;letter-spacing:.12em;align-items:center;gap:8px;font-size:10px;font-weight:900;display:flex}.tutorial-wordline strong{color:var(--blue-dark);letter-spacing:.18em;font-size:14px}.tutorial-submit{background:var(--blue);color:var(--ink);letter-spacing:.08em;animation:submit-tap var(--tutorial-loop) infinite;border-radius:999px;margin-left:5px;padding:5px 8px 4px;font-size:8px}.tutorial-board{aspect-ratio:1;border:1px solid #c8c0b3;border-radius:7px;grid-template-columns:repeat(5,1fr);width:clamp(185px,29svh,245px);display:grid;overflow:hidden;box-shadow:0 14px 30px #17231f20}.tutorial-board>span{background:#fffaf1;border-bottom:1px solid #d8d2c7;border-right:1px solid #d8d2c7;place-items:center;font-size:clamp(16px,3.4vh,25px);font-weight:900;display:grid;position:relative}.tutorial-board>span:nth-child(5n){border-right:0}.tutorial-board>span:nth-child(n+21){border-bottom:0}.tutorial-board .demo-own{background:var(--blue)}.tutorial-board .demo-rival{background:var(--coral)}.tutorial-board .demo-selected{animation:word-claim-loop var(--tutorial-loop) infinite var(--tile-delay)}.tutorial-board .demo-changing{animation-name:word-steal-loop}.tutorial-board .demo-selected.demo-locks{animation-name:empty-corner-lock-loop}.tutorial-board .demo-selected.demo-changing.demo-locks{animation-name:captured-corner-lock-loop}.tutorial-board .demo-unlocking{animation:rival-unlock-loop var(--tutorial-loop) infinite}.tutorial-board .demo-locks i,.tutorial-board .demo-unlocking i{font-size:6px;font-style:normal;position:absolute;top:2px;right:3px}.tutorial-board .demo-locks i{animation:lock-glint var(--tutorial-loop) infinite}.tutorial-board .demo-unlocking i{animation:unlock-mark var(--tutorial-loop) infinite}.word-power-demo{gap:14px;width:100%;display:grid}.word-power-demo .tutorial-score{margin-bottom:2px}.word-grow,.compound-build{border:1px solid var(--line);background:var(--paper);border-radius:15px;justify-content:center;align-items:center;gap:7px;min-height:68px;padding:10px;display:flex}.word-grow span,.word-grow strong,.compound-build span,.compound-build strong{background:#fffaf1;border-radius:7px;padding:8px;font-size:12px;box-shadow:0 3px #d4cec1}.word-grow span:nth-child(2){background:var(--blue)}.word-grow strong,.compound-build strong{background:var(--blue-dark);color:#fff;animation:3.2s infinite word-pulse}.compound-build i{color:#77817b;font-style:normal}.tutorial-copy{animation:.3s both copy-in}.tutorial-copy h2{letter-spacing:-.045em;margin:0 0 11px;font:700 clamp(31px,8vw,42px)/.98 Georgia,serif}.tutorial-copy>p:last-child{color:#55605a;min-height:88px;margin:0;font:400 16px/1.45 Georgia,serif}.tutorial-dots{justify-content:center;gap:7px;margin:17px 0;display:flex}.tutorial-dots button{cursor:pointer;background:#c8c2b7;border:0;border-radius:50%;width:8px;height:8px;padding:0}.tutorial-dots button.active{background:var(--blue-dark);border-radius:999px;width:22px}.tutorial-nav{grid-template-columns:72px 1fr;gap:10px;display:grid}.tutorial-nav .primary{min-height:50px}.tutorial-back{color:#5f6963;cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:900}.tutorial-back:disabled{opacity:0}@keyframes word-claim-loop{0%,12%,to{color:var(--ink);background:#fffaf1;transform:scale(1)}27%,88%{background:var(--blue);color:var(--ink);transform:scale(1.07)}35%,88%{transform:scale(1)}}@keyframes word-steal-loop{0%,12%,to{background:var(--coral);color:var(--ink);transform:scale(1)}27%,88%{background:var(--blue);color:var(--ink);transform:scale(1.07)}35%,88%{transform:scale(1)}}@keyframes empty-corner-lock-loop{0%,12%,to{color:var(--ink);background:#fffaf1;transform:scale(1)}27%,38%{background:var(--blue);color:var(--ink);transform:scale(1.07)}48%,88%{background:var(--blue-dark);color:#fff;transform:scale(1)}}@keyframes captured-corner-lock-loop{0%,12%,to{background:var(--coral);color:var(--ink);transform:scale(1)}27%,38%{background:var(--blue);color:var(--ink);transform:scale(1.07)}48%,88%{background:var(--blue-dark);color:#fff;transform:scale(1)}}@keyframes rival-unlock-loop{0%,22%,to{background:var(--coral-dark);color:var(--ink)}38%,88%{background:var(--coral);color:var(--ink)}}@keyframes unlock-mark{0%,22%,to{opacity:1;transform:scale(1)}38%,88%{opacity:0;transform:scale(.35)}}@keyframes submit-tap{0%,12%,to{box-shadow:none;transform:scale(1)}17%{box-shadow:inset 0 0 0 2px var(--blue-dark);transform:scale(.88)}24%,88%{transform:scale(1)}}@keyframes score-before-loop{0%,40%,to{opacity:1;transform:translateY(0)}50%,88%{opacity:0;transform:translateY(-5px)}}@keyframes score-after-loop{0%,40%,to{opacity:0;transform:translateY(5px)}50%,88%{opacity:1;transform:translateY(0)}}@keyframes lock-glint{0%,40%{opacity:0;transform:scale(.4)}55%,85%{opacity:1;transform:scale(1.2)}to{opacity:0}}@keyframes word-pulse{50%{transform:scale(1.05);box-shadow:0 7px 16px #17231f26}}@keyframes copy-in{0%{opacity:0;transform:translate(12px)}}@media (width>=700px){body{background:#ded8cc}.game-shell,.home-shell,.rules-shell,.archive-shell{background:var(--paper);box-shadow:0 0 70px #26312820}.game-shell{border-radius:28px;min-height:900px;margin-top:30px;margin-bottom:30px;overflow:hidden}.tile{font-size:45px}}@media (height<=740px){.game-topbar{height:52px}.scoreboard{padding-top:0;padding-bottom:8px}.player .face{width:42px;height:42px}.word-tray{height:44px;margin-bottom:8px}.word-builder{margin-bottom:10px}.word-actions{min-height:38px;padding-bottom:6px}.assembled-word{min-height:52px}.game-controls{padding-top:7px}.last-play{height:20px}}@media (prefers-reduced-motion:reduce){.game-shell .tile,.game-shell .word-letter,.game-shell .player strong,.game-shell .turn-status span,.game-shell .primary{transition:none!important;animation:none!important;transform:none!important}}