.app .bottom-nav{grid-template-columns:minmax(0,1.5fr) minmax(0,1.5fr) repeat(4,minmax(0,1fr))}
.clicker-page{background:radial-gradient(ellipse at 50% 46%,#30484455,transparent 55%);padding-bottom:125px}
.tap-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:8px}.tap-header h1{font-size:20px;letter-spacing:-.5px;margin-top:7px}.tap-header .eyebrow{font-size:7px;letter-spacing:1.6px}.tap-badge{font-size:9px;color:#d1d9b4;padding:7px 10px;border:1px solid #5c694749;border-radius:20px;white-space:nowrap}
.tap-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.tap-stats>div{background:#ffffff07;border:1px solid #73827025;border-radius:13px;text-align:center;padding:10px 3px}.tap-stats small{display:block;font-size:8px;line-height:1.4;color:#dcad7d}.tap-stats>div:nth-child(2) small{color:#c0a6e7}.tap-stats>div:nth-child(3) small{color:#a9d2b0}.tap-stats b{display:block;font-size:12px;margin-top:5px}
.tap-balance{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;margin:23px 0 18px}.tap-balance>span{font-size:30px}.tap-balance strong{font-size:39px;letter-spacing:-1px;overflow-wrap:anywhere;max-width:85%;font-variant-numeric:tabular-nums}.tap-balance small{width:100%;text-align:center;font-size:8px;letter-spacing:3px;color:#abbb9e}
.tap-rank{display:flex;justify-content:space-between;font-size:10px;color:#c0cebb;margin-bottom:8px}.tap-progress{appearance:none;width:100%;height:7px;border:0;border-radius:8px;overflow:hidden;display:block;background:#080f0c}.tap-progress::-webkit-progress-bar{background:#080f0c;border-radius:8px}.tap-progress::-webkit-progress-value{background:linear-gradient(90deg,#8ca596,#e8cf8b);border-radius:8px}.tap-progress::-moz-progress-bar{background:#d4bf80}.tap-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;background:#0a130f80;border:1px solid #3c4b3c;border-radius:13px;padding:4px;margin:18px 0}.tap-tabs button{font-size:11px;padding:10px 4px;border-radius:9px;color:#95a997}.tap-tabs .selected{background:#384a37;color:#f2ddab}
.tap-arena{position:relative;display:grid;place-items:center;margin:18px 0 20px}.tap-chicken{position:relative;width:min(100%,292px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 33%,#759197,#233c47 62%,#11232a);border:9px solid #466168;box-shadow:inset 0 0 0 2px #a1c0b33b,inset 0 -18px 34px #06131b99,0 0 0 2px #8eac923b,0 15px 35px #0005;display:grid;place-items:center;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.tap-chicken img{position:relative;width:76%;height:84%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 14px 9px #09151b80)}.tap-chicken.baby img{width:52%;height:62%}.tap-chicken.young img{width:72%;height:80%}.tap-orbit{position:absolute;inset:7px;border:1px solid #bfd1ab20;border-radius:50%;pointer-events:none}.tap-particles{position:absolute;inset:0;pointer-events:none}.tap-particles span{position:absolute;top:40%;font-size:32px;font-weight:800;color:#ffe5a5;text-shadow:0 2px 4px #0007;animation:tap-float .75s ease-out forwards}.tap-energy-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:12px}.tap-energy-row button{padding:9px 13px;background:#3c4939;border-radius:12px;font-size:12px;color:#ffe2a3}.tap-progress.energy{height:9px}.tap-progress.energy::-webkit-progress-value{background:linear-gradient(90deg,#cd9542,#f1d68e)}
.tap-hint{font-size:10px;color:#a3b19e;line-height:1.6;margin:13px 0;text-align:center}.tap-daily-link{width:100%;display:flex;gap:9px;align-items:center;padding:15px;border-radius:15px;background:#d7bd7010;border:1px solid #bfa46642;font-size:11px;color:#eed9a2}.tap-daily-link span{margin-left:auto}.tap-footnote{font-size:9px;line-height:1.6;text-align:center;color:#8da08e;margin:17px 0 0}#tap-message{font-size:11px;color:#f0cf8f;line-height:1.5;text-align:center;margin-top:12px}
.tap-upgrades h2,.tap-dailies h2{font-size:19px;margin:24px 0 12px}.tap-upgrade{display:flex;width:100%;align-items:center;gap:13px;padding:15px 11px;margin-top:9px;text-align:left;border:1px solid #54634780;border-radius:16px;background:linear-gradient(120deg,#2b392b,#1c2b23)}.tap-upgrade:disabled{cursor:default;opacity:.55}.tap-upgrade-icon{font-size:28px;background:#d9c67a10;border-radius:12px;width:45px;height:51px;display:grid;place-items:center;flex-shrink:0}.tap-upgrade>span:nth-child(2){flex:1}.tap-upgrade b{font-size:13px;display:block}.tap-upgrade small{font-size:9px;color:#b4bfa7;display:block;margin:5px 0;line-height:1.5}.tap-upgrade strong{color:#f2d596;font-size:12px}.tap-calendar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:18px 0}.tap-calendar>div{padding:12px 3px;border:1px solid #47573b;border-radius:12px;background:#233123;text-align:center}.tap-calendar .today{border-color:#f1ca83;background:#5f593037}.tap-calendar small{display:block;font-size:9px;color:#b4c6a6}.tap-calendar span{display:block;font-size:23px;margin:8px 0}.tap-calendar b{font-size:12px}.tap-task{padding:17px;border:1px solid #43593c;border-radius:16px;margin-top:22px}.tap-task h3{font-size:15px}.tap-task p{font-size:11px;color:#b7c4aa;margin:10px 0 14px}
@keyframes tap-float{to{transform:translateY(-100px) rotate(-8deg);opacity:0}}
@media(max-width:359px){.tap-stats small{font-size:7px}.tap-stats b{font-size:11px}.tap-chicken{width:244px;border-width:7px}.tap-balance strong{font-size:35px}.app .bottom-nav{padding-left:17px;padding-right:17px}.nav-item{font-size:8px}.tap-header .eyebrow{font-size:6px}}
@media(prefers-reduced-motion:reduce){.tap-particles{display:none}}
@media(max-height:900px){.tap-header{margin-bottom:12px}.tap-balance{margin:14px 0 12px}.tap-tabs{margin:12px 0}.tap-arena{margin:12px 0}.tap-chicken{width:min(100%,clamp(200px,30dvh,270px))}.tap-hint{margin:10px 0}}

.chicken-growth{margin-bottom:24px}.growth-stages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0;list-style:none}.growth-stage{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid #536441;border-radius:18px;padding:12px 6px;background:#19291e;gap:5px;min-width:0}.growth-stage.current{border:2px solid #f5c96e;background:#30432a}.growth-stage.done{opacity:.65}.growth-stage img{width:100%;height:100px;object-fit:contain}.growth-stage img.baby{padding:20px}.growth-stage img.young{padding:8px}.growth-stage b{font-size:12px}.growth-stage small{font-size:10px;color:#bcc9ad}.growth-stage strong{font-size:12px;color:#f5c96e}.growth-number{position:absolute;top:8px;left:10px;color:#f5c96e;font-size:12px}.chicken-growth>.button{width:100%}

.tap-project-plan{margin:22px 0 12px;padding:16px;border:1px solid #596545;border-radius:18px;background:#1d2c21}.tap-project-plan h2{font-size:16px;margin:0 0 9px;color:#f5ce83}.tap-project-plan p{font-size:12px;line-height:1.6;color:#c8d2bb;margin:8px 0}

.messages-envelope svg{width:64px;height:64px;fill:none;stroke:#eac777;stroke-width:1.4;margin-bottom:20px}.app .bottom-nav .nav-item{min-width:0;font-size:8px;padding-left:0;padding-right:0}

[aria-label="Розділи повідомлень"]{grid-template-columns:1fr 1fr}

.nav-item{position:relative}.message-badge{position:absolute;top:0;right:calc(50% - 20px);background:#df674f;color:white;border:2px solid #18271d;border-radius:20px;min-width:18px;padding:1px 3px;font-size:9px;font-weight:700}.message-badge[hidden]{display:none}.inbox-item{display:block;width:100%;text-align:left;padding:15px;margin:10px 0;border:1px solid #41593f;border-radius:16px;background:#1c2c21;color:#e1e9d8}.inbox-item.unread{border-color:#d8b665;background:#303d25}.inbox-item b,.inbox-item small,.inbox-item span{display:block;overflow-wrap:anywhere}.inbox-item small{font-size:10px;color:#aab99b;margin:7px 0}.inbox-item span{font-size:12px}.inbox-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.inbox-detail h2,#support-form h2{font-size:19px;margin:20px 0 10px}.support-count{text-align:right;font-size:11px;color:#abbc9d;margin:6px 0 12px}

.tap-feed-reward{margin:10px 0;padding:12px 16px;border:1px solid #d9b885;border-radius:18px;background:#fff1d7;color:#59361c;font-size:12px}.tap-feed-reward>div{display:flex;align-items:center;gap:10px;margin:8px 0}.tap-feed-reward progress{min-width:0;flex:1;height:10px;accent-color:#80a844}.tap-feed-reward small{display:block}.tap-feed-reward span{white-space:nowrap;font-variant-numeric:tabular-nums}