.player-profile-view{min-height:100dvh;padding:calc(var(--top-nav-height) + env(safe-area-inset-top)) 0 calc(var(--nav-height) + env(safe-area-inset-bottom));background:linear-gradient(180deg,#eff9df,#dff3d7 48%,#ccebdd)}.player-profile-shell{width:min(100%,var(--app-width));margin:auto;padding:26px 18px 36px}.player-profile-hero{display:grid;grid-template-columns:132px minmax(0,1fr);gap:18px;align-items:start}.profile-screen-avatar{position:relative;width:132px;height:132px;display:grid;place-items:center;border:4px solid #0b5745;border-radius:24px;background:linear-gradient(145deg,#8ee8f5,#5acb97);box-shadow:inset 0 3px rgba(255,255,255,.45),0 7px rgba(12,78,61,.2);overflow:visible}.profile-screen-avatar>span{font-size:66px}.profile-screen-level{position:absolute;left:0;right:0;bottom:0;height:27px;display:grid;place-items:center;border-radius:0 0 19px 19px;color:#fff;background:#173f67;font:900 17px/1 "Baloo 2",sans-serif}.avatar-customize{position:absolute;top:-10px;right:-10px;width:42px;height:42px;display:grid;place-items:center;padding:0;border:3px solid #0b5745;border-radius:50%;background:var(--action-green);box-shadow:0 4px 0 var(--action-green-dark);font-size:21px}.player-name-block{min-width:0;padding-top:10px}.player-name-line{display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:center;column-gap:14px}.player-name-line h1{min-width:0;margin:0;color:#176b55;font:800 clamp(27px,8vw,39px)/.95 "Baloo 2",sans-serif;overflow-wrap:normal;word-break:normal}.name-edit{width:34px;height:34px;padding:0;border:0;border-radius:11px;background:rgba(23,107,85,.12);font-size:17px;justify-self:end}.player-name-block p{margin:22px 0 0;color:#68827a;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.player-name-block>strong{display:block;margin-top:2px;color:#315f54;font:800 15px/1.2 "Nunito",sans-serif}.profile-settings-button{width:min(330px,86%);min-height:68px;display:block;margin:48px auto 0;border:4px solid #0b5745;border-radius:22px;color:#fff;background:linear-gradient(#1b765e,#115b49);box-shadow:0 6px 0 #0b493b;font:900 29px/1 "Baloo 2",sans-serif}.profile-collection{margin:38px 0 0}.profile-collection>header{display:flex;align-items:end;justify-content:space-between;margin:0 2px 13px}.profile-collection h2{margin:0;color:#176b55;font:900 32px/1 "Baloo 2",sans-serif}.profile-collection header p{margin:4px 0 0;color:#68827a;font:900 12px/1.2 "Nunito",sans-serif}.profile-collection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.profile-collection-card{box-sizing:border-box;min-width:0;min-height:102px;display:grid;grid-template-rows:minmax(0,1fr) auto;place-items:center;padding:9px 7px 8px;border:3px solid rgba(9,72,57,.32);border-radius:19px}.profile-collection-card.collected{color:#fff;background:linear-gradient(#1b765e,#115b49);box-shadow:inset 0 2px rgba(255,255,255,.12),0 5px rgba(12,78,61,.2)}.profile-collection-card.collected:active{transform:translateY(2px);box-shadow:inset 0 2px rgba(255,255,255,.12),0 3px rgba(12,78,61,.2)}.profile-collection-art{width:58px;height:58px;display:grid;place-items:center}.profile-collection-art .ribbitt-art{display:block;width:56px;height:56px;object-fit:contain}.profile-collection-art .emoji-stack{font-size:40px;line-height:1}.profile-collection-card strong{max-width:100%;color:#fff4a2;font:900 12px/1 "Baloo 2",sans-serif;text-align:center;overflow-wrap:anywhere}.profile-collection-card.locked{grid-template-rows:1fr;padding:0;color:#176b55;background:rgba(23,107,85,.08);border-style:dashed}.profile-collection-question{font:900 40px/1 "Baloo 2",sans-serif;opacity:.52}.player-name-dialog{width:min(420px,calc(100% - 28px));padding:0;border:4px solid #0b5745;border-radius:25px;background:#eff9df;box-shadow:0 18px 55px rgba(0,0,0,.35)}.player-name-dialog::backdrop{background:rgba(8,39,32,.62)}.name-dialog-body{padding:24px 20px 20px}.name-dialog-body h2{margin:0 0 5px;color:#176b55;font:900 31px/1 "Baloo 2",sans-serif}.name-dialog-body>p{margin:0 0 18px;color:#68827a;font-weight:800}.name-generator{display:grid;grid-template-columns:minmax(0,1fr) 58px;gap:9px;align-items:center;padding:8px;border:3px solid #176b55;border-radius:18px;background:#fff}.name-generator strong{padding-left:8px;color:#214d42;font:900 20px/1.1 "Baloo 2",sans-serif}.name-generator button{width:54px;height:54px;padding:0;border:0;border-radius:13px;background:#fff06d;font-size:29px}.name-dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.name-dialog-actions button{min-height:52px;border:0;border-radius:15px;color:#fff;font:900 19px/1 "Baloo 2",sans-serif}.name-cancel{background:#d95454}.name-accept{background:#26885f}.settings-header{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;margin-bottom:22px}.settings-header h1{margin:0;color:#176b55;text-align:center;font:900 43px/1 "Baloo 2",sans-serif}.settings-header button{width:46px;height:46px;padding:0;border:0;border-radius:14px;color:#176b55;background:rgba(23,107,85,.12);font:900 42px/38px "Baloo 2",sans-serif}.settings-card{display:grid;gap:25px;padding:24px 20px;border:3px solid rgba(9,72,57,.32);border-radius:24px;background:linear-gradient(#1b765e,#115b49);box-shadow:0 7px rgba(12,78,61,.22)}.settings-card+ .settings-card{margin-top:18px}.settings-card label>span{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;color:#fff;font:800 21px/1 "Baloo 2",sans-serif}.settings-card label b{color:#fff4a2}.settings-card input[type=range]{width:100%;accent-color:#fff06d}.player-profile.profile-close-button{display:grid;place-items:center}.profile-close-x{display:block;color:#fff;font:900 43px/1 "Baloo 2",sans-serif;text-shadow:0 2px 0 rgba(9,65,101,.42);transform:translateY(-1px)}
.cloud-save-card{gap:14px}.cloud-save-heading{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center}.cloud-save-heading>span{font-size:36px}.cloud-save-heading strong{display:block;color:#fff;font:900 24px/1 "Baloo 2",sans-serif}.cloud-save-heading p{margin:5px 0 0;color:#d9f3e4;font-size:13px;font-weight:700;line-height:1.35}.cloud-save-status{padding:10px 12px;border-radius:13px;color:#173c35;background:#fff3c4;font-size:13px;font-weight:900;text-align:center}.cloud-save-status.connected{background:#d9f36a}.cloud-save-status.error{color:#7e2d22;background:#ffd7cf}.cloud-save-email{display:block;color:#d9f3e4;text-align:center;font-weight:800;overflow-wrap:anywhere}.cloud-save-actions{display:grid;grid-template-columns:1fr;gap:9px}.cloud-save-actions:has(button+button){grid-template-columns:1fr 1fr}.cloud-save-actions button{min-height:50px;padding:10px 12px;border:0;border-radius:15px;color:#173c35;background:#fff06d;box-shadow:0 4px 0 #9b7711;font:900 16px/1 "Baloo 2",sans-serif}.cloud-save-actions button.secondary{color:#fff;background:rgba(255,255,255,.14);box-shadow:none;border:2px solid rgba(255,255,255,.35)}.cloud-save-actions button:disabled{opacity:.55;cursor:default;box-shadow:none}.cloud-save-dialog{width:min(430px,calc(100% - 28px));padding:0;border:4px solid #0b5745;border-radius:26px;background:#eff9df;box-shadow:0 20px 65px rgba(0,0,0,.38)}.cloud-save-dialog::backdrop{background:rgba(8,39,32,.68);backdrop-filter:blur(4px)}.cloud-dialog-body{position:relative;padding:26px 20px 22px;text-align:center}.cloud-dialog-close{position:absolute;top:10px;right:10px;width:38px;height:38px;padding:0;border:0;border-radius:50%;color:#176b55;background:#dcefd9;font:900 27px/1 "Baloo 2",sans-serif}.cloud-dialog-icon{display:block;font-size:46px}.cloud-dialog-body h2{margin:5px 0 7px;color:#176b55;font:900 31px/1 "Baloo 2",sans-serif}.cloud-dialog-body>p{margin:0 auto 18px;max-width:330px;color:#57766c;font-size:14px;font-weight:800;line-height:1.4}.cloud-provider-buttons{display:grid;gap:9px}.cloud-provider-buttons button,.cloud-email-row button{min-height:50px;border:0;border-radius:15px;color:#fff;background:#176b55;font:900 16px/1 "Baloo 2",sans-serif}.cloud-provider-buttons button:first-child{background:#111}.cloud-provider-buttons button:disabled,.cloud-email-row button:disabled{opacity:.45}.cloud-email-row{display:grid;grid-template-columns:minmax(0,1fr) 104px;gap:8px;margin-top:12px}.cloud-email-row input{min-width:0;padding:0 12px;border:3px solid #b7d4c5;border-radius:14px;background:#fff;font:800 14px/1 "Nunito",sans-serif}.cloud-email-row button{padding:0 10px;font-size:14px}.cloud-dialog-status{min-height:20px;margin:13px 0 0!important;color:#5d766f!important;font-size:12px!important}
.install-app-card{gap:12px;padding:16px}.install-app-heading{display:grid;grid-template-columns:48px 1fr;gap:11px;align-items:center}.install-app-heading img{width:48px;height:48px;border-radius:12px;box-shadow:0 3px 0 rgba(6,61,48,.35)}.install-app-heading strong{display:block;color:#fff;font:900 20px/1 "Baloo 2",sans-serif}.install-app-heading .install-app-status{display:inline-block;margin:4px 0 0;padding:4px 8px;border-radius:999px;color:#173c35;background:#d9f36a;font-size:11px;font-weight:900;line-height:1.1;text-align:left}.install-app-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.install-app-actions button{min-height:38px;padding:7px 5px;border:2px solid rgba(255,255,255,.34);border-radius:11px;color:#fff;background:rgba(255,255,255,.12);box-shadow:none;font:900 12px/1 "Baloo 2",sans-serif}.install-app-actions button.primary{border-color:#c69314;color:#173c35;background:#fff06d;box-shadow:0 3px 0 #9b7711}.pwa-help-dialog{width:min(390px,calc(100% - 28px));padding:0;border:4px solid #0b5745;border-radius:24px;background:#eff9df;box-shadow:0 20px 65px rgba(0,0,0,.38)}.pwa-help-dialog::backdrop{background:rgba(8,39,32,.68);backdrop-filter:blur(4px)}.pwa-help-body{position:relative;padding:22px 18px 18px;text-align:center}.pwa-help-body>img{width:58px;height:58px;border-radius:15px}.pwa-help-body h2{margin:9px 0 7px;color:#176b55;font:900 28px/1 "Baloo 2",sans-serif}.pwa-help-body p{margin:0 auto 17px;color:#57766c;font-size:14px;font-weight:800;line-height:1.4}.pwa-help-close{position:absolute;top:9px;right:9px;width:36px;height:36px;padding:0;border:0;border-radius:50%;color:#176b55;background:#dcefd9;font:900 25px/1 "Baloo 2",sans-serif}.pwa-help-done{min-width:112px;min-height:42px;border:0;border-radius:13px;color:#fff;background:#176b55;font:900 16px/1 "Baloo 2",sans-serif}

/* Profile icon picker */
.profile-screen-avatar{overflow:visible;background:#dff3d7}.profile-icon-art{width:100%;height:100%;display:block;border-radius:19px;object-fit:cover}.profile-screen-level{z-index:2}.avatar-customize{z-index:3}.profile-icon-dialog{width:min(440px,calc(100% - 22px));max-height:min(78dvh,720px);padding:0;overflow:hidden;border:4px solid #0b5745;border-radius:26px;background:#eff9df;box-shadow:0 20px 65px rgba(0,0,0,.4)}.profile-icon-dialog::backdrop{background:rgba(8,39,32,.68);backdrop-filter:blur(4px)}.profile-icon-dialog-body{position:relative;max-height:min(78dvh,720px);padding:22px 14px 18px;overflow:auto;text-align:center}.profile-icon-dialog-body h2{margin:0;color:#176b55;font:900 30px/1 "Baloo 2",sans-serif}.profile-icon-dialog-body>p{margin:6px 34px 16px;color:#638078;font-size:13px;font-weight:800;line-height:1.3}.profile-icon-close{position:absolute;top:10px;right:10px;width:36px;height:36px;padding:0;border:0;border-radius:50%;color:#176b55;background:#dcefd9;font:900 25px/1 "Baloo 2",sans-serif}.profile-icon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.profile-icon-option{min-width:0;padding:5px 5px 7px;border:3px solid transparent;border-radius:17px;background:rgba(255,255,255,.65);box-shadow:0 3px 0 rgba(15,83,65,.13)}.profile-icon-option img{width:100%;aspect-ratio:1;display:block;border-radius:12px;object-fit:cover}.profile-icon-option span{display:block;margin-top:5px;color:#315f54;font:900 10px/1.05 "Nunito",sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-icon-option.selected{border-color:#176b55;background:#d9f36a;box-shadow:0 4px 0 #8cae34}.profile-icon-option.selected::after{content:"✓";position:absolute}.profile-icon-option{position:relative}.profile-icon-option.selected::after{top:1px;right:1px;width:22px;height:22px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;color:#fff;background:#176b55;font:900 13px/1 "Nunito",sans-serif}

/* Restore the original persistent Coin HUD treatment inside Hop To It.
   Score remains centered; currency sits independently at the upper-right. */
body:has(.game-screen:not(.hidden)) .game-hud{position:relative;grid-template-columns:56px 1fr 92px}
body:has(.game-screen:not(.hidden)) .game-currency{position:absolute;z-index:12;top:50%;right:max(10px,env(safe-area-inset-right));min-width:86px;height:42px;display:flex;align-items:center;justify-content:flex-end;gap:5px;padding:4px 12px 4px 5px;border:3px solid #8c570e;border-radius:22px;color:#5c3608;background:linear-gradient(180deg,#fff8cb 0%,#ffd966 100%);box-shadow:inset 0 2px 0 rgba(255,255,255,.8),0 4px 0 #bd7614,0 7px 14px rgba(77,48,9,.2);transform:translateY(-50%);pointer-events:none}
body:has(.game-screen:not(.hidden)) .game-currency .currency-coin{width:35px;height:35px;flex:0 0 35px;margin-left:-2px;filter:drop-shadow(0 2px 1px rgba(99,53,5,.25))}
body:has(.game-screen:not(.hidden)) .game-currency strong{min-width:28px;font-family:"Baloo 2",sans-serif;font-size:21px;line-height:1;text-align:right}

@media(max-width:390px){.player-profile-hero{grid-template-columns:112px minmax(0,1fr);gap:14px}.profile-screen-avatar{width:112px;height:112px}.profile-screen-avatar>span{font-size:55px}.player-name-line{grid-template-columns:minmax(0,1fr) 32px;column-gap:12px}.player-name-line h1{font-size:27px}.name-edit{width:32px;height:32px;font-size:16px}.player-name-block p{margin-top:15px}.cloud-email-row{grid-template-columns:1fr}.cloud-save-actions:has(button+button){grid-template-columns:1fr}.install-app-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.install-app-actions button{font-size:11px;padding-inline:3px}.profile-icon-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.profile-icon-option span{font-size:9px}}