/* Original independent shrimp/world identity. Gameplay geometry stays in style.css. */
.title-lockup{display:flex;justify-content:center;align-items:flex-start;gap:18px}
.title-mark{width:48px;height:48px;flex:0 0 48px;margin-top:40px;image-rendering:pixelated}
.play-brand{position:absolute;top:9.2%;left:max(65px,calc(50% - 481px));width:144px;height:38px;z-index:6;pointer-events:none}
.play-brand img{display:block;width:100%;height:auto;image-rendering:pixelated}
.game[data-phase=idle] .play-brand,.game[data-phase=summary] .play-brand{display:none}
.game .summary-brand{display:block;flex:0 0 144px;width:144px;height:38px;background:url('/assets/brand-wordmark.svg') left center/contain no-repeat;font-size:0;text-shadow:none}
@media(max-width:900px){.play-brand{top:63px;left:50%;transform:translateX(-50%);width:100px;height:27px}}
@media(max-width:700px){.title-lockup{gap:8px}.title-mark{width:28px;height:28px;flex-basis:28px;margin-top:20px}.game .summary-brand{flex-basis:124px;width:124px;height:33px}.game.compact .play-brand{top:53px;width:72px;height:19px}}
@media(max-height:560px){.title-mark{width:28px;height:28px;flex-basis:28px;margin-top:12px}.play-brand{top:10px}.game.compact .play-brand{top:53px}}
@media(max-width:700px) and (max-height:350px){.game.compact .play-brand{display:none}}

.document-brand{display:inline-flex;align-items:center;gap:22px;text-decoration:none}.document-brand img{display:block;width:188px;height:auto;image-rendering:pixelated}.document-brand span{font-size:19px;letter-spacing:2px}
@media(max-width:400px){.document-brand{gap:16px}.document-brand img{width:162px}.document-brand span{font-size:17px}}