@font-face{font-family:PradoInter;src:local("Inter"),local("Segoe UI");font-display:swap}
:root{color-scheme:light;--ink:#18385f;--ink-2:#315476;--muted:#7890a8;--line:#d7e5f0;--panel:#ffffff;--panel-soft:#f7fbff;--blue:#285c93;--blue-soft:#e8f2fb;--green:#7ba87f;--green-soft:#e8f3e6;--peach:#fff7ea;--shadow:0 16px 44px rgba(58,95,130,.12)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:PradoInter,Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#edf5fb}button{font:inherit}button:focus-visible{outline:3px solid rgba(40,92,147,.28);outline-offset:2px}.prado-app{min-height:100vh;padding:18px clamp(14px,2.6vw,36px) 14px;overflow:hidden;background:radial-gradient(circle at 50% -10%,#fff 0 18%,transparent 42%),linear-gradient(180deg,#eaf4fd 0%,#f9fcff 55%,#fff9ef 100%);position:relative}.prado-app:before,.prado-app:after{content:"";position:absolute;pointer-events:none;z-index:0;border-radius:50%;filter:blur(2px)}.prado-app:before{width:360px;height:140px;left:-80px;bottom:-65px;background:#dbeccf}.prado-app:after{width:430px;height:170px;right:-110px;bottom:-95px;background:#e9f1cb}.prado-header,.game-layout,.prado-footer{position:relative;z-index:1}.prado-header{max-width:1220px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;min-height:74px}.title-block{text-align:center}.title-block small{font-size:12px;font-weight:800;color:#557495}.title-block h1{margin:1px 0 0;font-size:clamp(30px,3.4vw,46px);line-height:1;letter-spacing:-.05em;color:#214d7f}.title-block h1 span{font-size:.48em;vertical-align:middle}.title-block p{margin:5px 0 0;color:#7d96ad;font-size:11px;font-weight:700}.header-actions{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;gap:7px}.soft-button,.icon-button,.mobile-level-strip button{border:1px solid var(--line);background:rgba(255,255,255,.88);color:var(--ink-2);box-shadow:0 7px 18px rgba(56,90,123,.07);cursor:pointer}.soft-button{height:38px;border-radius:12px;padding:0 12px;font-size:10px;font-weight:800;display:flex;align-items:center;gap:6px}.icon-button{width:38px;height:38px;border-radius:12px}.game-layout{max-width:1220px;margin:0 auto;display:grid;grid-template-columns:minmax(170px,.58fr) minmax(420px,1.55fr) minmax(190px,.64fr);gap:16px;align-items:stretch}.mascot-card,.board-shell,.info-card{border:1px solid rgba(164,192,215,.46);background:rgba(255,255,255,.78);box-shadow:var(--shadow);backdrop-filter:blur(10px)}.mascot-card{border-radius:26px;min-height:590px;padding:24px 18px 20px;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(239,248,255,.9) 56%,rgba(244,249,232,.96))}.sky-decor{position:absolute;inset:0;pointer-events:none}.sky-decor i{position:absolute;background:white;border-radius:999px;opacity:.75}.sky-decor i:nth-child(1){width:74px;height:25px;top:90px;left:-14px}.sky-decor i:nth-child(2){width:52px;height:19px;top:142px;right:8px}.sky-decor i:nth-child(3){width:86px;height:23px;top:44px;right:-28px}.mascot-wrap{margin-top:62px;position:relative;width:138px;height:138px;display:grid;place-items:center}.mascot-wrap img{width:128px;height:128px;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(62,83,93,.14));transform:scale(1.13)}.heart-pop{position:absolute;right:-4px;top:2px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#e67285;font-size:28px;font-weight:800;box-shadow:0 8px 20px rgba(92,113,131,.13);animation:bob 2.4s ease-in-out infinite}.meadow-copy{text-align:center;margin-top:28px}.meadow-copy span{display:block;color:#83a076;font-size:9px;letter-spacing:.14em;font-weight:900}.meadow-copy strong{display:block;margin-top:5px;font-size:24px;letter-spacing:-.04em}.meadow-copy small{display:block;margin-top:6px;color:#7a90a5;font-size:10px;line-height:1.4}.hill-art{position:absolute;left:-8%;right:-8%;bottom:-10px;height:130px;overflow:hidden}.hill-art i{position:absolute;border-radius:50% 50% 0 0}.hill-art i:nth-child(1){left:-4%;bottom:-36px;width:64%;height:116px;background:#dceccf;transform:rotate(5deg)}.hill-art i:nth-child(2){right:-4%;bottom:-44px;width:70%;height:126px;background:#e9f3d8;transform:rotate(-3deg)}.hill-art i:nth-child(3){left:14%;bottom:40px;width:8px;height:8px;background:#f8bfce;border-radius:50%;box-shadow:28px 13px #fff,77px 4px #f8d583,120px 18px #fff,180px 2px #f8bfce}.hill-art i:nth-child(4){right:12%;bottom:34px;width:10px;height:18px;border:2px solid #8fb893;border-width:0 0 2px 2px;transform:rotate(-22deg)}.board-column{min-width:0;display:flex;flex-direction:column}.board-shell{border-radius:26px;padding:12px;flex:1;display:flex;flex-direction:column;background:rgba(255,255,255,.86)}.board-topline{height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 4px 8px}.level-pill,.combo-pill{display:flex;align-items:center;gap:6px;color:#6b86a1;font-size:9px;font-weight:800}.level-pill strong,.combo-pill strong{font-size:13px;color:#245584}.combo-pill{color:#8d6d32}.game-board{width:100%;aspect-ratio:1/1;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;padding:7px;border-radius:21px;background:linear-gradient(180deg,#f2f8fd,#edf6fb);border:1px solid #d8e6f1;touch-action:manipulation;user-select:none}.tile{appearance:none;min-width:0;border:1px solid rgba(183,207,226,.75);border-radius:13px;background:linear-gradient(145deg,#fff,#f6fbff);box-shadow:0 3px 7px rgba(57,92,122,.08);cursor:pointer;display:grid;place-items:center;padding:2px;transition:transform .14s ease,box-shadow .14s ease,background .14s ease,opacity .18s ease}.tile:hover{transform:translateY(-1px);box-shadow:0 5px 11px rgba(57,92,122,.12)}.tile.is-selected{background:#e5f1fb;border-color:#7ba9cf;box-shadow:0 0 0 2px rgba(62,118,167,.13)}.tile.is-hint{animation:hintPulse 1s ease-in-out infinite}.tile.is-clearing{transform:scale(.55) rotate(6deg);opacity:.05}.tile.is-invalid{animation:shake .25s linear}.tile-icon{font-size:clamp(22px,3vw,38px);line-height:1;filter:drop-shadow(0 2px 1px rgba(30,50,68,.05))}.tile[data-kind="sheep"] .tile-icon{width:76%;height:76%;border-radius:50%;background:url('./assets/sheep.webp') center/contain no-repeat;font-size:0}.game-message{min-height:25px;margin:8px 4px 0;text-align:center;color:#718aa1;font-size:10px;font-weight:700}.game-message.is-good{color:#5c8a63}.game-message.is-warn{color:#b0794c}.game-sidebar{display:flex;flex-direction:column;gap:11px}.info-card{border-radius:22px;padding:17px;background:rgba(255,255,255,.82)}.info-card header{font-size:10px;color:#315f91;font-weight:900;margin-bottom:12px}.goal-list{display:grid;gap:10px}.goal-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:8px}.goal-row .goal-icon{width:34px;height:34px;border-radius:12px;background:#f2f7fb;display:grid;place-items:center;font-size:21px}.goal-row .goal-icon.sheep-mini{background:#f2f7fb url('./assets/sheep.webp') center/29px 29px no-repeat;font-size:0}.goal-row span{font-size:9px;color:#6e879e}.goal-row b{display:block;color:#193e69;font-size:14px;margin-top:1px}.goal-row i{font-style:normal;font-size:10px;font-weight:900;color:#6b8f76}.moves-card{text-align:center;padding-block:20px}.moves-card>span{font-size:10px;color:#567697;font-weight:900}.moves-card>strong{display:block;margin:3px 0 9px;font-size:36px;line-height:1;color:#1e5d9a}.moves-card>small{color:#8195a8;font-size:8px}.moves-card>small b{color:#315a83}.power-card{padding:13px}.power-button{width:100%;border:0;background:transparent;display:grid;grid-template-columns:35px minmax(0,1fr) 24px;gap:8px;align-items:center;padding:8px 5px;border-radius:12px;text-align:left;color:#345675;cursor:pointer}.power-button:hover,.power-button.is-active{background:#edf6fd}.power-button:disabled{opacity:.42;cursor:not-allowed}.power-icon{width:35px;height:35px;display:grid;place-items:center;font-size:23px;border-radius:11px;background:#f4f7fb}.power-button span:nth-child(2){min-width:0}.power-button b{display:block;font-size:9px}.power-button small{display:block;color:#8397a9;font-size:7px;margin-top:2px}.power-button i{width:22px;height:22px;border-radius:50%;background:#2f6daa;color:#fff;display:grid;place-items:center;font-style:normal;font-size:9px;font-weight:900}.mobile-level-strip,.mobile-goal-card{display:none}.prado-footer{max-width:1220px;margin:12px auto 0;display:flex;align-items:center;justify-content:center;gap:10px;color:#5e7d9c}.prado-footer>span{font-size:31px}.prado-footer strong{display:block;font-size:11px}.prado-footer small{display:block;margin-top:2px;font-size:8px;color:#91a3b3}.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:18px;background:rgba(24,48,72,.28);backdrop-filter:blur(8px)}.modal-backdrop[hidden]{display:none}.modal-card{width:min(620px,100%);max-height:min(780px,calc(100vh - 36px));overflow:auto;border:1px solid #d9e6f0;border-radius:26px;background:#fbfdff;box-shadow:0 26px 80px rgba(28,54,79,.25);padding:22px}.modal-card>header{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;border-bottom:1px solid #e4edf4;padding-bottom:14px;margin-bottom:16px}.modal-card header small{font-size:8px;letter-spacing:.16em;color:#7aa084;font-weight:900}.modal-card h2{margin:3px 0 0;font-size:23px;letter-spacing:-.035em}.modal-card header p{margin:6px 0 0;font-size:10px;color:#7d91a5}.modal-close{width:36px;height:36px;border:1px solid #d8e5ee;border-radius:12px;background:#fff;color:#456481;font-size:20px;cursor:pointer}.world-tabs{display:flex;gap:6px;overflow:auto;padding-bottom:9px;scrollbar-width:thin}.world-tabs button{white-space:nowrap;border:1px solid #dce8f1;background:#fff;color:#66819a;border-radius:999px;padding:8px 11px;font-size:8px;font-weight:900;cursor:pointer}.world-tabs button.is-active{background:#285c93;color:#fff;border-color:#285c93}.level-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px}.level-grid button{aspect-ratio:1;border:1px solid #dce8f1;border-radius:10px;background:#fff;color:#466887;font-size:9px;font-weight:900;cursor:pointer}.level-grid button:hover,.level-grid button.is-current{background:#e8f2fb;border-color:#8ab0d0;color:#214f7e}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.help-grid article{display:grid;grid-template-columns:38px 1fr;gap:9px;padding:12px;border:1px solid #e1ebf2;border-radius:15px;background:#fff}.help-grid article>span{font-size:24px}.help-grid strong{font-size:10px}.help-grid p{margin:3px 0 0;color:#72899d;font-size:8px;line-height:1.45}.primary-button,.secondary-button{min-height:42px;border-radius:13px;padding:0 16px;font-weight:900;font-size:10px;cursor:pointer}.primary-button{border:0;background:#285c93;color:#fff;box-shadow:0 8px 20px rgba(40,92,147,.2)}.secondary-button{border:1px solid #d8e5ee;background:#fff;color:#456481}.help-modal>.primary-button{width:100%;margin-top:14px}.result-modal{text-align:center;width:min(430px,100%)}.result-modal>header{display:none}.result-sheep{width:112px;height:100px;margin:0 auto 8px;position:relative}.result-sheep img{width:96px;height:96px}.result-sheep span{position:absolute;right:0;top:0;font-size:24px}.result-modal>small{font-size:8px;letter-spacing:.12em;color:#71987a;font-weight:900}.result-modal h2{font-size:25px;margin:5px 0 6px}.result-modal p{margin:0;color:#7a90a5;font-size:10px}.result-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.result-stats span{border:1px solid #dfebf3;border-radius:14px;background:#f7fbfe;padding:10px}.result-stats small{display:block;color:#8297aa;font-size:8px}.result-stats b{display:block;margin-top:3px;font-size:19px}.result-actions{display:flex;gap:8px}.result-actions button{flex:1}@keyframes bob{50%{transform:translateY(-5px) rotate(3deg)}}@keyframes hintPulse{50%{transform:scale(1.06);box-shadow:0 0 0 3px rgba(112,169,124,.15)}}@keyframes shake{25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}
@media (min-width:521px) and (max-width:980px){.game-layout{grid-template-columns:minmax(350px,1fr) minmax(165px,190px);gap:10px}.mascot-card{display:none}.info-card{padding:13px}.soft-button span{display:none}.tile-icon{font-size:clamp(21px,4.2vw,35px)}.prado-footer{margin-top:9px}.board-shell{min-width:0}}
@media (max-width:520px){html,body{background:#eef6fc}.prado-app{min-height:100%;padding:8px 9px 18px;background:linear-gradient(180deg,#eaf4fd 0,#f8fcff 58%,#fff9ef 100%)}.prado-header{min-height:70px;margin-bottom:3px;padding-inline:2px}.title-block small{font-size:8px}.title-block h1{font-size:28px}.title-block p{display:none}.header-actions{right:1px}.header-actions .soft-button{display:none}.icon-button{width:34px;height:34px;font-size:13px}.game-layout{display:block;max-width:520px}.mascot-card{min-height:106px;height:106px;border:0;box-shadow:none;background:transparent;padding:0;margin-bottom:3px;overflow:visible}.sky-decor{display:none}.mascot-wrap{margin:0 auto;width:96px;height:92px}.mascot-wrap img{width:92px;height:92px;transform:scale(1.07)}.heart-pop{width:31px;height:31px;right:-2px;top:3px;font-size:20px}.meadow-copy,.hill-art{display:none}.board-column{display:block}.mobile-level-strip{display:grid;grid-template-columns:1fr 1fr auto;gap:6px;align-items:center;margin:1px 2px 7px}.mobile-level-strip span{border:1px solid #dae8f2;background:rgba(255,255,255,.86);border-radius:12px;padding:6px 9px;display:flex;align-items:baseline;gap:5px}.mobile-level-strip small{font-size:7px;color:#8297aa;font-weight:800}.mobile-level-strip b{font-size:13px}.mobile-level-strip button{height:35px;border-radius:11px;padding:0 10px;font-size:8px;font-weight:900}.board-shell{border-radius:18px;padding:7px;box-shadow:0 10px 30px rgba(58,95,130,.09)}.board-topline{display:none}.game-board{gap:3px;padding:5px;border-radius:15px}.tile{border-radius:10px;padding:1px}.tile-icon{font-size:clamp(24px,8vw,38px)}.game-message{font-size:8px;margin-top:5px;min-height:18px}.mobile-goal-card{display:grid;grid-template-columns:1.6fr .7fr;gap:6px;margin:7px 2px 0}.mobile-goal-card>div{border:1px solid #dce8f1;background:rgba(255,255,255,.88);border-radius:12px;padding:8px 10px}.mobile-goal-card small{display:block;color:#8297aa;font-size:7px}.mobile-goal-card strong{display:block;margin-top:2px;font-size:10px;color:#244f79}.game-sidebar{display:block;margin:7px 2px 0}.goal-card,.moves-card{display:none}.power-card{padding:7px 8px;border-radius:15px;box-shadow:none}.power-card header{text-align:center;margin:0 0 5px;font-size:8px}.power-card{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.power-card header{grid-column:1/-1}.power-button{grid-template-columns:1fr 18px;padding:4px;border:1px solid #e0eaf2;background:#fff;text-align:center;justify-items:center}.power-button .power-icon{grid-column:1;width:32px;height:32px;font-size:21px}.power-button span:nth-child(2){display:none}.power-button i{grid-column:2;grid-row:1;width:18px;height:18px;font-size:8px}.prado-footer{display:none}.modal-backdrop{padding:10px;align-items:end}.modal-card{max-height:82vh;border-radius:24px 24px 18px 18px;padding:17px}.level-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:5px}.help-grid{grid-template-columns:1fr}.result-actions{flex-direction:column}.result-actions button{width:100%}}
@media (max-width:390px){.prado-app{padding-inline:7px}.prado-header{min-height:60px}.title-block h1{font-size:25px}.mascot-card{height:91px;min-height:91px}.mascot-wrap{height:84px}.mascot-wrap img{width:82px;height:82px}.tile-icon{font-size:clamp(21px,7.6vw,31px)}.level-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}