/* Leaderboard-only additions. No canvas, surface, viewport or control rules. */
.world-scroll{min-height:0;overflow:auto;flex:1;overscroll-behavior:contain}
#leaderboard .world-scroll table,#leaderboard .world-own{font-family:'HOHER Tutorial',system-ui,sans-serif;font-weight:400;table-layout:fixed}
#leaderboard .world-row th:first-child{width:40px;text-align:left;transform:none}
#leaderboard .world-row td:last-child{width:145px}
.world-you{background:#ffe6391a;border-radius:5px}
.world-value{display:inline-flex;align-items:center;gap:3px;white-space:nowrap;font-variant-numeric:tabular-nums}
.world-height-value{width:40px;justify-content:center}
.world-moon-value{display:inline-grid;grid-template-columns:auto 40px;column-gap:8px}
.world-moon-value .world-moon{justify-self:center}
.world-moon{width:20px;height:20px;flex:none;vertical-align:middle}
.world-value:has(.world-moon){font-size:.7em}
#leaderboard .world-row td:nth-child(2){overflow-wrap:anywhere;white-space:normal;font-size:clamp(14px,4vw,20px);line-height:1.2}
#leaderboard .world-row td:last-child{position:relative;text-align:right;white-space:nowrap;padding-right:21px}
#leaderboard .world-row th{font-variant-numeric:tabular-nums}
.world-status{min-height:16px;color:#fff3ca}
#start-screen .mini-score{grid-template-columns:19px minmax(0,1fr) auto}
#start-screen .mini-score>:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#start-screen .mini-score .world-moon{width:12px;height:12px}
#start-screen .world-height-value{width:32px}
#start-screen .world-moon-value{grid-template-columns:auto 32px;column-gap:6px}
.world-status:empty{display:none}.world-status{margin:0!important;font-size:12px!important}
.world-tools{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;flex:none}
.world-tools button{font-size:12px;min-height:32px;padding:5px 8px}
.world-prompt{max-width:350px;width:calc(100% - 40px);background:#101712;color:#fff;border:4px solid #ffeb39;border-radius:16px;padding:20px;font-family:'HOHER Tutorial',system-ui,sans-serif;text-align:center}
.world-prompt::backdrop{background:#0a100bd9}.world-prompt h2{color:#ffeb39;font-size:27px}.world-prompt p{font-size:17px}
.world-prompt input{box-sizing:border-box;width:100%;font:20px 'HOHER Tutorial',system-ui,sans-serif;min-height:42px;word-break:break-all}
.world-prompt input[readonly]{font:12px monospace}
.world-prompt>div{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:14px}.world-prompt button{font-size:17px}
@media(max-width:360px){#leaderboard .world-row td:last-child{width:125px}#leaderboard .world-row th:first-child{width:32px}}
.world-result-choices[hidden],.world-achievement[hidden]{display:none!important}
.world-result-choices{display:flex;justify-content:center;width:100%;flex:none;margin-top:6px}
.world-result-choices button{font:400 clamp(13px,3.7vw,17px)/1.1 'HOHER Tutorial',system-ui,sans-serif;padding:7px 10px;min-height:38px}
#game-over .world-achievement,#moon-end .world-achievement{font:400 clamp(20px,5.5vw,28px)/1.08 'HOHER Tutorial',system-ui,sans-serif;color:#ffdf31;text-shadow:1px 2px 0 #080d08;-webkit-text-stroke:1px #080d08;paint-order:stroke fill;margin:2px 0;min-height:30px;pointer-events:none;flex:none;letter-spacing:0}
#moon-end{overflow:auto}#moon-end .world-result-choices button{min-width:0}
#game-over{overflow:auto;pointer-events:none}
#game-over button{pointer-events:auto}
.world-death-normal{display:flex;flex-direction:column;align-items:center;gap:7px;width:100%;flex:none}
.world-death-normal[hidden]{display:none!important}
#game-over .world-achievement{max-width:100%;font-size:clamp(27px,7vw,40px);line-height:1.15;min-height:0;padding:12px 4px;overflow-wrap:normal}
.world-result-choices button{min-width:145px;min-height:44px;background:#ffe638;color:#101712;border:3px solid #080b08;border-radius:12px 9px 13px 10px;font-family:'Arial Black',system-ui,sans-serif;font-weight:1000;box-shadow:0 4px 0 #060806}
.world-registration button:first-child{background:#ffe638;color:#101712;font-weight:700;min-height:40px}
#leaderboard,#top-thumbs{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation}
.world-prompt input{user-select:text;-webkit-user-select:text;-webkit-touch-callout:default;font-size:20px}
.world-prompt input[readonly]{font-size:16px}
.world-prompt .world-recovery-key{display:block;box-sizing:border-box;width:100%;min-width:0;min-height:88px;margin:0;padding:8px;border:1px solid #b7c3bb;border-radius:6px;background:#fff;color:#17201a;font:16px/1.4 monospace;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-all;user-select:text;-webkit-user-select:text;-webkit-touch-callout:default;touch-action:auto}
.world-prompt .world-recovery-back{display:block;width:max-content;min-height:44px;margin:0 0 4px;padding:4px 8px;touch-action:manipulation}
@media(max-width:360px){.world-prompt .world-recovery-key{min-height:112px}}
/* Double-tap zoom is not a game action. Preserve pinch zoom and native input editing. */
html,body,main,.menu-screen,.world-prompt{touch-action:manipulation}
.world-prompt input{touch-action:auto}
.world-own-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;text-align:left;padding:6px;background:#ffe6391a;font:400 17px/1.2 'HOHER Tutorial',system-ui,sans-serif}
.world-own-entry:empty{display:none}.world-own-entry strong{grid-column:1/-1;color:#ffe639;font-size:15px;font-weight:400}.world-own-entry>span{overflow-wrap:anywhere}.world-own-entry .world-value{justify-self:end}
@media(max-height:580px){.world-death-normal{gap:4px}#game-over .world-achievement{font-size:27px}.world-result-choices{margin-top:4px}}
.world-result-details[hidden]{display:none!important}
.world-result-details{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;flex:none;font-family:'HOHER Tutorial',system-ui,sans-serif}
#game-over .world-result-details p,#moon-end .world-result-details p{margin:0;letter-spacing:0;font:400 clamp(17px,4.6vw,22px)/1.2 'HOHER Tutorial',system-ui,sans-serif}
#game-over .world-result-details .world-save-status,#moon-end .world-result-details .world-save-status{font-size:15px;color:#3d473d}
#moon-end .world-result-details .world-save-status{color:#d6dcca}
.world-result-details button{min-height:44px;padding:8px 14px;border:3px solid #080b08;border-radius:12px 9px 13px 10px;background:#ffe638;color:#101712;font:400 17px/1.1 'HOHER Tutorial',system-ui,sans-serif;box-shadow:0 4px 0 #060806;touch-action:manipulation}
.world-prompt .world-recovery-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px}
.world-prompt .world-recovery-actions .world-private-warning{margin:0;padding:8px 10px;border-left:3px solid #e9ae42;border-radius:4px;background:#e9ae4214;color:#e9bd65;font:400 14px/1.25 'HOHER Tutorial',system-ui,sans-serif;text-align:left}
.world-private-warning span{font-family:system-ui,sans-serif;margin-right:3px}
.world-prompt:has(.world-recovery-actions){padding:16px;max-height:calc(100dvh - 24px);overflow:auto}
.world-prompt:has(.world-recovery-actions) h2{margin:0 0 10px;font-size:25px}
.world-prompt:has(.world-recovery-actions)>p{font-size:16px;line-height:1.25;margin:8px 0}
.world-prompt:has(.world-recovery-actions)>p:empty{display:none}
@media(max-height:580px){.world-result-details{gap:8px}#game-over .world-achievement{padding:6px 4px}}
/* Player management lives behind the player's row or compact entry. */
#leaderboard{overflow:hidden}
#leaderboard .world-own[hidden],#leaderboard .world-options-link[hidden],#leaderboard .world-expand[hidden]{display:none!important}
#leaderboard .world-scroll{overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:0}
#leaderboard>h2,#leaderboard>.world-status,#leaderboard>.world-own,#leaderboard>.world-expand,#leaderboard>.world-options-link,#leaderboard>#close-leaderboard{flex:none}
#leaderboard .world-you{cursor:pointer;touch-action:manipulation}
#leaderboard .world-you td:last-child{position:relative;padding-right:21px}
.world-player-chevron{position:absolute;right:7px;top:50%;width:6px;height:6px;border-right:2px solid #ffe639;border-top:2px solid #ffe639;transform:translateY(-50%) rotate(45deg)}
#leaderboard .world-you:focus-visible,#leaderboard .world-own-entry:focus-visible,.world-options-link:focus-visible,.world-expand:focus-visible{outline:2px solid #ffe639;outline-offset:2px}
#leaderboard .world-own{width:100%;flex:none}
#leaderboard .world-own-entry{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:44px;margin:0;padding:8px 22px 8px 9px;border:1px solid #ffe63960;border-radius:5px;background:#ffe6391a;color:#fff3ca;box-shadow:none;cursor:pointer;font:400 clamp(13px,3.5vw,16px)/1.2 'HOHER Tutorial',system-ui,sans-serif;touch-action:manipulation}
#leaderboard .world-own-entry strong{grid-column:auto;color:#ffe639;font-size:inherit;white-space:nowrap}
#leaderboard .world-own-entry>span:not(.world-value):not(.world-player-chevron){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#leaderboard .world-own-entry .world-value{justify-self:end}
.world-options-link,.world-expand{min-height:36px;padding:6px 10px;border:0;background:transparent;color:#ffe639;box-shadow:none;font:400 14px/1.15 'HOHER Tutorial',system-ui,sans-serif;cursor:pointer;touch-action:manipulation}
.world-expand::after{content:'';display:inline-block;width:6px;height:6px;margin:0 0 3px 8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}
.world-expand.world-expanded::after{transform:rotate(225deg);margin-bottom:0}
.world-player-panel{box-sizing:border-box;max-width:350px;width:calc(100% - 40px);padding:18px;background:#101712;color:#fff;border:4px solid #ffeb39;border-radius:16px;font-family:'HOHER Tutorial',system-ui,sans-serif;text-align:center;max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 24px);overflow:auto;user-select:none;-webkit-user-select:none;touch-action:manipulation}
.world-player-panel::backdrop{background:#0a100bd9}
.world-player-panel h2{margin:0 0 15px;font-size:25px;color:#ffeb39}
.world-player-panel .world-tools{display:flex;flex-direction:column;gap:8px;margin:0}
.world-player-panel .world-tools button{width:100%;min-height:44px;font:400 17px/1.1 'HOHER Tutorial',system-ui,sans-serif}
/* Compact only the established player actions; leave registration and CLOSE alone. */
.world-player-panel .world-tools:not(.world-registration)>button{width:62%;min-width:max-content;align-self:center;white-space:nowrap}
.world-player-panel .world-tools:not(.world-registration)>button.glossy::before{display:none}
.world-player-panel .world-tools button[hidden]{display:none!important}
.world-player-panel>.world-options-link{margin-top:10px}
/* Replace only the old description image crop with live text in its original slot. */
#who-panel .who-copy{background-image:none;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:0 2px;color:#f4efdf;text-align:center;font-family:'HOHER Tutorial',system-ui,sans-serif}
#who-panel .who-copy p{margin:0;font:400 clamp(10px,min(4.2vw,2.4dvh),19px)/1.12 'HOHER Tutorial',system-ui,sans-serif;letter-spacing:0;text-shadow:0 2px #000}
#who-panel .who-copy mark{background:transparent;color:#ffe638}
@media(max-height:600px){#who-panel .who-copy{gap:3px}}
/* Miniature leaderboard: unchanged card size, typography and aligned columns. */
#start-screen #top-thumbs{grid-template-columns:minmax(0,1fr);justify-content:stretch}
#start-screen .mini-score{width:100%;grid-template-columns:18px minmax(0,1fr) auto;gap:5px;align-items:center;padding:0;font:400 clamp(12px,3.5vw,17px)/1.2 'HOHER Tutorial',system-ui,sans-serif;text-align:left}
#start-screen .mini-score b{background:transparent;border-radius:0;color:#ffe639;font:inherit;text-align:left;font-variant-numeric:tabular-nums}
#start-screen .mini-score>:nth-child(2){text-align:left}
#start-screen .mini-score>:last-child{justify-self:end;text-align:right;visibility:visible;font-variant-numeric:tabular-nums}

/* Each row uses only the value width it needs. All value slots and chevrons
   share the same right edge, regardless of whether this is the player's row. */
#leaderboard .world-scroll table,#leaderboard .world-scroll tbody{display:block;width:100%}
#leaderboard .world-row{display:grid;grid-template-columns:clamp(24px,7vw,32px) minmax(0,1fr) auto;align-items:center;column-gap:3px;margin:5px 0}
#leaderboard .world-row th:first-child{width:auto;padding:3px 0;text-align:left}
#leaderboard .world-row td:nth-child(2){min-width:0;padding:3px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal}
#leaderboard .world-row td:last-child,#leaderboard .world-you td:last-child{width:auto;min-width:0;padding:3px 16px 3px 0;overflow:visible}
#leaderboard .world-height-value{width:28px}
#leaderboard .world-moon-value{grid-template-columns:auto 28px;column-gap:5px}
#leaderboard .world-player-chevron{right:2px}
#leaderboard .world-own-entry{grid-template-columns:auto minmax(0,1fr) auto;gap:4px;padding-right:16px}
#leaderboard .world-expand{align-self:center;width:auto;min-height:44px;padding:6px 12px;margin:0;border:0;border-radius:0;background:transparent;color:#ffe639;box-shadow:none;font:400 14px/1.15 'HOHER Tutorial',system-ui,sans-serif;letter-spacing:0;transform:none}
#leaderboard .world-expand:disabled{opacity:1;cursor:wait}
#leaderboard .world-expand:active{transform:none;box-shadow:none}
@media(max-height:620px){#leaderboard .world-row{margin:2px 0}#leaderboard .world-row th:first-child,#leaderboard .world-row td:nth-child(2){padding-top:2px;padding-bottom:2px}}

/* Keep all ten entries visible alongside the personal strip on shorter phones. */
@media(max-height:740px){#leaderboard .world-row{margin:0}#leaderboard .world-row th:first-child,#leaderboard .world-row td:nth-child(2),#leaderboard .world-row td:last-child{padding-top:1px;padding-bottom:1px}}