:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--grass:#206d43;--grass-light:#27824e;--ink:#16231a;--paper:#fffdf5;--yellow:#f4d64f;--water:#114d70;--grid-opacity:.15}*{box-sizing:border-box}html,body{scroll-behavior:smooth;min-height:100%;margin:0}body{font-family:Segoe UI,Tahoma,Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}:is(button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible){outline-offset:4px;outline:3px solid #f2d54c}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:650}button{color:inherit}svg{vertical-align:middle}input,textarea,select{max-width:100%}input:not([type=checkbox]):not([type=range]),textarea,select{color:var(--ink);background:#fffef9;border:1px solid #d8ddce;border-radius:3px;padding:10px 12px}select{cursor:pointer}input[type=checkbox]{accent-color:#236f43;width:20px;height:20px}input[type=range]{accent-color:#236f43;width:100%}small{font-size:12px}.game-app{background-color:var(--grass);color:#f4f9e8;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='182' height='158'%3E%3Cg fill='%23359359' fill-opacity='.45'%3E%3Cpath d='M20 25h3v3h-3zm4-4h3v3h-3zm4 4h3v3h-3zm4-4h3v3h-3zm4-4h3v3h-3zM108 91h3v3h-3zm4-4h3v3h-3zm4 4h3v3h-3zm4-4h3v3h-3zm4-4h3v3h-3z'/%3E%3C/g%3E%3C/svg%3E");min-height:100vh;padding-bottom:20px}.theme-night{--grass:#18392f;--grass-light:#235244;--water:#123445;--paper:#edf3e9}.theme-rose{--grass:#6a7251;--grass-light:#859460;--water:#685886;--paper:#fff1f3;--yellow:#ffbed2}.theme-sand{--grass:#887943;--grass-light:#a58e4a;--water:#277681;--paper:#fff6df;--yellow:#f6d675}.site-header{grid-template-columns:1fr auto 1fr;align-items:center;max-width:1440px;height:96px;margin:auto;padding:12px 32px;display:grid}.site-header>.icon-button{justify-self:start}.header-tools{justify-content:flex-end;gap:16px;display:flex}.wordmark{text-align:center;letter-spacing:-1px;font-size:28px;font-weight:600;line-height:1.15;transform:rotate(-1deg)}.wordmark span{letter-spacing:1.3px;opacity:.65;margin-top:7px;font-family:Comic Sans MS,cursive;font-size:11px;font-weight:400;display:block}.bare{background:0 0;border:0;padding:5px}.icon-button{opacity:.87;place-items:center;width:36px;height:36px;display:grid}.icon-button:hover{opacity:1;transform:rotate(-5deg)}.signin-note{text-align:center;background:#143c242e;padding:10px 20px;font-size:13px}.signin-note a{gap:5px;margin-right:10px;text-decoration:underline;display:inline-flex}.loading{text-align:center;min-height:70vh;padding:110px 20px}.loading-horse{width:70px;margin:0 auto 22px;animation:1.4s infinite bob;display:block}.play-layout{width:min(660px,100% - 32px);margin:0 auto}.puzzle-heading{text-align:center;justify-content:space-between;align-items:center;gap:10px;min-height:72px;padding:4px 0 12px;display:flex}.puzzle-heading h1{margin:5px 0 0;font-size:19px}.eyebrow{letter-spacing:.4px;opacity:.67;font-size:11px;font-weight:500;display:block}.small-nav{opacity:.65;align-items:center;gap:2px;font-size:12px;display:flex}.small-nav:hover{opacity:1}.board-wrap{position:relative}.board{background:var(--grass);-webkit-user-select:none;user-select:none;isolation:isolate;direction:ltr;border:1px solid #edfad221;width:100%;display:grid;overflow:hidden;box-shadow:0 3px #183d3320}.tile{border:0;border-right:1px solid rgb(215 248 211/var(--grid-opacity));border-bottom:1px solid rgb(215 248 211/var(--grid-opacity));aspect-ratio:1;background:var(--grass);touch-action:manipulation;cursor:pointer;place-items:center;min-width:0;min-height:0;margin:0;padding:0;transition:background .1s;display:grid;position:relative;border-radius:0!important}.tile:disabled{opacity:1}.tile:not(:disabled):hover{background-color:var(--grass-light);z-index:1;box-shadow:inset 0 0 0 2px #e9f9bc73}.tile>svg{z-index:2;width:82%;height:82%;image-rendering:pixelated;pointer-events:none;display:block}.tile.tuft:before{content:"";background:#5eb7636b;width:3px;height:3px;position:absolute;top:39%;left:27%;box-shadow:4px -4px #5eb7636b,8px 0 #5eb7636b,12px -4px #5eb7636b,16px -8px #5eb7636b}.tile-water{background:var(--water);border-color:#2767824d}.tile-water:hover{background:var(--water)!important}.tile-water svg{width:100%;height:100%}.shore-top{border-top:3px solid #849759}.shore-right{border-right:3px solid #849759}.shore-bottom{border-bottom:3px solid #849759}.shore-left{border-left:3px solid #849759}.tile.reachable:not(.tile-water){background:#4c965a}.tile.escape:not(.tile-water){background:#bb8c3f}.tile-horse>svg,.tile-unicorn>svg{animation:3.2s steps(2,end) infinite bob}.tile.placed{background:#215b39}.tile.placed svg{width:94%;height:94%;animation:.12s ease-out place}.ghost-wall{opacity:.4;z-index:3;position:absolute;inset:0}.ghost-wall svg{width:100%;height:100%}.portal-label{display:none}.show-portal-labels .portal-label{display:block}.dark-grid .tile{border-color:#12392285}.no-animation *{transition:none!important;animation:none!important}.wall-log .placed svg{display:none}.wall-log .placed:after{content:"";background:repeating-linear-gradient(0deg,#b47d42 0 4px,#986b38 4px 6px);border:3px solid #432d23;position:absolute;inset:24% 8%;box-shadow:0 4px #493b2c}.wall-square .placed svg{display:none}.wall-square .placed:after{content:"";background:#cad1be;border:3px solid #737e70;position:absolute;inset:12%}.board-tag{background:var(--yellow);color:var(--ink);padding:6px 12px;font-size:12px;position:absolute;top:12px;right:12px;box-shadow:3px 3px #15331b40}.game-stats{grid-template-columns:1fr auto 1fr;align-items:start;gap:8px;margin-top:14px;display:grid}.game-stats>div:last-child{text-align:left}.game-stats .muted{opacity:.66;margin-bottom:3px;font-size:11px;display:block}.game-stats strong{font-variant-numeric:tabular-nums;font-size:23px;font-weight:500}.game-stats em{opacity:.55;font-size:16px;font-style:normal}.horse-whisper{opacity:.6;align-self:center;padding-top:7px;font-size:11px}.game-actions{justify-content:center;align-items:center;gap:10px;margin-top:18px;display:flex}.paper-button,.ink-button,.outline-button{background:var(--paper);min-height:40px;color:var(--ink);border:0;border-radius:2px;justify-content:center;align-items:center;gap:8px;padding:10px 23px;font-size:14px;transition:transform .15s,background .15s;display:inline-flex;transform:rotate(-.7deg);box-shadow:2px 3px #102f273b}.paper-button:nth-child(2n){transform:rotate(.7deg)}.paper-button:hover,.ink-button:hover{background:#f4e9b9;transform:translateY(-2px)rotate(0)}.paper-button:disabled,.ink-button:disabled,.outline-button:disabled{opacity:.45;transform:none}.paper-button.primary{background:var(--yellow);padding-inline:30px}.paper-button.icon-only{padding:10px 13px}.ink-button{background:var(--ink);color:var(--paper);box-shadow:none;transform:none}.ink-button:hover{background:#31513b}.outline-button{box-shadow:none;background:0 0;border:1px solid #253a2a55;transform:none}.under-board{opacity:.56;border-top:1px solid #eaf1df26;justify-content:space-between;gap:10px;margin-top:28px;padding-top:16px;font-size:11px;display:flex}.under-board span:last-child{font-variant-numeric:tabular-nums;letter-spacing:1px}.under-board small{letter-spacing:0;margin-left:9px;font-size:10px}.how-section{text-align:center;max-width:510px;margin:94px auto 48px}.how-section h2{margin:10px 0 16px;font-size:27px}.how-section p{color:#e9f3d9c7;font-size:14px;line-height:2}.tile-legend{justify-content:space-around;gap:16px;margin:30px 0;display:flex}.tile-legend>div{flex-direction:column;align-items:center;gap:6px;font-size:12px;display:flex}.tile-legend svg{width:34px;height:34px}.tile-legend b{font-weight:500}.tile-legend span{opacity:.75;font-size:12px}.site-footer{text-align:center;opacity:.7;max-width:900px;margin:65px auto 12px;padding:0 16px;font-size:11px}.site-footer>div{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.site-footer button{font:inherit;background:0 0;border:0;padding:4px}.site-footer i{opacity:.4;font-style:normal}.site-footer p{opacity:.6;margin:16px 0 0}.text-button{text-underline-offset:4px;background:0 0;border:0;align-items:center;gap:5px;padding:6px 0;font-size:12px;text-decoration:underline;display:inline-flex}.post-play{justify-content:center;gap:22px;margin-top:12px;display:flex}.tiny-note{opacity:.6;text-align:center;margin:12px 0;font-size:11px;line-height:1.6}.rule-banner{color:var(--yellow);background:#0c302329;justify-content:center;gap:14px;margin-bottom:12px;padding:9px;font-size:13px;display:flex}.rule-banner span{opacity:.8;font-size:11px}.tutorial-card{background:var(--paper);color:var(--ink);border-radius:3px;flex-direction:column;margin-bottom:18px;padding:14px 20px;font-size:13px;line-height:1.9;display:flex}.paper-panel{background:var(--paper);color:var(--ink);border-radius:3px;padding:32px;box-shadow:5px 7px #15371e25}.library{width:calc(100% - 48px);max-width:1000px;margin:38px auto 0}.section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.section-heading h1{margin:9px 0;font-size:32px}.section-heading p{opacity:.7;margin-bottom:0;font-size:13px}.library-toolbar{border-top:1px solid #def1c635;align-items:center;gap:14px;padding-top:20px;display:flex}.library-toolbar select{color:#f1f5de;background:#173f2c;border-color:#a3ba902d;font-size:12px}.search-box{background:#164e32;border:1px solid #cbdeb548;border-radius:3px;flex:1;align-items:center;gap:10px;min-width:100px;padding:0 12px;display:flex}.search-box input{width:100%;font-size:13px;color:#f4f9e8!important;background:0 0!important;border:0!important}.search-box input::placeholder{color:#d8e8cb80}.filter-row{flex-wrap:wrap;align-items:center;gap:10px;padding:16px 0 22px;display:flex}.filter-row select{color:#f2f6e3;background:0 0;border-color:#dde9ca38;padding:6px 9px;font-size:11px}.filter-row option{color:#14251c;background:var(--paper)}.filter-row>span{opacity:.6;margin-right:auto;font-size:11px}.level-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.level-card{background:var(--paper);color:var(--ink);text-align:right;border:0;border-radius:3px;padding:0;transition:transform .15s;overflow:hidden;box-shadow:3px 4px #153f2c40}.level-card:hover{transform:translateY(-4px)rotate(-.4deg)}.level-card>.board{border:9px solid #194c34;aspect-ratio:1!important}.board-compact{pointer-events:none;box-shadow:none}.board-compact .tile svg{animation:none}.board-compact .tile.tuft:before{display:none}.board-compact .tile{border-width:0}.board-compact [class*=shore-]{border-width:1px}.level-card-body{padding:19px}.level-card h3{margin:6px 0;font-size:18px}.level-card p{opacity:.55;margin:0 0 20px;font-size:11px}.card-meta{opacity:.67;border-top:1px solid #152d211a;justify-content:space-between;padding-top:13px;font-size:10px;display:flex}.table-scroll{padding:0;overflow:auto}table{border-collapse:collapse;text-align:right;width:100%;font-size:13px}th{opacity:.7;padding:16px;font-weight:500}td{border-top:1px solid #173c2320;padding:16px}td small{opacity:.6;margin-top:4px;font-size:10px;display:block}.table-link{background:0 0;border:0;padding:0}.table-scroll tbody tr:hover{cursor:pointer;background:#e9eddc}.empty-state{text-align:center;max-width:600px;margin:70px auto;padding:40px 30px}.empty-state h1{font-size:23px}.empty-state p{line-height:1.8}.drawer-backdrop,.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#031e17af;justify-content:flex-start;display:flex;position:fixed;inset:0}.drawer{background:var(--paper);color:var(--ink);flex-direction:column;width:min(360px,92vw);height:100%;padding:27px;display:flex;overflow:auto;box-shadow:-15px 0 50px #081c1740}.drawer-title{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.drawer-title h2{margin:0;font-size:27px}.drawer>button:not(.weekly-promo){text-align:right;background:0 0;border:0;align-items:center;gap:14px;padding:12px 4px;font-size:14px;display:flex}.drawer>button:hover{background:#e9efdf}.drawer>small{opacity:.5;margin:26px 4px 7px;font-size:10px}.weekly-promo{color:#2b5338;text-align:right;background:#e4ead5;border:0;border-radius:3px;padding:20px;position:relative}.weekly-promo span{opacity:.7;margin-bottom:8px;font-size:10px;display:block}.weekly-promo b{font-size:17px}.weekly-promo svg{position:absolute;bottom:22px;left:15px}.drawer-bottom{border-top:1px solid #24482d27;justify-content:space-between;margin-top:30px;padding-top:20px;display:flex}.drawer-bottom button{background:0 0;border:0;align-items:center;gap:6px;font-size:12px;display:flex}.account-note{opacity:.55;margin-top:22px;font-size:11px;line-height:1.8}.account-note a{text-decoration:underline}.modal-backdrop{justify-content:center;align-items:center;padding:35px 16px;overflow:auto}.modal{text-align:center;width:min(480px,100%);max-height:calc(100dvh - 70px);padding:34px;position:relative;overflow:auto;transform:rotate(-.25deg)}.modal-close{opacity:.7;position:absolute;top:13px;left:13px}.modal h2{margin:10px 0 25px;font-size:24px}.modal p{font-size:13px;line-height:1.85}.modal-actions{justify-content:center;gap:10px;margin-top:24px;display:flex}.modal h4{opacity:.6;margin:24px 0 14px;font-size:11px;font-weight:500}.help-steps{text-align:right}.help-steps p{align-items:center;gap:13px;display:flex}.help-steps b{background:#edf0df;border:1px solid #31543840;flex-shrink:0;place-items:center;width:29px;height:29px;display:grid}.note-box{background:#eff0df;border-radius:3px;padding:16px;font-size:13px;line-height:1.8}.note-box.warning{background:#f7e9cf}.note-box .text-button{margin:auto;display:block}.confirm-score strong{font-size:70px;font-weight:400;line-height:1.3;display:block}.confirm-score span{opacity:.55;font-size:12px}.result-score{background:#ece2c3;margin-inline:-34px;padding:23px 20px}.result-score>span{opacity:.5;font-size:12px}.result-score>strong{font-variant-numeric:tabular-nums;font-size:90px;font-weight:350;line-height:1.2;display:block}.result-score h3{margin:18px 0 0;font-size:21px}.medal-gold{background:#f2e7a8}.medal-silver{background:#e2e8e0}.histogram{border-bottom:1px solid #d8dcd1;justify-content:center;align-items:flex-end;gap:5px;min-height:140px;padding:12px 8px 0;display:flex}.histogram>div{flex-direction:column;flex:1;align-items:center;gap:6px;max-width:42px;display:flex}.histogram span{background:#ced8c4;width:100%;min-width:6px}.histogram .you span{background:#4a8055}.histogram small{opacity:.55;padding-bottom:5px;font-size:9px}.settings-form{text-align:right}.settings-form>label{margin:18px 0;font-size:13px;display:block}.settings-form input:not([type=checkbox]),.settings-form select{width:100%;margin-top:8px;display:block}.two-columns{grid-template-columns:1fr 1fr;gap:15px;font-size:13px;display:grid}.settings-form .toggle-row{border-bottom:1px solid #18362213;justify-content:space-between;align-items:center;gap:20px;padding:0 0 12px;display:flex}.toggle-row small{opacity:.55;margin-top:5px;font-size:10px;line-height:1.6;display:block}.stats-grid{border-bottom:1px solid #2b4a2720;grid-template-columns:repeat(4,1fr);gap:10px;padding:10px 0 20px;display:grid}.stats-grid strong{font-size:33px;font-weight:450;display:block}.stats-grid span{opacity:.6;font-size:9px}.history-list{max-height:250px;margin:15px 0 25px;overflow:auto}.history-list button{text-align:right;background:0 0;border:0;border-bottom:1px solid #25382715;justify-content:space-between;align-items:center;width:100%;padding:13px 0;font-size:13px;display:flex}.history-list small{opacity:.5;font-size:10px;display:block}.names-page{text-align:center;width:calc(100% - 40px);max-width:600px;margin:40px auto}.big-horse{background:var(--grass);width:85px;margin:0 auto 25px;padding:10px}.names-page h1{margin-top:10px;font-size:29px}.names-page p{font-size:13px;line-height:1.9}.name-form{gap:10px;margin-top:30px;display:flex}.name-form input{flex:1;min-width:0;font-size:12px}.name-list{margin-top:25px}.name-choice{background:0 0;border:0;border-bottom:1px solid #2443251a;justify-content:space-between;align-items:center;width:100%;padding:15px 5px;display:flex}.name-choice span:last-child{color:#5a8750;gap:8px;display:flex}.reading{width:calc(100% - 40px);max-width:670px;margin:40px auto;padding:44px}.reading h1{margin-top:12px;font-size:28px}.reading h2{margin:28px 0 10px;font-size:19px}.reading p{color:#3e5443;font-size:14px;line-height:2.1}.toast{z-index:200;color:#193b26;background:#fffdf3;border-radius:4px;align-items:center;gap:12px;width:max-content;max-width:calc(100vw - 30px);padding:15px 22px;font-size:13px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 7px 28px #00251955}.toast svg{flex-shrink:0}@keyframes bob{0%,80%,to{transform:translateY(0)}90%{transform:translateY(-2px)}}@keyframes place{0%{transform:translateY(-4px)}to{transform:translateY(0)}}@media (min-width:1300px){.play-layout{width:min(690px,100% - 32px)}.site-header{height:92px}.puzzle-heading{min-height:65px}}@media (max-width:700px){.site-header{height:77px;padding:10px 18px}.wordmark{font-size:24px}.wordmark span{font-size:9px}.desktop-only{display:none}.play-layout{width:calc(100% - 22px)}.puzzle-heading{min-height:66px}.puzzle-heading h1{font-size:16px}.eyebrow,.small-nav{font-size:10px}.game-stats{margin-top:10px}.game-stats strong{font-size:20px}.horse-whisper{max-width:145px;font-size:9px}.game-stats .muted{font-size:10px}.game-actions{gap:8px;margin-top:17px}.paper-button{padding:10px 16px;font-size:12px}.paper-button.primary{padding-inline:23px}.under-board{margin-top:22px;font-size:10px}.under-board small{font-size:9px}.how-section{margin-top:66px;padding:0 20px}.how-section h2{font-size:23px}.how-section p{font-size:13px}.site-footer{margin-top:40px}.library{width:calc(100% - 28px);margin-top:22px}.section-heading{align-items:flex-start}.section-heading h1{font-size:26px}.section-heading p{font-size:11px;line-height:1.8}.section-heading>.paper-button{white-space:nowrap;margin-top:20px;padding:8px 10px;font-size:10px}.level-grid{grid-template-columns:repeat(2,1fr);gap:14px}.level-card-body{padding:12px}.level-card h3{font-size:15px}.level-card p{margin-bottom:13px}.card-meta{font-size:8px}.library-toolbar{gap:7px}.library-toolbar select{padding:9px 4px;font-size:10px}.search-box{padding:0 7px}.search-box input{padding-inline:0;font-size:11px}.filter-row{gap:7px}.filter-row select,.filter-row>span{font-size:9px}.modal{padding:28px 23px}.modal h2{font-size:21px}.result-score{margin-inline:-23px}.modal-actions{gap:7px}.modal-actions button{padding-inline:16px;font-size:12px}.modal-backdrop{padding:22px 12px}.modal{max-height:calc(100dvh - 44px)}.rule-banner{text-align:center;flex-direction:column;gap:3px;font-size:11px}.rule-banner span{font-size:10px}.tile-legend{gap:9px}.tile-legend>div{font-size:10px}.tile-legend svg{width:28px;height:28px}.tile.tuft:before{width:2px;height:2px;box-shadow:3px -3px #5eb7636b,6px 0 #5eb7636b,9px -3px #5eb7636b}.shore-top{border-top-width:2px}.shore-bottom{border-bottom-width:2px}.shore-left{border-left-width:2px}.shore-right{border-right-width:2px}.reading{padding:27px}.reading h1{font-size:23px}.signin-note{font-size:11px}.names-page{padding:26px 20px}}.board .horse-head{transform-origin:10px 12px;animation:5.4s steps(2,end) infinite horse-idle-look}.board .horse-tail{transform-origin:20px 13px;animation:3.6s steps(2,end) infinite horse-tail-flick}.board .horse-hovered .horse-head{animation:.85s steps(3,end) infinite horse-curious}.board .horse-hovered .horse-tail{animation:.6s steps(2,end) infinite horse-tail-flick}.board.just-enclosed .tile-horse>.horse-sprite,.board.just-enclosed .tile-unicorn>.horse-sprite{animation:1.15s cubic-bezier(.3,.05,.3,1) both horse-happy-hop}.board.just-enclosed .horse-front-legs{transform-origin:10px 16px;animation:.25s steps(2,end) 4 horse-trot}.board.effects-disabled .horse-sprite,.board.effects-disabled .horse-sprite *{animation:none!important}:is(.board .tile-horse:focus-visible,.board .tile-unicorn:focus-visible){outline-offset:-3px}.board .tile-horse,.board .tile-unicorn,.board:not(.board-compact),.board .horse-sprite{overflow:visible}.board.is-enclosed .tile.tuft:before{display:none}@keyframes horse-idle-look{0%,75%,to{transform:rotate(0)}82%,91%{transform:rotate(5deg)}}@keyframes horse-curious{0%,to{transform:rotate(-5deg)translateY(-.4px)}50%{transform:rotate(6deg)translateY(.2px)}}@keyframes horse-tail-flick{0%,70%,to{transform:rotate(0)}80%{transform:rotate(-18deg)}90%{transform:rotate(12deg)}}@keyframes horse-happy-hop{0%,25%,53%,79%,to{transform:translateY(0)scale(1)}8%,36%,65%{transform:translateY(1px)scale(1.06,.91)}17%,44%{transform:translateY(-18%)rotate(-3deg)scale(.97,1.06)}71%{transform:translateY(-10%)rotate(2deg)}87%{transform:scale(1.04,.96)}}@keyframes horse-trot{0%,to{transform:rotate(-8deg)}50%{transform:rotate(12deg)}}.no-animation .horse-effects-celebration{display:none}
