@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&display=swap";:root{font-family:Fredoka,Trebuchet MS,sans-serif;color:#42366b;background:#77ddf2;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100svh;padding:max(22px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));display:grid;place-items:center;background:#77ddf2 url(/snoopy-game-background.png) center / cover no-repeat fixed}main{width:100%;max-width:510px}button{font:inherit;cursor:pointer;min-height:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .15s,background .15s}button:focus-visible,#board:focus-visible{outline:3px solid #7434ba;outline-offset:4px}button:not(:disabled):hover{transform:translateY(-3px)}button:not(:disabled):active{transform:translateY(2px)}[hidden]{display:none!important}.game-shell{position:relative;isolation:isolate}.game-shell:before{content:"";position:absolute;z-index:-1;inset:115px -12px 85px;background:#ecfbffb8;border-radius:48% 48% 35% 35%;filter:blur(25px);pointer-events:none}.game-header{position:relative;text-align:center;padding:0 55px 14px}.edition{font-size:10px;letter-spacing:3px;font-weight:600;margin:0 0 3px;color:#3b5b81}h1{font-size:62px;font-weight:700;letter-spacing:-2px;line-height:1.06;margin:0;color:#8657ca;-webkit-text-stroke:5px white;paint-order:stroke fill;filter:drop-shadow(0 4px 0 #7245ae);transform:rotate(-3deg)}h1 span{color:#ff76a5}.sound-button{position:absolute;top:13px;right:5px;width:46px;height:46px;border:3px solid white;border-radius:50%;background:#aa7bea;color:#fff;font-size:28px;box-shadow:0 4px #7655ad}.sound-button[aria-pressed=true]{background:#4cb491;box-shadow:0 4px #348267}.goal{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;margin-top:7px}.goal>span[aria-hidden]{color:#ffca37;font-size:29px;-webkit-text-stroke:1px #d99b24}.goal strong{font-size:27px;font-weight:600}.progress-track{width:150px;height:9px;border:2px solid white;border-radius:20px;background:#b8a8e4;margin:3px auto 0;overflow:hidden;box-shadow:0 2px #8879b540}#progress{width:0;height:100%;background:#ffe06c;border-radius:inherit;transition:width .3s}#play-prompt{width:fit-content;max-width:100%;margin:14px auto 0;padding:8px 17px;border-radius:18px 18px 18px 4px;background:#ffffffed;color:#675086;font-size:14px;text-align:center;box-shadow:0 3px #a98fc333}#play-prompt.celebrate{background:#fff2ae;animation:cheer .35s ease-out}@keyframes cheer{50%{transform:scale(1.09) rotate(-2deg)}}.board-wrap{margin-top:2px}#board{width:100%;aspect-ratio:1;border-radius:20px;overflow:hidden}#board canvas{display:block;max-width:100%;touch-action:none}.round-tools{display:flex;align-items:center;justify-content:space-between;margin:3px 14px 17px;gap:10px}.stats{display:flex;gap:15px;font-size:13px;padding:8px 12px;background:#ffffffbf;border-radius:25px}.stats strong{font-weight:500;font-variant-numeric:tabular-nums}.restart{display:flex;align-items:center;justify-content:center;gap:7px;border:2px solid white;border-radius:24px;background:#9265ce;color:#fff;box-shadow:0 4px #6b49a3;padding:8px 17px;font-size:14px;font-weight:500}.restart>span{font-size:24px;line-height:1}.best{display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;margin:13px auto 0;padding:6px 12px;background:#ffffffb8;border-radius:20px;width:fit-content;max-width:100%}.best>span:first-child{font-size:21px;color:#a27423}.best strong{font-weight:400}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{background:#fff8e9;color:#544678;border:5px solid white;border-radius:32px;box-shadow:0 8px #6d65b060;padding:26px;width:380px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);text-align:center}dialog::backdrop{background:#45477870;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.win-icon{color:#ffc743;font-size:45px;-webkit-text-stroke:1px #e4a332}dialog h2{color:#8657ca;font-size:36px;margin:12px 0;line-height:1.1}dialog p{font-size:14px;line-height:1.5}dialog .restart{width:100%;margin-top:14px}#next-level{background:#ec719b;box-shadow:0 4px #be4e7a;font-size:18px}@media(max-width:550px){body{padding:max(15px,env(safe-area-inset-top)) 12px max(18px,env(safe-area-inset-bottom))}.game-header{padding:0 44px 12px}h1{font-size:48px}.edition{font-size:8px;letter-spacing:2px}.sound-button{width:44px;height:44px;right:0;top:7px}.round-tools{margin-inline:4px}#play-prompt{font-size:12px}}@media(max-width:350px){h1{font-size:40px}.stats{gap:9px;font-size:11px;padding-inline:10px}.restart{font-size:12px;padding-inline:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}body{height:100dvh;min-height:0;padding:max(8px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}main{height:100%;min-height:0;max-width:620px}.game-shell:before{left:0;right:0}.game-shell{height:100%;display:flex;flex-direction:column}.game-header{flex:none;padding-bottom:6px}h1{font-size:44px}.edition{font-size:8px}.game-content{flex:1;min-height:0;display:flex;flex-direction:column}.goal{flex:none;margin-top:0}.goal strong{font-size:23px}.goal>span[aria-hidden]{font-size:24px}.progress-track{flex:none;margin-top:0}#play-prompt{flex:none;margin-top:6px;padding:5px 12px;font-size:12px}.board-wrap{flex:1;min-height:0;position:relative}#board{position:absolute;inset:0;height:100%;aspect-ratio:auto}.round-tools{flex:none;margin:4px 8px 7px;justify-content:center;flex-wrap:wrap;gap:6px}.current-level{font-size:12px;padding:4px 9px;border-radius:12px;background:#ffffffd9;color:#684597!important;-webkit-text-stroke:0!important}.install-button{border:2px solid white;border-radius:22px;background:#9265ce;color:#fff;font-size:12px;padding:7px 12px;box-shadow:0 3px #6b49a3}.best{flex:none;margin-top:5px;padding:2px 10px;font-size:10px}.best>span:first-child{font-size:16px}@media(max-height:700px){h1{font-size:35px}.game-header{padding-bottom:3px}.edition{display:none}.sound-button{top:0}.goal{font-size:12px}.best{display:none}}@media(max-height:450px)and (min-width:550px){main{max-width:1000px}.game-header{height:35px}h1{font-size:26px}.game-content{display:grid;grid-template-columns:minmax(0,1fr) 180px;grid-template-rows:30px 26px minmax(0,1fr) 50px;gap:3px 12px}.goal{grid-column:2;grid-row:1}.progress-track{display:none}#play-prompt{grid-column:2;grid-row:2;margin:0;padding:2px;font-size:10px;background:transparent;box-shadow:none}.board-wrap{grid-column:1;grid-row:1 / -1;height:100%}.round-tools{grid-column:2;grid-row:3 / 5;margin:0;gap:6px;align-content:end}.stats{flex-direction:column;gap:0;padding:3px 6px;font-size:10px}.restart{padding:5px 8px;font-size:12px}}dialog.leaderboard-dialog{width:590px;padding:20px;background:linear-gradient(#dff7ff,#fffaff 55%);border-color:#fff;border-radius:30px}#win.leaderboard-dialog>.win-icon,#win.leaderboard-dialog>h2,.leaderboard-dialog>#win-summary,.leaderboard-dialog>#win-best,.leaderboard-dialog>#win-unlock{display:none}.leaderboard-trophy{font-size:65px;line-height:1}#leaderboard-title,#leaderboard-view-title{font-size:clamp(34px,8vw,48px);color:#ffcf36;-webkit-text-stroke:5px #2959b4;paint-order:stroke fill;text-shadow:0 4px #17498d;margin:8px 0}.leaderboard-tagline{background:#537bfa;color:#fff;border:3px solid #b2d9ff;border-radius:22px;padding:6px 12px;margin:10px auto;width:fit-content}.final-score{display:flex;justify-content:center;gap:22px;padding:12px;background:#fff1b8;border:2px solid #ffe084;border-radius:18px}.final-score span{display:flex;flex-direction:column;font-size:12px}.final-score strong{font-size:28px;color:#343e99}#score-form{text-align:left}#score-form>p:first-child{text-align:center}#score-form label{display:block;font-size:13px;margin:10px 0 4px}#score-form input{display:block;width:100%;min-height:46px;font:inherit;font-size:16px;border:2px solid #bdc9ee;border-radius:13px;padding:10px 12px;color:#343e70;background:#fff}#score-form input:focus-visible{outline:3px solid #9875df;outline-offset:2px}#score-form .score-privacy,.leaderboard-scope{font-size:11px;color:#655d82}.leaderboard-table-wrap{overflow-x:auto}.leaderboard-table{width:100%;border-spacing:0 7px;text-align:left;font-size:13px}.leaderboard-table th{color:#4657b3;font-size:11px;padding:6px}.leaderboard-table td{padding:12px 7px;background:#fff;border-top:2px solid #e2eaff;border-bottom:2px solid #e2eaff}.leaderboard-table td:first-child{border-radius:16px 0 0 16px;text-align:center;font-size:22px}.leaderboard-table td:last-child{border-radius:0 16px 16px 0}.leaderboard-table td:nth-child(2){overflow-wrap:anywhere;max-width:180px}.leaderboard-table td:nth-child(n+3){font-weight:600;white-space:nowrap}.leaderboard-table tr:nth-child(1) td{background:#fff2be;border-color:#ffe081}.leaderboard-table tr:nth-child(2) td{background:#edf0fc;border-color:#d1d9ee}.leaderboard-table tr:nth-child(3) td{background:#ffe2c9;border-color:#ffc699}#score-status:empty{display:none}@media(max-width:400px){dialog.leaderboard-dialog{padding:14px}.leaderboard-table td{padding-inline:4px}}dialog.leaderboard-dialog{width:620px;max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:12px 18px 18px;border:4px solid #c7edff;border-radius:34px;background:#95dcff url(/snoopy-game-background.png) center / cover;box-shadow:inset 0 0 0 2px #fff,0 6px #7b88e2,0 18px 60px #2449a655;scrollbar-width:thin;scrollbar-color:#86b6fc #e9f7ff}.leaderboard-dialog::backdrop{background:#2540778c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.leaderboard-art{position:relative;height:clamp(95px,24vw,155px);width:100%;margin:0 auto;pointer-events:none}.leaderboard-art img{position:absolute;object-fit:contain;filter:drop-shadow(0 3px 1px #599ee32b)}.leaderboard-snoopy{width:38%;height:100%;bottom:-13%;left:1%;z-index:2;transform:rotate(-5deg)}.leaderboard-cup{width:32%;height:108%;top:-3%;left:35%}.leaderboard-house{width:30%;height:100%;bottom:-8%;right:1%;transform:rotate(8deg)}#leaderboard-title,#leaderboard-view-title{position:relative;z-index:3;width:100%;aspect-ratio:3 / 1;margin:-14px 0 1px;background:url(/leaderboard-title.png) center / contain no-repeat;font-size:0;-webkit-text-stroke:0;text-shadow:none}.leaderboard-tagline{display:none}.leaderboard-scope{width:fit-content;max-width:100%;margin:8px auto 10px;padding:5px 10px;border-radius:14px;background:#ffffffd9;color:#345aaa;font-size:10px}.leaderboard-table-wrap{padding:8px 9px 12px;border:5px solid #88c9ff;border-radius:28px;background:linear-gradient(125deg,#f8fcff,#eaf3ff 65%,#f7f0ff);box-shadow:inset 0 0 0 2px #fff,0 0 0 2px #b2b4ff,0 5px #5c9cf270}.leaderboard-table{table-layout:fixed;border-spacing:0 7px;color:#172477;font-size:16px}.leaderboard-table th{padding:8px 5px;background:#d4e7ff;font-size:12px;color:#254ab7}.leaderboard-table th:first-child{width:12%;border-radius:18px 0 0 18px}.leaderboard-table th:nth-child(2){width:48%}.leaderboard-table th:nth-child(3){width:18%}.leaderboard-table th:last-child{width:22%;border-radius:0 18px 18px 0}.leaderboard-table td{padding:15px 6px;background:linear-gradient(#fff,#edf5ff);border-color:#d4e3fa;box-shadow:0 3px 2px #76a9ef26;vertical-align:middle}.leaderboard-table td:first-child{border-left:2px solid #d4e3fa;font-size:25px}.leaderboard-table td:last-child{border-right:2px solid #d4e3fa}.leaderboard-table td:nth-child(2){font-weight:600}.leaderboard-table td:nth-child(2):before{content:"";float:left;width:36px;height:36px;margin:-4px 8px -4px 0;border:2px solid white;border-radius:50%;background:#9de4ff url(/snoopy-woodstock-cloud.png) center / 125% auto no-repeat;box-shadow:0 2px #83b9e4}.leaderboard-table td:nth-child(n+3),.leaderboard-table th:nth-child(n+3){text-align:center;font-variant-numeric:tabular-nums}.leaderboard-table tr:nth-child(1) td{background:linear-gradient(#fff9dc,#ffe9a2);border-color:#ffd663}.leaderboard-table tr:nth-child(2) td{background:linear-gradient(#f9fbff,#dee5fc);border-color:#bdccef}.leaderboard-table tr:nth-child(3) td{background:linear-gradient(#fff4e3,#ffd5b5);border-color:#ffbd82}#leaderboard-empty,#saved-leaderboard-empty{padding:24px 12px;color:#5269a9;font-size:14px}.final-score{margin:10px 0;border:3px solid #ffdc6d;background:linear-gradient(#fffbd5,#ffe69a);border-radius:22px;box-shadow:inset 0 2px #fff,0 4px #eab33b55}.final-score strong{color:#182b85;font-size:32px}#score-form{padding:12px 16px 17px;background:#f5fbfff2;border:3px solid #abceff;border-radius:24px;box-shadow:0 4px #7b9fe552}#score-form>p:first-child{color:#3155a7;margin:0 0 12px;font-size:14px}#score-form label{color:#284da6;font-weight:500}#score-form input{border-color:#b6d5ff;box-shadow:inset 0 2px 4px #3965ab0e}.leaderboard-dialog .restart{border:3px solid #ffbfea;background:linear-gradient(#ff9dd7,#f72d9c);box-shadow:inset 0 3px #ffffff85,0 4px #bc4aa1;border-radius:28px;font-size:17px;min-height:49px;text-shadow:0 2px #b3328355}#win.leaderboard-dialog>#play-again{width:min(310px,90%);height:auto;aspect-ratio:3 / 1;margin:14px auto 0;background:url(/button-play-again.png) center / contain no-repeat;border:0;box-shadow:none;font-size:0;color:transparent;text-shadow:none}#leaderboard-view #close-leaderboard{width:fit-content;min-width:190px;margin:15px auto 0;padding-left:45px;position:relative}#close-leaderboard:before{content:"";position:absolute;width:49px;height:49px;left:-9px;top:-3px;background:url(/button-back.png) center / contain no-repeat}#score-status:not(:empty){padding:9px 12px;background:#f2ffef;color:#356844;border:2px solid #b5e3b2;border-radius:15px;font-size:12px}@media(max-width:400px){dialog.leaderboard-dialog{padding:10px 9px 14px;border-radius:25px}.leaderboard-table-wrap{padding:5px 4px 8px;border-width:3px;border-radius:21px}.leaderboard-table{font-size:12px}.leaderboard-table th{font-size:10px;padding:7px 3px}.leaderboard-table td{padding:13px 3px}.leaderboard-table td:first-child{font-size:21px}.leaderboard-table td:nth-child(2):before{width:26px;height:26px;margin-right:4px;border-width:1px}#score-form{padding:12px}}