.pf{--pf-ink:#e4faf8;--pf-muted:#99c0c4;--pf-line:#29444e;--pf-accent:#6be5c8;box-sizing:border-box;position:relative;max-width:660px;margin:auto;color:var(--pf-ink);font-family:inherit;font-size:13px;line-height:1.3;isolation:isolate}.pf *{box-sizing:border-box}.pf button{font:inherit;color:inherit;cursor:pointer;border:1px solid var(--pf-line);background:#16313c;border-radius:9px;min-height:32px;padding:5px 10px;touch-action:manipulation}.pf button:hover{border-color:#75d6c3;background:#1d414b}.pf button:focus-visible{outline:2px solid #fff;outline-offset:2px}.pf button:disabled{cursor:default;opacity:.4}.pf button.pf-primary{color:#062a2c;border-color:#7de4cf;background:#7de4cf;font-weight:800}.pf-tabs{display:flex;gap:4px;align-items:center;margin-bottom:7px}.pf-tabs button{flex:1}.pf-tabs button[aria-pressed=true]{border-color:var(--pf-accent);color:var(--pf-accent);background:#143d43}.pf-menu{background:linear-gradient(145deg,#152c37,#10262d);border:1px solid var(--pf-line);border-radius:16px;padding:15px}.pf-menu-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.pf-menu strong{font-size:18px}.pf-muted{color:var(--pf-muted);font-size:12px}.pf-chapters{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin:12px 0 8px}.pf-chapters button{padding:6px 0}.pf-chapters button[aria-pressed=true]{border-color:#7de4cf;background:#1e5256}.pf-levels{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.pf-levels button{min-width:0;min-height:48px;padding:5px 0}.pf-levels button span{display:block;letter-spacing:1px;color:#edc46b;font-size:9px}.pf-levels button[aria-pressed=true]{border-color:#7de4cf;box-shadow:0 0 0 1px #7de4cf inset;background:#254f56}.pf-brief{margin:12px 0;padding:10px 12px;border-radius:10px;background:#0d222b;border:1px solid #29444e}.pf-brief p{margin:6px 0 0;min-height:32px}.pf-boost-label{margin:10px 0 5px;font-weight:700}.pf-boosts{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.pf-boosts button{padding:8px 4px}.pf-boosts button b{display:block}.pf-boosts button span{display:block;color:var(--pf-muted);font-size:10px;margin-top:3px}.pf-boosts button[aria-pressed=true]{border-color:#ffc46d;background:#493b2b}.pf-start-row{display:flex;gap:8px;margin-top:12px}.pf-start-row button{flex:1}.pf-footer-note{font-size:11px;color:var(--pf-muted);margin:9px 0 0}.pf-game{max-width:400px;margin:auto;position:relative}.pf-stats{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:5px}.pf-stage-label{font-size:12px;font-weight:700}.pf-stage-label small{display:block;color:var(--pf-muted);font-size:10px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pf-moves{font-size:21px;font-weight:850;line-height:1;white-space:nowrap;color:#e8fbf4}.pf-moves small{display:block;color:var(--pf-muted);font-size:9px;font-weight:500;text-align:center;margin-top:2px}.pf-score{font-variant-numeric:tabular-nums;font-size:15px;font-weight:700;text-align:end;white-space:nowrap}.pf-score small{display:block;color:var(--pf-muted);font-size:9px;font-weight:500}.pf-stats button{min-width:40px;padding:5px 7px;font-size:11px}.pf-goals{display:flex;gap:4px;flex-wrap:wrap;min-height:30px;margin-bottom:5px}.pf-goal{display:flex;gap:4px;align-items:center;border-radius:7px;background:#152f39;border:1px solid #34515c;padding:3px 6px;font-size:10px;white-space:nowrap}.pf-goal b{font-size:12px;font-variant-numeric:tabular-nums}.pf-goal.done{border-color:#4eae8b;color:#80e9b7}.pf-dot{width:11px;height:11px;border-radius:4px;display:inline-block;background:var(--gem);transform:rotate(8deg)}.pf-board{direction:ltr;position:relative;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:3px;width:100%;aspect-ratio:1;border:1px solid #42606b;padding:5px;border-radius:13px;background:radial-gradient(ellipse at 50% 5%,#244451,#10232d 75%);box-shadow:0 8px 18px #0003;touch-action:none;user-select:none;-webkit-user-select:none;overflow:hidden}.pf-board button.pf-cell{position:relative;min-height:0;min-width:0;padding:0;border-radius:7px;border:1px solid #36515e;background:#17313d;aspect-ratio:1;touch-action:none;outline-offset:-2px;display:grid;place-items:center}.pf-board button.pf-cell:hover{background:#244654;border-color:#658997}.pf-board button.pf-cell.selected{border:2px solid #fff4b6;box-shadow:0 0 0 2px #ffdc7080,0 0 15px #fcd57f4d;transform:translateY(-1px);z-index:2;background:#3b4c49}.pf-board button.pf-cell.hinted{box-shadow:inset 0 0 0 2px #a9ffda;border-color:#a9ffda}.pf-board button.pf-cell.ice{background:linear-gradient(145deg,#b8ecf26b,#5ba0c453);border-color:#8bdae4}.pf-board button.pf-cell.ice.double{box-shadow:inset 0 0 0 2px #b8f2ff70}.pf-board button.pf-cell.lock::after{content:'';position:absolute;inset:10% 9%;border:3px double #d2b07d;border-radius:20%;transform:rotate(45deg);box-shadow:0 0 2px #0009;pointer-events:none}.pf-board button.pf-cell.chameleon::before{content:'';position:absolute;inset:2px;border:1px dashed #f2d7fb;border-radius:50%;pointer-events:none}.pf-board button.pf-cell.rock{border-color:#696b7d;background:linear-gradient(135deg,#696d7b,#3c4350);box-shadow:inset 2px 2px 0 #a6a9b330,inset -3px -3px 0 #10141e55}.pf-rock{font-size:19px;color:#bac4d1}.pf-layer{position:absolute;bottom:0;right:2px;font-size:9px;color:#fff;line-height:12px;text-shadow:0 1px 2px #000;z-index:3}.pf-gem{position:relative;display:grid;place-items:center;width:80%;height:80%;pointer-events:none;filter:drop-shadow(0 2px 1px #0006)}.pf-gem svg{width:100%;height:100%;overflow:visible}.pf-gem svg .pf-cut{fill:#fff;opacity:.38}.pf-special{position:absolute;inset:0;display:grid;place-items:center;color:white;font-weight:950;font-size:23px;text-shadow:0 1px 3px #000,0 0 5px #000}.pf-gem.wild{background:conic-gradient(#fe7b84,#ffd675,#66d2b4,#60c7f3,#ab95ff,#fe7b84);border-radius:50%;width:72%;height:72%;box-shadow:0 0 8px #efb5f5}.pf-gem.wild .pf-special{font-size:23px}.pf-gem.cargo{background:linear-gradient(120deg,#b7fff8,#9ca8f9,#fbc7fb);clip-path:polygon(50% 0,95% 30%,77% 90%,25% 90%,5% 30%);box-shadow:0 0 15px #b8faf9;color:#193b62;font-size:23px}.pf-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-top:6px}.pf-tools button{font-size:10px;padding:5px 2px;min-height:35px;white-space:nowrap}.pf-tools button[aria-pressed=true]{border-color:#f7c66d;color:#f7c66d}.pf-tool-count{font-size:11px;background:#0e232c;border-radius:4px;padding:0 4px;margin-inline-start:3px}.pf-status{min-height:26px;margin:5px 0 0;font-size:11px;color:#a8cfd0;display:flex;justify-content:space-between;align-items:center;gap:5px}.pf-status span{flex:1}.pf-status button{min-height:25px;padding:2px 6px;font-size:10px}.pf-tip{color:#85aaaf;font-size:10px;min-height:24px;margin:1px 0}.pf-result-wrap{position:absolute;inset:0;z-index:10;background:#061a22cc;backdrop-filter:blur(5px);display:grid;place-items:center;border-radius:13px;padding:15px}.pf-result{background:linear-gradient(150deg,#20464e,#142d38);border:1px solid #6fc8bd;border-radius:16px;padding:22px 18px;text-align:center;max-width:300px;box-shadow:0 15px 40px #0005}.pf-result h2{font-size:24px;margin:0 0 7px}.pf-result-stars{font-size:34px;letter-spacing:6px;color:#f8cd78;line-height:1.2}.pf-result p{font-size:12px;color:#b6d4d5}.pf-result button{margin:3px;min-height:37px}.pf-ghost{position:absolute;pointer-events:none;z-index:6;display:grid;place-items:center}.pf-event-flash{animation:pf-flash .3s ease-out}@keyframes pf-flash{50%{filter:brightness(1.6)}}
.pf-game{max-width:min(460px,calc(100dvh - 300px));background:linear-gradient(150deg,#193540,#102731);border:1px solid #36525b;border-radius:15px;padding:9px;box-shadow:0 8px 22px #0b242c15}.pf-tip{display:none}.pf-status{margin-bottom:0}
@media(max-width:480px){.pf{font-size:12px}.pf-game{max-width:346px;padding:7px}.pf-menu{padding:11px}.pf-tabs{margin-bottom:5px}.pf-tabs button{min-height:30px;font-size:11px}.pf-menu strong{font-size:16px}.pf-menu-top .pf-muted{font-size:10px}.pf-brief{padding:8px;margin:9px 0}.pf-brief p{font-size:11px;min-height:29px}.pf-chapters{margin:9px 0 6px}.pf-levels{gap:3px}.pf-levels button{min-height:41px}.pf-boosts button span{font-size:9px}.pf-goal{padding:3px 4px;font-size:9px}.pf-goal b{font-size:11px}.pf-stats{margin-bottom:4px}.pf-board{gap:3px;padding:4px}.pf-board button.pf-cell.lock::after{border-width:2px}.pf-special{font-size:19px}}
@media(prefers-reduced-motion:reduce){.pf *{animation:none!important;transition:none!important}}

/* Weather Pop: original weather shapes on a bright, quiet board. */
.pf{--pf-ink:#244956;--pf-muted:#63808a;--pf-line:#c3d8d8;--pf-accent:#397c88}.pf button{color:#315462;background:#f9fcf9;border-color:#c2d8d9;box-shadow:0 1px 1px #38626b08}.pf button:hover{border-color:#6fa8b2;background:#edf7f4}.pf button:focus-visible{outline-color:#467f8d}.pf button.pf-primary{background:#477f89;color:#fff;border-color:#477f89}.pf-tabs button[aria-pressed=true]{color:#245c68;border-color:#86b7b6;background:#dcefea}.pf-menu{background:linear-gradient(145deg,#f5faf5,#edf6f3);border-color:#c7dad5;box-shadow:0 7px 25px #4b7b7010}.pf-chapters button[aria-pressed=true],.pf-levels button[aria-pressed=true]{border-color:#79a9a5;box-shadow:inset 0 0 0 1px #79a9a5;background:#e2eeea}.pf-levels button span{color:#a7863f}.pf-brief{background:#e9f3ed;border-color:#cadcd5}.pf-boosts button[aria-pressed=true]{border-color:#c5a865;background:#fbf3d9}.pf-game{background:linear-gradient(145deg,#f9fcf7,#eaf4f0);border-color:#bed3cc;box-shadow:0 8px 22px #3e786215}.pf-moves{color:#365e66}.pf-goal{color:#33545b;background:#fbfdf9;border-color:#c6dad3}.pf-goal.done{color:#3d7e54;border-color:#93bfa1;background:#edf8ec}.pf-goal>.wp-icon{width:19px;height:19px;flex:none}.pf-board{background:radial-gradient(ellipse at 50% 5%,#e1f0ed,#cbdedb 85%);border-color:#adc9c9;box-shadow:inset 0 1px 5px #5b8b8719,0 5px 10px #50726b12}.pf-board button.pf-cell{background:linear-gradient(145deg,#fcfefbe6,#e6f0edb3);border-color:#c3d7d1;box-shadow:inset 0 1px 1px #fff}.pf-board button.pf-cell:hover{background:#fffaf0;border-color:#89ada8}.pf-board button.pf-cell.selected{border-color:#b48b34;box-shadow:0 0 0 2px #e2bc6180,0 1px 8px #c8993c3d;background:#fff6d9}.pf-board button.pf-cell.hinted{border-color:#489488;box-shadow:inset 0 0 0 2px #66b5a6}.pf-board button.pf-cell.ice{background:linear-gradient(145deg,#ddf4f9,#a8d6e680);border-color:#8cbdd0}.pf-board button.pf-cell.ice.double{box-shadow:inset 0 0 0 2px #eefcffb8}.pf-board button.pf-cell.lock::after{content:none}.pf-board button.pf-cell.chameleon::before{border-color:#629faf;opacity:.8;border-width:1.5px}.pf-board button.pf-cell.rock{background:linear-gradient(145deg,#d9e3e8,#b8cbd3);border-color:#a2bac5;box-shadow:inset 1px 1px 0 #fff6}.pf-vine{position:absolute;inset:1%;pointer-events:none;z-index:3;filter:drop-shadow(0 1px 1px #294e331a)}.pf-vine svg{width:100%;height:100%}.pf-rock{display:grid;place-items:center;width:90%;height:90%}.pf-rock .wp-icon{width:100%;height:100%}.pf-gem{width:86%;height:86%;filter:drop-shadow(0 1.5px 1px #46667326)}.pf-gem.wild,.pf-gem.cargo{width:92%;height:92%;border-radius:0;clip-path:none;background:none;box-shadow:none}.pf-special{font-size:18px;color:#fffefa;text-shadow:0 1px 2px #586875,0 0 2px #586875;background:#3b576542;border-radius:50%;inset:22%}.pf-layer{color:#3c687b;text-shadow:0 1px 1px #fff}.pf-tools button[aria-pressed=true]{color:#896821;border-color:#c7a554;background:#fff5d9}.pf-tool-count{background:#e0ede6;color:#385b58}.pf-status{color:#587c80}.pf-result-wrap{background:#d5e8e4d9}.pf-result{background:linear-gradient(150deg,#fffdf4,#eaf4ed);border-color:#9abeb0;box-shadow:0 15px 40px #3e6b5b28}.pf-result p{color:#5c7a78}.pf-result-stars{color:#c59a3e}.wp-icon{display:block;overflow:visible}@media(max-width:480px){.pf-goal>.wp-icon{width:17px;height:17px}.pf-board{gap:2px}.pf-special{font-size:16px}}
/* Soft sky colours, with warmer tiles and no decorative glow. */
.pf-menu,.pf-game{background:linear-gradient(155deg,#f8faf3,#edf6f2);box-shadow:0 2px 8px #526b5c12}.pf-board{background:#d3e5df;box-shadow:inset 0 1px 3px #58756312}.pf-board button.pf-cell{background:linear-gradient(155deg,#fffef8,#f2f6ed);box-shadow:inset 0 1px 0 #fff;border-color:#c8dacd}.pf-gem{filter:drop-shadow(0 1px .6px #46667312)}.pf-gem.wild{filter:none}.pf-board button.pf-cell.selected{background:#f7efd7;border-color:#a18a52;box-shadow:0 0 0 1px #c7b77f}.pf-board button.pf-cell.hinted{border-color:#789c87;box-shadow:inset 0 0 0 1px #9bb7a1}.pf-result{background:#f7f7ee;box-shadow:0 5px 18px #53695618}
