.coffee{position:absolute;z-index:40;top:max(10px,var(--sa-top,env(safe-area-inset-top)));right:calc(max(10px,var(--sa-right,env(safe-area-inset-right))) + 52px);display:block;width:42px;height:42px}
.app-screen.menu-closed .coffee{display:none}
.app-screen.menu-full .coffee{right:calc(max(10px,var(--sa-right,env(safe-area-inset-right))) + 106px);width:96px}
.coffee-link{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;height:100%;border:2px solid #fff8;border-radius:3px;background:#ffdd00;box-shadow:0 0 0 2px #0006,inset 0 0 0 1px #0002;text-decoration:none;-webkit-tap-highlight-color:transparent;animation:coffee-in .2s ease}
@media(hover:hover){.coffee-link:hover{background:#ffe838}}
.coffee-link:active{background:#f2d000}
.coffee-link svg{display:block;flex:none;width:18px;height:26px}
.coffee-cup{fill:#fff}
.coffee-outline{fill:#0d0c22}
@keyframes coffee-in{from{opacity:0}}
@media(prefers-reduced-motion:reduce){.coffee-link{animation:none}}
.coffee .coffee-tip{left:50%;width:max-content;max-width:none;translate:-50% 0;text-align:center;white-space:nowrap;pointer-events:none}
@media(hover:hover){.coffee:hover .coffee-tip{display:block}}
.coffee:has(.coffee-link:focus-visible) .coffee-tip{display:block}
.app-screen:has(#coffee:not([hidden])) .sidebar-brand{padding-right:108px}
.app-screen.menu-tabs:has(#coffee:not([hidden])) .menu-head{padding-right:108px}
.app-screen.menu-full:has(#coffee:not([hidden])) .menu-head{padding-right:230px}
.app-screen.menu-full:not(.menu-closed):has(#coffee:not([hidden])) #update-game{right:calc(max(10px,var(--sa-right,env(safe-area-inset-right))) + 212px)}