:root{--ivory:#f6dfcf;--lito-plum:#3a294b}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.petiscos-game{background:#30233e}.petiscos-game .scenery{background:linear-gradient(#251c3e22,#281d3dbb 75%,#241b34),url('assets/jardim-luar.webp') center/cover no-repeat}.petiscos-game .scenery::after{background:linear-gradient(90deg,#261c3c22,transparent,#261c3c22)}.petiscos-main{width:min(620px,100%);padding:0 13px max(16px,env(safe-area-inset-bottom,0px));margin:auto}.petiscos-game .topbar{max-width:880px;padding-bottom:5px}.petiscos-brand{text-align:center;margin:0 auto 9px}.petiscos-brand h1{margin:0}.petiscos-brand img{display:block;width:285px;max-width:75vw;height:auto;margin:auto}.petiscos-brand p{font:italic .9rem var(--serif);color:#f4d6e4;margin:2px 0 0}.play-panel{position:relative;border:1px solid #d9b1c9a0;border-radius:25px;background:linear-gradient(150deg,#6d4b63e8,#3c2d50f2);box-shadow:inset 0 0 0 4px #f0cbd00e;padding:8px;overflow:hidden}.lito-hud{display:flex;align-items:center;gap:16px;padding:3px 8px 10px}.petiscos-game .phase-badge{min-width:48px;min-height:48px;padding:4px 8px;background:linear-gradient(140deg,#b786a5,#5c3f68);border-color:#d3acbd}.phase-badge .phase-number{font-size:1.8rem}.treat-goal{flex:1;min-width:0}.treat-goal>span{font:.64rem var(--sans);color:#e8c8dd}.treat-goal>strong{display:block;font:1.55rem var(--serif);color:#fce2d0;margin:4px 0}.progress-track{height:4px;background:#2d203f;border-radius:5px;overflow:hidden;max-width:220px}.progress-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,#bc9acb,#efc6b5);border-radius:inherit;transition:width .16s}.lito-chances{display:flex;flex-direction:column;gap:5px;text-align:center}.lito-chances small{font-size:.6rem;color:#e3c4d7}.lito-chances strong{font:1.2rem var(--serif);color:#f3d8ca}.pause-control{position:relative;align-self:center;width:35px;height:35px;border-radius:50%;background:#4b3459}.pause-control svg{width:15px;height:15px}.pause-control span{position:absolute;top:100%;left:50%;transform:translateX(-50%);font-size:.45rem;margin-top:3px;white-space:nowrap;color:#dbbacc}.playfield{position:relative;isolation:isolate;overflow:hidden;height:clamp(310px,52svh,505px);background:linear-gradient(#271e3d22,#261e3b44 60%,#2b1d3f45),url('assets/jardim-luar.webp') center 73%/cover;border:1px solid #d7adbd82;border-radius:20px 20px 9px 9px;touch-action:none;outline-offset:-4px}.lane-guides{position:absolute;inset:0;display:grid;grid-template-columns:repeat(5,1fr);pointer-events:none}.lane-guides i{border-right:1px solid #e7c6db0c;background:linear-gradient(transparent 25%,#c7a5df03 50%,#c7a5df12)}.lane-guides i:last-child{border:0}.floor-glow{position:absolute;bottom:1%;left:5%;right:5%;height:14%;border-radius:50%;background:radial-gradient(ellipse,#d4aec43b,transparent 70%);border-bottom:1px solid #ddc1cd50;pointer-events:none}.falling-items{position:absolute;inset:0;pointer-events:none;z-index:2}.falling-piece{position:absolute;left:0;top:0;display:grid;place-items:center;width:clamp(29px,7vw,43px);height:clamp(29px,7vw,43px);will-change:transform}.falling-piece img{width:100%;height:100%;object-fit:contain}.falling-piece.gold{border:1px solid #ffe3a9;border-radius:50%;background:radial-gradient(#f6d99b55,transparent 70%);padding:2px}.falling-piece.gold b{position:absolute;right:-4px;top:-5px;color:#5c3a54;font:600 .6rem var(--sans);border:1px solid #f4dfb5;border-radius:50%;width:14px;height:14px;display:grid;place-items:center;background:#f2d3aa}.falling-piece.bell{width:clamp(30px,8vw,45px);height:clamp(30px,8vw,45px);border-radius:50%;background:radial-gradient(#b49ac64a,transparent 74%)}.lito-runner{position:absolute;top:75%;left:0;width:22%;height:25%;will-change:transform;z-index:3;pointer-events:none}.lito-runner>img{position:relative;width:100%;height:100%;object-fit:contain;object-position:center bottom;z-index:2;transform-origin:center bottom}.lito-runner.timid{opacity:.58}.catch-glow{position:absolute;inset:0 -25%;background:radial-gradient(ellipse,#f2cfba50,transparent 65%);opacity:0;z-index:1}.lito-runner.caught .catch-glow{animation:catch-shine .4s ease-out}.lito-runner.caught>img{animation:lito-hop .32s ease-out}.lito-runner.scared>img{animation:lito-startle .38s ease-out}.lane-buttons{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:4px 3px 0}.lane-buttons button{background:linear-gradient(#74516b77,#35253f88);border:1px solid #c29ab463;border-radius:5px 5px 16px 16px;color:#e4bed5;min-height:29px;touch-action:manipulation;font:.65rem var(--serif)}.lane-buttons button[aria-pressed=true]{border-color:#eacbbf;color:#ffe5c9;background:#b98ca14a}.field-caption{display:flex;align-items:center;gap:9px;padding:0 6px}.field-caption p{font-size:.62rem;line-height:1.45;flex:1;min-height:2.6em;color:#e7c4d9;margin:9px 0}.help-button{width:33px;height:33px;border:0;background:none;color:#e5c0d5;flex:none;padding:7px}.help-button svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.3}.start-cover{position:absolute;inset:0;z-index:4;display:grid;place-items:center;padding:15px;background:linear-gradient(#24173280,#2f204b50)}.welcome-card{width:min(350px,95%);text-align:center;padding:18px 16px 15px;border:1px solid #dab5ccaa;border-radius:50px 50px 23px 23px;background:radial-gradient(ellipse at 50% 0,#b886ad55,transparent 75%),linear-gradient(150deg,#654762f2,#342642f5);box-shadow:inset 0 0 0 4px #e1b7c511}.welcome-card>img{display:block;width:53px;height:35px;object-fit:contain;margin:0 auto 12px}.welcome-card .eyebrow{font-size:.5rem}.welcome-card h2{font:400 1.9rem/1.06 var(--serif);color:#ffe4da;margin:11px 0}.welcome-card p{font-size:.69rem;line-height:1.5;color:#e5c7d9;margin:11px 2px}.welcome-card>small{display:block;font-size:.51rem;color:#ceb1c9;line-height:1.4}.painted-button,.petiscos-game .modal .button{border:0;border-radius:0;min-height:75px;max-width:100%;width:240px;padding:19px 44px;display:inline-flex;align-items:center;justify-content:center;background:transparent url('../destinos/assets/botao-destino.webp') center/100% 100% no-repeat;box-shadow:none;color:#f8e2d9;font:400 1.06rem/1.15 var(--serif)}.painted-button:disabled{opacity:.4}.petiscos-game .modal .button{margin:auto;width:270px;min-height:77px;font-size:1rem}.petiscos-game .modal .button-quiet{opacity:.72}.petiscos-game .modal .modal-actions{gap:1px}.powers-panel{margin-top:11px;padding:15px 12px 11px;border:1px solid #caa3be88;border-radius:23px 13px;background:radial-gradient(ellipse at 0 0,#a57ca635,transparent 70%),linear-gradient(135deg,#573a58f0,#31243ef0);box-shadow:inset 0 0 0 4px #e1bbca0a}.powers-heading{text-align:center}.powers-heading .eyebrow{font-size:.47rem}.powers-heading h2{font:italic 1.17rem var(--serif);font-weight:400;color:#e8c6d9;margin:7px 0 12px}.lito-powers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.lito-power{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;gap:5px;padding:9px 4px;border:1px solid #c79cba88;border-radius:35px 35px 17px 17px;background:radial-gradient(ellipse at 50% 0,#ba8dbd44,transparent 65%),linear-gradient(#614265,#382940);color:#efd6df;box-shadow:inset 0 0 0 3px #d3adc210;min-height:114px}.power-art{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:radial-gradient(#bb95bd42,transparent 70%)}.power-art img{width:100%;height:100%;object-fit:contain}.lito-power strong{font:400 .82rem var(--serif);white-space:normal;line-height:1.07}.power-cost{font:.64rem var(--sans);display:flex;align-items:center;gap:5px;color:#f1d4ac}.power-cost i{width:6px;height:8px;border:1px solid currentColor;transform:rotate(30deg)}.lito-power>small{position:absolute;top:9px;right:9px;font-size:.43rem;color:#cfacc6}.lito-power:disabled{opacity:.42}.power-status{text-align:center;font:italic .75rem/1.3 var(--serif);color:#d2aecb;margin:11px 0 6px;min-height:1.3em}.treat-legend{display:flex;align-items:center;gap:13px;justify-content:center;padding-top:8px;border-top:1px solid #bc95b22b}.treat-legend>span{display:flex;align-items:center;gap:4px;font-size:.54rem;color:#ddc0d6}.treat-legend img{object-fit:contain}.treat-legend>small{font-size:.43rem;max-width:102px;line-height:1.3;color:#bc9bb7}.petiscos-footer{text-align:center;font-size:.54rem;color:#bea1bb;margin:18px 3px}.modal-lito{display:block;width:135px;height:125px;object-fit:contain;margin:0 auto 17px}.petiscos-game .modal{background:radial-gradient(ellipse at 50% 0,#a87daf50,transparent 70%),linear-gradient(145deg,#624260,#30243f);border-color:#d9b7c9}.petiscos-game .modal h2{font-size:2.1rem}.petiscos-game .modal p{font-size:.76rem}.petiscos-game .modal-extra{font:italic 1.5rem var(--serif)}
@keyframes lito-hop{45%{transform:translateY(-9px) rotate(-3deg)}}@keyframes lito-startle{30%{transform:translateY(-8px) rotate(6deg)}65%{transform:translateX(-3px)}}@keyframes catch-shine{35%{opacity:1}100%{opacity:0}}
@media(max-width:500px){.petiscos-main{padding-inline:10px}.petiscos-brand img{width:245px}.petiscos-brand p{font-size:.73rem;margin-top:0}.lito-hud{gap:10px;padding:3px 4px 9px}.treat-goal>span{font-size:.55rem}.treat-goal>strong{font-size:1.25rem}.lito-chances small{font-size:.5rem}.lito-chances strong{font-size:1rem}.play-panel{padding:6px}.phase-badge .phase-number{font-size:1.55rem}.petiscos-game .phase-badge{min-width:40px;padding:4px 6px}.playfield{height:clamp(290px,48svh,450px)}.welcome-card{padding:14px 12px 12px}.welcome-card h2{font-size:1.7rem}.welcome-card p{font-size:.64rem}.welcome-card>img{width:43px;height:29px;margin-bottom:8px}.painted-button{font-size:1rem;width:225px;min-height:69px}.powers-panel{padding:12px 9px 9px}.powers-heading h2{font-size:1.05rem;margin-bottom:10px}.lito-powers{gap:6px}.lito-power{min-height:107px;padding-top:8px}.lito-power strong{font-size:.73rem}.lito-power>small{top:9px;right:7px;font-size:.39rem}.power-art{width:38px;height:38px}.power-status{font-size:.66rem}.treat-legend{gap:9px}.treat-legend>small{font-size:.4rem;max-width:88px}.petiscos-game .modal h2{font-size:1.85rem}.petiscos-game .modal p{font-size:.73rem}.modal-lito{width:120px;height:112px}}
@media(max-width:360px){.petiscos-brand img{width:215px}.lito-hud{gap:7px}.playfield{height:310px}.welcome-card{padding-inline:8px}.welcome-card h2{font-size:1.5rem}.welcome-card p{font-size:.6rem}.lito-power strong{font-size:.66rem}.power-art{width:33px;height:33px}.lito-powers{gap:4px}.treat-legend>small{display:none}.lito-power{min-height:97px}}
@media(prefers-reduced-motion:reduce){.lito-runner>img,.catch-glow{animation:none!important}.progress-track i{transition:none}}
/* As faixas das pontas mantêm o Lito inteiro dentro do cenário. */
.lito-runner{width:20%}.lane-buttons button{min-height:44px}.pause-control{width:40px;height:40px}